@charset "UTF-8";

/*--------------------------------------------------------------------
人間の生命科学
--------------------------------------------------------------------*/
/* 共通
--------------------------------------------------------------------*/
/* メインコンテンツ上書き
-----------------------------------------------------------*/
/* トップ用 */
.cnr_top #mainContentsArea{
padding-top: 0px;
padding-bottom:0;
}

.cnr_top #mainContentsArea_inner{
width:auto;
}

/* 他ページ用:未使用 */
.cnr_each #mainContentsArea{
padding-top: 0px;
}

.cnr_each #mainContentsArea_inner{

/*
outline:1px solid #f00000;
*/
}





.wholeWrapper{
/*
display:none;
*/
}

/* To Page Top
-----------------------------------------------------------*/
.btn_topagetop{
/*
-webkit-animation-duration:0s;
animation-duration:0s;
-webkit-animation-delay:2s;
animation-delay:2s;
*/
}

.btn_topagetop a{
display:block;
width:60px;
height:91px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
background-color:transparent;
background-image:url(./img/btn/btn_topagetop.png);
background-repeat:no-repeat;
background-position:left top;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
border-radius:0px;
}

/* Web Fonts
-----------------------------------------------------------*/
.wf-notosansjp{
font-family:"Noto Sans JP";
}
.wf-opensans{
font-family:'Open Sans', sans-serif;
}
.wf-cabin{
font-family:'Cabin', sans-serif;
}

/* スクロールアニメーション
-----------------------------------------------------------*/
.animate{
visibility:hidden;
}

/* CMSKIT編集画面で表示 */
#wcv_sys_edit_pageeditarea .animate{
visibility:visible;
}


/* コーナートップページ：index.html
--------------------------------------------------------------------*/
/* スプラッシュムービー
-----------------------------------------------------------*/
html,body{
height:100%;
}
body{
position:relative;
}
/* 全面背景 ----------*/
#splsh_bg{
position:fixed;
top:0;
left:0;
z-index:50000;
width:100%;
height:100%;
background-color:rgba(255,255,255,.8);
background-color:rgba(255,255,255,1.0);
}

/* 全面Overlay ----------*/
#splsh_ovl{
position:fixed;
top:0;
left:0;
z-index:50002;
width:100%;
height:100%;

/*
background:transparent;
background-color:rgba(255,0,0,1.0);
*/
}

/* 動画ボックス ----------*/
#splsh_box{
display:table;
position:fixed;
top:0;
left:0;
z-index:50001;
width:100%;
height:100%;
}
#splsh_box_inner{
display:table-cell;
position:relative;
vertical-align:middle;
text-align:center;
}

#video_box_wrapper{
width:100%;
}


#video_box{
margin-bottom:20px;
background-color:#ffffff;
}
#video_box video{
width:100%;
height:auto;
}

#btn_skip{
font-family:'Gugi', cursive;
font-family:'Gugi';
font-size:113%;
color:#222222;

animation: blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
   0% { color: #222222 }
 100% { color: #444444 }
}

/* CMSKIT編集画面で非表示 */
#wcv_sys_edit_pageeditarea #splsh_bg,
#wcv_sys_edit_pageeditarea #splsh_ovl,
#wcv_sys_edit_pageeditarea #splsh_box{
display:none;
}

/* スライダー
-----------------------------------------------------------*/
#top_slider{
/*
margin-bottom:30px;
*/
}

@media screen and (max-width:480px) {
  #top_slider{
  margin:-10px -10px 0;
  }
}


#top_slider > ul.slider{
position:relative;
}


.slick-slide img {
transform: scale(1.1);
transition:2.5s cubic-bezier(.645, .045, .355, 1);
}
.slick-current img {
transform: scale(1);
}




/*
#top_slider > ul.slider li{
-webkit-transform:scale(1);
transform:scale(1);
}

#top_slider > ul.slider li.zooming{
-webkit-transform:scale(1.1);
transform:scale(1.1);
-webkit-transition:5s;
transition:5s;
}
*/


/* ページャ（dots） */
.sld_pager{
position:absolute;
bottom:10px;
width:100%;
text-align:center;
}
.sld_pager > li{
display:inline-block;
margin:0 3px;
padding:0;
width:12px;
height:12px;
}
.sld_pager > li button{
width:12px;
height:12px;
font-size:0;
line-height:0;
color:transparent;
background-color:#999999;
border-radius:12px;
border:0px;
outline:none;
}
.sld_pager > li.slick-active button,
/*.sld_pager > li button:focus,*/
.sld_pager > li button:hover{
background-color:#333333;
}


/* 導入事例紹介ページへのバナー
-----------------------------------------------------------*/
.bnr_caserecord{
padding:60px 0px 20px;
text-align:center;
background-color:#eae3da;
}

@media screen and (max-width:480px) {
  .bnr_caserecord{
  margin:0 -10px;
  padding:30px 10px 10px;
  }
}


/* 上部アンカーメニュー
-----------------------------------------------------------*/
#top_anchormenu{
padding:56px 65px 60px;
background-color:#e9e3d9;
}

@media screen and (max-width:480px) {
  #top_anchormenu{
  margin:0 -10px;
  padding:30px 10px;
  }
}

#top_anchormenu > ul{
display:table;
width:100%;

/*
outline:1px solid #f00000;
*/
}

#top_anchormenu > ul > li{
display:table-cell;
width:33.33333333%;
color:#2d497e;
font-feature-settings:"palt" 1;
}

.tam_lnk{
position:relative;
margin:0 5px;
font-size:84%;
font-family:"Noto Sans JP";
background-color:#ffffff;
border:1px solid #efefef;
}

.tam_lnk a{
display:block;
padding:70px 0 0 0;
height:120px;
font-size:229%;
font-weight:900;
line-height:1.1;
text-align:center;
}
.tam_lnk a:hover{
text-decoration:none;
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

@media screen and (max-width:480px) {
  .tam_lnk a{
  padding:70px 0 0 0;
  height:50px;
  font-size:115%;
  }
  .tam_lnk a:hover{
  text-decoration:none;
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
  }
}

.tam_num{
position:absolute;
top:-7px;
left:10px;
padding:10px 7px 0 0;
width:50px;
height:58px;
font-weight:400;
font-family:'Cabin', sans-serif;
text-transform:uppercase;
text-align:center;
background-image:url(./img/bg/bg_tam_num.png);
background-repeat:no-repeat;
background-position:left top;
background-size:100% auto;
}
.tam_num > span{
font-size:320%;
font-weight:700;
}

@media screen and (max-width:480px) {
  .tam_num{
  position:absolute;
  top:-7px;
  left:10px;
  padding:10px 7px 0 0;
  width:50px;
  height:58px;
  background-image:url(./img/bg/bg_tam_num.png);
  background-repeat:no-repeat;
  background-position:left top;
  background-size:100% auto;
  }
  .tam_num > span{
  font-size:240%;
  font-size:320%;
  }
}


/* トップメインコンテンツ
--------------------------------------------------------------------*/
.topmc_box{
/*
outline:1px solid #f00000;
*/
}

#top_mc01{
padding:0 0 31px;
}

#top_mc02{
padding:0 0 55px;
}

#top_mc03{}

#top_mc04{
padding:50px;
}

@media screen and (max-width:480px) {
  #top_mc04{
  padding:10px 0;
  }
}





/* タイトル:h2 ------------------------*/
.topmc_ttl{
position:relative;
padding:50px 0 50px 128px;
color:#ffffff;
background-color:#2d497e;
}

@media screen and (max-width:480px) {
  .topmc_ttl{
  margin:0 -10px;
  padding:50px 0 50px 128px;
  padding:20px;
  }
}

.topmc_num{
position:absolute;
top:-10px;
left:20px;
padding:16px 10px 0 0;
width:86px;
height:102px;
font-size:129%;
font-weight:400;
font-family:'Cabin', sans-serif;
text-transform:uppercase;
text-align:center;
color:#2d497e;
background-image:url(./img/bg/bg_tam_num.png);
background-repeat:no-repeat;
background-position:left top;
background-size:100% auto;
}
.topmc_num > span{
font-size:320%;
font-weight:700;
}

@media screen and (max-width:480px) {
  .topmc_num{
  top:-8px;
  left:10px;
  padding:8px 10px 0 0;
  width:56px;
  height:67px;
  font-size:100%;
  }
}


.topmc_ttl h2{
margin-bottom:24px;
font-size:258%;
font-weight:700;
font-family:"Noto Sans JP";
line-height:1.2;
}

@media screen and (max-width:480px) {
  .topmc_ttl h2{
  margin-bottom:20px;
  padding-left:65px;
  font-size:215%;
  }
}

.topmc_ttl p{
font-size:115%!important;
line-height:1.2;
}



/* ボディ ------------------------*/
.topmc_body{}

#top_mc01 .topmc_body{
padding:30px 10px 0;
}

#top_mc01 .topmc_body > p{
margin-bottom:30px;
padding:0 25px;
line-height:1.7;
}

#top_mc03 .topmc_body{
padding:10px;
background-color:#c1c1c1;
}

@media screen and (max-width:480px) {
  #top_mc03 .topmc_body{
  margin:0 -10px;
  }
}

#top_mc04 .topmc_body{
padding:30px 0 5px;
background-color:#ffcf00;
}

@media screen and (max-width:480px) {
  #top_mc04 .topmc_body{
  padding:20px 0 1px;
  }
}


/* YouTube */
.topmc_ytbox{
position:relative;
margin-bottom:25px;
padding-top:56.25%;
width:100%;
}

.topmc_ytbox p{
margin:0!important;
padding:0!important;
}

#wcv_sys_edit_pageeditarea .topmc_ytbox{
margin-bottom:25px;
padding-top:0;
width:100%;
}

.topmc_ytbox iframe{
vertical-align:bottom;
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

#wcv_sys_edit_pageeditarea .topmc_ytbox iframe{
position:relative;
height:500px;
}

/* テキストボタン ------*/
.btnText_area{
margin:0 -5px 25px;
}

@media screen and (max-width:480px) {
  .btnText_area{
  margin:0 0 25px;
  }
}

.btnText_area ul{
display:table;
margin:0 auto;
}

.btnText_area ul li{
display:table-cell;
padding:0 5px;
width:445px;
}

@media screen and (max-width:480px) {
  .btnText_area ul{
  display:block;
  margin:0 auto;
  }

  .btnText_area ul li{
  display:block;
  margin:0 auto 5px;
  padding:0;
  width:100%;
  width:380px;
  }
}


.btnText_area ul li a{
display:block;
height:80px;
font-size:129%;
line-height:80px;
text-align:center;
color:#ffffff;
background-color:#0066ab;
transition:.35s ease-in-out;
}

@media screen and (max-width:480px) {
  .btnText_area ul li a{
  display:block;
  height:80px;
  font-size:115%;
  font-size:129%;
  line-height:80px;
  text-align:center;
  color:#ffffff;
  background-color:#0066ab;
  transition:.35s ease-in-out;
  }
}

.btnText_area ul li a:after{
margin-left:0.5em;
font-family:"FontAwesome";
content: '\f0da';
content: '\f04b';
font-size:78%;
color:#30b0f1;
}

.btnText_area ul li a:hover{
text-decoration:none;
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}


/* テクスト目次 ------*/
.tableOfText{
margin-bottom:35px;
}

@media screen and (max-width:480px) {
  .tableOfText{
  margin:0 -10px 35px;
  }
}

.tableOfText ul{
background-color:#e9e3c4;

display: flex;
flex-wrap: wrap;
}

/* CMSKIT編集画面 */
#wcv_sys_edit_pageeditarea .tableOfText ul{
display:block;
}


.tableOfText ul li{
/*
float:left;
*/

width:33.33333333%;
}

/* CMSKIT編集画面 */
#wcv_sys_edit_pageeditarea .tableOfText ul li{
float:left;
}

@media screen and (max-width:480px) {
  .tableOfText ul li{
  width:50%;
  }
}

.tableOfText ul li:nth-child(odd){
background-color:#e9e3c4;
}
.tableOfText ul li:nth-child(even){
background-color:#e0d7b8;
}

dl.ttl_tot{
display:table;
}

dl.ttl_tot dt,
dl.ttl_tot dd{
display:table-cell;
vertical-align:middle;
}

dl.ttl_tot dt{
width:90px;
height:90px;
text-align:center;
font-size:515%;
font-weight:400;
font-family:'Cabin', sans-serif;
color:#ffffff;
background-color:#339900;
}

.tableOfText > ul > li:first-child > dl.ttl_tot dt{
  width:0px;
}

@media screen and (max-width:480px) {
  dl.ttl_tot dt{
  width:50px;
  height:50px;
  font-size:300%;
  }
}

dl.ttl_tot dd{
padding:0 10px;
font-size:172%;
font-size:158%;
font-size:172%;
font-family:"Noto Sans JP";
font-feature-settings:"pkna";
font-feature-settings:"palt";
}

@media screen and (max-width:480px) {
  dl.ttl_tot dd{
  font-size:143%;
  }
}

dl.cntnt_tot{
padding:50px 25px;
padding:20px;
}

@media screen and (max-width:480px) {
  dl.cntnt_tot{
  padding:10px 10px;
  font-size:100%!important;
  }
}

dl.cntnt_tot dt{
clear:both;
float:left;
margin-bottom:20px;
margin-bottom:10px;
width:4em;
}

dl.cntnt_tot dd{
margin-bottom:20px;
margin-bottom:10px;
padding-left:4em;
line-height:1.2;
}


/* 制作体制 ------*/
.production_system{
margin-bottom:30px;

/*
outline:1px solid #f00000;
*/
}

.member_list{
margin-bottom:30px;

/*
outline:1px solid #f00000;
*/
}

.member_list h3{
margin-bottom:26px;
font-size:129%;
font-weight:bold;
text-align:center;
color:#35487c;
color:#2666b4;
}

.member_list h3:before,
.member_list h3:after{
display:inline-block;
content:'―';
transform:scale(3, 1);
}

.member_list h3:before{
margin-right:0.3em;
transform-origin: top right;
}

.member_list h3:after{
margin-left:0.3em;
transform-origin: top left;
}

.member_list h3 > span{
font-size:73%;
}

.member_list ul{
margin:0 150px 16px;

display: flex;
flex-wrap: wrap;
}

@media screen and (max-width:480px) {
  .member_list ul{
  margin:0 0 16px;

/*
  display:block;
*/
  }
}



.member_list ul > li{
margin-bottom:10px;

}

.member_list ul > li.with_ttl{
width:49%;
width:50%;
}

@media screen and (max-width:480px) {
  .member_list ul > li.with_ttl{
  width:46%;
  padding:0 2%;
  }
}



.member_list ul li dl{}

.member_list ul li dl dt{
float:left;
width:6em;
font-size:115%;
}

.member_list ul li dl dd{
padding-left:7em;
}

.member_list > p{
font-size:115%!important;
line-height:1.5;
text-align:center;
}



.member_list > dl{
margin:0 auto;
display:table;
width:50%;
font-size:115%;
}

.member_list > dl dt{}

.member_list > dl dd{}


/* 改訂、監修 */
.member_list ul.ml_ex{
display:block;
text-align:center!important;
}



.member_list ul.ml_ex > li.name_only{
display:inline;
padding:0 20px;
/*
margin-bottom:8px;
width:25%;
*/
font-size:115%;
}

.member_list > p.ml_ex > span{
font-size:93%;
padding:0 0 0 20px;
}

@media screen and (max-width:480px) {
  .member_list ul.ml_ex > li.name_only{
  display:inline;
  padding:0 10px;
  /*
  margin-bottom:8px;
  width:25%;
  */
  font-size:115%;
  }

  .member_list > p.ml_ex > span{
  font-size:93%;
  padding:0 0 0 20px;
  }
}







/* 執筆者一覧 ------*/
.author_list{
margin-bottom:30px;
}

.author_list h3{
margin-bottom:20px;
font-size:129%;
text-align:center;
}

.author_list ul{
margin:0 150px 16px;

display: flex;
flex-wrap: wrap;
}

@media screen and (max-width:480px) {
  .author_list ul{
  margin:0 0 16px;
  }
}

.author_list ul li{
/*
float:left;
*/
margin-bottom:8px;
width:49%;
}
.author_list ul li:nth-child(odd){
margin-right:1%;
}
.author_list ul li:nth-child(even){
margin-left:1%;
}

.author_list ul li dl{}

.author_list ul li dl dt{
float:left;
width:6em;
font-size:115%;
}

.author_list ul li dl dd{
padding-left:7em;
}













/* Web版・ePub版 ------*/
.tmc03_contbox{
padding:35px 15px 10px;
padding:0 0 10px;
background-color:#ffffff;
}

.tmc03_contbox h3{
padding:22px 30px;
font-size:215%;
color:#ffffff;
background-color:#339900;
}

.tmc03_contbox_inner{}

.tmc03_contbox_inner p{
padding:30px 40px;
font-size:115%;
line-height:1.5;
}

/* Web版機能紹介メニュー */
dl#tmc03menu_web{
margin:0 20px 20px;
}

dl#tmc03menu_web dt,
dl#tmc03menu_web dd{
display:table;
float:left;
}

dl#tmc03menu_web dt{
width:146px;
width:16.6%;
text-align:left;
}

@media screen and (max-width:480px) {
  dl#tmc03menu_web dt{
  display:block;
  float:none;
  margin-bottom:6px;
  width:100%;
  }
}


dl#tmc03menu_web dd{
margin-right:6px;
margin-right:0.6%;
width:184px;
width:20.4%;
}
dl#tmc03menu_web dd:last-child{
margin-right:0;
}

@media screen and (max-width:480px) {
  dl#tmc03menu_web dd{
  margin-right:0.6%;
  width:24.4%;
  }
}


dl#tmc03menu_web dt > div,
dl#tmc03menu_web dd > div{
display:table-cell;
vertical-align:middle;
height:65px;
font-size:115%;
}

@media screen and (max-width:480px) {
  dl#tmc03menu_web dt > div,
  dl#tmc03menu_web dd > div{
  font-size:100%;
  }
}

dl#tmc03menu_web dt > div{}

@media screen and (max-width:480px) {
  dl#tmc03menu_web dt > div{
  height:auto;
  }
  dl#tmc03menu_web dt > div:before{
  content:'▼';
  }
}

dl#tmc03menu_web dd > div{
text-align:center;
color:#ffffff;
background-color:#333333;
cursor:pointer;
transition:.15s ease-in-out;
}
/*
dl#tmc03menu_web dd.selected > div,
dl#tmc03menu_web dd.hover > div,
*/
dl#tmc03menu_web dd > div:hover{
background-color:#cc0000;
}

dl#tmc03menu_web dd:last-child > div{
background-color:#005770;
}
dl#tmc03menu_web dd:last-child > div:hover{
background-color:#0c6d85;
}


#fig_tmc03_web{
margin:0 20px 50px;
margin:0 10px 50px;
}

#fig_tmc03_web ul{
position:relative;
}

#fig_tmc03_web ul li.chng_fig{
position:absolute;
top:0;
left:0;
opacity:0.0;
transition:.3s ease-in-out;
}
#fig_tmc03_web ul li.chng_fig.dispOn{
opacity:1.0;
}

/*
#fig_tmc03_web ul li.chng_fig:hover{
opacity:1.0;
}
*/




#fig_tmc03_ePub{
position:relative;
margin:0 20px 50px;
}

#ftw_01{
position:relative;
float:left;
}

@media screen and (max-width:480px) {
  #ftw_01{
  float:none;
  margin-bottom:20px;
  }
}

#btn_tmc03e_01{
position:absolute;
top:226px;
left:8px;
cursor:pointer;
}
#btn_tmc03e_02{
position:absolute;
top:27px;
left:392px;
cursor:pointer;
}
#btn_tmc03e_02 img{
vertical-align:top;
}

@media screen and (max-width:480px) {
  #btn_tmc03e_01{
  position:absolute;
  top:176px;
  left:6px;
  width:188px;
  height:auto;
  
  }
  #btn_tmc03e_02{
  position:absolute;
  top:21px;
  left:305px;
  width:90px;
  height:auto;
  }
}



#ftw_02{
position:relative;
float:right;
}

@media screen and (max-width:480px) {
  #ftw_02{
  float:none;
  margin:0 auto;
  width:366px;
  }
}

#ftw_02 h4{
margin-bottom:12px;
font-size:115%;
}


/* 拡大画像 */
#brd_ftw_02{
position:relative;
}

.fig_ftw_02{
position:absolute;
top:0;
left:0;
opacity:0.0;
transition:.3s ease-in-out;
}
.fig_ftw_02.dispOn{
opacity:1.0;
}
.fig_ftw_02 img{
width:100%;
height:auto;
}

#fig_ftw_02_base{}
#fig_ftw_02_01{}
#fig_ftw_02_02{}



/* 以下、不要 */
#ftw_02 ul{
width:366px;
}

#ftw_02 ul li{
position:relative;
float:left;
margin-bottom:2px;
cursor:pointer;
}
#ftw_02 ul li:nth-child(odd){
margin-right:2px;
}
/* 以上、不要 */




/* 虫眼鏡 */
.btn_tmc03e{}
.btn_tmc03e:after{
content:url(./img/btn/btn_magnif.png);
position:absolute;
right:0;
bottom:0;
width:31px;
height:31px;
}





/* 応募案内 ------*/
#top_mc04 h2{
padding:40px 0;
font-size:258%;
font-weight:700;
font-family:"Noto Sans JP";
text-align:center;
color:#ffffff;
background-color:#ff9900;
font-feature-settings:"palt" 1;
}

@media screen and (max-width:480px) {
  #top_mc04 h2{
  padding:20px 0;
  font-size:129%;
  }
}

#top_mc04 .topmc_body h3{
margin-bottom:20px;
font-size:129%;
text-align:center;
}

@media screen and (max-width:480px) {
  #top_mc04 .topmc_body h3{
  margin-bottom:10px;
  font-size:115%;
  }
}

#top_mc04 .topmc_body p{
margin:0 120px 16px;
line-height:2.0;
}

@media screen and (max-width:480px) {
  #top_mc04 .topmc_body p{
  margin:0 20px 16px;
  }
}







/* 各ページ
--------------------------------------------------------------------*/
/* ページ主要見出し -----------------------*/
.ttl_each01{
margin:0 -50px;
margin:-50px -50px 0;
}

@media screen and (max-width:480px) {
  .ttl_each01{
  margin:-20px -10px 0;
  }
}

.cnr_top .ttl_each01{
margin:-50px 0 0;
margin:0;
}

@media screen and (max-width:480px) {
  .ttl_each01{
  margin:-20px 0 0;
  margin:0;
  }
}




.ttl_each01 h2{
padding:46px 10px;
font-size:215%;
line-height:1.2;
text-align:center;
color:#ffffff;
background-color:#2d497e;
}

@media screen and (max-width:480px) {
  .ttl_each01 h2{
  padding:46px 10px;
  padding:20px 10px;
  font-size:129%;
  text-align:center;
  }
}

/* リード01 ------------------------------*/
.lead_each01{
margin:0 -50px 25px;
}

@media screen and (max-width:480px) {
  .lead_each01{
  margin:0 -10px 25px;
  }
}










/* 人間の生命科学制作意義ページ
--------------------------------------------------------------------*/
/* 汎用display:table */
.dsp_tbl{
display:table;
width:100%;
}

.dsp_tblcell{
display:table-cell;
vertical-align:middle;
}

@media screen and (max-width:480px) {
  .dsp_tbl{
  display:block;
  }

  .dsp_tblcell{
  display:block;
  }
}


/* 制作委員紹介 ---------------------------------*/
.authintro_box{
padding:0 10px 0 50px;
background-color:#e9e3d9;
}
/* ポイント＆メリット */
.point_merit .authintro_box{
background-color:#d6e9f9;
}

@media screen and (max-width:480px) {
  .authintro_box{
  padding:20px;
  }
}

.authintro_box h3{
margin:0 0 26px;
font-size:172%;
line-height:1.2;
color:#0066ab;
}

@media screen and (max-width:480px) {
  .authintro_box h3{
  margin:0 0 10px;
  font-size:129%;
  }

  .authintro_box .dsp_tbl{
  display:table;
  margin:0 auto;
  width:auto;
  }

  .authintro_box .dsp_tbl > div{
  display:table-cell;
  }
}


/* 写真 */
.photo_authint{
width:155px;
}
.photo_authint img{
width:100%;
height:auto;
}

@media screen and (max-width:480px) {
  .photo_authint{
  width:100px;
  }
}

/* 所属、氏名など */
.prof_authint{
padding:0 0 0 20px;
}

@media screen and (max-width:480px) {
  .prof_authint{
  padding:0 0 0 20px;
  text-align:right;
  }
}

.prof_authint p{
margin-bottom:25px;
font-weight:bold;
}

.prof_authint dl{}
.prof_authint dt{
margin-bottom:8px;
font-size:86%;
line-height:1.4;
}
.prof_authint dd{
font-size:215%;
}

/* YouTube */
.lead_each01 .each_ytbox{
position:relative;
margin-bottom:25px;
width:480px;
height:270px;
}

.lead_each01 .each_ytbox iframe{
width:100%;
height:270px;
}

@media screen and (max-width:480px) {
  .lead_each01 .each_ytbox{
  width:100%;
  height:auto;
  }
  .lead_each01 .each_ytbox iframe{
  height:270px;
  }
}

/* ポイント＆メリット */
.merit_list{
margin:0 -20px;
padding:14px 18px 30px;
background-color:#d6e9f9;
border-radius:6px;
}

@media screen and (max-width:480px) {
  .merit_list{
  margin:0;
  }
}

.merit_list_in{
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
}

@media screen and (max-width:480px) {
  .merit_list_in{
  display:block;
/*
  display:block;
*/
  }
}

.mb60{
margin-bottom:60px;
}

@media screen and (max-width:480px) {
  .mb60{
  margin-bottom:30px;
  }
}


.merit_list h3{
text-align:center;
}

@media screen and (max-width:480px) {
}


.merit_list ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
padding-top:18px;
}

.merit_list ul li{
margin:0 0 15px;
width:50%;
text-align:right;
}

@media screen and (max-width:480px) {
  .merit_list ul{
  display:block;
  }
  .merit_list ul li{
  margin:0 0 15px;
  width:100%;
  text-align:center;
  }
}


/* 著者一覧 ---------------------------------*/
.author_lst{}

.author_lst ul{
padding:10px;
background-color:#b9dbec;
}

.author_lst ul > li{
margin-bottom:10px;
padding:20px;
background-color:#ffffff;
}
.author_lst ul > li:last-child{
margin-bottom:0;
}

@media screen and (max-width:480px) {
  .author_lst ul > li{
  padding:10px;
  }
}

.author_info{
vertical-align:top;
padding-right:20px;
}

@media screen and (max-width:480px) {
  .author_info{
  padding-right:0;
  }
}

.author_info h3{
margin-bottom:10px;
padding:25px;
font-size:129%;
line-height:1.2;
color:#ffffff;
background-color:#00365b;
border-left:5px solid #30b0f1;
}

@media screen and (max-width:480px) {
  .author_info .dsp_tbl{
  display:table;
  margin:0 auto 10px;
  width:auto;
  }

  .author_info .dsp_tbl > div{
  display:table-cell;
  }
}


.author_photo{
width:120px;
}
.author_photo img{
width:100%;
height:auto;
}

@media screen and (max-width:480px) {
  .author_photo{
  float:right;
  margin-left:20px;
  width:100px;
  }
}

.author_name{
padding:10px 0 10px 20px;
}

.author_name dl{}
.author_name dt{
margin-bottom:8px;
font-size:86%;
line-height:1.4;
}
.author_name dd{
font-size:129%;
}


/* YouTube */
.author_box .each_ytbox{
vertical-align:top;
position:relative;
margin-bottom:25px;
width:350px;
height:196px;
}

.author_box .each_ytbox iframe{
width:100%;
height:196px;
}

@media screen and (max-width:480px) {
  .author_box .each_ytbox{
  vertical-align:top;
  position:relative;
  margin-bottom:0;
  width:100%;
  height:auto;
  }

  .author_box .each_ytbox iframe{
  width:100%;
  height:270px;
  }
}


/* 新しい特長ページ
--------------------------------------------------------------------*/
/* 内容紹介 ----------------------*/
.ftr_detail_list{}

.ftr_detail_list > ul{
padding:10px;
background-color:#b9dbec;
}

.ftr_detail_list > ul > li{
margin-bottom:10px;
padding:20px;
background-color:#ffffff;
}
.ftr_detail_list > ul > li:last-child{
margin-bottom:0;
}

@media screen and (max-width:480px) {
  .ftr_detail_list > ul > li{
  padding:10px;
  }
}

/* 著者・内容 */
.ftr_detail_info{
vertical-align:top;
}

.ftr_detail_info h3{
margin-bottom:12px;
padding:5px 20px 0 0;
font-size:129%;
line-height:1.2;
}

@media screen and (max-width:480px) {
  .ftr_detail_info h3{
  margin-bottom:10px;
  padding:10px 0 0;
  font-size:115%;
  }
}

.ftr_detail_info p{
padding:0 20px 0 1em;
padding:0 20px 0 0;
line-height:1.5;
}

@media screen and (max-width:480px) {
  .ftr_detail_info p{
  margin-bottom:20px;
  }
}

.ftr_detail_info ul{}

@media screen and (max-width:480px) {
  .ftr_detail_info ul{
  margin-bottom:20px;
  }
}

.ftr_detail_info ul li{
position:relative;
margin-bottom:12px;
padding:0 20px 0 1em;
line-height:1.4;
}
.ftr_detail_info ul li:last-child{
margin-bottom:0;
}
.ftr_detail_info ul li:before{
content:'・';
position:absolute;
top:0;
left:0;
}

@media screen and (max-width:480px) {
  .ftr_detail_info ul li{
  margin-bottom:10px;
  padding:0 0 0 1em;
  }
}


/* 画像 */
.ftr_detail_img{
width:300px;
}
.ftr_detail_img img{
width:100%;
height:auto;
}

@media screen and (max-width:480px) {
  .ftr_detail_img{
  margin:0 auto;
/*
  width:100%;
*/
  }
}


/* 執筆者ページ
--------------------------------------------------------------------*/
/* 執筆者 ----------------------*/
.authors{
margin:-50px -50px 0;
padding:30px 0;
background-color:#00365b;
background-image:url(./img/bg_authors.jpg);
background-repeat:no-repeat;
background-position:center top;
background-size:100% auto;
}

@media screen and (max-width:480px) {
  .authors{
  margin:-20px -10px 0;
  padding:30px 0;
  background-size:cover;
  }
}

.authors h2{
margin-bottom:20px;
font-size:200%;
line-height:1.4;
text-align:center;
color:#ffffff;
}

@media screen and (max-width:480px) {
  .authors h2{
  margin-bottom:20px;
  font-size:129%;
  }
}

.authors > ul{
display:flex;
flex-wrap:wrap;
margin:0 auto;
width:870px;
}

@media screen and (max-width:480px) {
  .authors > ul{
  display:block;
  width:100%;
  width:90%;
  }
}

.authors > ul > li{
box-sizing:border-box;
margin-bottom:10px;
width:430px;
background-color:#ffffff;
}
.authors > ul > li:nth-child(odd){
margin-right:10px;
}
.authors > ul > li:nth-child(even){
margin-right:0;
}

@media screen and (max-width:480px) {
  .authors > ul > li{
  box-sizing:border-box;
  margin-bottom:10px;
  width:100%;
  }
  .authors > ul > li:nth-child(odd){
  margin-right:0;
  }
  .authors > ul > li:nth-child(even){
  margin-right:0;
  }
}


.authors > ul > li > dl.ath_name{
display:table;
width:100%;
}

.authors > ul > li > dl.ath_name dt,
.authors > ul > li > dl.ath_name dd{
display:table-cell;
vertical-align:middle;
}

.authors > ul > li > dl.ath_name dt{
padding:20px 10px 20px 20px;
width:6em;
font-size:115%;
font-weight:bold;
}

.authors > ul > li > dl.ath_name dd{
padding:10px 10px 10px 0;
line-height:1.2;
}

.authors > ul > li > dl.ath_charge{
display:table;
width:100%;
}

.authors > ul > li > dl.ath_charge dt,
.authors > ul > li > dl.ath_charge dd{
display:table-cell;
vertical-align:middle;
}

.authors > ul > li > dl.ath_charge dt{
width:1.5em;
/*
padding:10px 20px;
width:3em;
color:#0066ab;
*/
}

.authors > ul > li > dl.ath_charge dd{
padding:0 0 5px 0;
}

.authors > ul > li > dl.ath_charge dd > ul{}

.authors > ul > li > dl.ath_charge dd > ul > li{
float:left;
display:table;
margin-right:2px;
}

.authors > ul > li > dl.ath_charge dd > ul > li a{
display:table-cell;
vertical-align:middle;
width:40px;
height:30px;
text-align:center;
color:#ffffff;
background-color:#0066ab;
transition:.2s ease-in-out;
}
.authors > ul > li > dl.ath_charge dd > ul > li a:hover{
text-decoration:none;
opacity:0.80;
}





/* Web版・ePub版の機能解説
--------------------------------------------------------------------*/
/* リードパネル ----------------------*/
.fnctn_lead{
margin:0 -50px 30px;
padding:30px 50px;
background-color:#339900;
}

@media screen and (max-width:480px) {
  .fnctn_lead{
  margin:0 -10px 30px;
  padding:20px;
  }
}

.fnctn_lead > ul{
display:table;
width:100%;
}

.fnctn_lead > ul > li{
display:table-cell;
vertical-align:middle;
background-color:#ffffff;
border-left:7px solid #ffcf00;
}
.fnctn_lead > ul > li:first-child{
border-right:24px solid #339900;
}
@media screen and (max-width:480px) {
  .fnctn_lead > ul > li:first-child{
  border-right:10px solid #339900;
  }
}

.fnctn_lead > ul > li > div{
box-sizing:border-box;
padding:40px 30px;
width:412px;
font-size:115%;
line-height:1.5;
}

@media screen and (max-width:480px) {
  .fnctn_lead > ul > li > div{
  box-sizing:border-box;
  padding:20px 10px;
  width:100%;
  width:208px;
  }
}



/* Web版 ----------------------*/
/* シミュレート */
.act_fnctn_w{
position:relative;
margin:0 -30px 50px;
}

@media screen and (max-width:480px) {
  .act_fnctn_w{
  margin:0 0 30px;
  }
}


/* メニューボタン */
.act_fnctn_w ul.mn_afw{
margin:0 auto;
width:860px;
}

@media screen and (max-width:480px) {
  .act_fnctn_w ul.mn_afw{
  margin:0 auto;
  width:100%;
  }
}

#mn_afw01{
/*
margin-bottom:5px;
*/
}
#mn_afw02{
/*
margin-top:5px;
*/
}

.act_fnctn_w ul.mn_afw > li{
position:relative;
z-index:51;
width:260px;
height:45px;
font-size:115%;
line-height:45px;
text-align:center;
color:#ffffff;
background-color:#cc0000;
cursor:pointer;
}

.act_fnctn_w ul.mn_afw > li#menu_afw02{
background-color:#0c6d85;
cursor:pointer;
}


@media screen and (max-width:480px) {
  .act_fnctn_w ul.mn_afw > li{
  width:40%;
  height:45px;
  font-size:100%;
  line-height:45px;
  }
}

.act_fnctn_w ul.mn_afw > li:first-child{
float:left;
}
.act_fnctn_w ul.mn_afw > li:last-child{
float:right;
}

/* 画像エリア ----------------*/
#fig_afw_box{
position:relative;
}

/* 閉じる用背景 */
#fig_afw_box_bg{
display:none;
/*
display:none;
*/
position:fixed;
top:0;
left:0;
z-index:50;
height:100%;
width:100%;
/*
background-image:url(../img/bg/bg_mw_blk60.png);
background-color:#000000;
opacity:0.5;
*/
}


/* ベース画像 */
#fig_afw_base{

}



/* オーバーレイ画像群 */
.fig_afw{
/*
position:absolute;
top:0;
left:0;
z-index:60;
*/
}
.fig_afw > li{
position:absolute;
top:0px;
top:0;
left:0;
z-index:60;
opacity:0.0;
transition:.5s ease-in-out;
}
.fig_afw > li.dispOn{
opacity:1.0;
}


/*
.fig_afw > li{
position:absolute;
top:0;
left:0;
z-index:52;
opacity:0.0;
opacity:1.0;
transition:.3s ease-in-out;
}
.fig_afw > li.dispOn{
opacity:1.0;
}
*/

/* Wikipedia */
#fig_afw_01{}

/* Wikipedia */
#fig_afw_02{}

/* Wikipedia */
#fig_afw_03{}

/* Wikipedia */
#fig_afw_04{}






















/* デモ動画 */
.demomv_lst{
margin-bottom:30px;
}

.demomv_lst ul{
padding:10px;
background-color:#b9dbec;
}

.demomv_lst ul > li{
margin-bottom:10px;
padding:20px;
background-color:#ffffff;
}
.demomv_lst ul > li:last-child{
margin-bottom:0;
}

@media screen and (max-width:480px) {
  .demomv_lst ul > li{
  padding:10px;
  }
}

.demomv_info{
vertical-align:top;
padding-right:20px;
}

@media screen and (max-width:480px) {
  .demomv_info{
  padding-right:0;
  }
}

.ttl_demomv{
display:table;
margin-bottom:10px;
width:100%;
min-height:68px;
}

.ttl_demomv h3{
display:table-cell;
vertical-align:middle;
box-sizing:border-box;
padding:10px 25px;
font-size:129%;
line-height:1.2;
color:#ffffff;
background-color:#00365b;
border-left:5px solid #30b0f1;
}
.ttl_demomv h3 > span{
font-size:78%;
}

.demomv_info > p{
line-height:1.7;
}

@media screen and (max-width:480px) {
  .demomv_info > p{
  margin-bottom:10px;
  }
}

/* YouTube */
.demomv_lst .each_ytbox{
vertical-align:top;
position:relative;
margin-bottom:25px;
width:350px;
height:196px;
}

.demomv_lst .each_ytbox iframe{
width:100%;
height:196px;
}

@media screen and (max-width:480px) {
  .demomv_lst .each_ytbox{
  vertical-align:top;
  position:relative;
  margin-bottom:0;
  width:100%;
  height:auto;
  }

  .demomv_lst .each_ytbox iframe{
  width:100%;
  height:270px;
  }
}


/* ePub版 ----------------------*/
/* 画面キャプチャ */
.cap_fnctn_e{
margin:0 -36px 10px;
}

@media screen and (max-width:480px) {
  .cap_fnctn_e{
  margin:0 0 10px;
  }
}

.cap_fnctn_e img{
width:100%;
height:auto;
}



/* 画像ズーミング */
.zoom_fnctn_e{
margin-bottom:50px;
}

.zoom_fnctn_e img{
width:100%;
height:auto;
}



/* デモサイトで生命科学テキストを体験
--------------------------------------------------------------------*/
/* リードパネル ----------------------*/
.demoguide_lead{
margin:0 -50px 30px;
padding:30px 50px;
background-color:#339900;
}

@media screen and (max-width:480px) {
  .demoguide_lead{
  margin:0 -10px 30px;
  padding:20px;
  }
}

.demoguide_lead > ul{
display:table;
width:100%;
}

.demoguide_lead > ul > li{
display:table-cell;
vertical-align:middle;
background-color:#ffffff;
border-left:7px solid #ffcf00;
border-right:24px solid #339900;
}
.demoguide_lead > ul > li:last-child{
border-right:0px;
}
@media screen and (max-width:480px) {
  .demoguide_lead > ul > li{
  border-right:10px solid #339900;
  }
}

.demoguide_lead > ul > li > div{
box-sizing:border-box;
padding:40px 30px;
width:412px;
width:260px;
font-size:115%;
line-height:1.5;
}

@media screen and (max-width:480px) {
  .demoguide_lead > ul > li > div{
  box-sizing:border-box;
  padding:20px 10px;
  width:208px;
  width:120px;
  }
}


/* お申し込み方法 ------*/
.appmethod h2{
padding:40px 0;
font-size:258%;
font-weight:700;
font-family:"Noto Sans JP";
text-align:center;
color:#ffffff;
background-color:#ff9900;
font-feature-settings:"palt" 1;
}

@media screen and (max-width:480px) {
  .appmethod h2{
  padding:20px 0;
  font-size:129%;
  }
}

.appmethod_body{
padding:30px 50px;
background-color:#ffcf00;
}

.appmethod_body ul{
margin-bottom:20px;
}

@media screen and (max-width:480px) {
  .appmethod .topmc_body ul{
  margin:0 20px 16px;
  }
}

.appmethod_body > ul > li{
position:relative;
margin-bottom:10px;
padding-left:1em;
font-size:115%;
}
.appmethod_body > ul > li:before{
content:'・';
position:absolute;
top:0;
left:0;
}