@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,300;1,400;1,700&family=Noto+Sans+JP:wght@100;400;500;700&display=swap');
/* CSS Document */
html{
	font-size: 62.5%;
}
body, select, hibariinput, textarea,button {
	font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic Medium,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"ＭＳ Ｐゴシック",MS P Gothic,Verdana,sans-serif;
	-webkit-text-size-adjust : 100% ;
	font-size: 1.6rem;
	font-weight: 400;
	color: #4c4949;
	letter-spacing: 1.5px;
	line-height: 1.75;
	overflow: hidden;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, body { font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic Medium,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"ＭＳ Ｐゴシック",MS P Gothic,Verdana,sans-serif;}
}
a,
a:hover,
a:active,
a:focus,
a:visited{
	color:#444;
	text-decoration: none;
}
a#nav-toggle,
a#nav-toggle:hover{
	color: #FFF;
}
br.sp_br{
	display: none;
}
/* マウスカーソル
**************************************** */
#stalker {
	pointer-events: none;
	position: fixed;
	top: -8px;
	left: -8px;
	background-color: rgba(128,139,146,.2);
	width: 34px;
	height: 34px;
	border-radius: 50%;
	transition: transform 0.2s, top, 0.5s, left 0.5s, width 0.5s, height 0.5s, background-color 0.5s;
	transition-timing-function: ease-out;
	z-index: 999;
}
#stalker.hov_ {
  top: -32px;
  left: -32px;
  width: 64px;
  height: 64px;
  transition: 0.5s;
  background: rgba(255,0,0,0.4);
}
/**************************************** */
/* loadning
**************************************** */
#loading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    background-color: #FFF;
    transition: all 3s;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
.loaded {
  opacity: 0;
  visibility: hidden;
}
/**************************************** */

body{
	position: relative;
}
img{
	vertical-align: bottom;
}
.content{
	position: relative;
	background-color: #E8E8E8;
	z-index: 0;
}
.top_container{
	position: relative;
}
#top_about .content{
	padding-bottom: 0;
}
#page_top{
	position: fixed;
	bottom: 2em;
	right: 1em;
	z-index: 99;
}
.pageTopWrap {
    position: absolute;
}
.pageTopLink {
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #03CDC7;
}
.pageTopLink:before {
    content: "";
    position: absolute;
    width: 1px;
	height: 100px;
    background-color: #03CDC7;
}


/*[data-whatintent=mouse] .pageTopLink:hover:before {*/

.pageTopLink:before {
    animation: hover-line-up 1.6s infinite;
}
.pageTopLink:hover:before {
	background-color: #444;
}
.pageTopText {
	position: relative;
	display: inline;
    font-family: "Lato",YuGothic,游ゴシック,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
    font-weight: 500;
    letter-spacing: .02em;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	padding: 2.5em 0 1em 0;
	/*padding-left: 0.2em;*/
	border-radius: 10px;
	background: #FFF;
}
.pageTopText:before,
.pageTopText span:before {
	content: "";
	position: absolute;
	top: 20%;
	left: 49%;
	width: 7px;
	height: 7px;
	border-top: 1px solid #03CDC7;
	border-right: 1px solid #03CDC7;
	-webkit-transform:translateX(-50%)  translateY(-50%) rotate(-45deg);
	transform:translateX(-50%)  translateY(-50%) rotate(-45deg);
	-webkit-transition: all .3s ease;
	transition: all .5s ease;
}
.pageTopText span:before {
	top: 25%;
}
.pageTopWrap {
	right: 2.5rem;
	bottom: 2.9375rem;
}
.pageTopLink {
	max-height: 3.5rem;
	white-space: nowrap;
}
.pageTopLink:before {
	top: -9rem;
	left: 1.2rem;
	height: 6.875rem;
}
.pageTopText {
	font-size: 1.6rem;
}

@media screen and (max-width: 767px){
	#page_top{
		right: 1em;
	}
	.cFooter-pageTopWrap {
		left: 28.0625rem;
		bottom: 6.3125rem;
	}
	.pageTopLink:before {
		top: -4.0625rem;
		left: .95rem;
		height: 3.4375rem;
	}
	.pageTopText {
		font-size: 1.2rem;
	}
}
@keyframes hover-line-up{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:30px;
		opacity: 1;
	}
	100%{
		height:0;
		top:50px;
		opacity: 0;
	}
}
#page_top a img{
	width: 4vw;
}
.contact_area{
	position: relative;
	background-color: rgba(256,256,256,0.5);
	z-index: -1;
}
#about .contact_area{
	background-color: rgba(256,256,256,0.1);
	z-index: 1;
}

/* ▼▼▼  h1   ▼▼▼ */
header{
	z-index: 100;
	top: 0;
	background-color:rgba(255,255,255,0.5);
	position: fixed;
}
/*body{
	z-index: -100;
	transform:translate3d(0,0,0);/*for safari
}*/
footer h1{
	background-color: #eaf8f7;
	background-color: #FFF;
}
#nav-fullscreen h1{
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
	/*width: 30%;
	height: 94px;*/
}
header h1 img,
footer h1 img,
#nav-fullscreen h1 img{
	width: 300px;
	height: inherit;
	padding: 15px 20px;
	vertical-align: top;
}
.top_img{
	background-color: #FFF;
}
.slider-text{
	position: absolute;
	top: 30%;
	left: 170px;
}
.slick-slide .slider-text img{
	width: 50%;
	width: 30%;
	height: auto;
	margin-left: 0;
}
.slider-text .bg-wrap {
  position: relative;
  display: inline-block;
  margin-top: 5px;
}
.slick-current .slider-text .bg-wrap::before {
	animation: top_text_bg 5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	background-image: linear-gradient(-20deg, #03CDC7 0%, #8ddad5 100%);
	background-image: linear-gradient(-20deg, rgba(3,205,199,0.8) 0%, rgba(141,218,213,0.8) 100%);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-origin: left center;
}
.slider-text .bg-wrap .inn {
  color: #fff;
  display: inline-block;
  font-size: 50px;
  font-weight: bold;
  padding: 5px 15px;
  position: relative;
  z-index: 1;
}
.slider-text .bg-wrap .inn.f_icu{
	letter-spacing: 0.2em;
	padding-right: 0;
}
.slider-text .bg-wrap .inn.f_pain{
	padding-left: 0;
}
@keyframes top_text_bg {
  0% {
    opacity: 0;
    transform: scaleX(0) translateX(-5%);
  }
  30% {
    transform: scaleX(1) translateX(0);
  }
  100% {
    transform: scaleX(1) translateX(0);
  }
  30%, 100% {
    opacity: 1;
  }
}
.p-top-mv {
	width: 100%;
	/*height: calc(75vh - 50px);*/
	/*background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 16.666%), rgba(0, 0, 0, 0.2);*/
	/*position: absolute;
	top: 40vh;
	top: 0;
	left: 0;*/
	padding-top: 2em;
	z-index: 100;
	display: flex;
	justify-content: center;
	flex-direction: column;
	overflow: hidden;
}
.slick_item{
	width: 80%;
	width: 100%;
	margin: 0 auto;
}
li#slick-slide02 img{
	/*margin-top: -10%;*/
}
.slide-custom-dots{
    position: absolute;
	left: 0;
	bottom: 0;
    display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
    list-style: none;
    text-align: center;
	background-color: #03CDC7;
}
.slide-custom-dots li{
    position: relative;
    display: inline-block;
	width: 50px;
	height: 50px;
    margin-right: 15px;
    padding: 0;
    cursor: pointer;
}
.slide-custom-dots li:last-child{
	margin-right: 5%;
}
.slide-custom-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
	height: 0;
	padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
	background-color: darkolivegreen;
}
.slide-custom-dots li button:hover,
.slide-custom-dots li button:focus
{
    outline: none;
}
.slide-custom-dots li button:hover:before,
.slide-custom-dots li button:focus:before
{
    opacity: 1;
}
.slide-custom-dots li button:before
{
	content:"";
	display:block;
	width: 50px;
	height:3px;
	background-color:#FFF;
	position:absolute;
	top: 50%;
	/*left:10px;
	margin-left: 50px;*/
}
.slide-custom-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.p-top-mv__title {
	position: relative;
	/*left: calc(100vw / 6 * 3);*/
	/*width: 30%;*/
}

/*各文字フェードイン表示の指定*/
span.string {
	font-size: 300%;
	font-weight: 900;
    letter-spacing: 0.1em;
	-webkit-animation: anime_top-mv__string 0.74s cubic-bezier(0.54, 0, 0, 0.99) 1.0s forwards;
	animation: anime_top-mv__string 0.74s cubic-bezier(0.54, 0, 0, 0.99) 1.0s forwards;
	transform: translateY(120%);
	display: inline-block;
	/*background-color: #03cdc7;*/
}
span.string.green{
	color: #03cdc7;
	font-size: 500%;
}
span.string.text_large{
	letter-spacing: -0.5em;
}
#message span.string {
    font-family: 'Noto Serif JP', serif;
	font-size: 230%;
	font-size: 3vw;
}
@-webkit-keyframes anime_top-mv__string {
  0% {
    transform: translateY(120%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes anime_top-mv__string {
  0% {
    transform: translateY(120%);
  }
  100% {
    transform: translateY(0);
  }
}

.p-top-mv__title-split .word {
    overflow: hidden;
    /*display: block;*/
}
.p-top-mv__title-split .word.inline {
    display: inline-block;
}
.p-top-mv__title-split .word:not(:last-child) {
    /*margin-right: 0.25em;*/
}
.p-top-mv__title-lg {
    /*display: block;*/
    line-height: 1.13;
    margin-left: -0.3%;
	/*background-color: #03cdc7;*/
	margin-bottom: 0.6em;
	padding-left: 0.2em;
}

/* ▲▲▲  h1_animation   ▲▲▲ */
/* ▼▼▼  h2_animation  ▼▼▼ */
.about{
    overflow: hidden;
    position: relative;
    color: #444;
	padding: 0.5em 0;
}
h2.word{
	position: absolute;
    top: 1em;
    left: 0;
    margin: 0;
    width: 100%;
    height: 125px;
}
h2.word div{
	width: 100vw;
	overflow: hidden;
    height: 100%;
    background: transparent url("../img/text01.svg")0 0 repeat-x;
	-webkit-animation: about-anim 40s linear infinite normal;
	animation: about-anim 40s linear infinite normal;
	animation-iteration-count: 20;
	background-size: 1390px 92px;
}
@keyframes about-anim{
	0% { transform: translateX(0)}
	100% { transform: translateX(-100%)}
}

@media screen and (max-width: 767px){
	.about{
		height: auto;
	}
	h2.word{
		margin: 0;
		top: 1em;
	}
}	
/* ▲▲▲  h2_animation   ▲▲▲ */
/* ▲▲▲  scroll_KAGOSHIMA CITY HOSPITAL  ▲▲▲ */
	.top-scroll-type-wrap {
		position: relative;
		z-index: 3;
		overflow: hidden;
		width: 100%;
		height: 1em;
		line-height: 1em;
		background-color: #E7E7E7;
	}
	.top-scroll-type-wrap {
		position: absolute;
		top: 0;
		z-index: -3;
		font-size: 32rem;
	}
  .top-scroll-type-first {
    display: block;
    position: absolute;
    top: -0.04em;
    left: 0;
    color: #FFF;
    font-family: "Lato", sans-serif;
	letter-spacing: 0.1em;
    line-height: 1.1em;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation: bg-animation-first 90s -0s linear infinite normal;
            animation: bg-animation-first 90s -0s linear infinite normal;
    opacity: 0.55;
  }

  .top-scroll-type-second {
    display: block;
    position: absolute;
    top: -0.04em;
    left: 0;
    /*height: 80px;
    height: 37.3333333333vw;*/
    color: #FFF;
    font-family: "Lato", sans-serif;
    line-height: 1.1em;
	letter-spacing: 0.1em;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation: bg-animation-second 90s -45s linear infinite normal;
            animation: bg-animation-second 90s -45s linear infinite normal;
    opacity: 0.55;
}
.top-scroll-type-first,
.top-scroll-type-second{
	line-height: 1em;
	top: -0.04em;
	font-size: 32rem;
}
@-webkit-keyframes bg-animation-first {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes bg-animation-first {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}


@-webkit-keyframes bg-animation-second {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes bg-animation-second {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.text_content{
	padding-top: 2em;
	width: 60%;
	margin: 0 auto;
	letter-spacing: 0.3em;
	line-height: 2em;
}
.point_box_wrapper{
	background-color: #E7E7E7;
	padding: 5em 0 10em 0;
}
.point_box,
.training_about{
	position: relative;
	width: 70%;
	margin: 0 auto;
	background-color: #FFF;
	padding: 2em;
}
.training_about{
	padding: 2em;
	margin-bottom: 2em;
	box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
}
.point_box h2{
	text-align: center;
	font-size: 200%;
	letter-spacing: 0.5em;
	font-weight: 300;
	margin: 0 auto;
}
.point_box h2 span{
	border-bottom: 1px solid #707070;
	padding-left: 0.5em;
}
.point_box .point_sub_ttl{
	position: absolute;
	top: 0;
	left: -3em;
	line-height: 2em;
	letter-spacing: 0.2em;
	font-size: 150%;
	font-weight: normal;
	background-color: #03CDC7;
	padding: 0.25em 2em 0.25em 1em;
	color: #FFF;
	border-radius: 25px 0px 0px 25px;
	border-radius: 50px;
	transform:rotate(-12.5deg); 
}
.point_box .point_sub_ttl:before{
	content: '●';
	color: white;
	margin-right: 8px;
}
.point_box ul{
	display: flex;
	justify-content: space-between;
	padding-top: 2em;
}
.point_box ul li{
	border-right:1px solid #707070;
	text-align: center;
}
.point_box ul li img{
	display: block;
	width: 60%;
	margin: 0 auto;
	margin-bottom: 1em;
}
.point_box ul li:last-child{
	border: none;
}
.point_box ul li span{
	font-size: 120%;
	font-weight: bold;
}
.point_box ul li p{
	text-align: left;
	margin: 0.5em 1em 2em 1em;
}
#message{
	margin-bottom: 7.5em;
	position: relative;
	/*margin-top: 45vh;*/
}
#message h2{
	/*position: absolute;
	top: 0.5em;
	right: 0;*/
}
#message img{
	box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
}
#msgbox01:hover img,
#msgbox02:hover img,
#interview .photo_box:hover img:first-child,
.kch_info:hover img{
    -webkit-transition: transform .5s;
    transition: transform .5s;	
}
#msgbox01:hover img:hover,
#msgbox02:hover img:hover,
#interview .photo_box:hover img:first-child:hover,
.kch_info:hover img:hover{
	transform: scale(1.02, 1.02);
}

#training h2,
#message h2,
#interview h2,
#team h2,
#about h2,
#contact h2{
	font-size: 8vw;
	font-family: "lato","sans-serif";
	font-weight: 800;
    line-height: 1;
	opacity: 0.8;
	color: #03CDC7;
	text-align: right;
	margin-bottom: 0.25em;
	margin-right: 60px;
}
#training h2{
	font-size: 15rem;
	text-align: center;
	color: #444;
	opacity: 0.99;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.6em;
}
#training h2 span{
	font-size: 15rem;
}
#interview h2{
	padding-top: 0.25em;
}

.msg_heading{
	width: 70%;
	margin: 0 auto;
	margin-bottom: 3em;
	position: relative;
}
.msg_heading h3{
	text-align: left;
	border-bottom: 10px solid #dc0508;
	position: relative;
	display: inline-block;
	margin: 4em auto 3vw 0;
}
.msg_heading h3:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -20px;/*線の上下位置*/
	display: inline-block;
	width: 80%;/*線の長さ*/
	height: 5px;/*線の太さ*/
	/*-webkit-transform: translateX(-50%);
	transform: translateX(-50%);*/
	background-color: #dc0508;/*線の色*/
	border-radius: 2px;/*線の丸み*/
}
/* scroll-effect(text_animation)
**************************************** */
.msg_ttl_container{
	font-size: 350%;
	padding-top: 1em;
}
.msg_ttl{
	position: relative;
	display: flex;
	overflow: hidden;
	font-size: 100%;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.4em;
}
.msg_ttl:after{
	content: '';
    position: absolute;
    bottom: 0;
    width: 7.8em;
    height: 2px;
    background:#dc0508;
    transition: all 3s;
    transform: scale(0, 1);
    transform-origin: left top;
	display: inline-block;
}
#msgbox02 .msg_heading{
	width: auto;
	text-align: right;
	padding-right: 15%;
	padding-left: 0;
}
.msg_ttl:nth-child(2):after{
	width: 4.6em;
}
#msgbox02 .msg_ttl_container{
	text-align: right;
}
#msgbox02 .msg_ttl_container:after{
	right: 20%;
	width: 8.3em;
}
#msgbox02 .msg_ttl{
	justify-content: flex-end;
}
#msgbox02 .msg_ttl:nth-child(1):after{
	width: 4.6em;
}
#msgbox02 .msg_ttl:nth-child(2):after{
	width: 9.5em;
}
#msgbox02 .msg_ttl span{
	color: #FFF;
}
.msg_ttl_container.-visible:after,
.msg_ttl.-visible:after{
    transform: scale(1, 1);/*X方向にスケール拡大*/
}
.msg_ttl span {
  display: block;
  letter-spacing: 0.15em;
  transform: translate(0, 105%);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}

.msg_ttl.-visible span {
  transform: translate(0, 0);
}
.msg_ttl span:nth-child(2) {
  transition-delay: 0.36s;
}
.msg_ttl span:nth-child(3) {
  transition-delay: 0.42s;
}
.msg_ttl span:nth-child(4) {
  transition-delay: 0.48s;
}
.msg_ttl span:nth-child(5) {
  transition-delay: 0.54s;
}
.msg_ttl span:nth-child(6) {
  transition-delay: 0.60s;
}
.msg_ttl span:nth-child(7) {
  transition-delay: 0.66s;
}
.msg_ttl span:nth-child(8) {
  transition-delay: 0.72s;
}
.msg_ttl span:nth-child(9) {
  transition-delay: 0.78s;
}
.msg_ttl span:nth-child(10) {
  transition-delay: 0.84s;
}
.msg_ttl span:nth-child(11) {
  transition-delay: 0.9s;
}
.msg_ttl span:nth-child(12) {
  transition-delay: 0.96s;
}
br.pc1200_break{
	display: none;		
}
#msgbox02 .msg_heading h3 br{
	display:none;
}
#msgbox02 .msg_heading h3:before{
	left: inherit;
	right: 0;
	/*background-color: transparent;*/
}
#msgbox01,
#msgbox02{
	/*position: relative;*/
	/*z-index: -1;*/
}
.msg01{
	display: flex;
	/*margin-top: -15em;*/
}
.msg01 .msg_photo01{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.msg01 .msg_photo02{
	/*z-index: 10;*/
	width: 50%;
	overflow: hidden;
	text-align: left;
	text-align: right;
	margin-top: 22.5%;
	margin-right: 0;
	margin-left: -5%;
}
.msg01 .msg_photo02 img{
	width: 100%;
}
#msgbox01 .msg_text_container{
	background-color: #FFF;
}
#msgbox01 .msg_text{
	width: 70%;
	letter-spacing: 0.1em;
	font-weight: normal;
	/*margin: 5em auto;*/
	line-height: 2.1em;
	margin: 0 auto;
	margin-bottom: 1em;
}
#msgbox01 .msg_text:first-of-type{
	/*margin-top: -25%;
	padding-top: 30%;*/	
}
#msgbox01 .msg_text:last-of-type{
	padding-bottom: 5%;
}
#msgbox01 .msg_photo01_inner{
	position: relative;
	width: 80%;
}
#msgbox02 .msg_photo01_inner{
	position: relative;
	width: 35%;
}
#msgbox01 .msg_photo01_inner img{
	width: 90%;
}
#msgbox02 .msg_photo01_inner img{
	width: 100%;
}
#msgbox01 .msg_photo01_inner ul,
#msgbox02 .msg_photo01_inner ul{
	position: absolute;
	bottom: 1em;
	right: 5%;
	background-color: #FFF;
	z-index: 10;
	padding: 0.5em 4em;
	letter-spacing: 0.2em;
	border-bottom: 2px solid #dc0508;
}
#msgbox01 li,
#msgbox02 li{
	font-size: 130%;
	font-style: italic;
	text-align: left;
}
#msgbox01 li:last-child,
#msgbox02 li:last-child{
	font-size: 160%;
	text-align: right;
}
#msgbox02{
	margin-top: 10%;
	position: relative;
	margin-bottom: -5%;
}
.msg02{
	position: relative;
	background-color: #03CDC7;/*	
	justify-content: space-between;*/
	margin-left: 30%;
	padding-bottom: 20%;
}
.msg02 .mag02_bg{
}
.msg02 .msg02_inner{
	/*background-color: #03CDC7;*/
	padding-right: 1em;
	padding-top: 2em;
	position: relative;
}
.msg02 .msg02_inner .msg_container{
	width: 100%;
}
.msg02 .msg02_inner .msg_container p.msg_text{
	width: 70%;
	margin: 0 auto;
	padding-left: 5%;
	text-align: left;
	color: #FFF;
	letter-spacing: 0.1em;
	font-weight: 400;
	line-height: 2.5em;
	z-index: 100;
	background-color: #03CDC7;
}
.msg02 .msg02_inner .msg_container img{
	width: 40%;
	padding-right: 10%;
	background-color: #03CDC7;
}
#msgbox02 .msg_photo01{
	position: absolute;
	top: 10%;
	left: 0;
	width: 100%;
}
#msgbox02 .msg_photo01 img{
}
#msgbox02 ul{
	/*position: absolute;
	top: -40%;
	left: 5.5%;
	background-color: #FFF;
	width: 15%;
	z-index: 10;
	padding: 1em 2em;
	border-bottom: 2px solid #dc0508;*/
}
#msgbox02 .msg_photo02{
	position: relative;
	z-index: 0;
	text-align: center;
	padding-bottom: 10%;
	margin-top: 12%;
}
#msgbox02 .msg_photo02_bg01{
	position: absolute;
	top: -60%;
	right: 0;
	background: #FFF;
	width: 40%;
	height: 60%;
	z-index: 1;
}
#msgbox02 .msg_photo02 img{
	width: 60%;
	margin: 0 auto;
	margin-top: -5%;
	margin-bottom: 5%;
	position: relative;
	z-index: 5;
}
#msgbox02 .msg_photo02_bg02{
	position: absolute;
	bottom: 30%;
	background-color: #03CDC7;
	width: 40%;
	height: 20%;
	z-index: 10;
}
#msgbox02 .msg_photo02_bg03{
	position: absolute;
	bottom: 28%;
	background-color: #dc0508;
	width: 30%;
	height: 10px;
	z-index: 10;
}
#msgbox02 .msg_photo02_bg04{
	position: absolute;
	bottom: 26%;
	background-color: #dc0508;
	width: 16%;
	height: 5px;
	z-index: 10;
}
#top_interview #interview h2,
#top_about #about h2,
#top_about #team h2,
#contact h2{
	padding: 0.25em;
	/*margin-top: 85px;*/
	margin-bottom:  0;
}
#result,
#team,
#related_facilities{
	display: block;
	margin-bottom: 10em;
}
#home #team{
	margin-bottom: 0;
}
#training .training_inner{
	width: 80%;
	margin: 0 auto;
}
.training_about h4{
	font-weight: bold;
	font-size: 120%;
	margin-top: 2em;
	margin-bottom: 1em;
	color: #078581;
}
.training_about h4:first-child{
	margin-top: 0;
}
.training_about h4 p.t_num{
	position: relative;
	font-size: 80%;
}
.training_about h4 p.t_num:after{
	content: "";
    position: absolute;
    width: 36px;
    height: 1px;
    left: 32px;
    top: 45%;
    background-color: #078581;
}
.top_img_title_box{
	overflow: hidden;
	position: relative;
	display: block;
	min-height: 460px;
	text-decoration: none;
	background-color: #34373e;
	transition: all .5s ease;
  }
.top_img_title_box img{
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform-origin: center center;
    transform: translate(-50%, -50%);
    -webkit-transition: transform .5s;
    transition: transform .5s;
/*}
.top_img_title_box img {*/
    transform: scale(1.02, 1.02)translate(-50%, -50%);
  }

.l-top-title_box{
    position: relative;
    background-color: #fff;
  }

.top-title_box-inner{
	cursor: default;
	overflow: hidden;
	position: relative;
	display: block;
	min-height: 460px;
	text-decoration: none;
	background-color: #34373e;
	transition: all .5s ease;
}
#about .top-title_box-inner{
	background-color: #03CDC7;
}
.top-title_box-inner:hover {
	opacity: 1;
	background-color: #292c32;
}

/*top-title_box-inner:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 40px;
	right: 2.8571428571vw;
	width: 12px;
	height: 12px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: translateY(50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	-webkit-transition: all .3s ease;
	transition: all .5s ease;
}
*/
.top-title_box-inner:hover::before {
	right: 35px;
	right: 2.5vw;
}



  /* テキスト情報
    ----------------------- */
  .top-title_box-info {
    overflow: hidden;
    width: 50%;
    max-width: 600px;
    margin-left: 50%;
    padding: 5vw 0 0 5vw;
  }

  .top-title_box-ttl {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 10px;
    padding: 12px 22px;
    color: #333;
    font-size: 14px;
    font-family: "YakuHanJP", NotoSansJP-regular;
    line-height: 1;
    letter-spacing: 0;
    background-color: #faf221;
  }

  .top-title_box-ttl:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    display: block;
    background: #fff;
    transform-origin: right top;
    transform: scale(0, 1);
    -webkit-transition: transform .1s;
    transition: transform .1s;
  }

  .top-title_box-ttl:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    background: #faf221;
    transform-origin: right top;
    transform: scale(0, 1);
    -webkit-transition: transform .3s;
    transition: transform .3s;
  }

  .top-title_box-inner:hover .top-title_box-ttl:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }

  .top-title_box-inner:hover .top-title_box-ttl:after {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .top-title_box-headline {
    color: #333;
    font-size: 26px;
    line-height: 1;
	margin-bottom: 2em;
  }
#result .top-title_box-headline,
#team .top-title_box-headline,
#related_facilities .top-title_box-headline{

}
  .top-title_box-marker {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 10px;
    padding: 10px 16px;
    background-color: #fff;
  }

  .top-title_box-marker:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    background: #faf221;
    background-color: #03CDC7;
    transform-origin: right top;
    transform: scale(0, 1);
    -webkit-transition: transform .3s;
    transition: transform .3s;
  }

  .top-title_box-inner:hover .top-title_box-marker:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }

  .top-title_box-txt {
    max-width: 400px;
    margin-top: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 2.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }


  /* 画像
    ----------------------- */
  .top-title_box-img {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    float: right;
    width: 50%;
    height: 460px;
    height: 32.8571428571vw;
    min-height: 460px;
  }
  .top-title_box-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform-origin: center center;
    transform: translate(-50%, -50%);
    -webkit-transition: transform .5s;
    transition: transform .5s;
  }
  .top-title_box-inner:hover .top-title_box-img img {
    transform: scale(1.02, 1.02)translate(-50%, -50%);
  }
	#result .top-title_box-img img {
		 width: 50%;
		 top: 35%;
	}
	#team .top-title_box-img img{
		height: 550px;
		width: auto;
		top: 30%;
	}
  /* Case Study */
  .top-title_box-casestudy {
    position: absolute;
    bottom: 67px;
    bottom: 4.7857142857vw;
    right: 79px;
    right: 5.6428571429vw;
    width: 142px;
    width: 10.1428571429vw;
    max-width: 142px;
  }

#result h2,
#related_facilities h2{
	font-size: 6vw;
	text-align: center;
	color: #34373e;
	opacity: 0.9;
	margin-bottom: 0;
	padding-left: 0.225em;
}
#training h2 span,
#result h2 span,
#team h2 span,
#related_facilities h2 span{
	color: #FFF;
	/*font-size: 8vw;*/
	font-family: brandon-grotesque, sans-serif;
	font-weight: 800;
}
#training h2 span{
	font-size: inherit;
}
#related_facilities h2 span{
	font-size: 6vw;
}
#training h3{
	font-size: 160%;
	width: 25%;
	margin: 2em auto;
	line-height: 2em;
	text-align: center;
	color: #FFF;
	background-color: #444;
}
#training h5{
	text-align: center;
	font-size: 140%;
	font-weight: bold;
	padding-bottom: 1em;
}
#training .training_inner h3{
	width: 40%;
}
#training .training_program{
	text-align: center;
}
#training .training_program .work_schedule_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#training .work_schedule_box ul.style {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	margin-bottom: 3em;
}
#training .work_schedule_box ul.style > li {
	flex-basis: calc(50% - 0.5em);
	margin-right: 0.5em;
	list-style: none;
	box-sizing: border-box;
}
#training .work_schedule_box ul.style > li:last-child {
	/*margin-right: 0;*/
}
#training .work_schedule_box ul.work_group{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
	margin-bottom: 0.5em;
	border-radius: 10px;
	box-shadow: 5px 10px 20px rgba(0,0,0,0.25);
}
#training .work_schedule_box ul.work_group li.item_box{
	flex-basis: 25%;
	text-align: center;
	border-right: 1px solid #078581;
}
#training .work_schedule_box ul.work_group li.item_box p.line3{
	line-height: 3.5em;
}
#training .work_schedule_box ul.work_group li.details{
	flex-basis: 75%;
	padding: 0 1em;
	padding-right: 0;
}
#training .work_schedule_box ul.work_group li.details span.small_text{
	font-size: 80%;
}
#training .work_schedule_box ul.work_group li.details ul{
	align-items: center;
}
#training .work_schedule_box ul.work_group li.details span.day_square{
	display: inline-block;
	text-align: center;
	width: 6em;
	line-height: 1.5em;
	color: #FFF;
	background: #666;
	margin-right: 0.5em;
}
#training .work_schedule_box ul li.item_box p{
	margin-bottom: 0.5em;
}
#training .work_schedule_box ul li.item_box span{
	font-size: 120%;
	font-weight: bold;
}
#training .work_schedule_box ul li.item_box span.day{
	font-weight: normal;
	color: #FFF;
	background-color: #078581;
	vertical-align: middle;
	border-radius: 50%;
	line-height: 1em;
	padding: 0.15em 0.4em 0.2em 0.4em;
}
#training .work_schedule_box ul.work_group{
	padding: 0.25em;
	border-top: none;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	min-height: 7em;
}
#training .work_schedule_box ul.work_group > ul li{
	width: 100%;
}
#training .work_schedule_box ul.work_group > ul li span.s_text{
	color: firebrick;
	font-size: 90%;
}
#training .tbl_box img{
	width: 100%;
	margin-bottom: 4em;
}
#training ul.r_facilities{
	width: 80%;
	margin: 0 auto;
	margin-bottom: 4em;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#training ul.r_facilities.core{
	margin-bottom: 1em;
}
#training ul.r_facilities li,
#related_facilities ul.r_facilities_list li{
	display: inline-block;
	line-height: 2em;
	text-align: center;
	background: #078581;
	margin-left: 0.25em;
	flex-basis: calc(25% - .25em);
}
#training ul.r_facilities li:first-child{
	margin-left: 0;
}
/*#training ul.r_facilities li:last-child{
	margin-left: 0;
	margin-top: 0.25em;
}*/
#training ul.r_facilities li a,
#related_facilities ul.r_facilities_list li a{
	display: block;
	text-align: center;
	padding: 0.5em 2em;
	color: #FFF;
}
#training ul.r_facilities li a img,
#related_facilities ul.r_facilities_list li a img{
	height: 1.2em;
	padding-left: 0.25em;
	vertical-align: middle;
}
#training #table01 {
	margin-bottom: 2em;
}
#training table {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	width: 90%;
	table-layout: fixed;
}

#training table tr {
	background-color:rgba(68,68,68,0.1);
	background-color:rgba(255,255,255,0.9);
	padding: .35em;
	border-bottom: 1px solid rgba(68,68,68,0.5);
	border-left: 1px solid rgba(68,68,68,0.5);
}
#training table th{
  padding: 1em;
  border-right: 1px solid #FFF;
}
#training table td {
  padding: 1em;
  border-right: 1px solid rgba(68,68,68,0.5);
}
#training table td {
	text-align: center;
	vertical-align: middle;
}
#training #table01 td{
	font-family: "lato","Noto Sans JP","sans-serif";
	font-weight: bold;
}
#training #table01 td:first-child {
	font-weight: normal;
}
#training table td:first-child {
	font-size: 100%;
}
#training table th span{
	display: block;
}
#training table thead th{
	text-align: center;
}
#training table thead tr{
  background-color: #078581;
  color:#fff;
}
#training table tbody th {
    background: #444;
    color: #fff;
}
#training table .thead th{
	text-align: center;
}
#training table#tbl_course td span{
	display: block;
}
#training .notice{
	width: 90%;
	margin: 0 auto;
	text-align: right;
}
#training .notice p{
	font-size: 90%;
}
#interview a,
#team a{
	color: #444;
	text-decoration: none;
    transition: all .4s ease-out;
    outline : none;
}
#interview .top-interview_scroll{
	position: relative;
	text-align: center;
	/*margin-bottom: 10em;*/
	background-color:rgba(3,205,199,0.5);
	/*background:url("../img/bg_img_interview.jpg") 0 bottom no-repeat;
	background-size: cover;*/
}
#interview p.top_text{
	width: auto;
    margin: 2em auto 4em auto;
    text-align: center;
}
#interview p.top_text span{
	font-size: 130%;
	line-height: 2.25em;
	letter-spacing: 0.25em;
	background-color: rgba(255,255,255,0.7);
	padding-left: 0.5em;
	padding-bottom: 0.25em;
}
#interview p.top_text br.pc_br{
	display: block;
}
  .loop_wrap {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
	padding: 1em 0;
	width:  auto;
    overflow: hidden;
  }

  .loop_wrap ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0;
    padding: 0;
  }

.loop_wrap li {
	display: flex;
	position: relative;
	width: 20.5vw;/*入れ子効かないIE用*/
	height: auto;
	padding-right: 20.5vw;
	margin: 0;
	list-style: none;
	text-align: center;
}
.loop_wrap li::before{
    content:"";
	position:absolute;
	top:15%;
    bottom:15%;
    left:50%;
-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(-50%, 0);
	width:80%;
    height:70%;
    background-color: #FFF;
	opacity: 0.7;
	z-index: -1;
}

.loop_wrap li a {
	margin: 0;
	padding: 0;
	margin-top: auto;
	display: block;
	width: 20.5vw;
}
/*原田 那津美先生*/
/* .loop_wrap ul li:nth-child(1):hover {
	background: url("../img/interview/interview_scroll_01_hover.png") 50% bottom no-repeat;
	background-size: 240px auto;
	background-size: calc(100vw / 8) auto;
} */
/*原田浩輝先生*/
.loop_wrap ul li:nth-child(1):hover {
	background: url("../img/interview/interview_scroll_02_hover.png") 50% bottom no-repeat;
	background-size: 240px auto;
	background-size: calc(100vw / 8) auto;
}
/*平川　愛先生*/
/* .loop_wrap ul li:nth-child(2):hover {
	background: url("../img/interview/interview_scroll_09_hover.png") 50% bottom no-repeat;
	background-size: calc(100vw / 8) auto;
} */
/*秋山北斗先生*/
/* .loop_wrap ul li:nth-child(3):hover {
	background: url("../img/interview/interview_scroll_03_hover.png") 50% bottom no-repeat;
	background-size: calc(100vw / 8) auto;
} */
/*山中 陽光先生*/
.loop_wrap ul li:nth-child(2):hover {
	background: url("../img/interview/interview_scroll_04_hover.png") 50% bottom no-repeat;
	background-size: calc(100vw / 8) auto;
}
/*白石一光先生*/
.loop_wrap ul li:nth-child(3):hover {
	background: url("../img/interview/interview_scroll_05_hover.png") 50% bottom no-repeat;
	background-size: calc(100vw / 8) auto;
}
/*岡山奈穂子先生*/
.loop_wrap ul li:nth-child(4):hover {
	background: url("../img/interview/interview_scroll_06_hover.png") 50% bottom no-repeat;
	background-size: calc(100vw / 8) auto;
}
/*安藤美佐子先生*/
.loop_wrap ul li:nth-child(5):hover {
	background: url("../img/interview/interview_scroll_07_hover.png") 50% bottom no-repeat;
	background-size: calc(100vw / 8) auto;
}
/*槐島愛子先生*/
/* .loop_wrap ul li:nth-child(8):hover {
	background: url("../img/interview/interview_scroll_08_hover.png") 50% bottom no-repeat;
	background-size: calc(100vw / 8) auto;
} */



.loop_wrap ul li a:hover {
	display: block;
}
.loop_wrap ul li:hover img{
	opacity: 0;
}
.loop_wrap ul li:hover img.interview_name{
	opacity: 1;
}
.loop_wrap li img {
	display: block;
	width: calc(100vw / 8);
	padding: 0;
	margin: 0 30%;
	height: auto;
	opacity: 0.95;
}
.loop_wrap li img.interview_name{
	margin: 0;
	position: absolute;
	left: 50%;
	bottom: 30%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.loop_wrap li a:hover {
	opacity: .7;
}

.loop_wrap ul:first-child {
	-webkit-animation: loop 50s -25s linear infinite;
	animation: loop 50s -25s linear infinite;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform;
}

.loop_wrap ul + ul {
-webkit-animation: loop2 50s  linear infinite;
animation: loop2 50s linear infinite;
}

.loop_wrap:hover ul {
	animation-play-state: paused;
}
#data,
#interview{
	background-color: #fff;
}
#interview .interview_inner{
	background:url("../img/bg_img_interview.jpg") 0 bottom no-repeat;
	background-size: cover;
	padding-top: 2em;
}
#top_interview #interview,
#top_about #top{
	margin-top: 0;
	padding-bottom: 10em;
}
#top_interview #interview h2{
	margin-bottom:  0;
}
#home /*#team p.btn-interview_list,
#interview */p.btn-interview_list{
	text-align: center;
	padding-bottom: 5em;
}
#home p.btn-interview_list a {
	position: relative;
	display: inline-block;
	color: #1f2427;
	padding: 0.75em 1.5em;
	background-color:rgba(3,205,199,0.5); 
}
#home p.btn-interview_list a::before{
	content: ' ';
	position: absolute;
	top: -0.5em;
	left: -2em;
	width: 100%;
	height: 4em;
	background: rgba(3,205,199,0.5);
	z-index: -1;
}
#home p.btn-interview_list a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #1f2427;
}
#home p.btn-interview_list a span{
	font-family: "lato","Noto Sans JP","sans-serif";
	font-size: 1.8rem;
	font-weight: bold;
	padding-right: 2em;
	display: block;
	background: url("../img/arrow_next.png") 100% 50% no-repeat;
	background-size: auto 1em;
}
.btn-interview_list a::after {
	animation: btn_ani 2s infinite forwards;
	animation-delay: -1s;
}
#interview .sub_content_box{
	width: 80%;
	margin: 2em auto 0 auto;
	padding-bottom: 2em;
}
#interview .interview_wrap{
	position: relative;
	background: linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%);
	background-blend-mode: normal,color-burn;
	padding: 1em 5% 2em;
	display: flex;
	flex-wrap: wrap;
}
#interview .interview_wrap:nth-child(2n+1){
	flex-direction: row-reverse;
}
#interview .interview_wrap .interview_menu{
	flex: 1;
}
#interview .interview_wrap .photo_box{
	max-width: calc(40% * 1);
}
#interview .interview_wrap .interview_menu{
	padding-top: 1em;
	padding-bottom: 4em;
}
#interview .interview_wrap .photo_box{
	position: relative;
	text-align: center;
	display: flex;
	align-items: flex-end;
}
#interview .interview_wrap:nth-child(2n) .photo_box img{
	margin-left: auto;
}
#interview .interview_wrap:nth-child(2n+1) .photo_box img{
	margin-right: auto;
}

#interview .interview_wrap .photo_box img{
	width: 75%;
}
#interview .interview_wrap:nth-child(2n) .photo_box img.d_name{
	width: 50%;
	position: absolute;
	top: 50%;
	top: 38%;
	left: -4em;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

#interview .interview_wrap:nth-child(2n+1) .photo_box img.d_name{
	width: 50%;
	position: absolute;
	top: 50%;
	top: 38%;
	right: -2em;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

#interview .interview_menu p.entry_num{
	font-family: "lato","Noto Sans JP","sans-serif";
	margin-bottom: 0.5em;
}
#interview .interview_menu h3,
#interview .interview_box p.question{
	font-size: 150%;
	font-weight: bold;
	color: #444;
	letter-spacing: 0.25em;
	line-height: 1.5em;
	margin-bottom: 0.5em;
}
#interview .interview_menu ul li{
	display: inline-block;
	padding-right: 1em;
	font-size: 80%;
}
#interview .interview_menu .msg{
	margin-top: 1em;
	letter-spacing: 0.1em;
	color: #444;
}
#interview .interview_menu .q_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0.5em auto;
}
#interview .interview_menu a{
	color: #444;
	display: flex;
	align-items: center;
	text-align: center;
	border:1px solid #03CDC7;
	background-color: #FFF;
	line-height: 1.5em;
	margin-top: 1em;
	margin-right: 1em;
	padding: 0.25em 1em;
	width:calc(50% - 1em / 2);
}
#interview .interview_menu a span{
	flex: 1;
}
#interview .interview_menu a:nth-child(2n){
	margin-right:0;
}
#interview .interview_menu a:nth-child(2n){
	margin-right: 0;
}
/*#interview p.btn_more{
	margin-top: 1em;
	text-align: center;
}
#interview p.btn_more span{
	font-weight: bold;
	background-image: linear-gradient(transparent 60%, #03CDC7 50%);
	margin-top: 2em;
}*/
/* ▼▼▼ btn_more accordion ▼▼▼*/
.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6em; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
	/*background: inherit;*/ /* 開いた時にグラデーションを消す */
	/*height: 0;*/
}
.cp_box label:bofore {
	line-height: 1.5rem;
	position: absolute;
	z-index: 2;
	bottom: 0.5em;
	bottom: 2em;
	left: 50%;
	width: 10rem;
	font-family: FontAwesome;
	content: 'view more';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #444;
	background-image: linear-gradient(transparent 50%, #03CDC7 50%);
}
.cp_box label:after {
	line-height: 0.5rem;
	position: absolute;
	z-index: 2;
	bottom: 0.5em;
	bottom: 2em;
	left: 50%;
	padding-bottom: 1em;
	width: 10em;
	font-family: "lato","Noto Sans JP","sans-serif";
	font-weight: bold;
	content: 'READ MORE';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	background-image: linear-gradient(transparent 90%, #03CDC7 10%);
}

.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 3em; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: 'close';
	bottom: 3em;
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 2em; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}
/* ▲▲▲ btn_more accordion_box ▲▲▲ */

#interview .interview_wrap:nth-child(2n+1) .photo_left{	
	background-size: 40%;
	padding-left: 42%;
}
#interview .interview_wrap:nth-child(2n+1) .photo_right{
	background-size: 40%;
	padding-right: 42%;
}
#interview .interview_wrap:nth-child(2n) .photo_left{
	background-size: 40%;
	padding-right: 42%;
}
#interview .interview_wrap:nth-child(2n) .photo_right{
	background-size: 40%;
	padding-left: 42%;
}
.cp_box.no01 .cp_container dl.photo_left{
	background: url("../img/interview/akiyama01.jpg") 0 bottom no-repeat;
	background-size: 40%;
}
.cp_box.no01 .cp_container dl.photo_right{
	background: url("../img/interview/akiyama02.jpg") right bottom no-repeat;
	background-size: 40%;
}
.cp_box.no02 .cp_container dl.photo_left{
	background: url("../img/interview/yamanaka01.jpg") 0 bottom no-repeat;
	background-size: 40%;
}
.cp_box.no02 .cp_container dl.photo_right{
	background: url("../img/interview/yamanaka02.jpg") right bottom no-repeat;
	background-size: 40%;
}
.cp_box.no03 .cp_container dl.photo_left{
	background: url("../img/interview/shiraishi01.jpg") right bottom no-repeat;
	background-size: 40%;
}
.cp_box.no03 .cp_container dl.photo_right{
	background: url("../img/interview/shiraishi02.jpg") 0 bottom no-repeat;
	background-size: 40%;
}
.cp_box.no04 .cp_container dl.photo_left{
	background: url("../img/interview/okayama01.jpg") 0 bottom no-repeat;
	background-size: 40%;
}
.cp_box.no04 .cp_container dl.photo_right{
	background: url("../img/interview/okayama02.jpg") right bottom no-repeat;
	background-size: 40%;
}
.cp_box.no05 .cp_container dl.photo_left{
	background: url("../img/interview/ando01.jpg") right bottom no-repeat;
	background-size: 40%;
}
.cp_box.no05 .cp_container dl.photo_right{
	background: url("../img/interview/ando02.jpg") 0 bottom no-repeat;
	background-size: 40%;
}
/* .cp_box.no06 .cp_container dl.photo_left{
	background: url("../img/interview/kijima01.jpg") right bottom no-repeat;
	background-size: 40%;
}
.cp_box.no06 .cp_container dl.photo_right{
	background: url("../img/interview/kijima02.jpg") 0 bottom no-repeat;
	background-size: 40%;
}
.cp_box.no07 .cp_container dl.photo_left{
	background: url("../img/interview/harada_n01.jpg") right bottom no-repeat;
	background-size: 40%;
}
.cp_box.no07 .cp_container dl.photo_right{
	background: url("../img/interview/harada_n02.jpg") 0 bottom no-repeat;
	background-size: 40%;
} */
.cp_box.no06 .cp_container dl.photo_left{
	background: url("../img/interview/harada_k01.jpg") 0 bottom no-repeat;
	background-size: 40%;
}
.cp_box.no06 .cp_container dl.photo_right{
	background: url("../img/interview/harada_k02.jpg") right bottom no-repeat;
	background-size: 40%;
}
.cp_box.no07 .cp_container dl.photo_left{
	background: url("../img/interview/hirakawa01.jpg") 0 bottom no-repeat;
	background-size: 40%;
}
.cp_box.no07 .cp_container dl.photo_right{
	background: url("../img/interview/hirakawa02.jpg") right bottom no-repeat;
	background-size: 40%;
}

#interview .interview_box dl{
	margin: 3em 0 3em 0;
}
#interview .interview_box dl:last-child{
	margin-bottom: 6em;
}
#interview .interview_box dt.question{
	font-size: 150%;
	font-weight: bold;
	color: #444;
	letter-spacing: 0.25em;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	padding-left: 2.5em;
	text-indent: -2.5em;
}
#interview .interview_box dt.question span{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	display: inline-block;
	color: white;
	background: #03CDC7;
	border-radius: 50%;
	width: 2em;
	padding-left: 0.2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	margin-right: 0.5em;
	text-indent: 0;
}
#interview .interview_box dd.msg{
	padding-left: 3.8em;
	letter-spacing: 0.1em;
	margin-bottom: 2em;
}
.l-top-team .top-team-img{
	position: relative;
}
.l-top-team .top-team-img img{
	display: block;
	width: 80%;
	margin: 0 auto;
    -webkit-transition: transform .5s;
    transition: transform .5s;
}
#data{
	background:url("../img/data_bg.png") 0 bottom repeat #FFF;
	padding: 2em 0 10em 0;
	margin-top: 10em;
}
#data h2{
	text-align: center;
}
#data h2 img{
	width: 70%;
	margin: 3em auto;
}
#data ul{
	width: 70%;
	margin: 0 auto;
/*	background: #FFF;*/
	display: flex;
	flex-wrap: wrap;
}
#data li{
	flex-basis: 50%;
	margin-bottom: 1em;
	text-align: center;
	background-color:rgba(3,205,199,0.1);
	background-color: #e5faf9;
}
#data li.data_ttl{
	padding-top: 1em;
	text-align: left;
}
#data li.data_ttl .ttl_num{
	display: inline-block;
	background-color: #03CDC7;
	/*background-color: #42b1a7;*/
	color: #FFF;
	font-family: 'Noto Serif JP', serif;
	font-size: 230%;
	font-weight: bold;
	padding: 0.1em 0.5em;
	margin: 0.5em;
	margin-top: 0;
	vertical-align: top;
}
#data li.data_ttl .data_question{
	position: relative;
	display: inline-block;
	font-size: 160%;
	color: #444;
	padding: 0.5em 0;
}
#data li.data_ttl .data_question span{
	color: #42b1a7;
	color: #03CDC7;
}
#data li.data_ttl .data_question:before{
	content: '鹿児島市立病院';
	position: absolute;
	top: -1em;
	top: 0.7em;
	left: 0;
	color: #03CDC7;
	font-size: 40%;
}
#data li.data_ttl .data_question.all_br{
	line-height: 1.2em;
}
#data li.data_ttl .data_question.all_br br.sp_br{
	display: block;
}
#data li.data_ttl .data_question.all_br:before{
	top: -0.7em;
}
#data li.data_ttl .graph_box{
	text-align: center;
}
#data ul.part01 li,
#data ul.part02 li{
	flex-basis: calc(50% - 0.5em);
}
#data ul.part01 li:first-child{
	margin-right: 1em;
}
#data ul.part01 li img{
	width: 80%;
	padding: 0 1em;
}
#data ul.part02 li.data_ttl{
	flex-basis: 100%;
	margin-bottom: 1em;
	padding-bottom: 2em;
}
#data ul.part02 li.data_ttl img{
	width: 40%;
	margin: 0 1em;
}
#data ul.part02 li img{
	margin-right: 0;
}
#team .text_half_box{
	width: 80%;
	margin: 0 auto;
	margin-top: -5vw;
	padding-top: 0%;
	background: -webkit-linear-gradient(top, transparent 0%, transparent 50%, white 50%, white 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 50%, #03CDC7 50%, #03CDC7 100%);
    height: 10vw;
	position: relative;
	opacity: 0.5;
}
#team h2.text_half {
	font-weight: 900;
	font-size: 10vw;
	top: 48%;
	top: 50%;
	left: 50%;
	margin: 0;
	-webkit-transform: translate(-50%, -46.8%);
	-moz-transform: translate(-50%, -46.8%);
	-ms-transform: translate(-50%, -46.8%);
	-o-transform: translate(-50%, -46.8%);
	transform: translate(-50%, -42%);
	position: absolute;
	color: #FFF;
	white-space: nowrap;
	opacity: 1;
}
#team h2.text_half:before {
	content:attr(data-inverted);
	overflow:hidden;
	position:absolute;
	left:0;
	top:0%;
	height:54%;
	height: 42%;
	color:#03CDC7;
}
/* ▼▼▼ keyframes ▼▼▼ */
@keyframes hover-line-up {
	100% {transform: scale(1, 0);transform-origin: 0 0;}
	70% {transform: scale(1, 1);transform-origin: 0 0;}
	30% {transform: scale(1, 1);transform-origin: 0 100%;}
	0% {transform: scale(1, 0);transform-origin: 0 100%;}
}
@keyframes btn_ani {
	0% {transform: scale(0, 1);transform-origin: 0 0;}
	30% {transform: scale(1, 1);transform-origin: 0 0;}
	70% {transform: scale(1, 1);transform-origin: 100% 0;}
	100% {transform: scale(0, 1);transform-origin: 100% 0;}
 }
@-webkit-keyframes loop {
0% {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
to {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
}

@keyframes loop {
0% {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
to {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
}

@-webkit-keyframes loop2 {
0% {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
to {
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
}
}

@keyframes loop2 {
0% {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
to {
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
}
}

/* ▲▲▲ keyframes ▲▲▲ */

/* ▼▼▼ navigation styles ▼▼▼ */
#nav-container {
	z-index: 998;
	position: fixed;
	top: 0;
	right: 0;
	padding: 28px 30px;
	background-color:rgba(3,205,199,0.7);
}

#nav-toggle {
	display: block;
	width: 28px;
	height: 30px;
	cursor: pointer;
	transform: rotate(0deg);
}

#nav-toggle span {
  background-color: #FFF;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  display: block;
  position: absolute;
  left: 0;
  content: "";
  transition: 0.5s ease-in-out;
}

#nav-toggle span:nth-child(1) {
  top: 4px;
  transform-origin: left center;
}

#nav-toggle span:nth-child(2) {
  top: 12px;
  transform-origin: left center;
}

#nav-toggle span:nth-child(3) {
  top: 20px;
  transform-origin: left center;
}

#nav-toggle.open span:nth-child(1) {
	transform: rotate(45deg);
	top: 8px;
	top: 4px;
	left: 4px;
}

#nav-toggle.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-toggle.open span:nth-child(3) {
	transform: rotate(-45deg);
	top: 28px;
	top: 24px;
	left: 4px;
}

#nav-overlay {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  transition: 1s;
  transform: scale3d(0, 0, 0);
}

#nav-overlay.open {
  transform: scale3d(1, 1, 1);
}

#nav-fullscreen {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  transition: ease-in-out 0.25s;
  transition-delay: 0s;
  visibility: hidden;
  opacity: 0;
}
#nav-fullscreen ul {
	list-style: none;
	width: auto;
}
#nav-fullscreen .nav_menu_container{
	width: auto;
}
#nav-fullscreen #pp_box.nav_info{
	background-color: transparent;
	margin: 0;
	padding: 0;
	bottom: 0;
}
#nav-fullscreen #pp_box.nav_info .info_box_wrapper{
	line-height: 0.5em;
	width: auto;
	margin-left: 2em;
}
#nav-fullscreen #pp_box.nav_info .info_box_wrapper .btn-copy{
	color: #000;
}
#nav-fullscreen #pp_box.nav_info a.btn_contact{
	background-color: #FFF;
	-webkit-filter: drop-shadow(0px 8px 10px rgba(256,256,256,.8));
	filter: drop-shadow(0px 5px 10px rgba(256,256,256,.8));
}
#nav-fullscreen ul li{
	flex-basis: calc(20vw - 1em);
	margin-right: 1em;
	font-family: "lato","sans-serif";
}
#nav-fullscreen ul li:nth-child(3n){
	margin-right: 0;
}
#nav-fullscreen a {
	color: white;
	text-decoration: none;
}
#nav-fullscreen .info_box_wrapper{
	width: 60vw;
	margin: 0 auto;
}
#nav-fullscreen .info_box{
	margin: 0 auto;
	position: relative;
	left: auto;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	bottom: 8vw;
}
#nav-fullscreen .info_box .contact p{
	color: #444;
}
#nav-fullscreen.open {
  visibility: visible;
  opacity: 1;
  transition: ease-in-out 0.5s;
  transition-delay: 0.25s;
}
*, *:before, *:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}
body {
  color: #000;
}

#nav-overlay {
	background: linear-gradient(180deg, #FF512F 10%, #FF512F 50%, #DD2476 90%);
	background-image: linear-gradient(to top, #03CDC7 0%, #078581 100%);
	background-image: linear-gradient(to top, rgba(3,205,199,0.8) 0%, rgba(7,133,129,0.8) 100%);
	background: linear-gradient(180deg, #03CDC7  10%, #03CDC7  50%, #FFF 80%);
}
#nav-fullscreen {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	color: white;
	font-size: 5rem;
}
#nav-fullscreen li:hover {
	  list-style: disc;
}
/* ▲▲▲ navigation styles ▲▲▲ */
/* menu toggle */
#cp_toggle02 {
	display: none;
}
.cp_mobilebar {
	display: none;
}
.cp_content {
	margin: 0 auto;
	padding: 20px;
	height: 65vh;
	text-align: center;
}
#about #result{
	position: relative;
	background: url("../img/ttl_img_result.jpg") 0 0 no-repeat #E8E8E8;
	background-size: calc(100vw / 6 * 4);
	background-size: calc(100vw * 0.66666666);
	background-color: #E8E8E8;
	height: 60vw;
	margin-bottom: calc(100vw / 6);
}
#about #result .result_inner{
	position: relative;
}
.grid_bg_left:after{
	content: '';
	position: absolute;
	top: calc(100vw / 3);
	left: 0%;
	width: calc(100vw / 6);
	height: calc(100vw / 3);
	background-color: #03CDC7;
}
#related_facilities ul.r_facilities_list{
	text-align: center;
	margin-top: 4vw;
}
#related_facilities ul.r_facilities_list li{
	display: block;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	line-height: 3em;
	margin-bottom: 1em;
	margin-left: 2em;
}
#related_facilities ul.r_facilities_list li a{
	width: 100%;
	flex: 1;
}
#about #result .result_data_bg{
	position: absolute;
	top: calc(100vw / 12);	
	right: 0;
	background-color:#FFF;
	background-color:  rgba(256,256,256,0.7);
	width: calc(100vw / 6 * 4);
}
#about #result section.result_data{
	margin: 4vw;
}
#about #result section.result_data h3 span{
	position: relative;
}
#about #result section.result_data h3 span:before{
	content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
#about #result table#tbl_result{
	width: 80%;
	margin: 2em auto 2em 0;
}
#about #result table#tbl_result thead th{
	width: 100%;
	background-color: #03CDC7;
	background-color: #078581;
	color: #FFF;
	padding: 0.5em 0;
	text-align: center;
}
#about #result #tbl_result th,
#about #result #tbl_result td{
	text-align: center;
	background-color: #03CDC7;
	color: #FFF;
	padding: 1em 0.25em;
	width: 25%;
	vertical-align: middle;
}
#about #result #tbl_result td{
	font-size: 200%;
	padding: 0.25em;
	padding-bottom: 0.5em;
	font-family: "lato","sans-serif";
	font-weight: bold;
}
#about #result #tbl_result thead th span,
#about #result section.result_data p span{
	display: block;
	font-size: 80%;
	position: relative;
	width: 11em;
	margin: 0 auto;
}
#about #result #tbl_result thead th span:before,
#about #result #tbl_result thead th span:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 1.5em;
	height: 1px;
	background-color: #FFF;
}
#about #result table#tbl_result thead th span:before{
	left: 0;
}
#about #result table#tbl_result thead th span:after{
	right: 0;
}
#about #result section.result_data ul.result_list{
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	margin-bottom: 5vw;
}
#about #result section.result_data ul.result_list li{
	background-color: #e5faf9;
	background-color: #03CDC7;
	color: #03CDC7;
	color: #FFF;
	flex-basis: 25%;
	padding: 0.5em;
	text-align: center;
}
#about #result section.result_data ul.result_list li p{
	display: inline;
	line-height: 1.2em;
}
#about #result section.result_data ul.result_list li span{
	background-color: #e5faf9;
	background-color: #03CDC7;
	color: #03CDC7;
	color: #FFF;
	display: block;
	height: 2.5em;
	line-height: 2.5em;
	font-size: 150%;
}
#about #result table#tbl_result td span.text_btm{
	display: inline;
	font-size: 60%;
}
#about #result section.result_data ul.f_list{
	margin: 2em 0;
}
#about #result section.result_data ul.f_list li{
	margin-bottom: 1em;
}
#about #result section.result_data ul.f_list li span{
	background-color: #e5faf9;
	background-color: #444;
	color: #03CDC7;
	color: #FFF;
	line-height: 3em;
	display: inline-block;
	padding-right: 1em;
}
#about #result h3,
#about #related_facilities h3{
	font-size: 3.461vw;
	font-weight: 300;
}
#about #related_facilities h3 span{
	font-size: 94%;
	font-weight: 200;
	vertical-align: text-top;
}
#about #result h3 span{
	font-size: 1vw;
}
#about #related_facilities {
	position: relative;
	background-color: #FFF;
	background-color:  rgba(256,256,256,0.7);
	height: 50vw;
	margin-bottom: 0;
}
#about #related_facilities .r_facilities_inner{
}
.grid_bg_right:after{
	content: '';
	position: absolute;
	top: calc(100vw / 6);
	right: 0%;
	width: calc(100vw / 6);
	height: calc(100vw / 3);
	background-color: #FFF;
	background-color: #078581;
}
#about #related_facilities .r_facilities_data_bg{
	background:url("../img/facility_kch.jpg") 100% 0 no-repeat #E8E8E8;
	background-size: cover;
	position: absolute;
	top: calc(100vw / 6);
	top: 0;
	right: 0;
	background-color:#FFF;
	width: calc(100vw / 6 * 3);
	height: calc(100vw / 6 * 2);
}
#about #related_facilities section.r_facilities_data{
	padding: 4vw;
	position: absolute;
	top: 0;
	left: 0;
}
#about #team{
	margin-top: calc(100vw / 6);
	margin-top: 0;
}
#team .animation_box{
	position: relative;
}
#home #team h2{
	padding-top: 0.25em;
}
#home #team .l-top-title_box,
#about #team .l-top-title_box{
	position: relative;
	padding-bottom: 3em;
	/*height: 30vw;
	margin-bottom: 3vw;*/
	text-align: center;
	background-color: #03CDC7;
}
#home #team .l-top-title_box:hover,
#about #team .l-top-title_box:hover{
	background-color: #078581;
	opacity: 0.8;
}
#home #team .team_text_box,
#about #team .team_text_box{
	width: 100%;
	text-align: center;
	/*margin-top: -5em;*/
	/*background-color: #FFF;*/
	position: absolute;
	bottom: 1em;
}
#home #team .team_text,
#about #team .team_text{
	position: relative;
	color:#03CDC7;
	display: inline-block;
    font-size: 50px;
    font-weight: bold;
    padding: 5px 15px;
}
#home #team .team_text::before,
#about #team .team_text::before {
	animation: top_text_bg 5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
	background-color: rgba(256,256,256,0.95);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-origin: left center;
}
#home #team .team_text span,
#about #team .team_text span{
	position: relative;
	z-index: 10;
}
@keyframes team-title-anim{
	0% { transform: translateX(0%)}
	100% { transform: translateX(100)}
}

#home #team .l-top-title_box img,
#about #team .l-top-title_box img{
	width: 70%;
	height: auto;
	text-align: center;
}
#home .view_more_box{
	background-color: #FFF;
	padding-top: 5em;
}
#home #team .view_more_box{
	padding-top: 5em;
}
#about #team .l-top-title_box img.text_team_msg{
	position: absolute;
	top: auto;
	bottom: -5vw;
	left: 50%;
	width: 40%;
	height: auto;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
}
#about #team .l-top-title_box:before{
	transform: rotate(-90deg);
	font-size: calc(100vw / 6);
	position: absolute;
	height: calc(100vw / 6);
	background-color: #03CDC7;
	background-color: #FFF;
}
#about #team ul.team_container{
	width: 80%;
	margin: 0 10%;
	display: flex;
	flex-wrap: wrap;
	padding: 0 5.5%;
	padding-top: 2em;
	background-color: #eaf8f7;
	background-color: #FFF;
}
#about #team ul.head_team_container{
	width: 80%;
	margin-top: 10vw;
	/*padding: 0 20%;*/
	/*margin-top:  calc(100vw / -6 + 100vw / 24);*/
	padding-top:  calc(100vw / 24);
}
#about #team ul.team_container.n_regular{
	padding-top: 0;
	padding-bottom: 5vw;
}
#about #team ul.team_container li.card{
	flex-basis: 20%;
	margin-bottom: 1em;
	position: relative;
}
#about #team ul.head_team_container li.card{
	flex-basis: 50%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}
#about #team .photo_container{
	position: relative;
}
#about #team ul.head_team_container li.card .photo_container{
	flex-basis: 50%;
}
#about #team ul.head_team_container ul.specialist{
	flex-basis: 50%;
	padding-top: 4em;
}
#about #team .photo_container:before{
	content: ' ';
	position: absolute;
	bottom: 0.5em;
	left: 0;
	display: inline-block;
	font-family: 'Dancing Script', cursive;
	font-family: "Lato","sans-serif";
	font-style: italic;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	transform:rotate(180deg);
	font-size: 1vw;
	color: #03CDC7;
	z-index: 10;
	border-left: 1px solid #03CDC7;
}
#about #team .n_regular .photo_container:before{
	bottom: auto;
	top: 50%;
	left: 50%;
	transform: none;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	writing-mode: horizontal-tb;
	border: none;
	width: 100%;
	text-align: center;
}

#about #team ul.team_container li.card:nth-child(1) .photo_container:before{
	content: 'Yasuyuki Kakihana';
}
#about #team ul.team_container li.card:nth-child(2) .photo_container:before{
	content: 'Tetsuya Ohnou';
}
#about #team ul.team_container li.card:nth-child(3) .photo_container:before{
	content: 'Rina Aoki';
}
/* #about #team ul.team_container li.card:nth-child(3) .photo_container:before{
	content: 'Misako Ando';
} */
/* #about #team ul.team_container li.card:nth-child(4) .photo_container:before{
	content: 'Hiromi Murayama';
} */
#about #team ul.team_container li.card:nth-child(4) .photo_container:before{
	content: 'Shohei Iwakawa';
}
#about #team ul.team_container li.card:nth-child(5) .photo_container:before{
	content: 'Takahiro Futatsuki';
}
#about #team ul.team_container li.card:nth-child(6) .photo_container:before{
	content: 'Hiroki Hrada';
}
#about #team ul.team_container li.card:nth-child(7) .photo_container:before{
	content: 'Takeshi Kodama';
}
#about #team ul.team_container li.card:nth-child(8) .photo_container:before{
	content: 'Yoko Yamanaka';
}
/* #about #team ul.team_container li.card:nth-child(12) .photo_container:before{
	content: 'Makiko Fujii';
}
#about #team ul.team_container li.card:nth-child(13) .photo_container:before{
	content: 'Hayato Nakamura';
} */
 #about #team ul.team_container li.card:nth-child(9) .photo_container:before{
	content: 'Akihiro Yoshida';
}
#about #team ul.team_container li.card:nth-child(10) .photo_container:before{
	content: 'Takayuki Taniguchi';
}
#about #team ul.team_container li.card:nth-child(11) .photo_container:before{
	content: 'Satoko Ogura';
}
#about #team ul.team_container li.card:nth-child(12) .photo_container:before{
	content: 'Emi Nishimura';
}
#about #team ul.team_container li.card:nth-child(13) .photo_container:before{
	content: 'Ryoko Higashi';
}
#about #team ul.team_container li.card:nth-child(15) .photo_container:before{
	content: 'Toko Shiramomo';
}

#about #team ul.team_container li.card:nth-child(14) .photo_container:before{
	content: 'Yoko Asami';
}
/* #about #team ul.team_container li.card:nth-child(16) .photo_container:before{
	content: 'Kaori Sai';
} */
#about #team ul.team_container li.card:nth-child(16) .photo_container:before{
	content: 'Miyu Akiyama';
}
#about #team ul.team_container li.card:nth-child(17) .photo_container:before{
	content: 'Takashi Ijuin';
}
/* #about #team ul.team_container li.card:nth-child(19) .photo_container:before{
	content: 'Yuki Makiuchi';
}
#about #team ul.team_container li.card:nth-child(20) .photo_container:before{
	content: 'Yuji Kaieda';
}
#about #team ul.team_container li.card:nth-child(21) .photo_container:before{
	content: 'Hokuto Akiyama';
} */
#about #team ul.team_container li.card:nth-child(18) .photo_container:before{
	content: 'Chisato Arita';
}
#about #team ul.team_container li.card:nth-child(19) .photo_container:before{
	content: 'Maho Kuniyoshi';
}
#about #team ul.team_container li.card:nth-child(20) .photo_container:before{
	content: 'Taiga Hidaka';
}
/* #about #team ul.team_container li.card:nth-child(20) .photo_container:before{
	content: 'Satsuki Akimoto';
} */
#about #team ul.team_container li.card:nth-child(21) .photo_container:before{
	content: 'Nagisa Imafuku';
}
/* #about #team ul.team_container li.card:nth-child(17) .photo_container:before{
	content: 'Kazuki Ikari';
} */

#about #team ul.head_team_container li.card:nth-child(1) .photo_container:before{
	content: 'Junichiro Hamasaki';
}
#about #team ul.head_team_container li.card:nth-child(2) .photo_container:before{
	content: 'Masataka Nakamura';
}
/* #about #team ul.team_container.n_regular li.card:nth-child(1) .photo_container:before{
	content: 'Chisato Nakamura';
} */
#about #team ul.team_container.n_regular li.card:nth-child(1) .photo_container:before{
	content: 'Misako Ando';
}
#about #team ul.team_container.n_regular li.card:nth-child(2) .photo_container:before{
	content: 'Mayumi Tashiro';
}
#about #team ul.team_container.n_regular li.card:nth-child(3) .photo_container:before{
	content: 'Ai Hirakawa';
}
#about #team ul.team_container.n_regular li.card:nth-child(4) .photo_container:before{
	content: 'Minako Uchino';
}
#about #team ul.team_container.n_regular li.card:nth-child(5) .photo_container:before{
	content: 'Yurina Higa';
}
#about #team ul.team_container.n_regular li.card:nth-child(6) .photo_container:before{
	content: 'Kohei Hashiguchi';
}

#about #team ul.team_container li.card .photo_container{
	/*width: 80%;
	margin: 0 auto;*/
}
#about #team ul.team_container li.card img{
	display: block;
	width: 70%;
	margin: 0 auto;
}
#about #team ul.head_team_container li.card img{
	width: 80%;
}
#about #team ul.team_container li.card:nth-child(4n){
	margin-right: 0;
}
#about #team .photo_container .name_box,
#about #team .n_regular .name_box{
	width: 70%;
	margin: 0 auto;
	position: absolute;
	bottom: 1em;
	left: 50%;
	right: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	color: #000;
	background-color: #FFF;
	padding: 0.25em 0.5em;
	letter-spacing: 0.2em;
	border: 1px solid #e8e8e8;
	border-bottom: 2px solid #03CDC7;
}
#about #team .n_regular .name_box{
	position: relative;
	top: 0;
	right: auto;
	left: 0;
	transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
}
#about #team .n_regular .name_box li,
#about #team .photo_container .name_box li{
	font-size: 0.6vw;
	text-align: left;
}
#about #team .n_regular .name_box li:last-child,
#about #team .photo_container .name_box li:last-child{
	font-size: 0.8vw;
	text-align: right;
}
#about #team .photo_container .name_box li.small_text{
	font-size: 0.5vw;
	line-height: 1em;
}
#about #team ul.head_team_container .photo_container .name_box li:last-child{
	font-size: 1vw;
}
#about #team ul.specialist li{
	width: 90%;
	margin: 0 auto;
	font-size: 0.6vw;
	letter-spacing: 0.1em;
	background-color: transparent;
	margin-bottom: 0;
}
#about #team .n_regular ul.specialist{
	margin-top: 1em;
}
#about #team ul.head_team_container ul.specialist li{
	flex-basis: 50%;
	width: 100%;
}
#about #team ul.head_team_container ul.specialist li.Professor{
	font-size: 60%;
	margin-bottom: 0.2em;
}
#pp_box{
	position: relative;
	padding: 7em 0;
	background: rgba(256,256,256,0.5);
}
.info_box{
	padding: 5em 0;
	text-align: center;
	background: #FFF;
}
.info_box .contact{
	padding: 0.5vw 1vw;
}
.info_box .contact p{
	width: 100%;
	margin: 0;
	text-align: center;
}
.info_box .contact a{
	width: 60%;
	display: block;
	text-align: center;
	background: #03CDC7;
	margin: 1em auto 0 auto;
	color: #FFF;
	line-height: 3em;
}
#top_interview #pp_box,
#top_about #pp_box{
	/*margin-bottom: 7vw;*/
}
 #pp_box .btn,
 #pp_box a.btn{
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5em;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
#pp_box .btn-copy {
	font-size: 1.5rem;
	font-weight: bold;
	position: relative;
	margin-bottom: .4em;
	text-align: center;
}
#pp_box .btn-copy:before {
  margin-right: 1rem;
  content: '＼';
}
#pp_box .btn-copy:after {
  margin-left: 1rem;
  content: '／';
}
#pp_box a.btn_contact {
	color: #000;
	background-color: rgba(3,205,199,0.3);
	border-bottom: 5px solid rgba(3,205,199,0.9);
	position: relative;
	padding: 0.5em 3em;
	padding-right: 3.5em;
	border-radius: 100vh;
}
#pp_box a.btn_contact:hover {
  color: #000;
  background: rgba(3,205,199,0.3);
  margin-top: 3px;
  border-bottom: 2px solid rgba(3,205,199,0.9);
}
#pp_box a.btn_contact i.fa {
  margin-right: 1rem;
}
#pp_box a.btn_contact:before {
  font-family: 'Font Awesome 5 Free';
  font-size: 100%;
  line-height: 1;
  position: absolute;
  top: calc(50% - .9rem);
  right: 1rem;
  margin: 0;
  padding: 0;
  content: '\f054';
}
#top_interview .scroll_box,
#top_about .scroll_box{
	background-color: #E7E7E7;
}


footer{
	background-color: #eaf8f7;
	background-color: #03CDC7;
	background-color:rgba(3,205,199,0.7);
	position: relative;
	font-size: 16px;
}
footer .footer_inner{
	display: flex;
	margin: 5vw;
}
footer .footer_inner li.menu_info{
	flex-basis: 80%;
}
footer .footer_inner li.kch_info img{
	box-shadow: 5px 8px 10px rgba(0,0,0,0.25);
}
footer ul.footer_menu_ttl,
footer ul.footer_menu_list{
	padding-bottom: 0.3em;
	display: flex;
}
footer ul.footer_menu_list{
	padding-top: 0;
}
footer .footer_menu_ttl li,
footer ul.flist_link{
	font-family: "lato","sans-serif";
	flex-basis: 8vw;
	min-width: 8vw;
	flex-basis: 15%;
	min-width: 15%;
	color: #FFF;
	text-align: left;
	line-height: 2em;
}
footer .footer_menu_ttl li.w150,
footer ul.flist_link.w150{
	flex-basis: 150px;
	min-width: 150px;
	flex-basis: 9vw;
	min-width: 9vw;
	flex-basis: 17%;
	min-width: 17%;
}
footer .footer_menu_ttl li.w180,
footer ul.flist_link.w180{
	flex-basis: 180px;
	min-width: 180px;
	flex-basis: 12vw;
	min-width: 12vw;
	flex-basis: 20%;
	min-width: 20%;
}
footer ul.flist_link li{
	line-height: 1.5em;
	font-size: 80%;
	padding-bottom: 0.8em;
}
footer .footer_menu_ttl li a,
footer ul.flist_link li a,
footer .kch_info p{
	color: #FFF;
	font-weight: 300;
	letter-spacing: 0.15em;
}
footer ul.flist_link li a span.small_text{
	font-size: 50%;
	font-weight: 300;
}
footer .kch_info p{
	font-size: 80%;
}
footer .footer_menu_ttl li a{
	letter-spacing: 0.2em;
	font-weight: bold;
}
footer .kch_info li a{
}
footer .kch_info img{
	height: 10vw;
	width: auto;
	margin-bottom: 1em;
}
footer ul.link_box{
	width: 100%;
	height: 50px;
	display: flex;
	flex-flow: row-reverse;
	padding: 0;
	background: #eaf8f7;
}
footer ul.link_box li{
	min-width: 70%;
	font-weight: normal;
}
footer ul.link_box li.copyright{
	line-height: 55px;
	text-align: left;
	padding-left: 2em;
	color: #444;
	font-size: 70%;
}
footer ul.link_box li.copyright br{
	display: none;
}
footer ul.link_box li.link_kch{
	min-width: 30%;
	height: 50px;
}
footer ul.link_box li.link_kch a{
	display: block;
	position: relative;
	line-height: 50px;
	background: #078581;
	color: #FFF;
	margin-left: -33px;
	text-align: center;
}
footer ul.link_box li.link_kch a img{
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);	
	height: 1em;
	padding-left: 0.25em;
}
footer ul.link_box li.link_kch a:before{
	position: absolute;
	content: '';
	left: -1px;
	top: 0px;
	border: none;
	border-left: solid 50px #eaf8f7;
	border-bottom: solid 50px transparent;
}
@media screen and (max-width:1600px) {
	/* ▼▼▼ navigation styles ▼▼▼ */
	/* menu toggle */
	.cp_mobilebar {
		display: block;
		z-index: 101;
		position: fixed;
		top: 0;
		left: 0;
		padding: 0 25px;
		width: 100%;
		height: 50px;
		background-color: #379bff;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	}
	.cp_menuicon {
		display: block;
		position: relative;
		width: 25px;
		height: 100%;
		cursor: pointer;
		-webkit-transition: transform .3s ease-in;
		transition: transform .3s ease-in;
	}
	.cp_menuicon > span {
		display: block;
		position: absolute;
		top: 55%;
		margin-top: -0.3em;
		width: 100%;
		height: 0.2em;
		border-radius: 1px;
		background-color: #eeeeee;
		-webkit-transition: transform .3s ease-in;
		transition: transform .3s ease-in;
	}
	.cp_menuicon > span:before, .cp_menuicon > span:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 1px;
		background-color: #eeeeee;
		-webkit-transition: transform .3s ease;
		transition: transform .3s ease;
	}
	.cp_menuicon > span:before {
		-webkit-transform: translateY(-0.6em);
		transform: translateY(-0.6em);
	}
	.cp_menuicon > span:after {
		-webkit-transform: translateY(0.6em);
		transform: translateY(0.6em);
	}
	#cp_toggle02:checked + .cp_mobilebar .cp_menuicon {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#cp_toggle02:checked + .cp_mobilebar span:before,
	#cp_toggle02:checked + .cp_mobilebar span:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	#cp_toggle02:checked ~ .nav_menu {
		display: block;
		visibility: visible;
		opacity: 1;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
	}
	/* content */
	.nav_menu nav li:last-child{
		border-bottom: none;
	}
	.msg02{
		padding-bottom: 15%;
	}
	#training .work_schedule_box ul.style{
		display: block;
		width: 70%;
	}
	#training ul.r_facilities{
		width: 100%;
	}
	#training ul.r_facilities li,
	#related_facilities ul.r_facilities_list li{
		flex-basis: calc(35% - 0.5em);
		margin-left: 0.5em;;
		margin-bottom: 0.5em;
	}
	#training ul.r_facilities li:nth-child(2n+1){
		margin-left: 0;
	}
	#interview .interview_wrap .photo_box{
		flex-basis: 35%;
		align-items: center;
	}
	#interview .interview_wrap .photo_box img{
		width: 100%;
		margin-left: auto;
	}
	#interview .interview_wrap:nth-child(2n) .photo_box img.d_name{
		top: 50%;
		left: -3.5em;
	}
	#interview .interview_wrap:nth-child(2n+1) .photo_box img.d_name{
		top: 50%;
		right: -3.5em;
	}
	#interview .interview_wrap .interview_menu{
		flex: 1;
	}
	#interview .intervew_box{
		padding: 1.5em 2em;
		padding-bottom: 0;
	}
	#interview .intervew_box:nth-child(2n+1) .photo_box{
		text-align: right;
	}
	/*▼▼▼ 写真100%表示 ▼▼▼*/
	#interview .interview_box dt.question{
		line-height: 1.6em;
		padding-left: 2em;
		text-indent: -2em;
	}
	#interview .interview_box dt.question span{
		width: 1.6em;
		height: 1.6em;
		line-height: 1.6em;
		margin-right: 0.4em;
	}
	#interview .interview_box dd.msg{
		padding-left: 3em;
	}
	#interview .interview_wrap:nth-child(2n+1) .photo_left,
	#interview .interview_wrap:nth-child(2n) .photo_right{
		background-position: center 0;
		background-size: 80%;
		padding-left: 0;
	}
	#interview .interview_wrap:nth-child(2n) .photo_left,
	#interview .interview_wrap:nth-child(2n+1) .photo_right{
		background-position: center 0;
		background-size: 80%;
		padding-right: 0;
	}
	.cp_box.no01 .cp_container dl.photo_left dt:first-of-type,
	.cp_box.no01 .cp_container dl.photo_right dt:first-of-type,
	.cp_box.no02 .cp_container dl.photo_left dt:first-of-type,
	.cp_box.no02 .cp_container dl.photo_right dt:first-of-type,
	.cp_box.no03 .cp_container dl.photo_left dt:first-of-type,
	.cp_box.no03 .cp_container dl.photo_right dt:first-of-type,
	.cp_box.no04 .cp_container dl.photo_left dt:first-of-type,
	.cp_box.no04 .cp_container dl.photo_right dt:first-of-type,
	.cp_box.no05 .cp_container dl.photo_left dt:first-of-type,
	.cp_box.no05 .cp_container dl.photo_right dt:first-of-type,
	/* .cp_box.no06 .cp_container dl.photo_left dt:first-of-type,
	.cp_box.no06 .cp_container dl.photo_right dt:first-of-type,
	.cp_box.no07 .cp_container dl.photo_left dt:first-of-type,
	.cp_box.no07 .cp_container dl.photo_right dt:first-of-type, */
	.cp_box.no06 .cp_container dl.photo_left dt:first-of-type,
	.cp_box.no06 .cp_container dl.photo_right dt:first-of-type,
	.cp_box.no07 .cp_container dl.photo_left dt:first-of-type,
	.cp_box.no07 .cp_container dl.photo_right dt:first-of-type{
		padding-top: 60%;
	}
	#interview .interview_box dl{
		margin-top: 0;
	}
	/*▲▲▲ 写真100%表示 ▲▲▲*/
	.info_box ul li.contact_box .contact_illust{
		margin-left: 0;
	}
	.info_box ul li.contact_box .contact_inner{
		margin-right: 0;
	}
	#about #team ul.head_team_container ul.specialist{
		padding-top: 2em;
	}
}
@media screen and (max-width:1400px) {
	.text_content,
	.point_box, .training_about{
		width: 80%;
	}
	.point_box ul{
		padding: 2em 0;
	}
	#data li.data_ttl .ttl_num{
		margin-right: 0.25em;
		font-size: 180%;
	}
	#data li.data_ttl .data_question{
		font-size: 120%;
		padding: 1em 0;
	}
	#data li.data_ttl .data_question.all_br{
		padding-top: 0.5em;
	}
	#data li.data_ttl .data_question:before{
		top: 1em;
	}
	#data li.data_ttl .data_question.all_br:before{
		top: -1em;
	}
	#interview .sub_content_box{
		width: 90%;
	}
	footer ul.footer_menu_ttl,
	footer ul.footer_menu_list{
		margin-left: 0;
	}
}
@media screen and (max-width:1200px) {
	br.pc1200_break{
		display: block;		
	}
	#training h2{
		font-size: 12rem;
	}
	#home #team p.team_text,
	#about #team p.team_text{
		font-size: 4.5vw;
	}
	#home #team p.team_text span,
	#about #team p.team_text span{
		font-size: 4.5vw;
	}
	#home #team .l-top-title_box img,
	#about #team .l-top-title_box img{
		width: 80%;
		height: auto;
	}
	#about #result .result_data,
	#about #related_facilities ul.r_facilities_list{
		font-size: 90%;
	}
	#about #related_facilities section.r_facilities_data{
		width: 45%;
	}
	#interview .interview_wrap{
		padding: 1em 3%;
	}
	#interview .interview_wrap:nth-child(2n) .photo_box img.d_name{
		left: -1em;
		bottom: 10%;
		width: 60%;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0); 
	}
	#interview .interview_wrap:nth-child(2n+1) .photo_box img.d_name{
		right: -1em;
		bottom: 10%;
		width: 60%;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0); 
	}
	#about #team ul.head_team_container ul.specialist{
		padding-top: 0;
	}
	#about #result table#tbl_result{
		width: 100%;
	}
	#about #team ul.team_container.regular li.card,
	#about #team ul.team_container.n_regular li.card{
		flex-basis: 24%;
		margin-left: 1%;
	}
	#about #team ul.head_team_container{
		padding-left: 5%;
		padding-right: 5%;
	}
	#about #team ul.head_team_container li.card{
		display: block;
		flex-basis: 50%;
		padding-right: 5%;
		padding-left: 5%;
	}
	#about #team ul.head_team_container ul.specialist li{
		width: 80%;
		flex-basis: auto;
	}
	footer{
		font-size: 14px;
	}

}
@media screen and (max-width: 1100px){
	.p-top-mv__title-lg {
		font-size: 4vw;
	}
}
@media screen and (max-width:1024px){
	#nav-overlay {
		background: linear-gradient(180deg, #03CDC7  10%, #03CDC7  50%, #FFF 90%);
	}
	#nav-fullscreen h1{
		position: absolute;
		top: 0;
		left: 0;
		margin-left: 0;
	}
	#nav-fullscreen ul{
		margin-top: 2em;
	}
	a[href*="tel:"] {
		pointer-events: auto;
		cursor: default;
	}
	#stalker{
		display: none;
	}
	.slick-slider {
    	height: 60vh;
	}
	.slick-slide .zoom_in-out-loop{
		margin-left: 200px;
	}
	.slick-slide img{
		width: calc(100vw - 200px);
	}
	.slick-slide {
		margin: 0 auto;
	}
	.slider-text{
		left: 20px;
	}
	li#slick-slide01 img.center,
	li#slick-slide02 img.center,
	li#slick-slide03 img.center,
	li#slick-slide04 img.center,
	li#slick-slide05 img.center{
		display: none;
		margin-top: 0;
	}
	li#slick-slide01{
		height:  60vh;
		width: calc(60vh * 1.905);
		background: url("../img/topimg01.jpg") 70% 50% no-repeat;
		background-size: cover;
	}
	li#slick-slide02{
		height:  60vh;
		width: calc(60vh * 1.905);
		background: url("../img/topimg02.jpg") 50% 50% no-repeat;
		background-size: cover;
	}
	li#slick-slide03{
		height:  60vh;
		width: calc(60vh * 1.905);
		background: url("../img/topimg03.jpg") 30% 50% no-repeat;
		background-size: cover;
	}
	li#slick-slide04{
		height:  60vh;
		width: calc(60vh * 1.905);
		background: url("../img/topimg04.jpg") 30% 50% no-repeat;
		background-size: cover;
	}
	.point_box ul{
		flex-wrap: wrap;
		padding-bottom:  0;
	}
	.point_box ul li{
		width: 80%;
		margin: 0 auto;
		margin-bottom: 2em;
		border-right: none;
		border-bottom: 1px solid #707070;
	}
	.point_box ul li:last-child{
		margin-bottom: 0;
	}
	.msg_heading{
		width: 80%;
		margin-bottom: 2em;
	}
	.msg_text {
		font-size: 120%;
	}
	#msgbox01 .msg_text {
		width: 80%;
		margin-bottom: 1em;
	}
	#msgbox02 .msg_heading{
		padding-right: 10%;
	}
	#msgbox02 .msg_photo02 img{
		width: 80%;
	}
	#msgbox02 .msg_photo02_bg01{
		top: -50%;
	}
	.msg02 .msg02_inner .msg_container p.msg_text{
		width: 80%;
	}
	#training h3{
		width: 60%;
	}
	#training ul.r_facilities li {
		flex-basis: calc(50% - 0.25em);
		margin-left: 0.25em;
	}
	#training ul.r_facilities li:nth-child(2n+1) {
		margin-left: 0;
	}
	#training table{
		width: 100%;
	}
	#training table th, #training table td {
		margin: 0.5em;
		padding: 1em 0.5em;
	}
	#data ul.part01 li{
		flex-basis: 100%;
		margin-right: 0;
		padding-bottom: 2em;
	}
	#data ul.part02 li.data_ttl .graph_box{
		padding: 1em 0;
	}
	#data ul.part01 li .graph_box img{
		width: 50%;
	}
	#interview p.top_text span{
		font-size: 100%;
	}
	#interview p.top_text br.br_1024{
		display: block;
	}
	#interview .interview_wrap .photo_box,
	#interview .interview_wrap .interview_menu{
		flex-basis: 100%;
		max-width: 100%;
	}
	#interview .interview_wrap{
		padding: 2em 5%;
	}
	.cp_box input:checked ~ .cp_container {
		 padding-bottom: 0;  
	}
	#interview .interview_wrap .photo_box img{
		width: 40%;
		margin: 0 auto;
	}
	#interview .interview_wrap:nth-child(2n+1) .photo_box img.d_name{
		width: 30%;
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	#interview .interview_wrap:nth-child(2n) .photo_box img.d_name{
		width: 30%;
		position: absolute;
		top: 50%;
		left: 0;
		right: auto;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	#data ul{
		width: 80%;
	}
	#about #result{
		height: 70vw;
	}
	#about #result .result_data,
	#about #related_facilities ul.r_facilities_list{
		font-size: 82%;
	}
	#about #team ul.head_team_container li.card{
		padding: 2em 8%;
	}
	#about #team ul.head_team_container,
	#about #team ul.team_container,
	#about #team ul.team_container.n_regular{
		width: 90%;
		padding: 0;
		margin: 0 auto;
	}
	#about #team .photo_container:before{
		font-size: 100%;
	}
	#about #team .l-top-title_box{
		/*margin-bottom: 18vw;*/
	}
	#home #team .l-top-title_box img,
	#about #team .l-top-title_box img{
		width: 90%;
		height: auto;
	}
	#about #team .l-top-title_box img.text_team_msg{
		width: 60%;
		bottom: -10vw;
	}
	.grid_bg_left:after{
		height: calc(100vw / 2);
	}
	footer{
		font-size: 80%;
	}
	footer .footer_inner{
		margin: 5vw 3vw;
	}
	footer .footer_menu_ttl li.w180, footer ul.flist_link.w180{
		flex-basis: 24%;
		min-width: 24%;
	}
}
@media (max-width: 812px) and (orientation: landscape) {
	header h1 img, footer h1 img, #nav-fullscreen h1 img {
    	height: 70px;
		width: auto;
	}
	#nav-container{
		padding: 23px;
	}
	#nav-fullscreen ul {
    	font-size: 2.5rem;
	}
	.slick-slider{
		height: 100vh;
	}
	.slick-slide{
		max-height: none;
	}
	li#slick-slide01,
	li#slick-slide02,
	li#slick-slide03,
	li#slick-slide04{
		height:  100vh;
		width: calc(100vh * 1.905);
	}
	.slider-text .bg-wrap .inn{
		font-size: 3rem;
	}
	li#slick-slide05{
		height:  100vh;
		width: calc(50vh * 1.905);
		background: url("../img/topimg05.jpg") 50% 100% no-repeat;
		background-size: cover;
	}
	.slick-slide .slider-text img{
	}
	#training .training_inner h3{
		width: 80%;
	}
	footer ul.link_box li.copyright{
		padding: 1em 0;
	}
}

@media screen and (max-width:768px) {
	header{
		width: 40%;
	}
	header h1 img, footer h1 img, #nav-fullscreen h1 img{
		padding: 10px 20px;
		height: 74px;
		width: auto;
	}
	#nav-fullscreen {
		font-size: 4rem;
		flex-direction: column;
	}
	#nav-fullscreen ul{
		margin-top: 0;
		margin-bottom: 1em;
	}
	#nav-container{
		padding: 22px 24px;
	}
	#nav-toggle span {
		height: 1px;
	}
	#nav-toggle span:nth-child(1){
		top: 6px;
	}
	#nav-toggle span:nth-child(2){
		top: 14px;
	}
	#nav-toggle span:nth-child(3){
		top: 22px;
	}
	#nav-toggle.open span:nth-child(1) {
		top: 5px;
	}
	#nav-toggle.open span:nth-child(3) {
		top: 24px;
	}
	#nav-fullscreen #pp_box.nav_info .info_box_wrapper{
		margin-left: 0;
	}
	#page_top a img {
		width: 6vw;
	}
	.slide-custom-dots li{
		width: 30px;
		height: 30px;
		margin-right: 15px;
	}
	.slide-custom-dots li button:before{
		width: 30px;
	}
	.slick-slider {
    	height: 50vh;
	}
	.slider-text{
		top: auto;
		bottom: 3em;
	}
	li#slick-slide01{
		height:  50vh;
		width: calc(50vh * 1.905);
		background: url("../img/topimg01.jpg") 70% 50% no-repeat;
		background-size: cover;
	}
	li#slick-slide02{
		height:  50vh;
		width: calc(50vh * 1.905);
		background: url("../img/topimg02.jpg") 50% 10% no-repeat;
		background-size: auto 130%;
	}
	li#slick-slide03{
		height:  50vh;
		width: calc(50vh * 1.905);
		background: url("../img/topimg03.jpg") 30% 50% no-repeat;
		background-size: auto 120%;
	}
	li#slick-slide04{
		height:  50vh;
		width: calc(50vh * 1.905);
		background: url("../img/topimg04.jpg") 30% 50% no-repeat;
		background-size: cover;
	}
	li#slick-slide05{
		height:  50vh;
		width: calc(50vh * 1.905);
		background: url("../img/topimg05.jpg") 50% 50% no-repeat;
		background-size: cover;
	}
	.slick-slide .slider-text img{
		width: 90%;
		bottom: 30%;
	}
	.p-top-mv {
		width: 100%;
		height: calc(var(--viewport_vh) * 100);
		/*margin-bottom: 21.333vw;*/
		justify-content: flex-start;
		align-items: center;
		flex-direction: row;
		overflow: visible;
	}
	.p-top-mv__title-lg {
		margin-left: 0;
	}
	.p-top-mv__title-lg,
	.p-top-mv__title-split .word,
	.p-top-mv__title-split .word_second{
		display: block;
	}
	#home #team .team_text_box,
	#about #team .team_text_box{
		bottom: 1em;
	}
	#home #team p.team_text,
	#about #team p.team_text{
		padding-left: 1.3em;
	}
	#home #team p.team_text br.sp_br,
	#about #team p.team_text br.sp_br{
		display: block;
	}
	#home #team p.team_text span,
	#about #team p.team_text span{
		font-size: 7vw;
		text-indent: -0.5em;
	}
	#home #team .l-top-title_box img,
	#about #team .l-top-title_box img{
		width: 180%;
		margin-left: 50%;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	#message span.string{
		font-size: 120%;
	}
	#msgbox02 .msg_heading{
		padding-right: 0;
		width: 80%;
	}
	.msg02 .msg02_inner .msg_container p.msg_text{
		padding-left: 0;
	}
	#msgbox02 .msg_heading h3{
		margin-top: 0;
	}
	.about{
		height: auto;
	}
	.point_box .point_sub_ttl{
		font-size: 120%;
		top: -1em;
		left: -2em;
	}
	.point_box ul li{
		width: 100%;
	}
	.point_box h2{
		font-size: 180%;
		letter-spacing: 0.25em;
	}
	#home #team h2,
	#top_interview #interview h2,
	#top_about #about h2,
	#top_about #team h2,
	#contact h2,
	#message h2,
	#interview h2{
		font-size: 12vw;
		margin-right: 0;
	}
	#message h2{
		padding-top: 0.25em;
	}
	#training h2{
		font-size: 8rem;
		padding-top: 0.5em;
	}
	#training h2 span{
		/*font-size: 8rem;*/
	}
	.top-title_box-inner,
	.top-title_box-img{
		min-height: 50%;
		height: 100%;
	}
	.top-title_box-headline {
		font-size: 130%;
	}
	.top-title_box-img img {
		height: 30%;
	}
	.top-scroll-type-wrap,
	.top-scroll-type-first,
	.top-scroll-type-second{
		font-size: 32rem;
	}
	.msg02{
		margin-left: 0;
	}
	#msgbox01 .msg_photo01_inner{
		width: 100%;
	}
	#msgbox01 .msg_photo01_inner ul,
	#msgbox02 .msg_photo01_inner ul{
		font-size: 80%;
		letter-spacing: 0.2em;
	}
	#msgbox02 .msg_photo01{
		position: relative;
		padding-bottom: 5em;
	}
	#msgbox02 .msg_photo01_inner{
		width: 60%;
		margin: 0 auto;
		margin-top: -10%;
		z-index: 3;
	}
	#msgbox02 .msg_photo02_bg01{
		width: 50%;
		height: 150%;
	}
	#msgbox02 .msg_photo02_bg03{
		bottom: 23%;
	}
	#msgbox02 .msg_photo02_bg04{
		bottom: 19%;
	}
	.msg01 {
		flex-wrap: wrap;
	}
	.msg01 .msg_photo02{
		width: 70%;
		margin: 0 auto;
	}
	#training .work_schedule_box ul.style{
		width: 100%;
	}
	#training .work_schedule_box ul.work_group{
		padding: 0 10%;
	}
	#training .work_schedule_box ul.work_group li.item_box,
	#training .work_schedule_box ul.work_group li.details{
		flex-basis: 100%;
		padding: 1em;
	}
	#training .work_schedule_box ul.work_group li.item_box{
		border-right: none;
		border-bottom: 1px solid #078581;
		padding: 1em 10%;
	}
	#training .work_schedule_box ul li.item_box p{
		display: inline;
	}
	#training .work_schedule_box ul.work_group li.item_box p.line3{
		line-height: inherit;
	}
	#training .work_schedule_box ul li.item_box p br{
		display: none;
	}
	#training .training_inner h3{
		width: auto;
	}
	/* 見出し行を消す */
	#table01 th,
	#tbl_ourse th,
	#training tr:first-child{
		display: none;
	}
	#training ul.r_facilities li a, #related_facilities ul.r_facilities_list li a{
		padding: 0.5em 0;
	}
	#training .training_about{
		width: 100%;
	}
	#training table {
		border: 0;
	}
	#training table th{
		background-color: #078581;
		display: block;
		border-right: none;
	}
	#training table th span{
		display: inline;
	}
	#training table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	#training table tr {
		display: block;
		margin-bottom: .625em;
		padding: 0;
		border: none;
	}
	#training table td{
		border-bottom: 1px solid #bbb;
		display: block;
		font-size: .8em;
		text-align: right;
		position: relative;
		padding: .625em .625em .625em 4em;
		margin: 0;
		border-right: none;
	}
	table td::before {
		position: absolute;
		left: 10px;
		color: #078581;
		width: 6em;
		text-align: center;
		background-color: #e8e8e8;
		font-weight: bold;
	}
	table#table01 td::before {
		width: 20em;
		font-weight: bold;
	}
	table td:last-child {
		border-bottom: 0;
	}
	table tbody th {
		color: #fff;
	}
	/* セルをブロックとして表示 */
	#table01 td {
		display: block;
		position: relative;
	}
	/* 最初の項目に背景色を付ける */
	#table01 td:nth-child(1),
	#tbl_course td:nth-child(1) {
		background-color: #444;
		color: #FFF;
		font-size: 120%;
	}
	#table01 td:before{
		font-weight: normal;
		position: absolute;
		left: 10px;
		color: #078581;
	}
	#training #tbl_course td:nth-child(1) span{
		display: inline;
		padding-left: 0.5em;
	}
	/* セルに見出し代わりの文字を付加 */
	#table01 td:nth-child(2):before {
		content: '麻酔科管理全症例数';
	}
	#table01 td:nth-child(3):before {
		content: '小児麻酔（６歳未満の症例数）';
	}
	#table01 td:nth-child(4):before {
		content: '帝王切開手術の麻酔症例数';
	}
	#table01 td:nth-child(5):before {
		content: '心臓血管外科手術の麻酔症例数';
	}
	#table01 td:nth-child(6):before {
		content: '胸部外科手術の麻酔症例数';
	}
	#table01 td:nth-child(7):before {
		content: '脳神経外科手術の麻酔症例数';
	}
	/* セルに見出し代わりの文字を付加 */
	#tbl_course td:nth-child(2):before {
		content: '標準';
	}
	#tbl_course td:nth-child(3):before {
		content: '小児';
	}
	#tbl_course td:nth-child(4):before {
		content: '心臓血管';
	}
	#tbl_course td:nth-child(5):before {
		content: '集中治療';
	}
	#tbl_course td:nth-child(6):before {
		content: 'ペイン';
	}
	#tbl_course td:nth-child(7):before {
		content: '地域枠';
	}
	#data ul li p.data_question br.sp_br{
		display: block;
	}
	#data li.data_ttl .data_question.port768_br{
		padding-top: 0.5em;
		line-height: 1.2em;
	}
	#data li.data_ttl .data_question.port768_br:before{
		top: -1em;
	}
	.loop_wrap li {
		width: calc((100vw / 4) + 10vw);
	}
	.loop_wrap li img {
		width: calc(100vw / 4);
	}
	#top_interview #interview,
	#top_about #top{
		padding-bottom: 5em;	
	}
	#interview .interview_menu a{
		font-size: 110%;
		margin-right: 0;
		padding: 0.5em 1em;
		width: calc(100% - 0.5em / 2);
	}
	#interview p.top_text br.br_768{
		display: block;
	}
	#interview p.top_text{
		margin-bottom: 3em;
	}
	#about #result{
		height: auto;
	}
	#about #result .result_data_bg{
		position: relative;
		width:calc(100vw - (100vw / 12));
		margin-bottom: calc(100vw / 12);
		margin-left: calc(100vw / 12);
		z-index: 2;
	}
	#about #result section.result_data{
		width: 80%;
		padding: 4vw 0;
		margin: 4vw auto;
		font-size: 100%;
	}
	#about #related_facilities{
		height: auto;
	}
	#about #result h3, #about #related_facilities h3{
		margin-top: 1.5em;
		font-size: 180%;
	}
	#about #related_facilities .r_facilities_data_bg{
		top: 0;
		left: 0;
		width: calc(100vw - (100vw / 12));
		z-index: 2;
	}
	#about #related_facilities section.r_facilities_data{
		position: relative;
		z-index: 2;
		background-color: #FFF;
		width: calc(100vw - (100vw / 12)); 
		padding-top: calc(100vw / 6 * 2);
		padding-bottom: calc(100vw / 12);
	}
	#related_facilities ul.r_facilities_list li{
		width: 80%;
	}
	#about #team .l-top-title_box img.text_team_msg{
		width: 80%;
		bottom: 0;
	}
	#about #team ul.head_team_container,
	#about #team ul.team_container{
		width: 90%;
		margin: 0 auto;
		padding-left: 5%;
		padding-right: 5%;
		/*margin-top: 5em;*/
	}
	#about #team ul.head_team_container{
		margin-top: 5em;
	}
	#about #team ul.team_container.regular li.card,
	#about #team ul.team_container.n_regular li.card{
		flex-basis: 33.3333333%;
		flex-basis: 49%;
	}
	#about #team ul.head_team_container li.card{
		padding: 2% 0;
	}
	#about #team ul.team_container li.card:nth-child(3n){
		margin-right: 0;
	}
	#about #team .n_regular .name_box li, #about #team .photo_container .name_box li,
	#about #team .photo_container .name_box li.small_text,
	#about #team ul.head_team_container .photo_container .name_box li:last-child,
	#about #team .n_regular .name_box li:last-child, #about #team .photo_container .name_box li:last-child{
		font-size: 1.4rem;
	}
	#about #team .photo_container:before {
		font-size: 130%;
	}
	#about #team .photo_container .name_box{
		letter-spacing: 0;
		/*width: 60%;*/
	}
	#about #team ul.head_team_container li.card img{
		width: 70%;
	}
	#about #team ul.specialist li{
		font-size: 100%;
		width: 80%;
	}
	.grid_bg_left:after{
		top: calc(100vw / 1.5);
	}
	.info_box ul{
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.info_box ul li{
		min-width: 100%;
		font-size: 80%;
		margin: 1em auto; 
	}
	.info_box ul li p,
	.info_box ul li img{
		width: 50%;
	}
	.info_box ul li.contact_box{
		width: 70%;
		margin: 0 auto;
		margin-top: 4em;
		padding: 0;
		padding-top: 2em;
	}
	.info_box ul li.contact_box .contact_illust{
		width: 30%;
		max-width: none;
		text-align: right;
	}
	.info_box ul li.contact_box .contact_illust img{
		width: 60%;
	}
	.info_box ul li.contact_box .contact_inner{
		width: 60%;
		max-width: none;
		padding-top: 3em;
	}
	.info_box ul li.contact_box .contact_inner p{
	}
	.info_box ul li.contact_box .contact_inner a{
		width: 70%;
	}
	footer .footer_inner{
		margin: 5vw 10vw;
	}
	footer .footer_inner li.menu_info{
		min-width: 50%;
	}
	footer ul.footer_menu_ttl{
		display: block;
	}
	footer .footer_menu_ttl li,
	footer ul.flist_link{
		line-height: 3em;	
	}
	footer .footer_menu_ttl li a{
		font-size: 140%;
	}
	footer ul.footer_menu_list{
		display: none;
	}
	footer .kch_info p{
		font-weight: bold;
	}
	footer ul.link_box {
    	display: block;
		height: auto;
	}
	footer ul.link_box li.link_kch a:before{
		content:'';
		border: none;
		position: relative;
	}
	footer ul.link_box li.copyright{
		text-align: center;
		font-size: 100%;
		line-height: 1.2em;
		padding: 1em 0;
	}
	footer .kch_info img{
		width: 100%;
		height: auto;
	}
	footer ul.link_box li.link_kch{
		height: auto;
	}
	footer ul.link_box li.link_kch a{
		font-size: 130%;
		padding: 0;
		margin: 0;
		line-height: 3em;
	}
  .specialist .disp_pc{
    display: none;
  }
}
@media (max-width: 768px) and (orientation: landscape) {
	header h1 img, footer h1 img, #nav-fullscreen h1 img {
    	height: 70px;
		width: auto;
	}
	#nav-container{
		padding: 23px;
	}
	#nav-fullscreen{
		flex-direction: row;
		font-size: 1.8rem;
	}
	#nav-fullscreen ul{
		margin-top: 1em;
		margin-bottom: 0;
	}
	.slick-slider{
		height: 100vh;
	}
	.slick-slide{
		max-height: none;
	}
	li#slick-slide01,
	li#slick-slide02,
	li#slick-slide03,
	li#slick-slide04{
		height:  100vh;
		width: calc(100vh * 1.905);
	}
	.slider-text .bg-wrap .inn{
		font-size: 3rem;
	}
	li#slick-slide05{
		height:  100vh;
		width: calc(50vh * 1.905);
		background: url("../img/topimg05.jpg") 50% 100% no-repeat;
		background-size: cover;
	}
	.slick-slide .slider-text img{
	}
	#training .training_inner h3{
		width: 80%;
	}
	footer ul.link_box li.copyright{
		padding: 1em 0;
	}
}

@media screen and (max-width:600px) {
	#about #team ul.team_container li.card{
		flex-basis: 90%;
		margin: 0 auto;
		margin-bottom: 3em;
	}
}
@media screen and (max-width:414px) {
	body{
		font-size: 1.2rem;
	}
	#page_top{
		right: 2em;
	}
	br.sp_br{
		display: block;
	}
	header{
		width: auto;
	}
	header h1 img, footer h1 img, #nav-fullscreen h1 img{
		height: 54px;
		padding: 1rem;
	}
	.slick-slider{
		height: 70vh;
	}
	li#slick-slide01,
	li#slick-slide02,
	li#slick-slide03,
	li#slick-slide04,
	li#slick-slide05{
		height: 70vh;
	}
	.slider-text{
		top: 55%;
		left: 3%;
	}
	.slider-text .bg-wrap .inn {
		font-size: 30px;
	}
	.slide-custom-dots li{
		width: 20px;
		height: 30px;
		margin-right: 10px;
	}
	.slide-custom-dots li button:before
	{
		width: 20px;
		height: 2px;
	}
	.top-scroll-type-wrap,
	.top-scroll-type-first,
	.top-scroll-type-second{
		font-size: 20rem;
	}
	#pp_box{
		padding: 5em 0;
	}
	#page_top a img {
		width: 10vw;
	}
	#training h2,
	#message h2,
	#interview h2,
	#home #team h2,
	#team h2{
		font-size: 15vw;
	}
	#training h2{
		font-size: 5rem;
	}
	#message h2{
		top: -1.5em;
	}
	#msgbox02 .msg_photo01{
		padding-bottom: 3em;
	}
	#nav-container{
		padding: 12px 15px;
	}
	#nav-overlay {
		background: linear-gradient(180deg, #03CDC7  10%, #03CDC7  50%, #FFF 110%);
	}
	#nav-fullscreen {
		font-size: 2.5rem;
	}
	#nav-fullscreen ul li{
		margin-bottom: 0.5em;
	}
	#nav-fullscreen a {
		font-weight: 700;
	}
	#pp_box .btn-copy{
		font-size: 1.2rem;
	}
	#interview p.btn-interview_list a span,
	#pp_box a.btn_contact{
		font-size: 1.6rem;
	}
	#pp_box a.btn_contact:before{
		top: calc(50% - 0.7rem);
	}
	#msgbox01 .msg_photo01_inner ul, #msgbox02 .msg_photo01_inner ul{
		font-size: 60%;
	}
	.msg02 .msg02_inner{
		padding-right: 0;
	}
	#msgbox02 .msg_heading{
		/*width: 90%;*/
		padding-right: 0;
	}
	.msg_ttl_container{
		font-size: 8.5vw;
	}
	#message span.string{
		font-size: 180%;
	}
	#msgbox02 .msg_heading h3{
		text-align: right;
	}
	#msgbox02 .msg_heading h3 br{
		display: block;
	}
	.point_box{
		position: relative;
		width: 80%;
	}
	.top-title_box-headline{
		font-size: 80%;
		margin: 1em 0;
	}
	.top-title_box-marker{
		padding: 8px;
	}
	#training ul.r_facilities li {
		flex-basis: calc(80% - 0.5em);
		margin-left: 0;
		margin-bottom: 1em;
	}
	#training ul.r_facilities.core{
		margin-bottom: 0;
	}
	#training ul.r_facilities li a{
		padding: 0.5em 0;
	}
	#training .work_schedule_box ul.style > li,
	#training .work_schedule_box ul.style > li:nth-child(2) {
		width: 100%;
		margin-top: 0.5em;
		margin-right: 0;
	}
	#top_interview #interview,
	#top_about #top{
		padding-bottom: 0em;	
	}
	#data h2 img{
		width: 100%;
		margin: 0 auto;
		padding: 2em 0;
	}
	#data ul{
		display: block;
		width: 90%;
	}
	#data ul.part01 li,
	#data ul.part02 li{
		flex-basis: 100%;
		text-align: left;
	}
	#data ul.part01 li:first-child{
		margin-right: 0;
	}
	#data ul.part01 li .graph_box img,
	#data ul.part01 li img,
	#data ul.part02 li.data_ttl img{
		width: 100%;
		margin: 0;
		padding: 0 1em;
	}
	#data ul.part02 li.data_ttl{
		padding-top: 0.5em;
	}
	#data li.data_ttl .ttl_num{
		display: block;
		width: 2.5em;
		text-align: center;
		margin: 0.5em auto;
		padding: 0.2em 0;
	}
	#data ul.part02 li.data_box{
		text-align: center;
	}
	#data li.data_ttl .data_question{
		display: block;
		width: 90%;
		margin: 1.5em auto;
		line-height: 1.2em;
		padding: 0;
	}
	#data li.data_ttl .data_question:before{
		top: -1.75em;
		font-size: 60%;
	}
	#data li.data_ttl .data_question .sp_br{
		display: none;
	}
	#data li.data_ttl .data_question.port768_br{
		padding-top: 0.5em;
		line-height: 1.2em;
	}
	#data li.data_ttl .data_question.port768_br:before{
		top: -1em;
	}
	#interview p.top_text{
		width: 100%;
		margin: 1em auto;
		text-align: center;
	}
	#interview p.top_text br{
		display: block;
	}
	#interview .interview_wrap:nth-child(2n+1) .photo_box img{
		width: 80%;
		margin-left: 0;
	}
	#interview .interview_wrap:nth-child(2n) .photo_box img{
		width: 80%;
		margin-right: 0;
	}
	#interview .interview_wrap:nth-child(2n) .photo_box img.d_name,
	#interview .interview_wrap:nth-child(2n+1) .photo_box img.d_name{
		width: 40%;
	}
	#interview .interview_box dd.msg{
		font-size: 120%;
		padding: 0.5em 0.25em;
	}
	#about #result section.result_data{
		width: 90%;
	}
	#about #result table#tbl_result thead th{
		font-size: 130%;
	}
	#about #result #tbl_result tr.item_name{
		display: none;
	}
	#about #result #tbl_result tr{
		width: 100%;
	}
	#about #result #tbl_result td{
		width: 100%;
		border-bottom: 1px solid #bbb;
		display: block;
		font-size: 120%;
		text-align: right;
		position: relative;
		padding: .625em .625em .625em 4em;
		margin: 0;
		border-right: none;
	}
	#about #result #tbl_result td span.num{
		font-size: 150%;
	}
	#tbl_result td:before{
		width: 12em;
		top: 50%;
		background-color: #FFF;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	#tbl_result td:nth-child(1):before{
		content: '全手術件数';
	}
	#tbl_result td:nth-child(2):before{
		content: '麻酔科管理';
	}
	#tbl_result td:nth-child(3):before{
		content: 'ICU入室患者総数';
	}
	#tbl_result td:nth-child(4):before{
		content: 'ペイン外来延べ患者数';
	}
	#about #team ul.team_container{
		padding-left: 0;
		padding-right: 0;
	}
	#about #team ul.team_container.regular li.card,
	#about #team ul.team_container.n_regular li.card{
		flex-basis: 100%;
	}
	#about #team .photo_container:before {
    	left: 1em;
	}
	.info_box ul li.contact_box{
		width: 100%;
	}
	footer ul.link_box{
		display: block;
	}
	footer ul.link_box li.link_kch a:before{
		border: none;
	}
	footer ul.link_box li.copyright{
		text-align: center;
		line-height: 1.5em;
		max-width: 100%;
		letter-spacing: 0;
	}
	footer ul.link_box li.copyright br{
		display: block;
	}
	footer .kch_info p.add{
		font-size: 70%;
	}
	footer .postal_code{
		display: block;
	}
}
@media (orientation: landscape) and (max-width: 767px){
	header h1 img, footer h1 img, #nav-fullscreen h1 img {
    	height: 70px;
		width: auto;
	}
	#nav-container{
		padding: 20px 22px;
	}
	#nav-fullscreen ul {
    	font-size: 2.2rem;
	}
	.slick-slider{
		height: 100vh;
	}
	.slick-slide{
		max-height: none;
	}
	li#slick-slide01,
	li#slick-slide02,
	li#slick-slide03,
	li#slick-slide04{
		height:  100vh;
		width: calc(100vh * 1.905);
	}
	.slider-text .bg-wrap .inn{
		font-size: 30px;
	}
	#training .training_inner h3{
		width: 80%;
	}
	footer ul.link_box li.copyright{
		padding: 1em 0;
	}
}
@media screen and (max-width:375px) {
	footer .footer_menu ul{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#about #result section.result_data ul.f_list li span{
		line-height: 1.5em;
		text-indent: -1em;
		padding-left: 1em;
	}
}
@media screen and (max-width:320px) {
	#slick-slide02 .slider-text .bg-wrap .inn{
		padding: 5px 10px;
	}
	#about #result #tbl_result td{
		font-size: 100%;
	}
}


/* scroll-effect(div_view)
**************************************** */
.effect-fade {
	opacity: 0;
	transform: translate(0, 45px);
	-webkit-transform: translate(0, 45px);
	-ms-transform: translate(0, 45px);
	transition: all 800ms;
}

.effect-fade.effect-scroll {
	opacity : 1;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
}

/*br PC_SP切り替え 375px */

.disp_pc{
  display: block;
}