@import url("//fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);
@charset "utf-8";
/* CSS Document */
    html {
    }
    body {
      background: #F1EDEC;
      padding: 0;
      text-align: center;
      position: relative;
      margin: 0;
      height: 100%;
      -webkit-font-smoothing: antialiased;
		color: #3E3A39;
    }
    body.cn {
	font-family: 'Noto Sans SC', sans-serif;
    }
h1 {
	display: block;
}
h2 {
	display: block;
}
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}
	#loader img {
		width: 80px;
	}
/*--sp--*/
@media screen and (max-width: 641px) {
    body.jp {
	font-family : "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", 'Meiryo' , sans-serif;
    }
	body {
		font-size: 14px;
		padding: 0px;
		margin: 0;
	}
h1 {
	font-weight: 300;
	font-size: 24px;
	line-height: 1.3;
	margin: 0;
}
h2 {
	font-weight: 300;
	font-size: 18px;
	line-height: 1.3;
	margin: 0;
}
	p , dd , dt {
		font-size: 14px;
		line-height: 1.5;
	}
		.logo {
		display: none;
	}
	.section_inner {
		padding: 0px !important;
		margin: 0 !important;
	}
	section {
		padding: 0px !important;
		margin: 0 !important;
	}

}
@media screen and (min-width: 768px)  {
    body.jp {
	font-family : "Noto Sans Japanese", "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", 'Meiryo', 'open sans' , sans-serif;
    }
h1 {
	font-weight: 300;
	font-size: 30px;
	line-height: 1.3;
}
h2 {
	font-weight: 300;
	font-size: 24px;
	line-height: 1.3;
}
	p , dd , dt {
		font-size: 14px;
		line-height: 1.5;
	}

	.sponly {
		display: none;
	}
}

    .wrapper {
    	height: 100% !important;
    	margin: 0 auto;
    	overflow: hidden;
    }


    .main {
      float: left;
      width: 100%;
      margin: 0 auto;
    }


    .clear {
      width: auto;
    }

    header {
      position: relative;
      z-index: 10;
    }


    .main section  {
      overflow: hidden;
    }
		.main section .logo img {
			height: 50px;
		}

    .main section > img {
      position: absolute;
      max-width: 100%;
      z-index: 1;
    }

/*--/////////////////////////////////////
MV
/////////////////////////////////////--*/
	#sec_mv .section_inner {
		width: 100vw;
		height: 100vh;
		display: table;
	}
	#sec_mv .page_container {
      margin: 0 auto 0;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
    }
/*--sp--*/
@media screen and (max-width: 641px) {
	#sec_mv .page_container h1 img {
		width: 150px;
	}
	#sec_mv .page_container h2 {
		font-size: 18px;
		margin-top: 30px;
	}
	#sec_mv .page_container .lang {
		position: absolute;
		right: 10px;
		top: 10px;
	}
		#sec_mv .page_container .lang a {
			font-size: 14px;
			color: #666;
			text-align: none;
			display: block;
			float: right;
			width: 4em;
			height: 30px;
			text-align: center;
			line-height: 30px;
			text-decoration: none;
		}
			#sec_mv .page_container .lang a.on {
				background: #12b8d7;
				color: #fff;
			}
			#sec_mv .page_container .lang a.off {
				background: #ccc;
				color: #222;
			}
				#sec_mv .page_container .lang a:hover {
					opacity: 0.8;
				}
					#sec_mv .banner {
						position: absolute;
						bottom: 40px;
						text-align: center;
						left: calc( 50vw - 45vw );
					}
						#sec_mv .banner img {
							width: 90vw;
						}
}
@media screen and (min-width: 642px)  {
	#sec_mv .page_container .lang {
		position: absolute;
		right: 30px;
		top: 30px;
	}
		#sec_mv .page_container .lang a {
			font-size: 14px;
			color: #666;
			text-align: none;
			display: block;
			float: right;
			width: 4em;
			height: 30px;
			text-align: center;
			line-height: 30px;
			text-decoration: none;
		}
			#sec_mv .page_container .lang a.on {
				background: #12b8d7;
				color: #fff;
			}
			#sec_mv .page_container .lang a.off {
				background: #ccc;
				color: #222;
			}
				#sec_mv .page_container .lang a:hover {
					opacity: 0.8;
				}
	#sec_mv .banner {
		position: absolute;
		bottom: 40px;
		text-align: center;
		left: calc( 50vw - 450px );
	}
}


/*--/////////////////////////////////////
JCA予防医療
/////////////////////////////////////--*/


/*--sp--*/
@media screen and (max-width: 641px) {
		#about_jca {
		background: url(../images/back_image012.jpg) left  bottom / cover no-repeat ;
		position: relative;
	}
	#about_jca .section_inner {
	}
		#about_jca .page_container {
			width: calc(100vw - 40px);
			text-align: left;
			padding: 30px 10px 10px 10px;
		}
		#about_jca .page_container h1 {
			margin: 0 0 20px 0 ;
		}
		#about_jca .page_container h2 {
			margin: 0 0 10px 0 ;
			line-height: 1.3;
		}
		#about_jca .page_container p {
		}
}
/*--tab--*/
@media screen and (min-width: 642px) and (max-width: 768px) {
	#about_jca {
		background: url(../images/back_image01.jpg) left -180px center / cover no-repeat ;
		position: relative;
	}
		#about_jca .page_container {
			width: calc(58vw - 10px);
			position: absolute;
			left: 40vw;
			top: calc( 50% - 170px);
			text-align: left;
			display: table;
			padding-right: 15px;
		}
			#about_jca .page_container .inner {
				display: table-cell;
				text-align: left;
				vertical-align: middle;
			}
		#about_jca .page_container h1 {
			margin: 0 0 20px 0 ;
		}
		#about_jca .page_container h2 {
			margin: 0 0 10px 0 ;
			line-height: 1.3;
		}
			#about_jca .page_container p {
				margin-bottom: 0px;
			}
		#about_jca .page_container .text {
			background: rgba(255,255,255,0.8);
			padding: 10px;
			}
		#about_jca .logo {
			position: absolute;
			left: auto;
			right: 50px !important;
			top: 30px;
		}
}
/*--pc_min--*/
@media screen and (min-width: 769px) and (max-width: 1279px) {
	#about_jca {
		background: url(../images/back_image01.jpg) left center / cover no-repeat ;
		position: relative;
	}
		#about_jca .page_container {
			width: 50vw;
			position: absolute;
			left: 45vw;
			top: calc( 50% - 100px);
			text-align: left;
			display: table;
		}
			#about_jca .page_container .inner {
				display: table-cell;
				text-align: left;
				vertical-align: middle;
			}
			#about_jca .page_container h1 {
				margin: 0 0 20px 0 ;
			}
			#about_jca .page_container h2 {
				margin: 0 0 10px 0 ;
				line-height: 1.3;
			}
		#about_jca .logo {
			position: absolute;
			left: auto;
			right: 50px !important;
			top: 50px;
		}
}
/*--pc_big--*/
@media screen and (min-width: 1280px)  {
	#about_jca {
		background: url(../images/back_image01.jpg) left center / cover no-repeat ;
		position: relative;
	}
		#about_jca .page_container {
			width: 50vw;
			position: absolute;
			left: 45vw;
			top: calc( 50% - 100px);
			text-align: left;
			display: table;
		}
		#about_jca .page_container h1 {
			margin: 0 0 20px 0 ;
		}
		#about_jca .page_container h2 {
			margin: 0 0 10px 0 ;
			line-height: 1.3;
		}
			#about_jca .page_container .inner {
				display: table-cell;
				text-align: left;
				vertical-align: middle;
			}
		#about_jca .logo {
			position: absolute;
			left: auto;
			right: 50px !important;
			top: 50px;
		}
	#about_jca .banner {
		position: absolute;
		bottom: 40px;
		text-align: center;
		left: calc( 50vw - 450px );
	}
}


/*--/////////////////////////////////////
pet
/////////////////////////////////////--*/
#sec_pet {
	background: url(../images/back_image02.jpg) center center / cover no-repeat ;
}
#sec_pet .li_01 , #sep_pet .li_02{
	transform-origin: left top;
	will-change:animation;
}
body[data-page="3"] #sec_pet .li_01{
	animation : slideRight 6s ease 1s infinite normal;
}
body[data-page="3"] #sec_pet .li_02{
	animation : slideLeft 6s ease 1s infinite normal;
}
body[data-page="3"] #sec_pet .li_03{
	animation : fade 6s ease 1s infinite normal;
}
#sec_pet .li_03{
	opacity: 0;
}
@keyframes fade{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
/*--sp--*/
@media screen and (max-width: 641px) {
	section {
	}
	#sec_pet .page_container {
		text-align: left;
		background: rgba( 255, 255,255,0.8 );
		padding: 10px 10px 20px 10px;
		position: absolute;
		top: calc(50vh - 35vh - 10px);
		left: calc(50vw - 50vw + 20px);
		width: calc(100vw - 60px );
	}
	#sec_pet .page_container h1 {
		text-align: center;
		margin-bottom: 20px;
	}
		#sec_pet .img01 {
			margin-top: 20px;
			text-align: center;
		}
			#sec_pet .img01 img {
				width: 60vw;
				height: auto;
			}

/*-- PET画像のスライド適用部分---------------*/
		#sec_pet .img02 {
			margin-top: 20px;
			text-align: center;
			height: 320px;
		}
		#sec_pet .img02 ul {
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			width: calc(100vw - 60px );
		}
		#sec_pet .img02 ul li {
			list-style: none;
			position: absolute;
		}
			#sec_pet .img02 ul li img {
				width: 48vw;
				height: auto;
				opacity: 0.8;
			}
			#sec_pet .img02 ul li.li_01 {
				left: calc(50% - 49vw);
			}
			#sec_pet .img02 ul li.li_02 {
				right: calc(50% - 49vw);
			}
			#sec_pet .img02 ul li.li_03 {
				left: calc(50% - 25vw)
			}
			#sec_pet .img01 img {
				width: 350px;
				height: auto;
			}
	@keyframes slideRight{
		0%{
			transform:translateX( 0 );
			opacity: 1;
		}
		50%{
			transform:translateX( 24vw );
		}
		100%{
			opacity: 0;
			transform:translateX( 24vw );
		}
	}
	@keyframes slideLeft{
		0%{
			transform:translateX( 0 );
			opacity: 1;
		}
		50%{
			transform:translateX( -26vw );
		}
		100%{
			opacity: 0;
			transform:translateX( -26vw );
		}
	}
}
/*--tab--*/
@media screen and (min-width: 642px) and (max-width: 768px) {
	section {
	}
	#sec_pet .page_container {
		text-align: center;
		width: calc(100vw - 100px -  20px);
		text-align: center;
		background: rgba( 255, 255,255,0.4 );
		padding: 10px 10px 10px 10px;
		position: absolute;
		top: 28vh;
		left: calc(50px)
	}
	#sec_pet .page_container h1 {
		text-align: center;
		margin-bottom: 20px;
	}

		#sec_pet .img01 {
			margin-top: 20px;
		}
			#sec_pet .img01 img {
				width: 350px;
				height: auto;
			}
/*-- PET画像のスライド適用部分---------------*/
		#sec_pet .img02 {
			margin-top: 20px;
			text-align: center;
			height: 400px;
		}
		#sec_pet .img02 ul {
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			width: calc(100vw - 100px -  20px);
		}
		#sec_pet .img02 ul li {
			list-style: none;
			position: absolute;
		}
			#sec_pet .img02 ul li img {
				width: 300px;
				height: auto;
			}
			#sec_pet .img02 ul li.li_01 {
				left: -50px;
			}
			#sec_pet .img02 ul li.li_02 {
				right: -50px;
			}
			#sec_pet .img02 ul li.li_03 {
				left: calc(50% - 150px)
			}
			#sec_pet .img01 img {
				width: 350px;
				height: auto;
			}
	@keyframes slideRight{
		0%{
			transform:translateX( 0 );
			opacity: 1;
		}
		50%{
			transform:translateX( 215px );
		}
		100%{
			opacity: 0;
			transform:translateX( 215px );
		}
	}
	@keyframes slideLeft{
		0%{
			transform:translateX( 0 );
			opacity: 1;
		}
		50%{
			transform:translateX( -215px );
		}
		100%{
			opacity: 0;
			transform:translateX( -215px );
		}
	}
}
/*--pc_min--*/
@media screen and (min-width: 769px) and (max-width: 1279px) {
	#sec_pet .page_container {
		width: calc( 800px - 100px );
		height: calc( 500px - 100px );
		position: absolute;
		top: calc( 50vh - 250px);
		left: calc( 50vw - 400px);
		padding: 50px;
		display: table;
		text-align: center;
		background: rgba(255,255,255,0.8)
	}
		#sec_pet .page_container .inner {
			vertical-align: middle;
			text-align: center;
			display: table-cell;
		}
	#sec_pet .page_container h1 {
		text-align: center;
		margin-bottom: 20px;
	}

    #sec_pet .logo {
		position: absolute;
		left: 20px;
		top: 20px;
		width: auto;
    }
		#sec_pet .img01 {
			margin-top: 20px;
		}
/*-- PET画像のスライド適用部分---------------*/
		#sec_pet .img02 {
			margin-top: 20px;
			text-align: center;
			height: 400px;
		}
		#sec_pet .img02 ul {
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			width: 700px;
		}
		#sec_pet .img02 ul li {
			list-style: none;
			position: absolute;
		}
			#sec_pet .img02 ul li img {
				width: 300px;
				height: auto;
			}
			#sec_pet .img02 ul li.li_01 {
				left: -50px;
			}
			#sec_pet .img02 ul li.li_02 {
				right: -50px;
			}
			#sec_pet .img02 ul li.li_03 {
				left: calc(50% - 150px)
			}
			#sec_pet .img01 img {
				width: 350px;
				height: auto;
			}
	@keyframes slideRight{
		0%{
			transform:translateX( 0 );
			opacity: 1;
		}
		50%{
			transform:translateX( 250px );
		}
		100%{
			opacity: 0;
			transform:translateX( 250px );
		}
	}
	@keyframes slideLeft{
		0%{
			transform:translateX( 0 );
			opacity: 1;
		}
		50%{
			transform:translateX( -250px );
		}
		100%{
			opacity: 0;
			transform:translateX( -250px );
		}
	}

}
/*--pc_big--*/
@media screen and (min-width: 1280px)  {
	#sec_pet .page_container {
		width: calc( 800px - 100px );
		height: calc( 600px - 100px );
		position: absolute;
		top: calc( 50vh - 350px);
		left: calc( 50vw - 400px);
		padding: 50px;
		display: table;
		text-align: center;
		background: rgba(255,255,255,0.8)
	}
		#sec_pet .page_container .inner {
			vertical-align: middle;
			text-align: center;
			display: table-cell;
		}
	#sec_pet .page_container h1 {
		text-align: center;
		margin-bottom: 20px;
	}

    #sec_pet .logo {
		position: absolute;
		left: 20px;
		top: 20px;
		width: auto;
    }
		#sec_pet .img01 {
			margin-top: 20px;
		}
/*-- PET画像のスライド適用部分---------------*/
		#sec_pet .img02 {
			margin-top: 20px;
			text-align: center;
			height: 400px;
		}
		#sec_pet .img02 ul {
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			width: 700px;
		}
		#sec_pet .img02 ul li {
			list-style: none;
			position: absolute;
		}
		#sec_pet .img02 ul li img {
			width: 400px;
			height: auto;
		}
		#sec_pet .img02 ul li.li_01 {
			left: -100px;
		}
		#sec_pet .img02 ul li.li_02 {
			right: -100px;
		}
		#sec_pet .img02 ul li.li_03 {
			left: calc(50% - 200px)
		}
		#sec_pet .img01 img {
			width: 350px;
			height: auto;
		}
	@keyframes slideRight{
		0%{
			transform:translateX( 0 );
			opacity: 1;
		}
		50%{
			transform:translateX( 250px );
		}
		100%{
			opacity: 0;
			transform:translateX( 250px );
		}
	}
	@keyframes slideLeft{
		0%{
			transform:translateX( 0 );
			opacity: 1;
		}
		50%{
			transform:translateX( -250px );
		}
		100%{
			opacity: 0;
			transform:translateX( -250px );
		}
	}
}
/*--/////////////////////////////////////
MRI
/////////////////////////////////////--*/
#sec_mri {
	background: url(../images/back_image03.jpg) right center / cover no-repeat ;
}

/*--sp--*/
@media screen and (max-width: 641px) {
	section {
		padding: 10px;
	}
	#sec_mri .page_container {
		text-align: left;
		background: rgba( 255, 255,255,0.7 );
		padding: 10px 20px 10px 10px;
		width: calc(100vw - 50px);
		position: absolute;
		top: 30vh;
		height: auto;
	}
		#sec_mri .page_container .inner::after {
			content: "";
			display: block;
			clear: both;
			float: none;
		}
		#sec_mri h1 {
			margin: 0 0 10px 0 ;
		}
		#sec_mri p {
			margin: 0 0 20px 0 ;
		}
	#sec_mri .image_wrap {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline-block;
		width: calc(100vw - 30px);
		text-align: center;
		padding: 0px;
		height: calc( 25vw );
	}
		#sec_mri .image_wrap li {
			padding: 0;
			list-style: none;
			display: inline-block;
			margin: 0 5px 10px 0 ;
			width: calc( 25vw - 20px );
			vertical-align: top;
		}
			#sec_mri .image_wrap li img {
			width: calc( 25vw - 20px );
			}
			#sec_mri .image_wrap li p {
				text-align: center;
				margin: 0;
				font-size: 11px;
			}
}
/*--tab--*/
@media screen and (min-width: 642px) and (max-width: 768px) {
	#sec_mri .page_container {
		position: absolute;
		left:calc( 50vw - 45vw );
		bottom: 33vh;
		width: calc( 70vw - 0px );
		background: rgba(255,255,255,0.8);
		padding: 30px;
	}
		#sec_mri .page_container .inner {
			text-align: left;
			vertical-align: middle;
		}
		#sec_mri h1 {
			margin: 0 0 10px 0 ;
		}
		#sec_mri p {
			margin: 0 0 20px 0 ;
		}
	#sec_mri .image_wrap {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#sec_mri .image_wrap li {
		padding: 0;
			list-style: none;
			float: left;
			margin: 0 10px 0 0 ;
		}
			#sec_mri .image_wrap li img {
				height: calc( 15vw - 10px );
			}
			#sec_mri .image_wrap li p {
				text-align: center;
				margin: 0;
				font-size: 12px;
			}
    #sec_mri .logo {
		position: absolute;
		left: 20px;
		top: 20px;
		width: auto;
    }
}
/*--pc_min--*/
@media screen and (min-width: 769px) and (max-width: 1279px) {
	#sec_mri .page_container {
		position: absolute;
		left:calc( 5vw );
		width: calc( 40vw - 0px );
		display: table;
		height: 100vh;
	}
		#sec_mri .page_container .inner {
			display: table-cell;
			text-align: left;
			vertical-align: middle;
			height: 100vh;
		}
		#sec_mri h1 {
			margin: 0 0 10px 0 ;
		}
		#sec_mri p {
			margin: 0 0 20px 0 ;
		}
	#sec_mri .image_wrap {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#sec_mri .image_wrap li {
		padding: 0;
			list-style: none;
			float: left;
			margin: 0 10px 0 0 ;
		}
			#sec_mri .image_wrap li img {
				height: calc( 10vw - 10px );
			}
			#sec_mri .image_wrap li p {
				text-align: center;
				margin: 0;
				font-size: 12px;
			}
    #sec_mri .logo {
		position: absolute;
		left: 20px;
		top: 20px;
		width: auto;
    }
}
/*--pc_big--*/
@media screen and (min-width: 1280px)  {
	#sec_mri .page_container {
		position: absolute;
		right: calc(50vw - 0px ) ;
		width: calc( 40vw - 0px );
		display: table;
		height: 100vh;
	}
		#sec_mri .page_container .inner {
			display: table-cell;
			text-align: left;
			vertical-align: middle;
		height: 100vh;
		}
		#sec_mri h1 {
			margin: 0 0 10px 0 ;
		}
		#sec_mri p {
			margin: 0 0 20px 0 ;
			font-size: 14px;
		}
	#sec_mri .image_wrap {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#sec_mri .image_wrap li {
		padding: 0;
			list-style: none;
			float: left;
			margin: 0 10px 0 0 ;
		}
			#sec_mri .image_wrap li img {
				height: calc( 10vw - 10px );
			}
			#sec_mri .image_wrap li p {
				text-align: center;
				margin: 0;
				font-size: 12px;
			}
    #sec_mri .logo {
		position: absolute;
		left: 20px;
		top: 20px;
		width: auto;
    }
}

/*--/////////////////////////////////////
血液検査
/////////////////////////////////////--*/
#sec_blood {
	background: url(../images/back_image04.jpg) center center / cover no-repeat ;
}

/*--sp--*/
@media screen and (max-width: 641px) {
	section {
		padding: 10px;
	}
	#sec_blood .page_container .inner {
		text-align: center;
		background: rgba( 255, 255,255,0.8 );
		padding: 50px 20px 10px 20px;
		height: calc(100vh - 60px - 80px );
		width: calc(100vw - 60px);
		text-align: center;
		position: absolute;
		top: 10px;
		left: 10px;
	}
	#sec_blood .page_container h1 {
		text-align: center;
		margin-bottom: 30px;
	}
	#sec_blood .page_container h2 {
		text-align: center;
		margin-bottom: 20px;
	}
	#sec_blood .page_container p {
		margin-bottom: 20px;
	}
	#sec_blood .page_container ul {
		text-align: center;
		width: calc(100vw - 60px);
		margin: 20px auto auto auto;
		padding: 0;
		display: inline-block;
	}
		#sec_blood .page_container ul li {
			list-style: none;
			margin: 0 2px 0 2px ;
			width: 18vw;
			display: inline-block;
			text-align: center;
			vertical-align: top;
		}
			#sec_blood .page_container ul li img {
				width: 100%;
			}
				#sec_blood .page_container ul li p {
					text-align: center;
					font-size: 12px;
					margin: 5px 0 0 0;
				}
					#sec_blood .page_container ul li p span {
						display: block;
						font-size: 10px;
						font-style: italic;
						color: #666;
						line-height: 1.3;
					}
}
/*--tab--*/
@media screen and (min-width: 642px) and (max-width: 768px) {
		#sec_blood .page_container {
		width: calc( 100vw - 10vw - 100px);
		height: calc( 100vh - 10vh - 100px) ;
		position: absolute;
		left: 5vw;
		top: calc(5vh + 100px);
		text-align: center;
		background: rgba(255,255,255,0.9);
		padding:  0px 50px;
		display: table;
	}
		#sec_blood .page_container .inner {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
    #sec_blood .logo {
		position: absolute;
		left:20px;
		top: 20px;
		width: auto;
    }
	#sec_blood .page_container h1 {
		text-align: center;
		margin-bottom: 30px;
	}
	#sec_blood .page_container h2 {
		text-align: center;
		margin-bottom: 20px;
	}
	#sec_blood .page_container p {
		margin-bottom: 20px;
	}
    #sec_blood ul {
			display: flex;
			justify-content: center;
			width: 500px;
		margin: 10px auto 0px;
		padding: 0;

    }
		#sec_blood ul li {
			list-style: none;
			margin: 0;
			padding: 0;
			flex-basis: 150px;
		}
		#sec_blood ul li img {
			box-shadow: 3px 3px 0px #666;
		}
		#sec_blood ul li p {
			text-align: center;
			margin: 5px 0 0 0;
			font-size: 14px;
		}
			#sec_blood ul li p span {
				display: block;
				text-align: center;
				font-size: 12px;
				font-style: italic;
			}


}
/*--pc_min--*/
@media screen and (min-width: 769px) and (max-width: 1279px) {
		#sec_blood .page_container {
		width: calc( 100vw - 10vw - 100px);
		height: calc( 100vh - 10vh - 100px) ;
		position: absolute;
		left: 5vw;
		top: calc(5vh + 100px);
		text-align: center;
		background: rgba(255,255,255,0.9);
		padding:  0px 50px;
		display: table;
	}
		#sec_blood .page_container .inner {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
    #sec_blood .logo {
		position: absolute;
		left:20px;
		top: 20px;
		width: auto;
    }
	#sec_blood .page_container h1 {
		text-align: center;
		margin-bottom: 30px;
	}
	#sec_blood .page_container h2 {
		text-align: center;
		margin-bottom: 20px;
	}
	#sec_blood .page_container p {
		margin-bottom: 20px;
	}
    #sec_blood ul {
			display: flex;
			justify-content: center;
			width: 500px;
		margin: 10px auto 0px;
		padding: 0;

    }
		#sec_blood ul li {
			list-style: none;
			margin: 0;
			padding: 0;
			flex-basis: 150px;
		}
		#sec_blood ul li img {
			box-shadow: 3px 3px 0px #666;
		}
		#sec_blood ul li p {
			text-align: center;
			margin: 5px 0 0 0;
			font-size: 14px;
		}
			#sec_blood ul li p span {
				display: block;
				text-align: center;
				font-size: 12px;
				font-style: italic;
			}

}
/*--pc_big--*/
@media screen and (min-width: 1280px)  {
	#sec_blood .page_container {
		width: calc( 100vw - 200px - 200px);
		height: calc( 100vh - 200px) ;
		position: absolute;
		left: 100px;
		top: 100px;
		text-align: center;
		background: rgba(255,255,255,0.9);
		padding:  0px 100px;
		display: table;
	}
		#sec_blood .page_container .inner {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
    #sec_blood .logo {
		position: absolute;
		left: 20px;
		top: 20px;
		width: auto;
    }
    #sec_blood ul {
			display: flex;
			justify-content: center;
			width: 500px;
		margin: 40px auto 0px;
		padding: 0;

    }
	#sec_blood .page_container h1 {
		text-align: center;
		margin-bottom: 30px;
	}
	#sec_blood .page_container h2 {
		text-align: center;
		margin-bottom: 20px;
	}
	#sec_blood .page_container p {
		margin-bottom: 20px;
	}

		#sec_blood ul li {
			list-style: none;
			margin: 0;
			padding: 0;
			flex-basis: 150px;
		}
		#sec_blood ul li img {
			box-shadow: 3px 3px 0px #666;
		}
		#sec_blood ul li p {
			text-align: center;
			margin: 5px 0 0 0;
			font-size: 14px;
		}
			#sec_blood ul li p span {
				display: block;
				text-align: center;
				font-size: 12px;
				font-style: italic;
			}
}


/*--/////////////////////////////////////
医療ネットワーク
/////////////////////////////////////--*/
#sec_network {
	background: url(../images/back_image05.jpg) center right/ cover no-repeat ;
}
/*--sp--*/
@media screen and (max-width: 641px) {
	section {
		padding: 10px;
	}
	#sec_network .page_container {
		padding: 10px 10px 10px 10px;
		height: calc(100vh - 40px );
		width: calc(100vw - 40px);
	}
		#sec_network .inner {
			text-align: center;
		}
		#sec_network  h1 {
			margin: 20px 0 10px
		}
		#sec_network  h2 {
			display: none;
		}
		#sec_network  p {
			text-align: left;
			font-size: 13px !important;
			line-height: 1.5;
			margin: 0;
			margin-right: 0px;
		}
		#sec_network  p br {
			display: none;
		}
			#sec_network .clinic_ul {
				margin: 0 0 0px 0 ;
				padding: 0;
				text-align: center;
				list-style: none;
				position: absolute;
				bottom: 5px;
				left:10px;
				width: 90vw;
			}
			#sec_network .clinic_ul li {
				list-style: none;
				display: block;
				text-align: left;
				margin: 5px 0px ;
			}
			#sec_network .clinic_ul li p {
				margin: 0 0 2px 0 ;
				font-size: 10px !important;
				line-height: 1.0 !important;
				width: 80vw;
			}
				#sec_network .clinic_ul li p span {
					white-space: nowrap;
					margin-left: 10px;
					font-size: smaller;
					color: #575541;
				}
				#sec_network .clinic_ul li img {
					width: 70vw;
				}
}
/*--tab--*/
@media screen and (min-width: 642px) and (max-width: 768px) {
		#sec_network .page_container {
		width: calc(100vw - 60px);
		position: absolute;
		left: 10px;
		text-align: left;
		padding: 20px 30px 10px 10px;
		top: 100px;
		height: calc(100vh - 40px - 100px );
	}
		#sec_network .logo {
			position: absolute;
			left: 20px;
			top: 20px;
			width: auto;
		}
		#sec_network  h1 {
			margin: 0 0 20px
		}
		#sec_network  h2 {
			margin: 0 0 20px
		}
		#sec_network  p {
			text-align: left;
			margin-right: 20px;
		}
			#sec_network .clinic_ul {
				margin: 20px 0 0 0 ;
				padding: 0;
				text-align: center;
				list-style: none;
				position: absolute;
				bottom: 20px;
			}
			#sec_network .clinic_ul li {
				list-style: none;
				display: inline-block;
				text-align: left;
				margin: 0 0px ;
			}
			#sec_network .clinic_ul li p {
				margin: 0 0 5px 0 ;
			}
				#sec_network .clinic_ul li p span {
					white-space: nowrap;
					margin-left: 10px;
					font-size: smaller;
					color: #575541;
				}

				#sec_network .clinic_ul li img {
					width: 80vw;
				}
}
/*--pc_big--*/
@media screen and (min-width: 769px)  {
	#sec_network .page_container {
		width: calc( 80vw - 0px );
		height: 100vh;
		position: absolute;
		left: 50px;
		display: table;
		text-align: left;
	}
		#sec_network .page_container .inner {
			display: table-cell;
			height: 100vh;
			vertical-align: middle;
			text-align: left;
		}
		#sec_network  h1 {
			margin: 0 0 20px
		}
		#sec_network  h2 {
			margin: 0 0 20px
		}
		#sec_network  p {
			text-align: left;
			margin-right: 20px;
		}
	#sec_network .clinic_ul {
		list-style: none;
		padding: 0;
		margin: 20px 0 0 0 ;
	}
		#sec_network .clinic_ul li {
		list-style: none;
			margin: 0 0 10px 0 ;
			padding: 0;
		}
			#sec_network .clinic_ul li p {
				font-size: 12px;
				margin: 0 0 5px 0 ;
				padding: 0;
			}
				#sec_network .clinic_ul li p span {
					white-space: nowrap;
					margin-left: 10px;
					font-size: smaller;
					color: #575541;
				}
			#sec_network .clinic_ul li img {
				height: 12vh;
			}
    #sec_network .logo {
		position: absolute;
		left: auto;
		right: 50px !important;
		bottom: 20px;
    }
}


/*--/////////////////////////////////////
医療ツーリズム
/////////////////////////////////////--*/
	#sec_okinawa {
		background: url(../images/back_image06.jpg) center center / cover no-repeat ;
	}
/*--sp--*/
@media screen and (max-width: 641px) {
	section {
	}
	#sec_okinawa .page_container {
		text-align: left;
		background: rgba( 255, 255,255,0.8 );
		padding: 10px 20px 10px 10px;
		height: calc(100vh - 60px );
		width: calc(100vw - 50px);
		margin-left: 10px;
		margin-top: 10px;

	}
		#sec_okinawa .text {
			text-align: center;
			position: absolute;
			top: 20vw;
			left: calc(50vw - 40vw);
			width: 80vw;
		}
			#sec_okinawa .text h1 {
				margin-bottom: 20px;
			}

		#sec_okinawa .photo {
			position: absolute;
			bottom: 40px;
			left: calc(50vw - 50vw);
			width: 100vw;
		}
			#sec_okinawa .photo ul {
				margin: 0 0 0px 0 ;
				padding: 0;
				text-align: center;
			}
			#sec_okinawa .photo ul:nth-of-type(1) {
			}
			#sec_okinawa .photo ul:nth-of-type(2n) {
	}
			#sec_okinawa .photo ul:last-of-type {
			}
			#sec_okinawa .photo ul li {
				list-style: none;
				display: inline-block;
				text-align: left;
				margin: 0 0 5px 0  ;
			}
				#sec_okinawa .photo ul li img {
					width: 28vw;
				}
}
/*--tab--*/
@media screen and (min-width: 642px) and (max-width: 768px) {
	#sec_okinawa .page_container {
		width: calc(100vw - 60px);
		position: absolute;
		left: 10px;
		text-align: left;
		background: rgba( 255, 255,255,0.8 );
		padding: 20px 30px 10px 10px;
		top: 100px;
		height: calc(100vh - 40px - 100px );
	}
		#sec_okinawa .logo {
			position: absolute;
			left: 20px;
			top: 20px;
			width: auto;
		}
		#sec_okinawa .text {
			text-align: center;
			position: absolute;
			top: 15vw;
			left: calc(50vw - 45vw);
			width: 90vw;
		}
		#sec_okinawa .text h1 {
			margin-bottom: 20px;
		}
		#sec_okinawa .text p {
		}
		#sec_okinawa .photo {
			position: absolute;
			bottom: 30px;
			left: calc(50vw - 45vw);
			width: 90vw;
		}
			#sec_okinawa .photo ul {
				margin: 0 0 5px 0 ;
				padding: 0;
				text-align: center;
			}
			#sec_okinawa .photo ul:nth-of-type(1) {
			}
			#sec_okinawa .photo ul:nth-of-type(2n) {
	}
			#sec_okinawa .photo ul:last-of-type {
			}
			#sec_okinawa .photo ul li {
				list-style: none;
				display: inline-block;
				text-align: left;
				margin: 0 5px ;
			}
				#sec_okinawa .photo ul li img {
					width: 28vw;
				}
}
/*--pc_min--*/
@media screen and (min-width: 769px) and (max-width: 1023px) {
		#sec_okinawa .page_container {
			width: calc(100vw  - 100px);
			height: calc(100vh - 100px);
			position: absolute;
			left: 50px;
			top: 50px;
			text-align: center;
			background: rgba(255,255,255,0.9);
		}
		#sec_okinawa .logo {
			position: absolute;
			left: 100px;
			top: 100px;
			width: auto;
		}
			#sec_okinawa .img01 {
				margin-top: 20px;
			}
				#sec_okinawa .img01 img {
					width: 350px;
					height: auto;
				}

		#sec_okinawa .text {
			position: absolute;
			left: calc(70px);
			top: calc( 100px);
			text-align: left;
		}
		#sec_okinawa .text h1 {
			margin-bottom: 20px;
		}
		#sec_okinawa .text p {
		}
		#sec_okinawa .photo {
			position: absolute;
			right: 200px;
			top: 275px;
		}
			#sec_okinawa .photo ul {
				margin: 0 0 5px 0 ;
				padding: 0;
				text-align: right;
			}
			#sec_okinawa .photo ul:nth-of-type(1) {
				margin-right: 20px;
			}
			#sec_okinawa .photo ul:nth-of-type(2n) {
				margin-right: -120px;
	}
			#sec_okinawa .photo ul:last-of-type {
				margin-right: -160px;
			}
			#sec_okinawa .photo ul li {
				list-style: none;
				display: inline-block;
				text-align: left;
				margin: 0 5px ;
			}
				#sec_okinawa .photo ul li img {
					width: calc( 50vw / 3 );
				}

}
/*--pc_mid--*/


@media screen and (min-width: 1024px) and (max-width: 1439px) {
		#sec_okinawa .page_container {
			width: calc(100vw  - 100px);
			height: calc(100vh - 100px);
			position: absolute;
			left: 50px;
			top: 50px;
			text-align: center;
			background: rgba(255,255,255,0.9);
		}
		#sec_okinawa .logo {
			position: absolute;
			left: 100px;
			top: 100px;
			width: auto;
		}
			#sec_okinawa .img01 {
				margin-top: 20px;
			}
				#sec_okinawa .img01 img {
					width: calc( 50vw / 3 );
					height: auto;
				}

		#sec_okinawa .text {
			position: absolute;
			left: calc(50px);
			top: calc( 50vh - 100px);
			text-align: left;
			width: 40vw;
		}
		#sec_okinawa .text h1 {
			margin-bottom: 20px;
		}
		#sec_okinawa .text p {
		}
		#sec_okinawa .photo {
			position: absolute;
			right: 40px;
			top: calc( 50vh - 25vh) ;
		}
			#sec_okinawa .photo ul {
				margin: 0 0 10px 0 ;
				padding: 0;
				text-align: right;
			}
			#sec_okinawa .photo ul:nth-of-type(1) {
				margin-right: -80px;
			}
			#sec_okinawa .photo ul:nth-of-type(2n) {
				margin-right: -120px;
	}
			#sec_okinawa .photo ul:last-of-type {
				margin-right: -80px;
			}
			#sec_okinawa .photo ul li {
				list-style: none;
				display: inline-block;
				text-align: left;
				margin: 0 5px ;
			}
				#sec_okinawa .photo ul li img {
					width: calc( 45vw / 3 );
				}

}
/*--pc_big--*/
@media screen and (min-width: 1440px)  {
		#sec_okinawa .page_container {
			width: calc(100vw  - 100px);
			height: calc(100vh - 100px);
			position: absolute;
			left: 50px;
			top: 50px;
			text-align: center;
			background: rgba(255,255,255,0.9);
		}
		#sec_okinawa .logo {
			position: absolute;
			left: 100px;
			top: 100px;
			width: auto;
		}
			#sec_okinawa .img01 {
				margin-top: 20px;
			}
				#sec_okinawa .img01 img {
					width: 350px;
					height: auto;
				}

		#sec_okinawa .text {
			position: absolute;
			left: calc(70px);
			top: calc( 50vh - 100px);
			text-align: left;
		}
		#sec_okinawa .text h1 {
			margin-bottom: 20px;
		}
		#sec_okinawa .text p {
		}
		#sec_okinawa .photo {
			position: absolute;
			right: 50px;
			top: calc( 50vh - 35vh) ;
		}
			#sec_okinawa .photo ul {
				margin: 0 0 10px 0 ;
				padding: 0;
				text-align: right;
			}
			#sec_okinawa .photo ul:nth-of-type(1) {
				margin-right: 40px;
			}
			#sec_okinawa .photo ul:nth-of-type(2n) {
				margin-right: -80px;
	}
			#sec_okinawa .photo ul:last-of-type {
				margin-left: 70px;
			}
			#sec_okinawa .photo ul li {
				list-style: none;
				display: inline-block;
				text-align: left;
				margin: 0 5px ;
			}
				#sec_okinawa .photo ul li img {
					width: calc( 50vw / 3 );
				}
}

/*--/////////////////////////////////////
フォローアップ
/////////////////////////////////////--*/
#sec_follow {
	background: url(../images/back_image07.jpg) bottom left / cover no-repeat ;
}

/*--sp--*/
@media screen and (max-width: 641px) {
	#sec_follow {
		background: url(../images/back_image072.jpg) bottom left / cover no-repeat ;
	}
	#sec_follow .page_container {
		text-align: left;
		padding: 80px 0 0px 0;
		width: calc( 100vw - 20px)
	}
		#sec_follow .page_container h1 {
			margin-bottom: 10px;
		}
	#sec_follow .page_container .inner {
		padding: 0 20px 0 20px ;
	}
}
/*--tab--*/
@media screen and (min-width: 642px) and (max-width: 768px) {
	#sec_follow {
		background: url(../images/back_image072.jpg) bottom left / cover no-repeat ;
	}
	#sec_follow .page_container {
			text-align: left;
		padding: 200px 50px 0 50px;
		}
		#sec_follow .page_container h1 {
			margin-bottom: 20px;
		}
		#sec_follow .logo {
			position: absolute;
			left: auto;
			right: 50px !important;
			top: 50px;
		}
}
/*--pc_min--*/
@media screen and (min-width: 769px) and (max-width: 1279px) {
	#sec_follow {
		background: url(../images/back_image07.jpg) bottom left -100px / cover no-repeat ;
	}
	#sec_follow .page_container {
			width: calc( 100vw - 100px - 40vw );
			position: absolute;
			right: 100px;
			top: calc( 50vh - 100px );
			text-align: left;
		}
		#sec_follow .logo {
			position: absolute;
			left: auto;
			right: 50px !important;
			top: 50px;
		}
		#sec_follow .page_container h1 {
			margin-bottom: 20px;
		}

}
/*--pc_big--*/
@media screen and (min-width: 1280px)  {
	#sec_follow {
		background: url(../images/back_image07.jpg) bottom left / cover no-repeat ;
	}
	#sec_follow .page_container {
			width: calc( 100vw - 100px - 50vw );
			position: absolute;
			right: 100px;
			top: calc( 50vh - 100px );
			text-align: left;
		}
		#sec_follow .logo {
			position: absolute;
			left: auto;
			right: 50px !important;
			top: 50px;
		}
		#sec_follow .page_container h1 {
			margin-bottom: 20px;
		}

}


/*--/////////////////////////////////////
会社概要
/////////////////////////////////////--*/

#sec_corporate {
	background: url(../images/back_image08.jpg) center center / cover no-repeat ;
}
/*--sp--*/
@media screen and (max-width: 641px) {
	section {
		padding: 10px;
	}
	#sec_corporate .page_container {
		text-align: left;
		background: rgba( 255, 255,255,0.8 );
		padding: 10px 20px 20px 10px;
		width: calc(100vw - 50px);
		height: calc(100vh - 20px - 80px);
		margin: 10px ;
	}
	#sec_corporate .page_container h1 {
		margin: 20px 0 30px 0 ;
		text-align: center;
	}
	#sec_corporate dl {
	}
		#sec_corporate dl::after {
			content: "";
			display: block;
			float: none;
			clear: both;
		}
		#sec_corporate dl:nth-of-type(1) {
			margin: 0;
			padding: 0;
		}
		#sec_corporate dl:nth-of-type(2) {
			margin: 0;
			padding: 0;
		}
		#sec_corporate dl dt {
			width: auto;
			margin: 5px 0 0 0 ;
			padding: 0 ;
			float: none;
			clear: both;
			text-align: left;
			color: #12b8d7 ;
			font-size: 13px;
		}
		#sec_corporate dl dt.dt_min {
			width: auto;
			margin: 0 2em 0 0  !important;
			padding: 0 ;
			float: left;
			clear: both;
			text-align: left;
			clear: both;
		}
	#sec_corporate dl dd {
			margin: 0 0 0 0 ;
			text-align: left;
		font-size: 13px;
		}
	#sec_corporate dl dd:nth-last-of-type(2) {
		margin-bottom: 5px;
		}
    #sec_corporate .logo {
		position: absolute;
		left: auto;
		right: 10px !important;
		top: 10px;
    }
		#sec_corporate .logo img {
			height: 50px;
			width: auto;
		}
}
/*--tab--*/
@media screen and (min-width: 641px) and (max-width: 768px) {
	#sec_corporate .page_container {
		width: calc(100vw - 60px);
		position: absolute;
		left: 10px;
		text-align: left;
		background: rgba( 255, 255,255,0.8 );
		padding: 10px 30px 10px 10px;
		top: 100px;
		height: calc(100vh - 40px - 100px );
	}
	#sec_corporate dl {
	}
		#sec_corporate dl:nth-of-type(1) {
			width: calc(40% - 20px);
			float: left;
			padding-right: 20px;
		}
		#sec_corporate dl:nth-of-type(2) {
			width: calc(60%);
			float: left;
		}
		#sec_corporate dl dt {
			width: auto;
			margin: 10px 0 5px 0 ;
			padding: 0 ;
			float: none;
			clear: both;
			text-align: left;
			color: #12b8d7 ;
		}
		#sec_corporate dl dd {
			margin: 0 0 0 0 ;
			text-align: left;
		}
    #sec_corporate .logo {
		position: absolute;
		left: auto;
		right: 30px !important;
		top: 30px;
    }
}
/*--pc_min--*/
@media screen and (min-width: 769px) and (max-width: 1279px) {
	#sec_corporate .page_container {
		width: calc(100vw - 80px - 40px);
		position: absolute;
		left: 40px;
		text-align: left;
		background: rgba( 255, 255,255,0.8 );
		padding: 20px;
		top: 150px;
		height: calc(100vh - 40px - 220px );
	}
	#sec_corporate h1 {
		margin: 20px 0 30px 0 ;
	}
	#sec_corporate dl {
	}
		#sec_corporate dl:nth-of-type(1) {
			width: calc(40% - 50px);
			float: left;
			padding-right: 50px;
		}
		#sec_corporate dl:nth-of-type(2) {
			width: calc(60%);
			float: left;
		}
		#sec_corporate dl dt {
			width: 100px;
			margin: 10px 0 0 0 ;
			padding: 0 ;
			float: left;
			text-align: left;
		}
		#sec_corporate dl dd {
			margin: 10px 0 0 120px ;
			text-align: left;
		}
    #sec_corporate .logo {
		position: absolute;
		left: auto;
		right: 30px !important;
		top: 30px;
    }
}
/*--pc_big--*/
@media screen and (min-width: 1280px)  {
	#sec_corporate .page_container {
		width: calc(80vw - 100px);
		position: absolute;
		left: 10vw;
		text-align: left;
		background: rgba( 255, 255,255,0.9 );
		padding: 50px;
		top: 150px;
	}

	#sec_corporate dl {
	}
		#sec_corporate dl:nth-of-type(1) {
			width: calc(40% - 50px);
			float: left;
			padding-right: 50px;
		}
		#sec_corporate dl:nth-of-type(2) {
			width: calc(60%);
			float: left;
		}
		#sec_corporate dl dt {
			width: 100px;
			margin: 10px 0 0 0 ;
			padding: 0 ;
			float: left;
			text-align: left;
		}
		#sec_corporate dl dd {
			margin: 10px 0 0 120px ;
			text-align: left;
		}
    #sec_corporate .logo {
		position: absolute;
		left: auto;
		right: 50px !important;
		top: 50px;
    }
}


/*--/////////////////////////////////////
血液検査追加
/////////////////////////////////////--*/

#sec_blood_page01 {
	background: url(../images/back_blood_page1.jpg) center center / cover no-repeat ;
}
#sec_blood_page02 {
	background: url(../images/back_blood_page2.jpg) center center / cover no-repeat ;
}
#sec_blood_page03 {
	background: url(../images/back_blood_page3.jpg) center center / cover no-repeat ;
}
#sec_blood_page04 {
	background: url(../images/back_blood_page4.jpg) center center / cover no-repeat ;
}
			#sec_blood_page01 .page_container  h2 span{
				background: #e95412;
			}
			#sec_blood_page02 .page_container  h2 span{
				background: #0ba29b;
			}
			#sec_blood_page03 .page_container  h2 span{
				background: #1870af;
			}
			#sec_blood_page04 .page_container  h2 span{
				background: #d22867;
			}
			#sec_blood_page01 .page_container .inner dl.flag {
				background: #e95412;
			}
			#sec_blood_page02 .page_container .inner dl.flag {
				background: #0ba29b;
			}
			#sec_blood_page03 .page_container .inner dl.flag {
				background: #1870af;
			}
			#sec_blood_page04 .page_container .inner dl.flag {
				background: #d22867;
			}
/*--sp--*/
@media screen and (max-width: 641px) {
	section {
	}
	.bloodPageCommon .page_container {
		text-align: left;
		background: rgba( 255, 255,255,0.8 );
		padding: 10px 20px 10px 10px;
		height: calc(100vh - 100px );
		width: calc(100vw - 50px);
		margin-left: 10px;
		margin-top: 10px;

	}
		#sec_blood_page01 .page_container  {
			background:  rgba(255,255,255,0.8);
		}
		#sec_blood_page02 .page_container  {
			background:  rgba(255,255,255,0.8);
		}
		#sec_blood_page03 .page_container  {
			background:  rgba(255,255,255,0.8);
		}
		#sec_blood_page04 .page_container  {
			background:  rgba(255,255,255,0.8);
		}
		.bloodPageCommon .page_container .inner {
			text-align: center;
			position: relative;
		}
		.bloodPageCommon .page_container .inner dl.flag {
			position: absolute;
			right: 10px;
			top: -15px;
			margin: 0;
			padding: 1px;
			background: #666;
			font-size: 10px;
		}

			.bloodPageCommon .page_container .inner dl.flag dt {
				margin: 0;
				padding: 5px;
				text-align: left;
				display: inline-block;
				color: #fff;
			}
			.bloodPageCommon .page_container .inner dl.flag dd {
				margin: 0;
				padding: 5px;
				background: rgba(255,255,255,0.5);
				text-align: left;
				display: inline-block;
			}
		.bloodPageCommon .title  {
			color: #fff;
			padding: 30px 20px 10px 20px;
			margin-bottom: 10px;
			}
		#sec_blood_page01 .title  {
			background: url(../images/back_blood_page1_01.jpg) no-repeat top center / 100% auto rgba(0,0,0,0.8);
		}
		#sec_blood_page02 .title  {
			background: url(../images/back_blood_page2_01.jpg) no-repeat top center / 100% auto rgba(0,0,0,0.8);
			color: #fff;
		}
		#sec_blood_page03 .title  {
			background: url(../images/back_blood_page3_01.jpg) no-repeat top center / 100% auto rgba(0,0,0,0.8);
			color: #fff;
		}
		#sec_blood_page04 .title  {
			background: url(../images/back_blood_page4_01.jpg) no-repeat top center / 100% auto rgba(0,0,0,0.8);
			color: #fff;
		}	
		.bloodPageCommon .page_container  h1 {
			margin: auto;
			text-align: center;
			border-bottom: 1px solid #666;
			padding-bottom: 5px;
			margin-bottom: 5px;
			font-size: 16px;
			font-weight: 300;
			width: calc(100% - 10px);
			text-shadow: 2px 2px 2px #000;
			}
		.bloodPageCommon .page_container  h2{
			font-size: 24px;
			font-weight: 600;
			margin: 0 ;
			text-shadow: 2px 2px 2px #000;
		}
		.bloodPageCommon .page_container  h2 span{
			display: block;
			text-align: center;
			font-size: 20px;
			color: #fff;
			line-height: 2.0;
			font-size: 14px;
			margin: 10px auto auto auto;
			width: calc(100% - 10px);
			font-weight: 300;
		}
		.bloodPageCommon .page_container  main p{
			text-align: left;
			font-size: 12px;
		}
		.bloodPageCommon .page_container  main p br {
			display: none;
		}
		.bloodPageCommon .page_container  main div.images2{
			width: calc(100vw - 60px);
			height: calc((100vw - 60px) * 0.6 );
			margin: 10px auto auto;
		}
		#sec_blood_page01 .page_container  main div.images2 {
			background: url(../images/back_blood_page1_01.jpg)  no-repeat bottom center / 100% auto ;
		}
		#sec_blood_page02 .page_container  main div.images2 {
			background: url(../images/back_blood_page2_01.jpg)  no-repeat bottom center / 100% auto ;
		}
		#sec_blood_page03 .page_container  main div.images2 {
			background: url(../images/back_blood_page3_01.jpg)  no-repeat bottom center / 100% auto ;
		}
		#sec_blood_page04 .page_container  main div.images2 {
			background: url(../images/back_blood_page4_01.jpg)  no-repeat bottom center / 100% auto ;
		}
}
/*--tab--*/
@media screen and (min-width: 641px) and (max-width: 768px) {
    .bloodPageCommon .logo {
		position: absolute;
		left: 10px;
		top: 10px;
		width: auto;
    }
	.bloodPageCommon .page_container {
		text-align: center;
		padding:  0px ;
		padding: 0;
		margin: 100px 40px 20px 20px;
		height: calc(100vh - 100px - 60px);
		position: relative;
	}
		#sec_blood_page01 .page_container  {
			background:  rgba(255,255,255,0.8);
		}
		#sec_blood_page02 .page_container  {
			background:  rgba(255,255,255,0.8);
		}
		#sec_blood_page03 .page_container  {
			background:  rgba(255,255,255,0.8);
		}
		#sec_blood_page04 .page_container  {
			background:  rgba(255,255,255,0.8);
		}
		.bloodPageCommon .page_container .inner {
			text-align: center;
			position: relative;
		}
		.bloodPageCommon .page_container .inner dl.flag {
			position: absolute;
			right: 50px;
			top: -10px;
			margin: 0;
			padding: 1px;
			background: #666;
		}

			.bloodPageCommon .page_container .inner dl.flag dt {
				margin: 0;
				padding: 10px;
				text-align: left;
				display: inline-block;
				color: #fff;
			}
			.bloodPageCommon .page_container .inner dl.flag dd {
				margin: 0;
				padding: 10px;
				background: rgba(255,255,255,0.5);
				text-align: left;
				display: inline-block;
			}
		.bloodPageCommon .title  {
			color: #fff;
			padding: 40px;
			margin-bottom: 20px;
			}
		#sec_blood_page01 .title  {
			background: url(../images/back_blood_page1_01.jpg) no-repeat top center / 100% auto rgba(0,0,0,0.8);
		}
		#sec_blood_page02 .title  {
			background: url(../images/back_blood_page2_01.jpg) no-repeat top center / 100% auto rgba(0,0,0,0.8);
			color: #fff;
		}
		#sec_blood_page03 .title  {
			background: url(../images/back_blood_page3_01.jpg) no-repeat top center / 100% auto rgba(0,0,0,0.8);
			color: #fff;
		}
		#sec_blood_page04 .title  {
			background: url(../images/back_blood_page4_01.jpg) no-repeat top center / 100% auto rgba(0,0,0,0.8);
			color: #fff;
		}	
		.bloodPageCommon .page_container  h1 {
			margin: auto;
			text-align: center;
			border-bottom: 1px solid #666;
			padding-bottom: 10px;
			margin-bottom: 30px;
			font-size: 30px;
			font-weight: 300;
			width: calc(100% - 100px);
			text-shadow: 2px 2px 2px #000;
			}
		.bloodPageCommon .page_container  h2{
			font-size: 40px;
			font-weight: 100;
			margin: 10px 0 30px 0 ;
			text-shadow: 2px 2px 2px #000;
		}
		.bloodPageCommon .page_container  h2 span{
			display: block;
			text-align: center;
			font-size: 20px;
			color: #fff;
			line-height: 2.0;
			font-size: 14px;
			margin: 10px auto auto auto;
			width: calc(100% - 100px);
		}
		.bloodPageCommon .page_container  main div.images2{
			width: calc(100vw - 200px);
			height: calc((100vw - 200px) * 0.6 );
			margin: 30px auto auto;
		}
		#sec_blood_page01 .page_container  main div.images2 {
			background: url(../images/back_blood_page1_01.jpg)  no-repeat bottom center / 100% auto ;
		}
		#sec_blood_page02 .page_container  main div.images2 {
			background: url(../images/back_blood_page2_01.jpg)  no-repeat bottom center / 100% auto ;
		}
		#sec_blood_page03 .page_container  main div.images2 {
			background: url(../images/back_blood_page3_01.jpg)  no-repeat bottom center / 100% auto ;
		}
		#sec_blood_page04 .page_container  main div.images2 {
			background: url(../images/back_blood_page4_01.jpg)  no-repeat bottom center / 100% auto ;
		}
}
/*--pc_min--*/
@media screen and (min-width: 769px) and (max-width: 1279px) {
    #sec_blood_page01 .logo {
		position: absolute;
		right: 50px;
		top: 10px;
		width: auto;
    }
    #sec_blood_page02 .logo {
		position: absolute;
		left: 50px;
		top: 10px;
		width: auto;
    }
    #sec_blood_page03 .logo {
		position: absolute;
		right: 50px;
		top: 10px;
		width: auto;
    }
    #sec_blood_page04 .logo {
		position: absolute;
		left: 50px;
		top: 10px;
		width: auto;
    }
	.bloodPageCommon .page_container {
		width: calc( 100vw - 100px);
		height: calc( 100vh - 150px) ;
		position: absolute;
		left: 50px;
		top: 100px;
		text-align: center;
		padding:  0px ;
		display: table;
	}
		#sec_blood_page01 .page_container  {
			background: url(../images/back_blood_page1_01.jpg)  no-repeat left center / contain rgba(255,255,255,0.8);
		}
		#sec_blood_page02 .page_container  {
			background: url(../images/back_blood_page2_01.jpg)  no-repeat left center / contain rgba(255,255,255,0.8);
		}
		#sec_blood_page03 .page_container  {
			background: url(../images/back_blood_page3_01.jpg)  no-repeat left center / contain rgba(255,255,255,0.8);
		}
		#sec_blood_page04 .page_container  {
			background: url(../images/back_blood_page4_01.jpg)  no-repeat left center / contain rgba(255,255,255,0.8);
		}
		.bloodPageCommon .page_container .inner {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			position: relative;
			padding-left: calc(50vw - 100px);
			padding-right: 10px;
		}
		.bloodPageCommon .page_container .inner dl.flag {
			position: absolute;
			right: 50px;
			top: -10px;
			margin: 0;
			padding: 1px;
			background: #666;
		}

			.bloodPageCommon .page_container .inner dl.flag dt {
				margin: 0;
				padding: 10px;
				text-align: left;
				display: inline-block;
				color: #fff;
			}
			.bloodPageCommon .page_container .inner dl.flag dd {
				margin: 0;
				padding: 10px;
				background: rgba(255,255,255,0.5);
				text-align: left;
				display: inline-block;
			}
		.bloodPageCommon .page_container  h1 {
			margin: auto;
			text-align: center;
			border-bottom: 1px solid #666;
			padding-bottom: 10px;
			margin-bottom: 20px;
			font-size: 30px;
			font-weight: 300;
			width: calc(100% - 100px);
			}
		.bloodPageCommon .page_container  h2{
			font-size: 40px;
			font-weight: 100;
			margin: 10px 0 30px 0 ;
		}
		.bloodPageCommon .page_container  h2 span{
			display: block;
			text-align: center;
			font-size: 20px;
			color: #fff;
			line-height: 2.0;
			font-size: 14px;
			margin: 10px auto auto auto;
			width: calc(100% - 100px);
		}
}
/*--pc_big--*/
@media screen and (min-width: 1280px)  {
    .bloodPageCommon .logo {
		position: absolute;
		left: 20px;
		top: 20px;
		width: auto;
    }
	.bloodPageCommon .page_container {
		width: calc( 100vw - 200px);
		height: calc( 100vh - 200px) ;
		position: absolute;
		left: 100px;
		top: 100px;
		text-align: center;
		padding:  0px ;
		display: table;
	}
		#sec_blood_page01 .page_container  {
			background: url(../images/back_blood_page1_01.jpg)  no-repeat left center / contain rgba(255,255,255,0.8);
		}
		#sec_blood_page02 .page_container  {
			background: url(../images/back_blood_page2_01.jpg)  no-repeat left center / contain rgba(255,255,255,0.8);
		}
		#sec_blood_page03 .page_container  {
			background: url(../images/back_blood_page3_01.jpg)  no-repeat left center / contain rgba(255,255,255,0.8);
		}
		#sec_blood_page04 .page_container  {
			background: url(../images/back_blood_page4_01.jpg)  no-repeat left center / contain rgba(255,255,255,0.8);
		}
		.bloodPageCommon .page_container .inner {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			position: relative;
			padding-left: calc(50vw - 200px);
			padding-right: 20px;
		}
		.bloodPageCommon .page_container .inner dl.flag {
			position: absolute;
			right: 100px;
			top: -10px;
			margin: 0;
			padding: 1px;
			background: #666;
		}

			.bloodPageCommon .page_container .inner dl.flag dt {
				margin: 0;
				padding: 10px;
				text-align: left;
				display: inline-block;
				color: #fff;
			}
			.bloodPageCommon .page_container .inner dl.flag dd {
				margin: 0;
				padding: 10px;
				background: rgba(255,255,255,0.5);
				text-align: left;
				display: inline-block;
			}
		.bloodPageCommon .page_container  h1 {
			margin: auto;
			text-align: center;
			border-bottom: 1px solid #666;
			padding-bottom: 10px;
			margin-bottom: 30px;
			font-size: 30px;
			font-weight: 300;
			width: calc(100% - 100px);
			}
		.bloodPageCommon .page_container  h2{
			font-size: 40px;
			font-weight: 100;
			margin: 10px 0 30px 0 ;
		}
		.bloodPageCommon .page_container  h2 span{
			display: block;
			text-align: center;
			font-size: 20px;
			color: #fff;
			line-height: 2.0;
			font-size: 14px;
			margin: auto;
			width: calc(100% - 100px);
		}
}