@charset "utf-8";
/* スマホ用CSSをベースに記述する */


/*==========================================
 body
===========================================*/
body {
	background-color: #FFF;
    font-family: 'Noto Sans JP', sans-serif;
	color: #4E4E4E;
	/*font-size: 62.5%;
	line-height: 1.6em;
	overflow-wrap: break-word;
	hyphens: auto;
 	display: block;
	position: relative;
	overflow: scroll;--*/
	font-size:1rem;
	line-height:1.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	word-wrap: break-word;

	width: 100%;
	margin:0;
	padding:0;
}

/*-----new 追加--------*/
@media screen and (max-width:768px) {
body{
	font-size:0.8rem;
	}
}
/*-----//new 追加--------*/

*{box-sizing: border-box;}

ul{
	margin:0;
	padding: 0;
	list-style: none;
}

a{
    color: #333;
	text-decoration: none;
    outline: none;
}

a:hover{
    	color:#0481A2;
}

.img-fluid{
    max-width: 100%;
    height: auto;
}

.block{
    display: block;
}

.flex{
    display: flex;
}

.flex-wrap{
    flex-wrap: wrap;
}

.justify-between{
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.alignitems-center {
    align-items: center;
}

.alignitems-stretch {
    align-items: stretch;
}
.alignitems-fs {
    align-items: flex-start;
}

.aligncontent-start {
	align-content: start;
}


.relative{
    position: relative;
}

.absolute{
    position:absolute;
}

/*section {
    margin: 60px 0;
	padding:30px;
    margin:0;
}

section:nth-child(2n){
	background:#f3f3f3;	
}
*/

.padding-2 {
    padding: 2rem;
}

.padding-1 {
    padding: 1rem;
}

.v-align-mid {
    vertical-align: middle;
}

.fw-400 {
    font-weight: 400;
}

.fw-700 {
    font-weight: 700;
}

.fw-900 {
    font-weight: 900;
}
.fs-80 {
    font-size: 80%;
}

.fs-120 {
    font-size: 120%;
}

.ls-1 {
    letter-spacing: 0.1em;
}

.ls-normal {
	letter-spacing: normal;
}

small.copyright {
    background: #454E50;
	color:#fff;
	display: block;
	text-align: center;
	padding:20px;
}

/*--//new 追加--------*/


/* @group Reset */

img { vertical-align : middle}

/* @end */


/* @group Fluid-img */

img {
	max-width : 100%
}

/* @end */




/* @group nav*/
/*====nav.cssへ====*/
/* @end */

/* @group Heading */
/*=======================
headerのスタイル
header.cssで定義
========================*/


/* @end */

/* main */
main {
	position: fixed;
	width: 100%;
	height:auto;
	margin-top: 70px;
	z-index:0;
	display:block;
	overflow:hidden;
	font-size:1rem;
	line-height:1.6em;
}

/*=======================
@ページカバー h2
========================*/
.fixed-bg {
	position:relative;
	width: 100%;
	height:110px;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size: contain;
}

/*----@ページカバー背景---*/
.posicon {
	background-image:url(../images/common/bg-posicon.jpg);
}
.bbk {
	background-image:url(../images/common/bg-bbk.jpg);
}
.cocktail {
	background-image:url(../images/common/bg-cocktail.jpg);
}
.tp {
	background-image:url(../images/common/bg-tissue.jpg);
}
.tma {
	background-image:url(../images/common/bg-tma.jpg);
}
.spiral {
	background-image:url(../images/common/bg-spiral.jpg);
}
.service{
	background-image:url(../images/common/bg-service.jpg);
}
div.JF4 {
	background-image:url(../images/common/bg-JF4.jpg);
}
.d-patho {
	background-image:url(../images/common/bg-d_patho.jpg);
}
.profile {
	background-image:url(../images/common/bg-profile.jpg);
}
.actual {
	background-image:url(../images/common/bg-actual.jpg);
}
/*---- //@ページカバー背景---*/

h2 {
	font-size: 1.8rem;
	color:#FFFFFF;
	/*font-family:"MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Yu Mincho 游明朝","YuMincho 游明朝体",serif;*/
    font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	/*text-shadow: #000000 2px 2px 4px;*/
} 
.h2_box {
	position:absolute;
	display: block;
	width: 100%;
	height: 60px;
	top: 40%;
	transform: translate(0, -50%);
	text-align:center;
}
/*ポジコン終了 h2_box*/
.fixed-bg.posicon_syuryou {
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size: cover;
    height:160px!important;
}
.h2_box_posi-syouryou {
	position:absolute;
	display: block;
	width: 100%;
	height: 120px;
	top: 20%;
	transform: translate(0, -70%);
	text-align:center;
}
/*//ポジコン終了*/

/*ポジコン終了サブコメントの表示*/
.fixed-bg.posicon_syuryou p{
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.9em;
    line-height: 1.4em;
}
/*//ポジコン終了の表示*/



.h2_box_bbk {
	position:absolute;
	display: block;
	width: 100%;
	height: 60px;
	top: 10%;
	transform: translate(0, -50%);
	text-align:center;
	line-height:0.6em;
}
.h2_sub_bbk {
    font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	line-height:0.7em;
}
.h2_box_tma {
	position:absolute;
	display: block;
	width: 100%;
	height: 60px;
	/*top: 25%;*/
	top: 20%;
	transform: translate(0, -50%);
	text-align:center;
	line-height:1.15em;
	/*line-height:1.25em;*/
}
.h2_box_tp {
	position:absolute;
	display: block;
	width: 100%;
	height: 60px;
	top: 20%;
	transform: translate(0, -50%);
	text-align:center;
	line-height:1.05em;
	font-size:1.8rem;
	letter-spacing:0;
}
.h2_box_service {
	position:absolute;
	display: block;
	width: 100%;
	height: 60px;
	top: 40%;
	transform: translate(0, -50%);
	text-align:center;
	letter-spacing: -0.05em;
line-height:1.2em; font-size:1.6rem;
}
.h2_box_d-patho {
	position:absolute;
	display: block;
	width: 100%;
	height: 60px;
	top: 40%;
	transform: translate(0, -50%);
	text-align:center;
	/*letter-spacing: -0.08em;*/
}


/*=======================
//@ページカバー h2 End
========================*/
#content {
	position:relative;
	width:98%;
    display: block;
	box-sizing:border-box;
	padding:0 2%;
	margin:0 1%;
	height:auto;
}

article {
	position:relative;
	width:100%;
	height:auto;
	margin: 0;
	display:block;
	padding:0;
	text-indent:1em; }

/*---@section---*/
section {
	position:relative;
	width:100%;
	height:auto;
	margin:2em 0;
	display:block;
	padding:2em;
}

/*---高さそろえ---*/
.box-row {
	display:flex;
	flex-direction:row;
  flex-wrap: wrap;
  align-items:stretch;
  justify-content: space-between;
  width:100%;
  margin:0;
  padding:0;
}
/*----上下中央---*/
.box-center {
	display:flex;
	align-items: center;
  	justify-content: center;
}
/*-縦均等-*/

/*---縦並び---*/
.box-col {
	display:flex;
	flex-direction:column;
	justify-content: space-between;
  flex-wrap: nowrap;
  align-content:stretch;
  /*width:100%;*/
  margin:0;
  padding:0;
}

/*---横並び---*/
.box-v {
	display:inline-flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	margin:0;
}
/*---横並び 折り返し---*/
.box-v-2 {
  display: flex;
  align-items: flex-start;
  flex-wrap:wrap;
}
/*---上揃え---*/
.box-top {
	display:flex;
	flex-direction:row;
	align-items:flex-start;
	margin:0;
}

/*---末尾--*/
.f-end { align-content: flex-end; }

/*---@section width-----*/
.half_r {
	position :relative;
	width:46%;
	height:auto;
	padding:2em 2%;
	margin-right:0%;
	margin-bottom:2em;
}
.half_l {
	position :relative;
	width:46%;
	height:auto;
	padding:7% 1%;
	clear:both;
	float:left;
	margin-right:0;
	margin-bottom:2em;
}

.cols8 { 
	position :relative;
	width:96%;
	height:auto;
	padding:2em 2%;
	margin-right:0%;
	margin-bottom:2em;
}
.cols8_r {
	position :relative;
	width:98%;
	height:auto;
	padding:7% 1%;
	clear:both;
	float:left;
	margin-right:0;
	margin-bottom:2em;
}
.cols7 { 
	position :relative;
	width:96%;
	height:auto;
	padding:2em 2%;
	margin-right:0%;
	margin-bottom:2em;
}
.cols7_r {
	position :relative;
	width:98%;
	height:auto;
	padding:7% 1%;
	clear:both;
	float:left;
	margin-right:0;
	margin-bottom:2em;
}
.cols4 { 
	position :relative;
	width:98%;
	height:auto;
	padding:7% 1%;
	clear:both;
	float:left;
	margin-right:0;
}
.cols4_r {
	position :relative;
	width:98%;
	height:auto;
	padding:7% 1%;
	clear:both;
	float:left;
	margin-right:0;
	margin-bottom:2em;
}

/*---@End section---*/


/*-----@h3,h4 group-------*/
.h3_mark {
	position:relative;
	width:100%;
	padding-bottom: 0.5rem;
	margin-bottom:3rem;
	background-image: url(../images/common/h2_3points.png);
	background-size:auto;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y:75%;
}
.h3_mark-2 {
	position:relative;
	width:100%;
	padding-bottom: 0.5rem;
	margin-bottom:3rem;
	background-image: url(../images/common/h2_3points.png);
	background-size:auto;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y:90%;
}
.h3_mark-blue {
	position:relative;
	width:100%;
	padding-bottom: 0.5rem;
	margin-bottom:3rem;
	background-image: url(../images/common/h2_3points-blue.png);
	background-size:auto;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y:75%;
}
.h3_mark-grey {
	position:relative;
	width:100%;
	padding-bottom: 0.5rem;
	margin-bottom:3rem;
	background-image: url(../images/common/h2_3points-grey.png);
	background-size:auto;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y:75%;
}

h3 {
	position: relative;
	font-size : 1.2rem;
	line-height:1.6em;
	font-weight: bold;
	width: 98%;
	height:auto;
	display: block;
	margin: 0 1% 2em 1%;
	clear: both;
	text-align: center;
}

h4 {
	position: relative;
	font-size: 1.125em;
	display:block;
	overflow:display;
	text-align:center;
	font-weight:500;
} 
h4.blue { background-color:#99BFF6; }
h4.green { background-color:#BCE4E9; color: #4E4E4E; }
h4.purple { background-color:#989BCC; }
h4.mint { background-color:#64BCC7; }

/* @end */


/* Layout */
/*---bg-color---*/
.bg_wht { background-color:#FFFFFF; }
.base { background-color: rgba(161,214,226,0.45);}
.purple { background-color: rgba(136,198,235,0.45) ; }
.mint { background-color:#64BCC7; }
.lt_orng { background-color:#FEE8DF; }
.lt_blue { background-color:#E1EDFF;}
.lt_sea { background-color:#BCE4E9; }
.lt_grn { background-color:#E7FBF7; }
.lt_mint { background-color:#BCE4E9; }
.dk_blue { background-color:#1760A0; }
/*--float--*/
.floatleft { float:left; }
.floatright { float:right; }
/*---text---*/
.font-base { color: #4E4E4E!important;}
.text125 { font-size:125%; }/* 20px */
.text110 { font-size:110%; }/* 17.6px */
.text90 { font-size:90%; }
.text80 { font-size:80%; }
.text50 { font-size:50%; }
.bold { font-weight: bold; }
.u-line { text-decoration: underline solid 1px; }
.u-line-bold { text-decoration: underline solid 3px; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
/*---block---*/
.cell {	display: table-cell; } 
.block { display:block; }
.inline { display:inline-block; }
/*---color---*/
.wht { color:#FFFFFF; }
.grey {color: #4E4E4E; }
.red {color:#FF0004; }
.org { color:#ec6e38; }
.purl { color:#6E73BB; }
.text-mint { color:#64bcc7; }
.text-dk_blue { color:#1760A0; }
/*---wide---*/
.wd-30 { width:30%; }
.wd-50 { width:50%; }
.wd-70 { width:70%; margin-left:auto; margin-right:auto; padding:0; }
.wd-80 { width:80%; margin-left:auto; margin-right:auto; padding:0; }
.wd-90 { width:90%; }
.wd-100 { width:100%; }
.wd-30px { width:30px; }
.wd-100_60 {width:60%; max-width:230px; }
/*---space---*/
.mg_btm1 { margin-bottom:1rem; }
.mg_btm2 { margin-bottom:2rem; }
.mg_btm3 { margin-bottom:3rem; }
.mg_btm4 { margin-bottom:4rem; }
.mg_btm0 { margin-bottom:0; }
.mg_top4rem { margin-top:4rem; }
.mg_top2 { margin-top:2em; }
.mg_top0 { margin-top:0; }
.mg_ver_2p { margin-top:2%; margin-bottom:2%; }
.mg_r2 { margin-right:2%; }
.pd_v_7 { padding:7% 1%; }
.pd-7 { padding:2% 7%; }
.pd-2 { padding:2%; }
.pd-0 {padding:0; } 
.pd-btm02 {padding-bottom: 0.2rem; }
.pd-btm04 {padding-bottom: 0.4rem; }
.pd-btm06 {padding-bottom: 0.6rem; }
.pd-btm1 {padding-bottom: 1rem; }
.pd-btm2 {padding-bottom: 2rem; }
.pd_btm40 { padding-bottom: 40px; }
.pd_btm30 { padding-bottom: 30px; }
.pd_btm20 { padding-bottom: 20px; }
/*---other---*/
.lh100 	{line-height: 1em; }
.lh150 	{line-height: 1.5em; }
.lh200 { line-height: 2em; }
.border-btm {border-bottom: solid 1px #7E7E7E; }
.vtop { vertical-align: text-top }
.vmiddle { vertical-align:middle; }
.vbottom { vertical-align:bottom; }
.spacing01 { letter-spacing:0.1em; }
.spacing-005 { letter-spacing:-0.05em;}
.spacing-01 { letter-spacing:-0.1em;}
.spacing-02 { letter-spacing:-0.2em;}
.hidden { overflow:hidden; }
.content-box { 
  box-sizing: content-box; 
}
.border-box { 
  box-sizing: border-box;
}
.nowrap { white-space: nowrap; }
.text-nowrap { text-wrap:none; }


/*----@list----*/
ul.list_astrsk li {
	list-style-type:none;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	/*flex-wrap:wrap;*/
    align-items: baseline;
	overflow-wrap: normal;
  }
 ul.list_astrsk li:before {
    content: "＊";
    margin-right: 0.8em;
	font-weight:bold;
    color: #8b6b4e;
  }

ul.list_purple li {
  position: relative;
  padding-left: 15px;
  }
ul.list_purple li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #989BCC;
  border-radius: 50%;
  }
ul.list_grn li {
  position: relative;
  padding-left: 15px;
  }
ul.list_grn li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #46A6B2;
  border-radius: 50%;  
}
ul.list_grey li {
  position: relative;
  padding-left: 15px;
  }
ul.list_grey li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #7E7E7E;
  border-radius: 50%;  
}

ul.list_nakaguro li {
	list-style-type:none;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	/*flex-wrap:wrap;*/
    align-items: baseline;
	overflow-wrap: normal;
	text-align:left;
  }
 ul.list_nakaguro li:before {
    content: "・";
    margin-right: 0.5em;
	font-weight:bold;
  }

ul.list-cir {
	list-style-type: circle;
	list-style-position:outside;
	margin-left:1em;
}

ol.num {
	list-style:decimal;
	list-style-position:outside;
	margin-left:2em;
    margin-bottom: .5rem;
}
/*----@// list----*/


/*---@リンクボタン */
.btn_mint-sht {
		  background-color: #64bcc7;
		  border-radius: 0.8rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1rem;
		  height: 1.6rem;
		  letter-spacing: 0;
		  line-height: 1.6rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding:0 0.5em;
}
.btn_mint-sht:hover {
		  background-color: #fff;
		  border: 1px solid #64bcc7;
		  color: #64bcc7;
		  text-decoration:none;
}
a.btn_mint-sht { text-decoration:none; }

.btn_purpl-sht {
		  background: rgba(208, 150, 131, 1) ;
		  border-radius: 0.8rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1rem;
		  height: 1.6rem;
		  letter-spacing: 0;
		  line-height: 1.6rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding:0 0.5em;
}
.btn_purpl-sht:hover {
		  background-color: #fff;
		  border: 1px solid rgba(208, 150, 131, 1);
		  color: rgba(208, 150, 131, 1);
		  text-decoration:none;
}
a.btn_purpl-sht { text-decoration:none; }

.btn_org {
		  background-color: #EE7948;
		  border-radius: 2rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1.125rem;
		  font-weight: 700;
		  height: 4rem;
		  letter-spacing: .05rem;
		  line-height: 4rem;
		  text-align: center;
		  text-decoration: none;
		  width: 90%;
		  box-sizing: border-box;
		}
.btn_org:hover {
		  background-color: #fff;
		  border: 3px solid #EE7948;
		  color: #EE7948;
		  line-height: 4rem;
		}
.btn_org_narrow {
		  background-color: #EE7948;
		  border-radius: 1.5rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1.125rem;
		  font-weight: 700;
		  height: 3rem;
		  letter-spacing: -0.05rem;
		  line-height: 3rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding:0 0.5em;
		}
.btn_org_narrow:hover {
		  background-color: #fff;
		  border: 3px solid #EE7948;
		  color: #EE7948;
		}
.btn_pur {
		  background: rgba(208, 150, 131, 1) ;
		  border-radius: 2rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1.125rem;
		  height: 2.5rem;
		  letter-spacing: 0rem;
		  line-height: 2.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0 2rem;
		}
.btn_pur:hover {
		  background-color: #fff;
		  border: 1px solid rgba(208, 150, 131, 1) ;
		  color: rgba(208, 150, 131, 1) ;
		  line-height: 2.5rem;
		  text-decoration:none;
		}
/*---@// リンクありボタン 折り返し */
.btn_pur-2row {
		  /*background-color: #989BCC;*/
		  background: rgba(208, 150, 131, 1) ;

		  border-radius: 4rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1.125rem;
		  letter-spacing: 0rem;
		  line-height: 1.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0.5rem 2rem;
		  vertical-align:middle;
		}
/*.btn_pur-2row {
		  background: rgba(208, 150, 131, 1) ;

		  border-radius: 4rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1.125rem;
		  height: 4rem;
		  letter-spacing: 0rem;
		  line-height: 1.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0.5rem 2rem;
		  vertical-align:middle;
		}
*/

.btn_pur-2row:hover {
		  background: rgba(208, 150, 131, 0.7) ;
        color: #4E4E4E;
}

.btn_blue-2row {
		  background-color: #99BFF6;
		  border-radius: 4rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1.125rem;
		  height: 4rem;
		  letter-spacing: 0rem;
		  line-height: 1.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0.5rem 2rem;
		  vertical-align:middle;
		}

.btn_mint-2row {
		  background-color: #64bcc7;
		  border-radius: 3rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1rem;
		  height: 3rem;
		  letter-spacing: 0;
		  line-height: 1.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0.25rem 2rem;
		  vertical-align:middle;
		}
		
/*---@// リンクボタン */

/*---@ リンク無しボタン　折り返し無し */
.btn-1row {
		  border-radius: 2rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  display: inline-block;
		  font-size: 1.125rem;
		  height: 2.5rem;
		  letter-spacing: 0rem;
		  line-height: 2.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0 2rem;
		}


/*.btn-1row {
		  border-radius: 2rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  display: inline-block;
		  font-size: 1.125rem;
		  height: 2.5rem;
		  letter-spacing: 0rem;
		  line-height: 2.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0 2rem;
		  width:80%;
		  margin:0 10% 2rem 10%;
		  vertical-align:middle;
		}*/
.btn_pur-2 {
		  background-color: #989BCC;
		  border-radius: 2rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1.125rem;
		  height: 2.5rem;
		  letter-spacing: 0rem;
		  line-height: 2.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0 2rem;
		  width:80%;
		  margin:0 10% 2rem 10%;
		  vertical-align:middle;
		}
/*---@// リンク無しボタン */
/*---@h4 リンク無しボタン 折り返しあり */
.btn-h4 {
		  border-radius: 4rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: block;
		  font-size: 1.125rem;
		  height: 4rem;
		  letter-spacing: 0rem;
		  line-height: 1.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0.5rem;
		  margin:0 0 2rem 0;
		}
.btn_pur-3 {
		  background-color: rgb(125, 165, 224);
		  /*height: 4rem;*/
		  padding: 0.75rem 2rem;
		  width: auto;
		  border-radius: 1.5rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: block;
		  font-size: 1.125rem;
		  letter-spacing: 0rem;
		  line-height: 1.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  margin:0 0 2rem 0;
		}
.btn_blue-3 {
		  background-color: #99BFF6;
		  border-radius: 3rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: block;
		  font-size: 1.125rem;
		  height: 3rem;
		  letter-spacing: 0rem;
		  line-height: 3rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0 0.5rem;
		  margin:2em auto;
		}

/*---@div.table 横スクロール 480以下------*/
.table-scroll{
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
}

/* 以下、スクロールバーを追加 */
.table-scroll::-webkit-scrollbar{
 height: 5px;
}
.table-scroll::-webkit-scrollbar-track{
 background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
 background: #999;
}

/* 以下、tableの指定 */
.table-scroll table{
border-collapse:collapse;
border-spacing:0;
  border-top:#646464 solid 1px;
  border-left:#646464 solid 1px;
  background-color:#FFFFFF;
}
.table-scroll table th,
.table-scroll table td{
  padding:10px 15px;
  font-weight:normal;
  border-right:#646464 solid 1px;
  border-bottom:#646464 solid 1px;
  font-size:80%;
  display:table-cell;
}
.table-scroll table td.hinmei{
	font-weight: bold;
	text-align:left;
}
.table-scroll table th{
  background:#FFF;
}
/*---@//table 横スクロール------*/

/*-----@ BioBank KIT ---*/
.bbk_contents {
	text-align:center;
	padding:0;
	width:98%;
}
.bbk_contents > img {
	position:relative;
	width:90%;
	margin:3rem 2%;
}
.bbk_name {
	margin:0;
	text-align:left;
	clear:left;
}
.cols7-bbk { 
	position :relative;
	width:98%;
	height:auto;
	padding:0;
	margin-right:2%;
	margin-bottom:2em;
}
.cols7_r-bbk {
	position :relative;
	width:98%;
	height:auto;
	padding:7% 1%;
	clear:both;
	float:left;
	margin-right:0;
	margin-bottom:2em;
}
/*-----@ //BioBank KIT ---*/

/*------@カクテル抗体-----*/
/*---カクテル抗体@section width-----*/
.cock_half-L,.cock_half-R {
	position :relative;
	width:100%;
	height:auto;
	padding:2em 2%;
	margin: 2rem0;
}
.cock_box__single-L {
	background-color:#FFFFFF;
	text-align:center;
	position:relative;
	padding:5%;
	margin:1em auto;
	width:90%;
}
.cock_box__single-R {
	background-color:#FFFFFF;
	text-align:center;
	position:relative;
	padding:5%;
	margin:1em auto;
	width:90%;
}
p.purl__inner {
	background-color:#FFFFFF;
	text-align:left;
	position:relative;
	padding:5%  0;
	margin: 0 auto;
	width:100%;
	color:rgb(54, 108, 209);
    
}
p.purl__outer {
	background-color:#FFFFFF;
	text-align:left;
	position:relative;
	padding:5% 5% 0 5%;
	margin: 0 auto;
	width:90%;
	/*color:#6E73BB;*/
	color:rgb(54, 108, 209);
	border-top: solid 1px #e8e8e8;
}
.cock_box__all {
	background-color:#FFFFFF;
	text-align:center;
	position:relative;
	padding:5%;
	margin:0 auto 1em auto;
	width:90%;
}
/*--- @TP 試薬----*/
.cols7_r-tp {
	width:100%;
	margin-top:0;
}
.half_l-tp{
	position :relative;
	width:100%;
	height:auto;
	padding:2em 5%;
	clear:both;
	float:left;
	margin-right:0;
	margin-bottom:1em;
	margin-top:0;
}
.half_r-tp {
	position :relative;
	width:100%;
	height:auto;
	padding:2em 2%;
	margin-right:0%;
	margin-bottom:2em;
	margin-top:0;
	float:right;
}
.tp_box__single-L {
	text-align:center;
	position:relative;
	padding:5%;
	margin:1em auto;
	width:90%;
}
.tp_box__single-R {
	text-align:center;
	position:relative;
	padding:5%;
	margin:1em auto;
	width:90%;
}
.cols8-kn{ 
	margin-bottom:0;
}
.cols8_r-kn {
	width:100%;
	margin-top:0;
}

/*--- //　@TP 試薬----*/

/*------ @TMA -------*/
.tma_cols7-L { 
	position :relative;
	width:96%;
	height:auto;
	padding:2em 2%;
	margin-right:0%;
	margin-bottom:0;
}
.tma_cols7_R {
	position :relative;
	width:98%;
	height:auto;
	padding:2em 1%;
	clear:both;
	float:left;
	margin-right:0;
	margin-bottom:0;
}
table.tma-table  td {
	text-align:left;
	padding-left:3em;
}
/*-------//@TMA -----*/

/*-------@JF4 -----*/
.jf4-use { width:100%;}
.jf4-use img { 
	width:217px;
}
.icon { width:2rem; margin:0 auto; }
.icon .DU { width:4rem; display:tabe-cell; height:auto; margin:0 auto;}
.alw2R,.alw2L { display: none; }

/*-------//@JF4 -----*/


/*-------@スパイラルアレイ -----*/
.sprl_img3 img {
	margin-bottom:1em;
}
/*----スパイラルアレイ受託----*/
.jyutaku {
	position:relative;
	background-color:#FBFBFB;
	border-radius:1rem;
	padding:2rem 2%;
	margin-bottom:1rem;
	width:96%;
	height:auto;
}
.jyutaku_cont {
	display:block;
	flex-wrap:wrap;
}
.jyutaku_item {
	position:relative;
	width:100%;
	font-weight:bold;
	line-height:1.6em;
	margin-bottom:0.8em;
}
.item_num {
	position:relative;
	float:left;
	border-radius:50%;
	background-color: #BCE4E9;
	width:1.6em;
	height:1.6em;
	font-size:1em;
	line-height:1.6em;
	text-align:center;
	vertical-align:middle;
	margin-right:0.5em;
}
.jyutaku_img { 
	width:100%; 
}
.jyutaku_cont p{
	width:100%;
}
/*----//スパイラルアレイ受託----*/

/*-------//@スパイラルアレイ -----*/


/*----@病理標本作製----*/
.btn_mint,
.btn_mint-2row{
		  background-color: #64bcc7;
		  border-radius: 1.5rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1.125rem;
		  height: 3rem;
		  letter-spacing: 0rem;
		  line-height: 2.25rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0.25em 0.2em;
		  width:100%;
		}
.btn_mint a {
	color:#FFFFFF;
	text-align:center;
	display:block;
}
/*.ser-30-L,.ser-70-R{ 
	position:relative;
	width:100%;
	margin-bottom:0;
 }*/

.wd32res-L {
	position:relative;
	width:100%;
	padding:0;
	float:left;
	margin-right:0%;
	margin-bottom:3em;
}
.wd32res-R {
	position:relative;
	width:100%;
	padding:0;
	float:left;
	margin-right:0;
}

/*------＠事例---------*/
.ex_single {
	position:relative;
	padding:2%;
}
.example { position:relative; }
.example p { 
	color:#46A6B2;
	width:94%;
	padding: 0.6em 3%;
}
.case {
	position:relative;
	background-color:#46A6B2;
	color:#FFFFFF;
	padding: 0.25em 3%;
}
.study { 
	position:relative;
	padding:0.6em 3%;
}

/*----//@病理標本作製----*/

/*------jf4 ムービー size---------*/
.jf4mov { width:360px; height:240px; }

/*------- @会社案内 ------*/
.btn-company {
		  border-radius: 2rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  display: inline-block;
		  font-size: 1.125rem;
		  color:#FFFFFF;
		  height: 2.5rem;
		  letter-spacing: 0rem;
		  line-height: 2.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0 2rem;
		  background-color:#1760A0;
		  width:100%;
		  margin-bottom:2em;
}
/*------ 概要 -----*/
.company { position:relative; display:block; margin-bottom:4rem; }
.company dl {	display:block; margin-bottom:1em; }
.company dt,dd {	display:block; }
.company dt,dd{ text-align: left;}
.company dt::before{  content: "【" }
.company dt::after{  content: "】" }
.company dd {padding-left: 1.5em; }
/*--------沿革table---------*/
.company dd.enkaku th,td{ width:95%; display:block; }
.company dd.enkaku th { font-size:0.8em; }
.company dd.enkaku th::before { content:"・"}
.company dd.enkaku td { padding-bottom:1em; padding-left:5%; }


/*--- GoogleMAP ----*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/*------- 理念 ------*/
/*------- ごあいさつ ----*/
.message { 
	padding:5%; 
	font-family:serif;
	font-weight:500;
	font-size:105%;
}
.port { width:50%; margin:0 auto; }
/*------- //@会社概要 ------*/
/*------- Privacy Policy ------*/
.btn-pp {
		  border-radius: 2rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  display: inline-block;
		  font-size: 1.125rem;
		  color:#FFFFFF;
		  height: 2.5rem;
		  letter-spacing: 0rem;
		  line-height: 2.5rem;
		  text-align: left;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0 2rem;
		  background-color:#7e7e7e;
		  width:100%;
		  margin-bottom:2em;
}
.btn-pp-2 {
		  border-radius: 2rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  display: inline-block;
		  font-size: 1.125rem;
		  color:#FFFFFF;
		  height: 4rem;
		  letter-spacing: 0rem;
		  line-height: 1.625rem;
		  text-align: left;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0.4rem 2rem;
		  background-color:#7e7e7e;
		  width:100%;
		  margin-bottom:2em;
}
ol.list-pp {
	list-style:decimal;
	list-style-position:outside;
	margin-left:2em;
    margin-bottom: .5rem;
}
ol.list-pp li { text-indent:0; }

/*------- @お問い合わせ ------*/
.btn-contact {
		  border-radius: 2rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  display: inline-block;
		  font-size: 1rem;
		  color:#4E4E4E;
		  height: 2.5rem;
		  letter-spacing: 0rem;
		  line-height: 2.5rem;
		  text-align: left;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0 2rem;
		  background-color:#BCE4E9;
		  width:100%;
		  margin-bottom:4rem;
}
.btn-contact-2 {
		  border-radius: 2rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  display: inline-block;
		  font-size: 1rem;
		  color:#4E4E4E;
		  height: 3.5rem;
		  letter-spacing: 0rem;
		  line-height: 1.5rem;
		  text-align: left;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0.25rem 2rem;
		  background-color:#BCE4E9;
		  width:100%;
		  margin-bottom:4rem;
}
.btn-contact a,.btn-contact-2 a {
	text-decoration: none;
}

/*------- お問い合わせ 入力ページ------*/
.contact_form {
	margin-bottom:4rem; 
}
.textL2C {text-align:left; }
/*textarea.focus { position:relative; width:96%; }*/
.contact_form dl { margin-bottom:0.6rem;}
.contact_form dt::after{ content:"：" ; }
.contact_form dt { margin-right:0.5em; font-weight:600;}
input,
label {
    margin: .4rem 0;
}

.contact_form input[type="radio"] {
	margin-right: 0.5rem;
width:1em;
height:1em;
vertical-align: middle;
}
.contact_form input[type="text"],input[type="checkbox"] {
	margin-right: 0.5rem;
vertical-align: middle;
}
/*----お客様情報入力----*/
.customer {
	position:relative;
	width:96%;
	padding:2rem 2%;
	margin-bottom:3em;
}
.customer table {
	position:relative;
	width:100%; 
}
.customer th,.customer td {
	position:relative;
	display: block;
	width: 100%;
	text-align:left;
	margin-bottom:1em;
}
.customer th { font-weight:normal; }
.customer td input[type="text"] {
	position:relative;
	width:96%;
}
.icon-input {
	display: inline-block;
	background-color:#FF0000;
	color:#FFFFFF;
	font-size:0.9rem;
	padding:0 0.2em;
	line-height:1.4rem;
	margin-right:0.5em;
}
/*.submit_btn { 	text-align:center; margin-bottom:6rem;}
.submit_btn input {
	padding:0.2em;
	width:6rem;
}
*/

/*-------フォームのスタイル res_new追加---------*/

.form-list {
	width: 100%;
	margin-top: 2rem;
}
.form-list input , button , textarea , select {
	margin:0;
	padding:0;
	border:none;
	outline:none;
	background:none;
    font-size: 16px;
}

.form-list input[type='text'] , 
.form-list input[type='email'] , 
.form-list textarea{
	width:100%;
	border:1px solid #666;
	background:#fff;
	padding: 10px;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
}

.form-list.form-list input[type='text'] , input[type='email'] {
	height:50px;
}

.form-area .submit-btn{
    width:320px;
    margin: 0 auto;
	display: flex;
	justify-content: center;
	margin-bottom: 4rem;
}

.form-area input[type='submit'],.form-area input[type='reset'],.form-area input[type='button']{
   border:2px solid #333;
    color: #333;
    text-align: center;
    padding: 5px 20px;
    width:152px;
    margin: 0 auto;
    transition: all .3s;
}

.form-area input[type='submit']:hover,.form-area input[type='reset']:hover,.form-area input[type='button']:hover{
    background: #333;
    color: #fff;
} 

.form-list dl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	padding:0 0 20px 0;
}

.form-list dt{
    width:35%;
}

.form-list dd{
    width:62%;
}

.form-list input[type='text']#number {
	width:60px;
}
.form-list dl.contact-l {
	flex-flow: column;
}
.form-list dl.contact-l dt,
.form-list dl.contact-l dd {
	width: 100%;
}

@media screen and (max-width:768px){
#contact-form{
    width: 90%;
	margin: 0 auto;
	padding: 3rem 0;
}
.form-area {
	width: 100%;
	margin: 0;
	padding: 2rem 0;
}
	}

@media screen and (max-width:530px){
#contact-form{
    width: 94%;
	margin: 0 auto;
	padding: 2rem 1rem;
}
.form-list dl {
	flex-flow: column;
}
.form-list dt{
    width:100%;
}

.form-list dd{
    width:100%;
}
	}

/*contact//*/


/*-----------@CMS お知らせ・実績紹介  --------*/
h4.entry_title {
		  color:#FFFFFF;
		  border-radius: 1.75rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  display: inline-block;
		  font-size: 1.1rem;
		  height: 3.5rem;
		  line-height: 1.5rem;
		  text-align: left;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0.25em  2em;
		  width:100%;
		  margin-bottom:1rem;
}
h4.title-info {background-color: #5B93C5; }
h4.title-actual {background-color: #E4954F; }
.details {
	position:relative;
	width:100%;
	font-size:80%;
}
.date { 
	position:relative;
	float:left;
}
.circle {
	position:relative;
  display: inline-block;
  width: 1rem;
  height: 2rem;
  border-radius: 100% 0 0 100% / 50%;
  background-color: #EDBD93;
}.cate {
	position:relative;
	float:right; 
	background-color:#EDBD93;
	/*color:#FFFFFF;*/
	box-sizing:border-box;
	padding-right: 1em;
	padding-left:1.5rem;
	height:2rem;
	line-height:2rem;
	margin-bottom:2rem;
}
#content.entry article { 
	padding-bottom:2rem;
	clear:both;
}
.entry_pht {
	position:relative;
	width:90%;
	max-width:860px;
	margin:0 5%;
	padding:0;
	display:flex;
	flex-direction:column;
  flex-wrap: nowrap;
  align-content:flex-start;
}
.entry_pht img { 
	position:relative;
	width:100%;
	margin:0 0 2rem;
}
/*----------- //@実績紹介 CMS --------*/


/* タブレット用 （481～959px) */
@media screen and (min-width: 481px) {
  /*---ナビ----*/
  .title{
	pointer-events: none;
}
.wd-100_60 {width:100%; }

 /*=======================
タブレット ページカバーのスタイル
========================*/

.fixed-bg {
	height:160px;
	background-size: contain;
}

 #content {
	position:relative;
	width:100%;
	height:auto;
	margin:1em 0;
    display: table;
	box-sizing:border-box;
	padding:0 2%;
}
.h2_box {
	position:absolute;
	display: block;
	width: 100%;
	height: 100px;
	top: 40%;
	transform: translate(0, -50%);
	text-align:center;
}
.h2_box_bbk {
	top: 30%;
}
.h2_sub_bbk {
	font-size:1.2rem;
}
.h2_box_tp {
	position:absolute;
	display: block;
	width: 100%;
	height: 60px;
	top: 38%;
	transform: translate(0, -50%);
	text-align:center;
	line-height:1.1em;
	font-size:2rem;
	letter-spacing:0;
}
.h2_box_service {
	font-size:2.2rem;
	letter-spacing: 0;
}
h2 {	font-size: 2.4rem;
}


/*---section width　タブレット-----*/

.cols8 { 
	position :relative;
	width:64%;
	height:auto;
	padding:2em 2%;
	margin-right:1%;
	margin-bottom:2rem;
	margin-top:2rem;
}
.cols8_r {
	position :relative;
	width:28%;
	height:auto;
	padding:7% 1%;
	clear:none;
	float:right;
	margin-right:0;
	margin-bottom:2rem;
	margin-top:2rem;
}

.cols7 { 
	position :relative;
	width:50%;
	height:auto;
	float:left;
	padding:2%;
	margin-right:1%;
	margin-bottom:2em;
}
.cols7_r {
	position :relative;
	width:45%;
	height:auto;
	padding:0;
	clear: none;
	float:right;
	margin-right:0;
	margin-bottom:2em;
}

.cols4 { 
	width:40%;
	height:auto;
	float:left;
	margin-right:1%;
}
.cols4_r {
	width:59%;
	height:auto;
	padding:5% 0;
	float:right;
	margin-right:0;
}

/*---タブレット@リンクボタン */
.btn_org {
		  width: auto;
		  padding:0 3em;
		}
/*.btn_blue-3 {
		  margin:0 2% 2rem 2%;
		}*/


/*----タブレット　ポジコン----*/
.posi_quarity { 
	position :relative;
	width:50%;
	height:auto;
	float:left;
	padding:0 2%;
	margin-right:1%;
	margin-bottom:2em;
}
.posi_qrty_img {
	position :relative;
	width:45%;
	height:auto;
	padding:0;
	clear: none;
	float:right;
	margin-right:0;
	margin-bottom:2em;
}

/*----- タブレット　BioBank KIT ---*/
.cols7-bbk { 
	position :relative;
	width:48%;
	height:auto;
	float:left;
	padding:0;
	margin-right:1%;
	margin-bottom:2em;
	margin-top:2em;
}
.cols7-bbk section { margin-top:0; }
.cols7_r-bbk{
	position :relative;
	width:48%;
	height:auto;
	padding:0;
	clear: none;
	float:right;
	margin-right:0;
	margin-bottom:2em;
	margin-top:2em;
}
.cols7-bbk2 { 
	position:relative;
	width:70%;
	height:auto;
	float:left;
	padding:2% 1%;
	margin-right:1%;
	margin-bottom:2em;
}
.cols7_r-bbk2 {
	position :relative;
	width:27%;
	height:auto;
	padding:0;
	clear: none;
	float:right;
	margin-right:0;
	margin-bottom:2em;
	display:block;
	overflow:hidden;
}


/*カタログ*/
.catalog {
	position: relative;
	display: block;
	max-width: 100%;
}

/*左ブロック写真 490-768px*/
.contents_all {
	position:relative;
	width:100%;
	margin-right:0%;
	float:left;
	display:block;
}

/*右ブロック説明*/
.seal {
	position:relative;
	width:100%;
	height:auto;
	margin-right:0%;
	float:left;
	padding:2%;
	display:block;
	margin-top:0;
}



.bbk_contents {
	text-align:center;
	padding:0;
	width:49%;
	margin-top:0;
	margin-bottom:16px;
}
.bbk_contents > img {
	position:relative;
	width:90%;
	margin:3rem 2%;
}


/**BioBankBag no1*/
.bbk_contents.no3 {
	position:relative;
	display: block;
	width:49%;
	margin-left: 0px;
	float:left;
}

/**Banking-Card no2*/
.bbk_contents.no2 {
	position:relative;
	width:49%;
	margin-right:0%;
	float:right;
}

/*Banking-Seal no3*/
.bbk_contents.no1 {
	clear: both;
	position:relative;
	width:32%;
	margin-right:0.5%;
	margin-left: 0;
	float:left;
	}
section.bbk_contents.no1 > img {	padding-top:50px;}

/* Transfer-Seal no4*/
.bbk_contents.no4 {
	position:relative;
	width:32%;
	margin-left:0;
	float:left;
}
section.no4 > img {	padding-top:50px;}

/*Cutting-Plate no5*/
.bbk_contents.no5 {
	position:relative;
	width:32%;
	margin-right:0%;
	float: right;
}
section.bbk_contents.no5 > img {	padding-top:40px;}


/*----- //タブレット BioBank KIT ---*/


/*------ タブレット@カクテル抗体 -----*/
.cock_box__single-L {
	background-color:#FFFFFF;
	text-align:center;
	position:relative;
	padding:5% 2% 5% 4%;
	margin:1em 0;
	width:44%;
	float:left;
}
.cock_box__single-R {
	background-color:#FFFFFF;
	text-align:center;
	position:relative;
	padding:5% 4% 5% 2%;
	margin:1em 0;
	width:44%;
	float:right;
}
half_l,half_r {
	width:100%;
}
/*---タブレット@div.table 横スクロール------*/
.table-scroll{
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
  width:100%; 
}
.table-scroll table { 
width:100%; 
}

/*------ //タブレット@カクテル抗体 -----*/

/*-------タブレット @TP --------*/
.tp_box__single-L {
	text-align:center;
	position:relative;
	padding:0 0 0 5%;
	margin:1em auto;
	width:40%;
	float:left;
}
.tp_box__single-R {
	text-align:center;
	position:relative;
	padding:0 5%;
	margin:1em auto;
	width:40%;
	float: right;
}

/*-------タブレット @試薬 --------*/
.cols8-kn { 
	position :relative;
	width:63%;
	height:auto;
	padding:2em 2% 2em 5%;
	margin-right:0;
	margin-bottom:2rem;
	margin-top:2rem;
}
.cols8_r-kn {
	position :relative;
	width:28%;
	height:auto;
	padding:7% 1%;
	clear:none;
	float:right;
	margin-right:0;
	margin-bottom:2rem;
	margin-top:2rem;
}
.cols8_r-kn img {
	width:90%;
}
/*---タブレット@div.table 横スクロール KN------*/
section.cols8-kn .table-scroll{
  overflow: auto; /*スクロールさせる*/
   white-space: normal;/*文字の折り返しを許可*/
  padding:0;
}

/*-------// タブレット @TP試薬 --------*/

/*------ タブレット@TMA -------*/
.tma_cols7-L { 
	position :relative;
	width:55%;
	height:auto;
	float:left;
	padding:2%;
	margin-right:1%;
	margin-bottom:2em;
}
.tma_cols7-R {
	position :relative;
	width:41%;
	height:auto;
	padding:2%;
	clear: none;
	float:right;
	margin-right:0;
	margin-bottom:2em;
}

/*---タブレット TMA@section width-----*/
.tma_half-L {
	position :relative;
	width:48%;
	height:auto;
	padding:2em 2%;
	clear:both;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
}
.tma_half-R {
	position :relative;
	width:48%;
	height:auto;
	padding:2em 2%;
	float:right;
	margin-right:0;
	margin-bottom:1%;
}
/*-------//タブレット@TMA -----*/

/*-------タブレット@スパイラルアレイ -----*/
.sprl_img3 img {
	position:relative;
	width:31.33333%;
	margin-right:1%;
}
.sprl_img3 img:last-child {
	margin-right:0;
}
/*-------タブレット　受託--------*/
.jyutaku_cont {
	display:flex;
	flex-wrap:no-wrap;
}
.jyutaku_img { width:40%; float:right; }
.jyutaku p {
	position:relative;
	width:60%;
	display:block;
	float:left;
}
/*-------//タブレット@スパイラルアレイ -----*/

/*-------タブレット@病理標本作製 -----*/
/*------ボタン-------*/
.btn_mint, .btn_mint-2row {
		  height: 2.5rem;
		  line-height: 2.5rem;
		  padding: 0 1%;
		  width:80%;
		  margin:1em 8%;
}
.sample {
	position: relative;
	width: 15em;
	display:block;
	margin: 0 auto;
}
/*-------//タブレット@病理標本作製 -----*/
.wd30res-R {
	position:relative;
	width:50%;
	float:none;
	margin:1% auto;
}
.wd32res-L img,
.wd32res-R img {
	width:70%;
}

/*-------//タブレット@デジタルパソロジー -----*/
.kaiseki-L img,
.kaiseki-R img { width:70%; }

/*-------//タブレット@jf4 -----*/
.jf4_40-R {
	position :relative;
	width:100%;
	height:auto;
	padding:0;
	float:left;
	margin-right:0;
}
.jf4_40-R section { padding:2em 5%; width:90%; }

/*------jf4 ムービー size---------*/
.jf4mov { width:432px; height:288px; }

/*------- タブレット@会社案内 ------*/
.company {
	position: relative;
	width: 80%;
	margin: 0 auto 4rem auto;
}
/*------ 概要 -----*/
.company dt,dd {	display:table-cell; }
.company dt,dd{ text-align: left;}
.company dt::before{  content: "" }
.company dt::after{  content: "" }
.company dt{
	width:7em;
	float: left;
}
.company dd {padding-left: 1.5em; }
/*------- 理念 ------*/
/*------- ごあいさつ ----*/
.message { 
	position: relative;
	width:90%;
	height:auto;
	min-height:203px;
	display:block;
	padding-top:2rem;
	padding-bottom:2rem;
	margin-top:1rem;
}
.message .port {
	position: relative;
	width:30%;
	max-width:203px;
	margin:0 0 0 3%;
	float:right;
	display:block;
}
.personal { position:relative; clear:both; width:100%; }
.personal dd {padding-left: 1em; }

/*------- //タブレット@会社概要 ------*/

/*------- Privacy Policy ------*/
.btn-pp {
		  width:60%;
		  min-width:550px;
}
.btn-pp-2 {
		  border-radius: 2rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  display: inline-block;
		  font-size: 1.125rem;
		  color:#FFFFFF;
		  height: 2.5rem;
		  letter-spacing: 0rem;
		  line-height: 2.5rem;
		  text-align: left;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0 2rem;
		  background-color:#7e7e7e;
		  margin-bottom:2em;
		  width:60%;
		  min-width:550px;
}
/*------- タブレット@お問い合わせ ------*/
.contact_title {
	position:relative;
	width:90%;
	margin:0 auto 4rem auto;
}

/*----------- タブレット @実績紹介 CMS --------*/
.entry_pht {
	width:45%;
	margin:0 0 0 5%;
	float:right;
}

}
/*--//タブレット End ---*/



/* PC用 960px以上 */
@media screen and (min-width: 960px) {
  img {
    max-width: 100%;
  }
  .wd-100_60 {width:100%; }

  /* @group Heading */
/*=======================
headerのスタイル
========================*/
.site-header {
    display: block;
    position: fixed;
	justify-content: space-between;
	width:100%;
	height:137px;
	z-index:50;
	/*overflow:visible;
    background-color: #EFF4FF;*/
}
hgroup {
	width:30%;
	float:left;
}
.site-logo img{
    height: 70px;
    width: auto;
	margin:30px 0 0 0;
}
 /* main */
main {
	position: relative;
	/*width: 100%;
	height:auto;
	z-index:0;
	display:block;
	overflow:hidden;
	font-size:1rem;
	line-height:1.6em;*/
	margin-top: 140px;
}
 /*=======================
PC960 ページカバーのスタイル
========================*/
.fixed-bg {
	height:280px;
	/*background-size: contain;*/
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 1;
}
    
/*ポジコン終了の表示*/

.fixed-bg.posicon_syuryou {
    height:340px!important;
  background-size: cover;
}
.fixed-bg.posicon_syuryou p{
    padding-top: 40px;
    font-size: 100%;
    line-height: 1.4em;
}
/*//ポジコン終了の表示*/


h2 {
	font-size: 4rem;
	letter-spacing:0.2em;
} 

.text-shadow {
	text-shadow: 0 0 8px rgb(0, 0, 0, 0.4);
}
.h2_box{
	position:absolute;
	display: block;
	width: 100%;
	height: 60px;
	top: 50%;
	transform: translate(0, -50%);
	text-align:center;
}
.h2_box_posi-syouryou {
	position:absolute;
	display: block;
	width: 100%;
	height: 60px;
	top: 40%;
	transform: translate(0, -50%);
	text-align:center;
}


.h2_box_bbk {
	top: 43%;
}
.h2_sub_bbk {
	font-size:1.4rem;
	letter-spacing:0;	
}
.h2_box_tp {
	position:absolute;
	display: block;
	width: 100%;
	height: 120px;
	top: 10%;
	transform: translate(0, -50%);
	text-align:center;
	line-height:1.1em;
	font-size:4rem;
	letter-spacing:0;
}
.h2_box_tma {
	position:absolute;
	display: block;
	width: 100%;
	height: 120px;
	top: 30%;
	transform: translate(0, -50%);
	text-align:center;
	font-size:3.6rem;
	line-height:1.0em;
	letter-spacing:normal;
}

.h2_box_service {
	font-size:4rem;
	top: 50%;
}


 #content {
	position:relative;
	width:94%;
	height:auto;
	margin:1em 3%;
    display: table;
	box-sizing:border-box;
	padding:0 2%;
}
/* @PC section */
section { 
	position:relative;
	width:100%;
	margin: 2em 0;
	height:auto;
	display:table-cell;
	padding:2em 5%;
	float:left;
}

/*---PC section width-----*/
.cols8 { 
	position:relative;
	width:65%;
	height:auto;
	float:left;
	padding:2em 2%;
	margin-right:1%;
}
.cols8_r {
	position:relative;
	width:28%;
	height:auto;
	padding:7% 1%;
	float:right;
	margin-right:0;
}
.cols7 { 
	position:relative;
	width:60%;
	height:auto;
	float:left;
	padding:2%;
	margin-right:1%;
}
.cols7_r {
	position:relative;
	width:33%;
	height:auto;
	float:right;
	padding:7% 1%;
	margin-right:0;
}
.cols4 { 
	position:relative;
	width:40%;
	height:auto;
	float:left;
	margin-right:1%;
}
.cols4_r {
	position:relative;
	width:59%;
	height:auto;
	padding:5% 0;
	float:right;
	margin-right:0;
}


/*---PC@ リンクありボタン 折り返し */
.btn_pur-2row {
		  /*background-color: #989BCC;*/
		  background: rgba(208, 150, 131, 1) ;
		  border-radius: 2.5rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1.125rem;
		  height: 2.5rem;
		  letter-spacing: 0rem;
		  line-height: 2.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0 3rem;
		  vertical-align:middle;
		}
.btn_blue-2row {
		  background-color: #99bff6;
		  border-radius: 2.5rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1.125rem;
		  height: 2.5rem;
		  letter-spacing: 0rem;
		  line-height: 2.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0 3rem;
		  vertical-align:middle;
		}
/*--- PC h4　リンク無しボタン 折り返しあり */
.btn-h4 {
		  border-radius: 2.5rem;
		  display: block;
		  font-size: 1.125rem;
		  height: 2.5rem;
		  letter-spacing: 0rem;
		  line-height: 2.5rem;
		  padding: 0 2rem;
		  width:80%;
		  margin:0 auto 2rem auto;
		}

/*-----PC ポジコン一覧------*/  
.cols7-posi-lineup { 
	position:relative;
	width:70%;
	height:auto;
	float:left;
	padding:2%;
}
/*-----PC ポジコン　サンプル------*/  
.cols7_r-posi-sample {
	position:relative;
	width:28%;
	height:auto;
	padding:2%;
}

/*-----PC　ポジコン品質----*/
.posi_quarity  {
	width:60%;
	height:auto;
	float:left;
	margin-right:2%;
	padding:0;
}
.posi_qrty_img{
	width:38%;
	float:right;
}

/*----PC @BioBank KIT-----*/

/*左ブロック写真*/
.contents_all {
	position:relative;
	width:65%;
	margin-right:1%;
	float:left;
	display:table-cel;
}

/*右ブロック説明*/
.seal {
	position:relative;
	width:30%;
	height:auto;
	margin-right:0%;
	float:right;
	padding:2%;
	display:block;
	margin-top:0;
}
/*.first-colsL-bbk {
	height:370px;
}*/

/**BioBankBag no1*/
.no3 {
	position:relative;
	display: block;
	width:49%;
	margin-right:1%;
	float:left;
}

/**Banking-Card no2*/
.no2 {
	position:relative;
	width:49%;
	margin-right:0%;
	float:right;
}

/*Banking-Seal no3*/
.no1 {
	position:relative;
	width:32%;
	margin-right:0.5%;
	margin-left: 0;
	float:left;
	}
section.no1 > img {	padding-top:50px;}

/* Transfer-Seal no4*/
.no4 {
	position:relative;
	width:32%;
	margin-left:0;
	float:left;
}
section.no4 > img {	padding-top:50px;}

/*Cutting-Plate no5*/
.no5 {
	position:relative;
	width:32%;
	margin-right:0%;
	float: right;
}
section.no5 > img {	padding-top:40px;}



/*@End BioBank KIT*/

/*---- PC　@カクテル抗体-------------------*/
/*--- PC@div.table 横スクロール------*/
.table-scroll{
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
 width:100%;
  padding: 0 ;
 }
.table-scroll table td{
  font-size:90%;
}
/*----@End---*/

/*---PC カクテル抗体@section width-----*/
.cock_half-L,.cock_half-R {
	position :relative;
	width:46%;
	padding:2em 2%;
	margin-bottom:2em;
}

.cock_box__single-L {
	background-color:#FFFFFF;
	text-align:center;
	position:relative;
	padding:5% 3%;
	margin:1em 0;
	width:44%;
	float:left;
	font-size:90%;
}
.cock_box__single-R {
	background-color:#FFFFFF;
	text-align:center;
	position:relative;
	padding:5% 3%;
	margin:1em 0;
	width:44%;
	float:right;
	font-size:90%;
}
p.purl__inner {
	background-color:#FFFFFF;
	text-align:left;
	position:relative;
	padding:5%  0;
	margin: 0 auto;
	width:100%;
	color:#6E73BB;
	font-size:1rem;
}
p.purl__outer {
	background-color:#FFFFFF;
	text-align:left;
	position:relative;
	padding:5% 5% 0 5%;
	margin: 0 auto;
	width:90%;
	color:#6E73BB;
	border-top: none;
	font-size:1rem;
}
/*----@End---*/
/*---- //PC　カクテル抗体-------------------*/

/*--- PC 　@TP 試薬----*/
.cols7_l-tp{ 
	position :relative;
	width:60%;
	padding:2em 5%;
}
.cols7_r-tp {
	position :relative;
	width:40%;
	padding:2em 2%;
}
.half_l-tp{
	position :relative;
	width:36%;
	padding:2em 5%;
	margin: 0;
}
.half_r-tp {
	position :relative;
	width:60%;
	padding:2em 2%;
	margin: 0;
}

/*--- //PC 　@TP 試薬----*/

/*---PC スパイラルアレイ @-----*/
.spr_half-L {
	position :relative;
	width:45%;
	height:auto;
	padding:0;
	clear:both;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
}
.spr_half-R {
	position :relative;
	width:50%;
	height:auto;
	padding:2em 2%;
	float:right;
	margin-right:0;
	margin-top:0;
}
.spr_col_single-1  { height:650px; margin-top:0; }
.spr_col_single-2  { height:450px; margin-top:0; }


/*-------PC　スパイラルアレイ受託--------*/
.jyutaku_img { width:30%; float:right; }
.jyutaku p {	width:70%;}
/*-------//PC　スパイラルアレイ受託--------*/

/*-------PC　@病理標本作製--------*/
.ser_half-L {
	position :relative;
	width:48%;
	height:auto;
	padding:2em 2%;
	clear:both;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
}
.ser_half-R {
	position :relative;
	width:48%;
	height:auto;
	padding:2em 2%;
	float:right;
	margin-right:0;
	margin-bottom:1%;
}
.wd30res-R {
	position:relative;
	width:30%;
	float:right;
}
.wd70res-L {
	position:relative;
	width:68%;
	float:left;
	margin-right:2%;
}
.wd32res-L {
	position:relative;
	width:32%;
	padding:0;
	float:left;
	margin-right:2%;
}
.wd32res-R {
	position:relative;
	width:32%;
	padding:0;
	float:right;
	margin-right:0;
}

.ser-45 {
	position :relative;
	width:42%;
	height:auto;
	padding:2em 2%;
	clear:both;
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-right:1%;
}
.ser-30 {
	position :relative;
	width:30%;
	height:auto;
	padding:2em 2%;
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-right:1%;
}
.ser-25 {
	position :relative;
	width:21%;
	height:auto;
	padding:0 2%;
	float:right;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
}
.ser-30-L {
	position :relative;
	width:30%;
	height:auto;
	padding:2%;
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-right:1%;
}
.ser-70-R{
	position :relative;
	width:66%;
	height:auto;
	padding:4rem 2%;
	float:right;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
}
/*------PC 病理標本 ボタン--------*/
.btn_mint-2row {
		  background-color: #64bcc7;
		  border-radius: 3rem;
		  box-shadow: 0 1px 4px rgba(0,0,0,.2);
		  color: #fff;
		  display: inline-block;
		  font-size: 1.125rem;
		  height: 3rem;
		  letter-spacing: 0;
		  line-height: 1.5rem;
		  text-align: center;
		  text-decoration: none;
		  box-sizing: border-box;
		  padding: 0;
		  width:90%;
		  margin:3em 5% 1em 5%;
}
/*------PC　病理標本＠事例---------*/
.ex_single {
	position:relative;
	padding:1%;
	width:22%;
	margin-right:1%;
}
.ex_single:nth-of-type(3) {
	width:23%;
}
.ex_single:last-of-type{
	margin-right:0;
}
/*-------PC　//@病理標本作製--------*/


/*-------PC@デジタルパソロジー*/
.d-patho_half-L {
	position :relative;
	width:48%;
	height:auto;
	padding:2em 5%;
	clear:both;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
}
.d-patho_half-R {
	position :relative;
	width:48%;
	height:auto;
	padding:2em 2%;
	float:right;
	margin-right:0;
	margin-bottom:1%;
}
.samples-degi {
position:relative; 
width:100%;
margin:0;
padding:0;
float:left;
height:auto;
display:block;
}
.samples-degi a.btn_mint {
		  padding: 0.25rem 1%;
		position:relative;
		width:98%;
		margin:0 0 1rem 0;
}
.kaiseki-L {
	position :relative;
	width:41%;
	height:auto;
	padding:2em 4%;
	clear:both;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
}
.kaiseki-R {
	position :relative;
	width:42%;
	height:auto;
	padding:2em 4%;
	float:right;
	margin-right:0;
	margin-bottom:1%;
}
.kaiseki-L img,
.kaiseki-R img { width:100%; }


/*--------- PC @JF-4 ---------*/
.jf4_40-L {
	position :relative;
	width:40%;
	height:auto;
	padding:2em 2%;
	clear:both;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
}
section.jf4_40-L {
	margin-top:2em;
}

.jf4_40-R {
	position :relative;
	width:55%;
	height:auto;
	padding:1em 0;
	float:right;
	margin-right:0;
}
.jf4_40-R section:first-child {
	margin-top:1em;
}
.jf4_40-R section:last-child {
	margin-bottom:0;
}

.jf4_40-L a.btn_blue-2row {
		  /*border-radius: 4rem;
		  font-size: 1.125rem;
		  height: 4rem;*/
		  line-height: 1.5rem;
		  padding: 0.5rem 0.1rem;
		  width:100%;
		}
section.howto {
	text-align:center;
	width:98%;
	padding:0 1%;
}
section.howto > h4 { 
		position:relative;
		width:60%;
		margin: 2em 20%;
}

.jf4-use {
	position:relative;
	display:block;
	width:15%;
	float:left;
	margin-bottom:2rem;
}
.icon { 
	position:relative;
	display:block;
	width:1em;
	float:left;
	text-align:left;
	font-size:80%;
}
.alw2D,.alw2U { display: none; }
i { vertical-align:middle; }
.LR { width:2rem; float:left; }
.LR i.fa-caret-left { padding-top:0; }
.alw2R,.alw2L {
	display: block; 
	width:2rem;
	float:left;
	padding-top:70px;
}
/*------jf4 ムービー size---------*/
.jf4mov { width:720px; height:480px; }

/*--------- PC //@JF-4 ---------*/

/*------- PC @会社案内 ----*/
.company {
	width: 800px;
}
/*--------沿革table---------*/
.company dd.enkaku th{ width:10em; display:table-cell; }
.company dd.enkaku td { width:auto; display:table-cell; padding-left:1em; }
.company dd.enkaku th::before { content:"・"}
.company dd.enkaku td { padding-bottom:1em; }


/*------- PC ごあいさつ ----*/
.message .port {
	position: relative;
	width:25%;
	max-width:203px;
	margin:0 0 0 3%;
	float:right;
	display:block;
}
.message { min-height:203px; }
.personal { max-width:800px; margin:2rem auto; }
.personal dt,dd {display:table-cell; }
.personal dt { width:15em; }
.personal dd {padding-left: 1em; }

/*------- //PC @会社案内 ----*/

/*------- PC @お問い合わせ ----*/
.contact_title {
	position:relative;
	width:80%;
	max-width:800px;
	margin:0 auto 4rem auto;
}

.btn-contact-2 {
		  height: 2.5rem;
		  line-height: 2.5rem;
		  padding: 0 2rem;
}
#content > p {
	width:70%;
	margin-left: 15%;
}
.contact_form {
	width:70%;
	margin-left: 15%;
}
.contact_form dl { 
	position:relative;
	display:inline-flex; 
	align-items:flex-start;
	width:100%;
}
.contact_form dd input[type="text"] { 
	margin-top:0;
}
/*----お客様情報入力----*/
.customer table {
	width:50%; 
	margin:0 auto;
}
.customer ul {
	width:90%;
	margin-left: 5%;
}

/*----------- PC @実績紹介 CMS --------*/
h4.entry_title {
		  border-radius: 1.25rem;
		  height: 2.5rem;
		  line-height: 2.25rem;
		  padding: 0.25em 3em;
}
#content.entry article { text-align:left; }
.entry_pht {
	width:35%;
	margin:0 0 0 2%;
}
/*----------- //PC @実績紹介 CMS --------*/


}
/*----//PC960px以上 End----*/


/* PC用 1150px以上 */
@media screen and (min-width: 1150px) {

.h2_box_tp {
	position:absolute;
	display: block;
	width: 100%;
	height: 120px;
	top: 30%;
	transform: translate(0, -50%);
	text-align:center;
	font-size:4rem;
	line-height:1.5em;
	letter-spacing:0;
}

/*2023.9. 追加*/
.h2_box_tma {
	font-size:4rem;
	letter-spacing:0;
}


/* PC用 1280px以上 */
@media screen and (min-width: 1280px) {
 .fixed-bg {
	height:365px;
	background-size: 1920px auto;
	background-position:center bottom 300px;
background-color:#99BFF6;
}

 #content {
	position:relative;
	width:80%;
	height:auto;
	margin:1em auto;
    display: table;
	box-sizing:border-box;
	padding:0 2%;
	max-width:1520px;
}

.cols8_r-kn img {
	max-width:300px;
}

/*2023.9. 追加　TMA　h2*/
.h2_box_tma {
	top: 35%;
	transform: translate(0, -50%);
    line-height: 1.2em;
}


/*---BBK 特徴　活用例*/
.first-colsL-bbk {
	height:400px;
}

}

/* PC用 1810px以上 */
@media screen and (min-width: 1810px) {
.btn_mint-2row,
.btn_mint {
		  border-radius: 1.5rem;
		  font-size: 1.125rem;
		  height: 3rem;
		  line-height: 3rem;
		  padding: 0;
		  position:relative;
		  width:90%;
		}
.btn_mint-2row{
		  margin:3em 5% 1em 5%;
}
.btn_mint{
		  margin:1em 5% 0 5%;
}

}

/* 399px以下 */
@media screen and (max-width: 399px) {
/*=======================
@ページカバー h2
========================*/
.h2_box,.h2_box_tma,.h2_box_d-patho { top: 2rem;}
.h2_box_service,.h2_box_bbk { top: 0.5rem;}
.h2_box_tp,.h2_box_service { top:1.8rem; }

/*ポジコン終了サブコメントの表示*/
.fixed-bg.posicon_syuryou p{
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.9em;
    line-height: 1.4em;
}
/*//ポジコン終了の表示*/

}

/*=======================
　リンク先位置調整　固定ヘッダーをさける
========================*/
.linkcontents {
    padding-top: 100px;
}
.contents_innner {
    padding-top: 100px;
    margin-top:-100px;
}


/**-動画レスポンシブ対応-**/
iframe.youtube-16-9 {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
max-width: 600px;
display: block;
margin: auto;
}

}

/*---------------------
footer
-----------------------*/

#footer {
    position: relative;
    display: flex;
    justify-content: space-around;
    background: #454E50;
    padding-top: 4.3rem;
    padding-bottom: 5rem;
    padding-left: 2%;
    padding-right: 2%;
    color: #FFF;
    font-size:1.15em;
    font-weight: 400;
    z-index: 10;
}

/*footerのリンク設定*/
#footer a{
	display: block;
	text-decoration: none;
	color: #ffffff;
	/*transition:all .3s;*/
}

#footer a:hover{
    color: rgb(255, 183, 198);;
}

/*ブロック*/
.footer-row01 {
    border-right: solid 1px #fff;
    padding-right: 6%;
    padding-top: 0;
}

.footer-row02 {
    flex-direction: column;
    padding-top: 2rem;
}

.footer-row02 .group {
    justify-content: flex-start;
}

/*.footer-row02 .cate:first-child {
    margin-right: 3rem;
}*/

.footer-row02 ul {
    margin-left: 1rem;
}

.footer-row02 ul li {
    margin-bottom: 1.2rem;
}

.footer-row02 ul li::before {
    content: 'ー ';
}

.footer-row03 {
    padding-top: 2rem;
}

.footer-row03 ul li {
    margin-bottom: 1.6rem;
}

@media screen and (max-width:1100px) {
#footer {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background: #454E50;
    padding-top: 4.3rem;
    padding-bottom: 5rem;
    padding-left: 2%;
    padding-right: 2%;
    color: #FFF;
    font-weight: 70;
}


.footer-row01 {
    border-right: none;
    padding-right: 0;
    padding-left: 8%;
    padding-top: 0;
    padding-bottom: 2rem;
    width: 100%;
    border-bottom: solid 1px #fff;
}

.footer-row02 {
    justify-content: space-between;
    padding-top: 2rem;
    padding-left: 10%;
    padding-right: 10%;
    width: 100%;
    border-bottom: solid 1px #fff;
    flex-direction: column;
    align-items: start;
}

.footer-row03 {
    padding-right: 0;
    padding-left: 10%;
    padding-top: 2rem;
    width: 100%;
    border-bottom: solid 1px #fff;
}

    }


@media screen and (min-width:1921px) {

.footer-row01 {
    width: 40%;
}
    }


.footer-row01 p.name {
    font-size: 1.5rem;
}


@media screen and (max-width:540px) {
.footer-row01 {
    width: 90%;
    padding-left: 5%;
    padding-right: 0;
}

.footer-row01 p.name {
    font-size: 1.15rem;
}

.footer-row01 p.name img {
    width: 20%;
}
    }