@charset "UTF-8";

/* サクナヒメ ここから*/
.fade-img {
  position:relative;
height:auto;
    width: 100%;
}


.fade-img:before {
    content: "";
    display: block;
    padding-top: 100%; /* 1:1 */
}
.fade-img img {

    position: absolute;
    top: 0; left: 0;
 right: 0;
margin:0 auto;
/*    width: 100%; */
    height: 100%;
object-fit:cover;
}

.sakuna_key_wrap{
width:85%;
height:100%;

margin-top: -70px;
transition-duration:1.0s;
position: relative;
margin-left:auto;
margin-right:auto;
}

.sakuna_key_wrap2{
width:76%;
height:100%;
overflow:hidden;
margin-top: -100px;
transition-duration:1.0s;
position: relative;
margin-left:auto;
margin-right:auto;
}

.sakuna_key_wrap.scl{
    margin-top: 66px;
}



  .sakuna {
 /*     width: 76%; */
      height: calc(100vh - 146px);
      object-fit: cover;
    margin-top: 70px;

      transition-duration: 0.9s;

border-left: solid 14px rgba(255,255,255,0.3);
border-right: solid 14px rgba(255,255,255,0.4);
    }

    .sakuna.scl {
/*      width: 82%; */
      height: calc(100vh - 114px);
    margin-top: 50px;

      transition-duration: 0.9s;
    }

/*
.slideshow{
     width: 76%; 
      position: relative;
    margin-top: 70px;
      margin-left: auto;
      margin-right: auto;
      transition-duration: 0.9s;
     overflow: hidden;
}
*/
  .slide2 {
      opacity: 0;
      position: absolute;
  right: 0;
  left: 0;
      margin-left: auto;
      margin-right: auto;
    }


  .slide3 {
      opacity: 0;
      position: absolute;
  right: 0;
  left: 0;
      margin-left: auto;
      margin-right: auto;
    }

    .visible {
      opacity: 1;
    }

  .sakuna2  div{
    height: calc(100vh - 100px);
width:100%;

    }

    .sakuna2 div.scl {
/*      width: 82%; */
      height: calc(100vh - 50px);
    margin-top: 50px;
      margin-left: 0%;
      transition-duration: 0.9s;
    }






.laboratory {
padding-top:35px;
}
.search-box {
padding: 41px 0 26px 0; 

	font-size: 0;
	background-color: #fff;
}

.br_l2 br{
display:none;
}
.shibaraku{
font-size:320%;
}
dl.anime_link dt{
clear:both;
width:9.2em;
float:left;
color:#6db431;

}
dl.anime_link dd{
width:22em;
float:left;
}



.pagetop {
	display: none;
	position: fixed;
	bottom: 4px;
	right: 10px; 
left:auto;

z-index:999;
}
.pagetop a {
	display: block;
	background-color: #7d7258;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 15px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.8;
	border-radius: 4px
}
.pagetop a:hover {
	display: block;
	background-color: #6d624a;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 15px;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.br_l br:nth-child(2){
display:none;
}
.sen_wrap1.is-show,.sen_wrap2.is-show,.sen_wrap3.is-show,.sen_wrap4.is-show,.sen_wrap5.is-show,
.sen_wrap6.is-show,.sen_wrap7.is-show,.sen_wrap8.is-show,.sen_wrap9.is-show,.sen_wrap10.is-show{
position:relative;width:100%;margin:0 auto;height:10px;
}
.is-show .sen {
width:100%;
position:absolute;
z-index:1;
overflow:hidden;
top: 5%;
  left: 0;  bottom: 0;  right: 0;
}
.is-show .sen div{
    animation-name: senLong;
    animation-duration: 1.2s;
border-top:solid 2px #90C187;

}
@keyframes senLong{
    from{
    transform: translatex(-100%);
    }
    to{
    transform: translatex(0);
    }
}



.all_wrap{
background:#fbf8ed;position:relative;padding:50px 0 15px;text-align:center;
}

.waku_green2 .row p{
text-justify: auto;text-align: justify;

}

.waku_green2 div.link_box_green p{
font-size:100%;
}
.kenkyusha{
background:#ff8766;
color:#fff;
font-size:140%;
border-radius: 4px;
width:3em;
margin-left:-0.3em;
}

.br_s br{
display:inline;
}
.kagakukan_info dt{
clear:both;
float:left;
width:7.5em;
}
.kagakukan_info dd{
float:left;
width:30em;
}


@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(110vw / 2);
transition-duration:1.0s;
}
.scroll-infinity__item>img {
  width: 100%;
}


.shippori {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.waku p{
font-size:135%;
}
.waku h4{
font-weight:bold;margin:1.5em 0 0;font-size:160%;
}

.waku_blue h3{
font-size:200%;
padding-bottom:0.4em;
padding-left:0.4em;
color:#44acc4;
font-weight:bold;
border-bottom:solid 2px #8ccedd;
letter-spacing:2px;
}
.link_box a{
color:#fff;
}
.link_box{
background:#89cff1;
border-radius: 3px;
padding:33px 5px 20px;
margin-top:40px;
}

.link_box_green{
background:#e4f0db;
border-radius: 3px;
padding:33px 5px 20px;
margin:18px 0 80px;
font-size:135%;
}

.waku2 a img:hover{
opacity:0.6;
}

.anime_shokai{
padding-top:2em;
color:#011d06;
}
.waku{
border-radius: 10px;
padding:40px 50px 50px;
width:95%;
max-width:850px;
margin:50px auto;
text-align:left;
position:relative;
}

.waku2{
border-radius: 2px;
padding:28px 0 10px;
width:95%;
max-width:850px;
margin:50px auto;
background:#73bbc1;
text-align:left;
color:#fff;
font-size:135%;
}

.waku2_kagakukan{
border-radius: 2px;
padding:23px 0 0;
width:95%;
max-width:850px;
margin:50px auto;
background:#f73941;
text-align:left;
color:#fff;
font-size:135%;
}
.waku_red h3 {
    font-size: 200%;
    padding-bottom: 0.4em;
    padding-left: 0.4em;
    color: #e60909;
    font-weight: bold;
    border-bottom:solid 2px #f76f60;
    letter-spacing: 2px;
}
.waku_green2 h3 {
    font-size: 200%;
    padding-bottom: 0.1em;
    padding-left: 2.6em;
    color: #589846;
    font-weight: bold;
/*    border-bottom:solid 2px #90c187; */
/*    letter-spacing: 1px; */
text-indent: -1.8em;
}
.waku_blue{
border:solid 4px #8ccedd;
}
.waku_green2{
border:solid 4px #95c28c;
}

.waku_red{
border:solid 4px #f5503e;
}
.waku figcaption{
font-size:14px;margin-top:0.5em;
}


.waku dl dt{
font-size:17px;
margin-bottom:0.4em;
color:#002b38;
letter-spacing:1px;
}
.waku dl dd{
font-size:17px;
margin-left:1em;
margin-right:1em;
margin-bottom:1.2em;
}

.waku img,.waku2 img{
width:100%;
}
.waku2 img{
max-width:250px;
}


img.yamayama{
transition-duration:0.6s;
width:100%;
position:absolute;bottom:-27px;z-index:1;opacity:0.8;
}
    .parallax {
      position: absolute;
      aspect-ratio: 1 / 1;
    }

    .smalls {
      animation: parallax-small-anim linear;
      animation-timeline: scroll();

    }

    @keyframes parallax-small-anim {
      0% {
        transform: translateY(0px);
      }

      50% {
        transform: translateY(1200px);
      }

      100% {
        transform: translateY(1200px);
      }
    }



/*
.hajimeni{
color:#000;
width:70%;
padding-top:1950px;
scroll-snap-align: start; 
height: 100vh;
text-align:left;
font-size:155%;
margin:0 auto;
z-index:3;
position: relative;
line-height:1.6;
}
*/

.hajimeni {
    color: #000;
    width: 70%;
    padding-top: 1530px;
    scroll-snap-align: start;
    height: 100vh;
    text-align: left;
    font-size: 155%;
    margin: 0 auto;
    z-index: 3;
    position: relative;
    line-height: 1.6;
}

.key2_s{
 display:none; 

  position: relative;

}
.key2_s img{
/*    width: 100%; */
height:100%;
    margin: 0 auto;

}
    .bl_header_list,
    .bl_fixedNav_list {
      display: grid;
 /*     column-gap: 1em; */
 /*     grid-auto-columns: 1fr; */
      grid-auto-flow: column;
      max-inline-size: max-content;
      margin-inline: auto;
    }

    .bl_header_list li,
    .bl_fixedNav_list li {
      display: grid;
      place-items: center;
    }

    .bl_header_list a,
    .bl_fixedNav_list a {
      padding: 1em 0 0.5em;
      line-height: 1.5;
    }


.ly_fixedNav button {
	margin: 0 !important;
	padding: 0 !important;
	outline: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #fff !important;
	vertical-align: middle !important;
	text-align: inherit !important;
	font: inherit !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}
/**************** 以下、ハンバーガーボタンのスタイリング ****************/
.btn2 {
	/* ボタンの配置位置  */
	position: fixed;
	top: 32px;
	right: 16px;
	/* 最前面に */
	z-index: 9999;
	/* ボタンの大きさ  */
	width: 48px;
	height: 48px;
		display: none;
cursor:pointer;
}
/***** 真ん中のバーガー線 *****/
.btn-line {
	display: block;
	/* バーガー線の位置基準として設定 */
	position: relative;
	/* 線の長さと高さ */
	width: 100%;
	height: 4px;
	/* バーガー線の色 */
	background-color: #d6d5d5;
	transition: .2s;
}
/***** 上下のバーガー線 *****/
.btn-line::before , .btn-line::after {
	content: "";
	/* 基準線と同じ大きさと色 */
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #d6d5d5;
	transition: .5s;
}
.btn-line::before {
	/* 上の線の位置 */
	transform: translateY(-16px);
}
.btn-line::after {
	/* 下の線の位置 */
	transform: translateY(16px);
}
/***** メニューオープン時 *****/
.btn-line.open {
	/* 真ん中の線を透明に */
	background-color: transparent;
}
.btn-line.open::before , .btn-line.open::after {
	content: "";
	background-color: #fff;
	transition: .2s;
}
.btn-line.open::before {
	/* 上の線を傾ける */
	transform: rotate(45deg);
}
.btn-line.open::after {
	/* 上の線を傾ける */
	transform: rotate(-45deg);
}
/**************** ここまで、ハンバーガーボタンのスタイリング ****************/
.menu_side {
	display: none;
top:0;

}
.menu-list {
	/* メニューテキスト位置をリスト内中心に */
	width: 100%;
	height: calc(100vh / 5) ;
font-size:120%;
}

.menu-list a{
	width: 100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.menu-list a:hover{
text-decoration:none;
	color: #000;
}

.menu-list:hover {
	background-color: rgba(255, 255, 255, .8);
	color: #000;
	cursor: pointer;
	transition: .3s;
}
/***** メニューオープン時位置0にして画面内に *****/
.menu_side.open {
	position: fixed;
	right: 0;
z-index:999;
}







.menu_logo{
 opacity:1; 
transition-duration: 0.9s;
}
.menu_logo.on_logo{
opacity:1;
}
.menu_logo_page{
opacity:1;
}


.btn2{
opacity:0;
transition-duration: 1.2s;
}
.btn2.on_hum{
opacity:1;
transition-duration: 1.2s;
}
.btn2{
opacity:1;
transition-duration: 1.2s;
}
.anime_bnr{
width:280px;
position:absolute;
right:0px;
top:0px;
height:100%;
z-index:99;
display: flex;
justify-content: center;
align-items: center;


background-color: #eadfae;
background-image: linear-gradient(166deg, #eadfae 0%, #ac9464 100%);

}

.anime_bnr img{
min-width:255px;
width:92%;
}



.game_bnr img {
    min-width: 255px;
    width: 92%;
}
.game_bnr {
width:280px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #8886a8;
background-image: linear-gradient(166deg, #c1bcd2 0%, #a29eb6 100%);

}


.shinchaku_wrap{
height:658px;
background:#cfc6b2;
position:relative;
padding-top:80px;

background-image: url(/publicity_report/pr_report/topimg/yama_back.png);
background-size: cover;
background-position:0;
height:620px;
width:100%;
transition-duration:1.1s;
}
.shinchaku01{
border:solid 15px rgb(225 215 187);width:60%;height:350px;margin:0 auto 0;
background:url(/publicity_report/pr_report/topimg/gold_back2.png) #fff;background-size: 100% 100%;padding:24px 20px 20px;font-size:150%;
background-size:cover;
}
.shinchaku02{
width:90%;margin:0 auto;
}

.top_txt h3{
font-size:21px;
width:100%;
margin:0 auto;
}
.top_txt p{
font-size:17px;
line-height:1.9;
width:100%;
margin:0 auto;
}

.setsumei{
padding-top:500px;
}

.bubble-wrapper,.bubble-wrapper2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.bubble-wrapper:not(:first-of-type) {
  margin-top: 40px;
}

.bubble-wrapper:nth-of-type(2n) {
  flex-direction: row-reverse;
}

.bubble-wrapper::after {
  display: block;
  content: '';
}

.bubble-wrapper .bubble {
  position: relative;
margin-top:4em;
  font-size: 17px;
  letter-spacing: 0.05em;
  padding: 25px 50px;
  border-radius: 10px;
max-width:800px;
}

.bubble-wrapper .bubble::after {
  display: block;
  position: absolute;
  content: '';
  width: 30px;
  height: 20px;
  bottom: 20px;
top:24px;
transform:rotate(18deg); 

  background-color: #f0efe2;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  left: -25px;
}


.bubble-wrapper2 .bubble {
  position: relative;
margin-top:4em;
  font-size: 17px;
  letter-spacing: 0.05em;
  padding: 25px 50px;
  border-radius: 10px;
max-width:800px;
}

.bubble-wrapper2 .bubble::after {
  display: block;
  position: absolute;
  content: '';
  width: 30px;
  height: 20px;
  bottom: 20px;
top:38px;
transform:rotate(-192deg); 

  background-color: #f0efe2;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  right: -25px;
left:auto;

}

.bubble-wrapper2 .bubble {
  background-color: #f0efe2;
  color: #000;
}

.bubble-wrapper .bubble {
  background-color: #f0efe2;
  color: #000;
}



.bubble-wrapper .bubble_top01{
margin-top:4em;
}




.top_txt .bubble-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
text-align:left;
}

.top_txt .bubble-wrapper:not(:first-of-type) {
  margin-top: 40px;
}

.top_txt .bubble-wrapper:nth-of-type(2n) {
  flex-direction: row-reverse;
}

.top_txt .bubble-wrapper::after {
  display: block;
  content: '';
}

.top_txt .bubble {
  position: relative;
margin-top:4em;
  font-size: 18px;
  letter-spacing: 0.05em;
  padding: 45px 38px 45px 38px;
  border-radius: 10px;
max-width:400px !important;
letter-spacing:0px;
}

.top_txt .bubble::after {
  display: block;
  position: absolute;
  content: '';
  width: 30px;
  height: 20px;
  bottom: 20px;
top:54px;
transform:rotate(18deg); 
}



.top_txt .bubble-wrapper:nth-of-type(2n) .bubble {
  background-color: #f1ebe2;
  color: white;
}

.top_txt .bubble-wrapper:nth-of-type(2n + 1) .bubble {
  background-color: #f1eee8;
  color: #444;
}

.top_txt .bubble-wrapper:nth-of-type(2n) .bubble::after {
  background-color: #f1ebe2;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  right: -23px;
}

.top_txt .bubble-wrapper:nth-of-type(2n + 1) .bubble::after {
  background-color: #f1eee8;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  left: -26px;
display: block;
        position: absolute;
        content: '';
        bottom: 75px;
        top: auto;
}



.sakuna_wrap{
width:85%;padding-top:750px; height: 100vh;font-size:180%;margin:0 auto;z-index:3;position: relative;
}
.sakuna_s{
max-width:260px;
}
.intro_txt{
transition-duration: 0.5s;
 padding:2.0em 1.8em 1.8em 5.0em; 

background:rgb(255 255 254 / 80%);

border-radius:8px;
}


.no_br br{
display:inline;
}

.hakumai01{
transition-duration: 0.5s;
top:1630px;left:2%;

opacity:1;
}

.hakumai02{
transition-duration: 0.5s;
top:1300px;left:45.5%;

opacity:1;
}

.hakumai03{
transition-duration: 0.5s;
top:1240px;left:19%;

opacity:1;
}

.hakumai03_2{
transition-duration: 0.5s;
top:1850px;left:4%;

opacity:1;
}

.hakumai04{
transition-duration: 0.5s;
top:1680px;left:47%;
z-index:9;
opacity:1;
}

.genmai02{
transition-duration: 0.5s;
top:1430px;left:39%;

opacity:1;
}


.genmai03{
transition-duration: 0.5s;
top:1270px;left:5.6%;
z-index:9;
opacity:1;
}

.genmai03_2{
transition-duration: 0.5s;
top:2025px;left:17%;

opacity:1;
}

.genmai03_3{
transition-duration: 0.5s;
top:1540px;left:28%;

opacity:1;
}

.genmai03_4{
transition-duration: 0.5s;
top:1610px;left:33%;

opacity:1;
}

.genmai03_5{
transition-duration: 0.5s;
top:1750px;left:4%;
z-index:9;
opacity:1;
}



.hakumai001{
transition-duration: 0.5s;
top:1630px;right:2%;

opacity:1;
}



.ine001{
transition-duration: 0.4s;
top:1740px;right:3%;
z-index:4;
opacity:1;
}

.hakumai002{
transition-duration: 0.5s;
top:1300px;right:45.5%;

opacity:1;
}

.hakumai003{
transition-duration: 0.5s;
top:1240px;right:19%;

opacity:1;
}

.hakumai003_2{
transition-duration: 0.5s;
top:1850px;right:4%;

opacity:1;
}

.hakumai004{
transition-duration: 0.5s;
top:1680px;right:47%;
z-index:9;
opacity:1;
}

.genmai002{
transition-duration: 0.5s;
top:1430px;right:39%;

opacity:1;
}


.genmai003{
transition-duration: 0.5s;
top:1270px;right:5.6%;
z-index:9;
opacity:1;
}

.genmai003_2{
transition-duration: 0.5s;
top:2025px;right:17%;

opacity:1;
}

.genmai003_3{
transition-duration: 0.5s;
top:1540px;right:28%;

opacity:1;
}

.genmai003_4{
transition-duration: 0.5s;
top:1610px;right:33%;

opacity:1;
}

.genmai003_5{
transition-duration: 0.5s;
top:1750px;right:44%;
z-index:9;
opacity:1;
}





.kome_parallax{
width:100%;
margin:0 auto;

}
.sticky_left{
width:53%;float:left; height: 4500px;
}
.left_text{
width:53%;
height: auto !important;
/* scroll-snap-align: start; */
top:calc(100vh / 2.0);
}

.img-wrap {
  overflow: hidden;
  position: relative;
height:100vh;
width:50%;
float:left;
display:block;
background-image:url(/publicity_report/pr_report/topimg/sakuna_key_back.png);
/* background-position-y:-140px; */
background-size:cover;
}

.kokorowa_txt{
margin-top:6.5em !important;
}
/* ------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1800px) {
.intro_txt{
 padding:2.0em 3em 1.8em 3em; 
}
}
/* ------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1650px) {
.top_txt .bubble {
  padding: 45px 38px 45px 38px;
}
.no_br br{
display:none;
}

.hajimeni{
width:80%;
}

}
/* ------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1500px) {

img.yamayama{
bottom:0;
}
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1500px) {
.intro_txt{
padding:1.8em 3em 1.8em 3em;

background:rgb(255 255 254 / 80%);


border-radius:8px;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1400px) {

.sakuna_key_wrap{
width:96%;
}

.anime_bnr{
width:0;position:absolute;right:0px;top:0px;height:117px;;z-index:99;justify-content: center;align-items: center;background:transparent;
transition-duration:0.6s;

}



.game_bnr{
width:0;position:absolute;right:0px;top:0px;height:117px;;z-index:99;justify-content: center;align-items: center;background:transparent;
transition-duration:0.6s;

}

.menu_logo{
opacity:0; 
transition-duration: 0.9s;
}
.menu_logo.on_logo{
opacity:1;

}


.menu_logo_page{
opacity:1;
display:none !important;
}

}

/* ------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1300px) {
.scroll-infinity__item {
  width: calc(150vw / 2);
}

}
/* ------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1200px) {
.shinchaku01{
width:70%;
transition-duration: 0.5s;
}

.scroll-infinity__item {
  width: calc(160vw / 2);
}

img.yamayama{
max-width:1500px;
}

   .smalls {
      animation: parallax-small-anim linear;
      animation-timeline: scroll();

    }

    @keyframes parallax-small-anim {
      0% {
        transform: translateY(0px);
      }

      50% {
        transform: translateY(600px);
      }

      100% {
        transform: translateY(600px);
      }
    }

.hajimeni{
color:#000; width:65%;
padding-top:1170px;
scroll-snap-align: start;
height: 100vh;
text-align:left;font-size:155%;margin:0 auto;z-index:3;position: relative;line-height:1.6;
}

.key2_s{
display:block;
background:url(/publicity_report/pr_report/topimg/sakuna_key_back.png) no-repeat;
padding:0 17% 0 17%;
}

.key2_s img{
    border-left: solid 14px rgba(255, 255, 255, 0.3);
    border-right: solid 14px rgba(255, 255, 255, 0.4);
}
.sakuna_key_top{
height:450px !important;
}

.sakuna_key_top img{
margin-top:-150px;
}

.hakumai01{

top:1880px;left:6%;
}

.hakumai02{

top:1700px;left:90%;
}

.hakumai03{

top:1590px;left:38%;
}

.hakumai03_2{

top:2200px;left:14%;
}

.hakumai04{

top:2050px;left:80%;
}

.genmai02{

top:1750px;left:78%;
}


.genmai03{

top:1650px;left:16%;
}

.genmai03_2{

top:2400px;left:40%;
}

.genmai03_3{

top:1850px;left:56%;
}

.genmai03_4{

top:1940px;left:62%;
}

.genmai03_5{

top:2100px;left:12%;
}






.hakumai001{

top:1880px;right:6%;
}

.hakumai002{

top:1700px;right:90%;
}

.hakumai003{

top:1590px;right:38%;
}

.hakumai003_2{

top:2200px;right:14%;
}

.hakumai004{

top:2050px;right:80%;
}

.genmai002{

top:1750px;right:78%;
}


.genmai003{

top:1650px;right:16%;
}

.genmai003_2{

top:2400px;right:40%;
}

.genmai003_3{

top:1850px;right:56%;
}

.genmai003_4{

top:1940px;right:62%;
}

.genmai003_5{

top:2100px;right:12%;
}





.left_text{
width:100%;
height: auto !important;
/* scroll-snap-align: start; */
top:1120px;

}

.sticky_left{
width:100%;float:left; height: 4500px;
}
.img-wrap {
  overflow: hidden;
  position: relative;
height:100vh;
width:100%;
float:left;
display:none;
}
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1100px) {
.shinchaku01{
width:80%;
}

.scroll-infinity__item {
  width: calc(160vw / 2);
}

img.yamayama{
max-width:140%;
width:140%;
}

.left_text{
top:1070px;
}

.hajimeni{
color:#000; width:65%;
padding-top:1250px;
scroll-snap-align: start;
height: 100vh;
text-align:left;font-size:155%;margin:0 auto;z-index:3;position: relative;line-height:1.6;
}
}
/* ------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1000px) {


.scroll-infinity__item {
  width: calc(170vw / 2);
}


.hajimeni{
color:#000; width:65%;
padding-top:1300px;
scroll-snap-align: start;
height: 100vh;
text-align:left;font-size:155%;margin:0 auto;z-index:3;position: relative;line-height:1.6;
}

	.btn2 {
		display: block;
	}
.bl_fixedNav_list{
		display: none;
}
	.menu_side {
	/* メニューを縦に */
	display: flex;
	flex-direction: column;
	position: fixed;
	/* メニューの位置マイナス指定で画面外に */
	right: -70%;
	width: 70%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .9);
	color: #efefef;
	transition: .3s;
padding-top:10%;
	}

.menu_logo,.menu_logo.on_logo,.menu_logo_page{
min-width:240px;
display:flex !important;
}
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 900px) {
.hajimeni{
padding-top:1290px;
}


.menu-list {
padding:0 3em;
}
.left_text{
top:1000px;
width:100%;
overflow:hidden;
}

}
/* ------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:768px) {




.search-box {
padding: 41px 0 26px 0; 

	font-size: 0;
	background-color: #f2ece7;;
}

.br_l2 br{
display:inline;
}
.left_text{
top:1080px;
width:100%;
overflow:hidden;
}


.hakumai01{
transition-duration: 0.5s;
top:1680px;left:3%;

opacity:1;
}

.hakumai02{
transition-duration: 0.5s;
top:1500px;left:90%;

opacity:1;
}

.hakumai03{
transition-duration: 0.5s;
top:1390px;left:38%;

opacity:1;
}

.hakumai03_2{
transition-duration: 0.5s;
top:2000px;left:14%;

opacity:1;
}

.hakumai04{
transition-duration: 0.5s;
top:1850px;left:91%;

opacity:1;
}

.genmai02{
transition-duration: 0.5s;
top:1580px;left:78%;


opacity:1;
}


.genmai03{
transition-duration: 0.5s;
top:1450px;left:11%;


opacity:1;
}

.genmai03_2{
transition-duration: 0.5s;
top:2195px;left:31%;


opacity:1;
}

.genmai03_3{
transition-duration: 0.5s;
top:1690px;left:48%;


opacity:1;
}

.genmai03_4{
transition-duration: 0.5s;
top:1860px;left:66%;

opacity:1;
}

.genmai03_5{
transition-duration: 0.5s;
top:1900px;left:8%;

opacity:1;
}








.hakumai001{
transition-duration: 0.5s;
top:1980px;right:3%;

opacity:0;
}

.hakumai002{
transition-duration: 0.5s;
top:1800px;right:90%;

opacity:0;
}

.hakumai003{
transition-duration: 0.5s;
top:1690px;right:38%;

opacity:0;
}

.hakumai003_2{
transition-duration: 0.5s;
top:2300px;right:14%;

opacity:0;
}

.hakumai004{
transition-duration: 0.5s;
top:2150px;right:91%;

opacity:0;
}

.genmai002{
transition-duration: 0.5s;
top:1880px;right:78%;


opacity:0;
}


.genmai003{
transition-duration: 0.5s;
top:1750px;right:11%;


opacity:0;
}

.genmai003_2{
transition-duration: 0.5s;
top:2495px;right:31%;


opacity:0;
}

.genmai003_3{
transition-duration: 0.5s;
top:1990px;right:48%;


opacity:0;
}

.genmai003_4{
transition-duration: 0.5s;
top:2160px;right:66%;

opacity:0;
}

.genmai003_5{
transition-duration: 0.5s;
top:2200px;right:8%;

opacity:0;
}









.shibaraku{
font-size:260%;
}

.bubble-wrapper .bubble {
max-width:300px !important;
}

.bubble-wrapper2 .bubble {
 max-width:300px !important;
}
.waku{
border-radius: 10px;
padding:40px 20px 50px;
width:95%;
max-width:850px;
margin:50px auto;
text-align:left;
position:relative;
}
.shinchaku_wrap{
height:658px;
background:#cfc6b2;
position:relative;
padding-top:80px;

background-image: url(/publicity_report/pr_report/topimg/yama_back.png);
background-size: cover;
background-position:-600px 0;
height:620px;
width:100%;
}

.shinchaku02{
width:96%;
}
dl.anime_link dt{
clear:both;
width:auto;
float:none;
color:#6db431;

}
dl.anime_link dd{
width:auto;
float:none;
text-indent:-0.8em;
}



.menu-list {
	width: 100%;
	height: calc(100vh / 5) ;
font-size:100%;

padding:0 5em;
}


.key2_s img{
/*    border-left: 0;
    border-right:0; */
}
.key2_s{
display:block;
/* background:none; */
padding:0;
}


.br_l br:nth-child(2){
display:inline;
}

.kokorowa_txt{
margin-top:2.5em !important;
}
.kagakukan_info dd {
    width: auto;
}

.br_s br{
display:none;
}
.bubble-wrapper2 .bubble::after {
  background-color: #f0efe2;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  right: auto;
left:47%;
  display: block;
  position: absolute;
  content: '';
  width: 30px;
  height: 20px;
  bottom: -25px;
top:auto !important;
transform:rotate(272deg); 
}




.bubble-wrapper .bubble::after {
    background-color: #f0efe2;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    left: 46%;

    display: block;
    position: absolute;
    content: '';
    width: 30px;
    height: 20px;
    bottom: 20px;
    top: -25px;
    transform: rotate(90deg);
}



.bubble-wrapper .bubble_top01{
margin-top:1.6em;
}




.scroll-infinity__item{
  width: calc(240vw / 1.3);
}

img.yamayama{
max-width:180%;
width:180%;
}
.hajimeni{
color:#000; width:80%;
padding-top:1220px; 
scroll-snap-align: start;
height: 100vh;
text-align:left;font-size:155%;margin:0 auto;z-index:3;position: relative;line-height:1.6;
}


.shinchaku01{
width:85%;

}

.top_txt h3{
font-size:21px;
width:80%;
margin:0 auto;
}
.top_txt p{
font-size:17px;
line-height:1.9;
width:80%;
margin:0 auto;
}

.setsumei{
padding-top:300px;
}



    .top_txt .bubble-wrapper:nth-of-type(2n + 1) .bubble::after {
        transition-duration: 0.5s;
        background-color: #f1ebe2;
        clip-path: polygon(0 50%, 100% 0, 100% 100%);
        left: 46%;
        display: block;
        position: absolute;
        content: '';
        bottom: auto;
        top: -20px;
        transform: rotate(88deg);
    }

.sakuna_wrap{
width:98%;padding-top:750px; height: 100vh;font-size:180%;margin:0 auto;z-index:3;position: relative;
}

.sakuna_s{
max-width:160px;
transition-duration: 0.5s;
}

.top_txt .bubble {
  position: relative;
margin-top:1em;
  font-size: 18px;
  letter-spacing: 0.05em;
  padding: 45px 40px 45px 40px;
  border-radius: 10px;
max-width:400px !important;
letter-spacing:-1px;
}
}






/* ------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:500px) {

.waku dl dd{
font-size:17px;
margin-left:0em;
margin-right:1em;
margin-bottom:1.2em;
}

.top_txt .bubble {
max-width: !important;
}
    .intro_txt {
        padding: 2.0em 1.8em;
background:rgb(255 255 254 / 80%);
        border-radius: 8px;
    }
.left_text{
top:860px;
}

.hajimeni{
padding-top:890px;
}




.hakumai01{
transition-duration: 0.5s;
top:1280px;left:3%;

opacity:1;
}

.hakumai02{
transition-duration: 0.5s;
top:1100px;left:90%;

opacity:1;
}

.hakumai03{
transition-duration: 0.5s;
top:990px;left:38%;

opacity:1;
}

.hakumai03_2{
transition-duration: 0.5s;
top:1600px;left:14%;

opacity:1;
}

.hakumai04{
transition-duration: 0.5s;
top:1450px;left:91%;

opacity:1;
}

.genmai02{
transition-duration: 0.5s;
top:1180px;left:78%;


opacity:1;
}


.genmai03{
transition-duration: 0.5s;
top:1050px;left:11%;


opacity:1;
}

.genmai03_2{
transition-duration: 0.5s;
top:1795px;left:31%;


opacity:1;
}

.genmai03_3{
transition-duration: 0.5s;
top:1290px;left:48%;


opacity:1;
}

.genmai03_4{
transition-duration: 0.5s;
top:1460px;left:66%;

opacity:1;
}

.genmai03_5{
transition-duration: 0.5s;
top:1500px;left:8%;

opacity:1;
}




}
/* ------------------------------------------------------------------------------------------------------------------------------ */



img.sakunaro{
width:90%;
max-width:540px;
min-width:150px;
}


.zen-maru-gothic-medium {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
}





.anime_bnr {
	overflow:		hidden;
}
.anime_bnr .caption {
	width:			100%;
	height:			100%;
	visibility:		hidden;	/* 文字を表示しない */
	font-size:		100%;
	color:			#fff;
	top:			0;
	left:			0;
	position:		absolute;
	text-align:		center;
	-webkit-transition:	all 0.4s step-end;
	transition:		all 0.4s step-end;
}
.anime_bnr:hover .caption {
	visibility:		visible;	/* 文字を表示する */
}
.anime_bnr .caption p {
	font-size:		100%;
	padding-top:		47px;
	color:			#fff;
	opacity:		0;	/* ホバーが解除された時すぐ消えるように、文字を表示しない */
}
.anime_bnr:hover .caption p {
	opacity:		1;	/* 文字を表示する */
}
.anime_bnr .mask1, .anime_bnr .mask2 {
	width:			100%;
	height:			50%;	/* 高さは半部のサイズ */
	position:		absolute;
	left:			0;
	background-color:	rgba(0,0,0,0.6);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
}
.anime_bnr .mask1 {
	top:			-50%;	/* 枠の上に置いて表示させない */
}
.anime_bnr:hover .mask1 {
	top:			0;	/* 下にずらして表示する */
}
.anime_bnr .mask2 {
	bottom:			-50%;	/* 枠の下に置いて表示させない */
}
.anime_bnr:hover .mask2 {
	bottom:			0;	/* 上にずらして表示する */
}











.game_bnr {
	overflow:		hidden;
}
.game_bnr .caption {
	width:			100%;
	height:			100%;
	visibility:		hidden;	/* 文字を表示しない */
	font-size:		100%;
	color:			#fff;
	top:			0;
	left:			0;
	position:		absolute;
	text-align:		center;
	-webkit-transition:	all 0.4s step-end;
	transition:		all 0.4s step-end;
}
.game_bnr:hover .caption {
	visibility:		visible;	/* 文字を表示する */
}
.game_bnr .caption p {
	font-size:		100%;
	padding-top:		47px;
	color:			#fff;
	opacity:		0;	/* ホバーが解除された時すぐ消えるように、文字を表示しない */
}
.game_bnr:hover .caption p {
	opacity:		1;	/* 文字を表示する */
}
.game_bnr .mask1, .game_bnr .mask2 {
	width:			100%;
	height:			50%;	/* 高さは半部のサイズ */
	position:		absolute;
	left:			0;
	background-color:	rgba(0,0,0,0.6);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
}
.game_bnr .mask1 {
	top:			-50%;	/* 枠の上に置いて表示させない */
}
.game_bnr:hover .mask1 {
	top:			0;	/* 下にずらして表示する */
}
.game_bnr .mask2 {
	bottom:			-50%;	/* 枠の下に置いて表示させない */
}
.game_bnr:hover .mask2 {
	bottom:			0;	/* 上にずらして表示する */
}






.switch_image {
    position: relative;
}

.switch_image img {
    transition: opacity 0.5s;
}
.switch_image:hover img:first-of-type {

    opacity: 0;
}
.switch_image img:last-of-type {
    position: absolute;
    top: 18px;
    left: 0px;
    opacity: 0;
}
.switch_image:hover img:last-of-type {
    opacity: 1;
}











.komedukuri_gaiyo {
max-width:500px;
margin:0 auto;
}

.interview_gaiyo {
max-width:610px;
margin:0 auto;
}

.komedukuri_gaiyo h2,.interview_gaiyo h2{
line-height:1.15 !important;
font-size:350%;
color:#fff;
font-weight:bold;
padding-bottom:0.4em;
border-bottom:solid 2px #fff;
padding-top:0.5em;

}
.komedukuri_gaiyo h2 span,.interview_gaiyo h2 span{
font-size:70%;
}
.komedukuri_gaiyo p,.interview_gaiyo p{
padding-top:1.8em;
font-size:150%;
color:#fff;
letter-spacing:-1px;
}
.img-wrap2 {
  animation: img-wrap2 4s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes img-wrap2 {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }

  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}


.fade_sakuna{
    animation-name: fadein;
    animation-duration: 1.5s;
}
@keyframes fadein{
    from{
    opacity: 0;
    transform: translatey(10px);
    }
    to{
    opacity: 1;
    transform: translatey(0);
    }
}



.cover1,
.cover2,
.cover3,
.cover4{
  animation: cover 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  background: #FBF7EF;
  height: calc(100% / 4);
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}

.cover1 {
  top: 0;
}

.cover2 {
  animation-delay: 0.2s;
  top: calc(100% / 4);
}

.cover3 {
  animation-delay: 0.4s;
  top: calc(100% / 4 * 2);
}

.cover4 {
  animation-delay: 0.6s;
  top: calc(100% / 4 * 3);
}

@keyframes cover {
  100% {
    transform: translateX(100%);
  }
}



dl.shinchaku{
padding-top:0.8em;
}

dl.shinchaku dt{
font-weight:bold;
margin-left:0em;
color:#99926e;
}
dl.shinchaku dd{
border-bottom:dotted 1px #a9ad78;
margin-bottom:0.6em;
color:#000;
padding-left:0.4em;
}



    .slow {
      animation: parallax-slow-anim linear;
      animation-timeline: scroll();
    }

    @keyframes parallax-slow-anim {
      0% {
        transform: translateY(0px);
      }

      100% {
        transform: translateY(1400px);
      }
    }

    .medium {
      animation: parallax-medium-anim linear;
      animation-timeline: scroll();
    }

    @keyframes parallax-medium-anim {
      0% {
        transform: translateY(0px);

      }

      100% {
        transform: translateY(800px);
      }
    }

    .fast {
      animation: parallax-fast-anim linear;
      animation-timeline: scroll();
    }

    @keyframes parallax-fast-anim {
      0% {
        transform: translateY(0px);
      }

      100% {
        transform: translateY(200px);
      }
    }



    .deg01 {
      animation: parallax-deg01-anim linear;
      animation-timeline: scroll();
    }

    @keyframes parallax-deg01-anim {
      0% {
transform: rotate(-40deg);
      }

      100% {
transform: rotate(90deg);
      }
    }

    /* ヘッダー部分 ここから */ 
  .ly_header {
      padding: 0;
      background-color: #fff;
    }

 /*   .ly_fixedNav {
      position: fixed;
      top: -30px;
      left: 0;
      width: 100%;

      padding: 14px 0 0;
      background-color: #675751;
      transition: top 1.0s, visibility 2.5s;
      visibility: hidden;
      z-index: 99;
height:116px;
    }

*/

.ly_fixedNav {
    position: fixed;
    top: -30px;
    left: 0;
    width: 100%;
    padding: 14px 0 0;
    transition: top 1.0s, visibility 2.5s;
    visibility: hidden;
    z-index: 99;
    height: 116px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
background: #675751;
background: linear-gradient(167deg,rgba(103, 87, 81, 1) 0%, rgba(117, 100, 94, 1) 55%, rgba(128, 111, 103, 1) 100%);

}

    .ly_fixedNav a {
      font-size: 160%;
      color: #fff;
    }



    /* ヘッダー部分ここまで */

    .sticky {
      position: sticky;
      top: 0px;
      display: fixed;

      width: 100%;
      height: 100vh;
      margin-left: auto;
      margin-right: auto;
    }

    .sticky p {
      color: #000;
      text-align: center;
      line-height: 50px;
      font-size: 24px;
      margin: 0;
      width: 100%;
    }

    .wf-notosansjapanese {
      font-family: "Noto Sans JP";
    }

    #section0 {
      background-image: linear-gradient(180deg, #f7f7f7, #f1e9e2);
    }

    /* ローディング ここから */
    span.loading {
      display: inline-block;
      white-space: nowrap;
    }

    span.loading span {
      display: inline-block;
      vertical-align: middle;
    }

    span.loading span:nth-of-type(1) {
      -webkit-animation: animation 2s ease 0s infinite;
      animation: animation 2s ease 0s infinite;
    }

    span.loading span:nth-of-type(2) {
      -webkit-animation: animation 2s ease 0.1s infinite;
      animation: animation 2s ease 0.1s infinite;
    }

    span.loading span:nth-of-type(3) {
      -webkit-animation: animation 2s ease 0.2s infinite;
      animation: animation 2s ease 0.2s infinite;
    }

    span.loading span:nth-of-type(4) {
      -webkit-animation: animation 2s ease 0.3s infinite;
      animation: animation 2s ease 0.3s infinite;
    }

    span.loading span:nth-of-type(5) {
      -webkit-animation: animation 2s ease 0.4s infinite;
      animation: animation 2s ease 0.4s infinite;
    }

    span.loading span:nth-of-type(6) {
      -webkit-animation: animation 2s ease 0.5s infinite;
      animation: animation 2s ease 0.5s infinite;
    }

    span.loading span:nth-of-type(7) {
      -webkit-animation: animation 2s ease 0.6s infinite;
      animation: animation 2s ease 0.6s infinite;
    }

    @-webkit-keyframes animation {
      0% {
        margin-top: 0;
      }

      5% {
        margin-top: -1em;
      }

      10% {
        margin-top: 0;
      }

      13% {
        margin-top: -0.5em;
      }

      16% {
        margin-top: 0;
      }

      18% {
        margin-top: -0.2em;
      }

      20% {
        margin-top: 0;
      }
    }

    @keyframes animation {
      0% {
        margin-top: 0;
      }

      5% {
        margin-top: -1em;
      }

      10% {
        margin-top: 0;
      }

      13% {
        margin-top: -0.5em;
      }

      16% {
        margin-top: 0;
      }

      18% {
        margin-top: -0.2em;
      }

      20% {
        margin-top: 0;
      }
    }

    #loading-bg {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100vw;
      height: 100vh;
      background-color: #333;
      transition: all 1s;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9999;
      color: #fff;
      font-size: 2.5rem !important;
    }
    /* ローディング ここから */
    div.section {
      margin-bottom: 0 !important;
    }

/* サクナヒメ ここまで */






html { font-size: 72%; } 
body	{
	margin: 0;
	font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif !important;
	font-size: 1.6rem;
	font-weight:500;
	color: #000000;
}
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS PGothic",sans-serif !important;
	}
}
.container-fluid {
	padding:0 !important;
}
.contents{
	margin: 0 auto;
	min-width: 1280px;
}
ol,ul {
	list-style:none;
	list-style-position:inside;
}
.sp_only {
	display:none !important;
}
td.btn {
	background:none !important;
	text-align:left !important;
	border:none !important;
	font-size:1.2rem
}
@media screen and (max-width:768px) {
/* 20200206 小さい画面での英語等の均等割付を無効 */
div.common,p.common {
    padding: 0 1em 1.5em 1em !important;
    text-align: left !important;
    text-justify: auto !important;
}
	 .no-sp {
		display:none !important;
	}
	.sp_only {
		display:block !important;
	}
	img {
		max-width:100%;
		height:auto;
	}
	td img {
		max-width:inherit;
		height:initial;
	}
}
/********************************************************
                   header
*********************************************************/
.container-fluid header {
	max-width: 995px;
	height:100px;
	margin: 0 auto;
	position:relative;
	font-size: 1.2rem;
}
/* logo */
.logo {
	float:left;
	width:220px;
        float:left;
        width:220px;
        height:61px;
/*      padding:20px 0 19px 0; */
        margin:20px 0 19px 0;
}
.logo h1 {
	margin:0;
	padding:0;
}
.header-menu {
	float:right;
}
/* header-link */
.header-link {
	float:left;
	padding:40px 0 31px 0;
}
.header-link ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.header-link ul li {
	display:inline;
	margin-right:10px;
}
.header-link li a {
	color:#000000;
	text-decoration: none;
}
.header-link li a:hover {
	text-decoration: underline;
}
.header-link li :before {
	content: url(/common/img/menu_arrow.png);
	position: relative;
	right:6px;
}
/* search */
.search{
	float:left;
}

.search-box > * {
	font-size: 1.0rem;
}
.search-box .search-input {
	width: 160px;
	height: 26px;
	padding: 0 10px;
	border: 1px solid #ccc;
}
/* レスポンシブ用ドロワーメニュー */
#nav-drawer {
	position: absolute;
	top:35px;
	right:20px;
}
.nav-unshown {
	display:none;
}
#nav-open {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
}
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	height: 3px;
	width: 25px;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background: #555;
	display: block;
	content: '';
	cursor: pointer;
}
#nav-open span:before {
	bottom: -8px;
}
#nav-open span:after {
	bottom: -16px;
}
#nav-close {
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 90%;
	max-width: 65%;
	height: 100%;
	padding:20px 0;
	background: #fff;
	transition: .3s ease-in-out;
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
}
#nav-content .search {
	float:none;
	padding:0;
	margin-bottom:20px;
}
#nav-content .search-box {
	padding:0;
}
#nav-content ul li {
	width:100%;
	padding:10px 0 10px 10px;
	border-left:3px solid #ccc;
	border-bottom:1px solid #ccc;
}
#nav-content ul li.portal {
	border-left:3px solid #AAD9DD;
}
#nav-content ul li a {
	display:block;
}

#nav-input:checked ~ #nav-close {
	display: block;
	opacity: .5;
}
#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	box-shadow: 6px 0 25px 0 rgba(0,0,0,0.15);
}

@media screen and (min-width:769px) {
	#nav-drawer {
		display:none;
	}
}
@media screen and (min-width: 769px) and (max-width: 820px) {
	header {
		height:auto;
	}
	
	.header-menu {
		float:none;
		padding:20px;
	}
/* .logo {
		float:none;
		margin:20px 0 0 0;
	} */
	.header-link {
		float:left;
/*		padding:0 0 20px 0; snsアイコン追加のため*/
    padding: 27px 0 20px 0;
	}
	.search{
		float:right;
	}
	.search-box {
		padding:0 0 20px 0;
	}

}
@media screen and (max-width:768px) {
	header {
		height:auto;
	}
/*	.logo {
		float:none;
		margin:10px 0;
	} */
	.header-menu {
		float: none;
		margin-bottom:20px;
	}
	.header-link {
		float:left;
		padding:0 0 0 20px;
	}
	.search{
		float:right;
	}
	.search-box {
		padding:0 20px 0 0;
	}
}
/********************************************************
                   global-nav
*********************************************************/
#gnav_bg {
	clear:both;
	z-index:1000;
	padding:0;
	margin:0 auto;
	background:#003366;
}
#gnav_bg ul {
	width:100%;
	max-width:995px;
	margin:0 auto !important;
	padding:0;
}
#gnav_bg ul li {
	margin:0;
}
#gnav_bg ul,
#gnav_bg ul li {
	list-style:none;
}
/* 親メニュー - Parent nav */
#gnav_bg > nav > ul > li {
	position: relative;
	float: left;
	margin:0;
	width:20%;
	border-left: 1px solid #fff;
	font-size:1.2rem;
}
#gnav_bg > nav > ul > li a:hover {
	color:#000;
	text-decoration:none;
	background:#ddd;
}
#gnav_bg > nav > ul > li:last-child{
	border-right: 1px solid #fff;
}
/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#gnav_bg > nav > ul > li:last-child{
		width:19.9%;
	}
}
#gnav_bg nav > ul > li a {
	display:block;
	padding:12px 0;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
#gnav_bg nav  a {
	color: #333;
	text-decoration: none;
}
#gnav_bg > nav > ul > li.hover {
	background-color:#ddd;
}
#gnav_bg > nav > ul > li.hover a {
	color:#000;
}
#gnav_mob{
    display: none;
}
#gnav_bg nav ul.nav {
	list-style: none;
	text-align:center
/*	*zoom: 1;  IE対応不要 20210121*/
}

#gnav_bg nav ul.nav:before,
#gnav_bg nav ul.nav:after {
    content: " "; 
    display: table; 
}
#gnav_bg nav ul.nav:after {
    clear: both;
}
#gnav_bg nav ul.nav li {
    position: relative;
}
#gnav_bg nav ul.nav > li {
    float: left;
}
/* global navi dropdown */
#gnav_bg nav ul.nav > li > a {
	display: block;
}
/* 2階層メニュー */
#gnav_bg nav ul.nav ul {
	list-style: none;
	width: 250%;
	padding:10px;
	background-color:#003366;
	z-index:200;
}
#gnav_bg nav ul.nav li.hover:last-child ul {
	left:-150%;
}
#gnav_bg nav ul.nav li ul {
	position: absolute;
	left: -9999px;
}
#gnav_bg nav ul.nav > li {
	text-align:left;
	padding:0;
}
#gnav_bg > nav ul.nav > li.hover > ul {
	left:0px;
	background: none;
	background-color: #003366;
}
#gnav_bg > nav ul.nav > li > ul > li a {
	text-align:left;
	float:left;
	width:48%;
}
#gnav_bg > nav ul.nav > li.hover > ul > li.hover {
	background: none;
	background-color: #003366;
}
#gnav_bg > nav ul.nav > li.hover > ul > li.hover a{
	color: #ffffff;
	background-color: #003366;
	text-decoration:underline;
}
#gnav_bg > nav ul.nav > li.hover > ul > li a{
	color: #ffffff;
}
#gnav_bg nav ul.nav li li.hover ul {
	left: 100%;
	top: 0;
}
#gnav_bg .nav li li a {
	display: block;
	position: relative;
	z-index:200;
	text-indent:0px;
}
#gnav_bg .nav li li.submenu_last a {
	border-bottom: none;
}
#gnav_bg .nav li li li a {
	z-index:200;
	text-indent:0px;
}
@media screen and (max-width:768px) {
	#gnav_bg {
		display:none;
	}
}
/********************************************************
                   パンくず
*********************************************************/
.breadcrumb-wrap {
	background-color:#efefef;
}
ol.breadcrumb {
	width:975px;
	margin:0 auto;
	padding:10px;
	background-color:#efefef;
}
@media screen and (max-width:994px) {
	ol.breadcrumb {
		width:auto;
		margin:0 auto;
		padding:10px;
	}
}
/********************************************************
                  content-wrap
*********************************************************/
/* bg-color:#efefef */
div.content-wrap {
	background-color:#efefef;

/*	padding:20px 0; */


}
nav + div.content-wrap {
	padding:0 0 20px 0;
}
/* bg-color:#fff */
div.content-wrap-white {
	background-color:#ffffff;
	padding:20px 0;
}
/* bg-color:#EEEEEF */
div.content-wrap-de {
	background-color:#EEEEEF;
	padding:20px 0;
}
div.content-wrap-dd {
	background-color:#DDDDDD;
	padding:20px 0;
}
.bg-ef {
	background-color:#efefef !important;
}
.bg-white {
	background-color:#ffffff !important;
}
.bg-ef {
	background-color:#EEEEEF !important;
}
.bg-dd {
	background-color:#DDDDDD !important;
}

div.content-inner {
	width:995px;
	margin:0 auto;
}
div.content-inner:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
/* contents */
.contents{
	background-color: #efefef;
	width: 100%;
	margin: 0 auto;
}
.contents:after {
	content:"";
	display:table
}
.contents_inner{
	width: 75%;
	margin: 0px auto;
	padding-top: 10px;
}
/********************************************************
                  コンテンツ(2カラム)
*********************************************************/
.left-content {
	width:745px;
	padding:20px;
	float:left;
	background-color:#ffffff;
	font-size:1.2em;
}
/* bug */
.left-content #subCol {
    display:none;
}
/* 見出し */
.left-content h1,
.full-content h1 {
	font-size:1.8rem;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #0066bb;
	background-image:none !important;
}
.left-content h2,
.full-content h2 {
	background: none ;
	font-size: 1.5rem; /*  !important 削除20200122 */
	border: none; /*  !important 削除20200122 */
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px;
	background-image: none !important;
	background-color: #EEEEEE; /*  !important 削除20200122 */
	clear: both;
	border-radius: 0; /*  !important 削除20200122 */
	-webkit-border-radius:0; /*  !important 削除20200122 */
	-moz-border-radius:0; /*  !important 削除20200122 */
	height:auto !important;
}
/* センタートップ対応 */
div.content-wrap-white h2 {
	background-color:#ffffff !important;
}
/* 旧研究センター対応 */
.left-content .deptname h2,
.left-content .deptname2 h2  {
	background-color: #fff !important;
	padding:0 !important;
}
.left-content h2.bg_none {
	background-color: #fff !important;
	padding:0 !important;
}
.left-content h2 img,
.full-content h2 img {
	max-width:100%;
}
.left-content h2 a:link,
.full-content h2 a:link {
	color: #0066bb !important;
}
.left-content h3,
.full-content h3 {
	font-size:1.3rem;
	font-weight:bold;
	margin-bottom:10px;
	border-left:4px solid #a5d0ff; /*  !important 削除20200122 */
	padding: 10px; /*  !important 削除20200122 */
	background-image:none !important;
	background-color:#cde2fa; /*  !important 削除20200122 */
	color:#000000 !important;
	clear: both;
	height:auto !important;
}
/* 電話問い合わせ */
#telfax h3 {
	background-color:#a8d5da !important;
	border:0 !important;
}
/*
.left-content h4,
.full-content h4 {
	font-size:1.3rem;
	font-weight:bold;
	margin-bottom:20px;
	border-left:4px solid #999999;
	border-bottom:1px solid #999999;
	padding:5px;
	background-image:none;
	color:#000000 !important;
	clear: both;
}
20200107 */

.left-content h4,
.full-content h4 {
    border-bottom: dotted 1px;
    border-color: #999;
    font-weight: bold;
    font-size: 110%;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
padding-left:0.3em;
}


.left-content h5,
.full-content h5 {
	font-size:1.3rem;
	font-weight:bold;
	margin-bottom:20px;
	padding:5px 5px 5px 10px;
	color:#444;
	clear: both;
}
/********************************************************
                  1カラムコンテンツ
*********************************************************/
.full-content {
	width:995px;
	font-size:1.4rem;
}
.full-content h1 {
	border-bottom:2px solid #3686b1;
	background-color:#ffffff;
	margin:0;
	padding:20px;
}
.full-content div.section {
	padding:20px;
	background-color:#ffffff;
}
.full-content div.section.nobg {
	padding:20px 0;
	background-color:#EEEEEF;
}
.full-content div.section.topic-wrap {
	padding:0px;
	background-color:#efefef;
}
/********************************************************
                  サイドナビ
*********************************************************/
.right-menu {
	width:230px;
	float:right;
	padding-bottom:20px;
}
.right-menu h2 {
	font-size:1.3rem;
}
/* # subCol
---------------------------------------------------------------------------- */
div#subCol {
	font-size:1.2rem;
}
div#subCol div#lNavSection {
	background-color:#fff;
	padding-bottom:10px;
}
div#subCol div#lNavSection h2 {
	background-color:#cccccc;
	color: #000;
	font-weight: bold;
	padding: 10px;
	text-align:center;
	font-size:1.3rem;
}
div#subCol div#lNavSection h2 a {
	color: #333333;
}

div#subCol div#lNavSection ul.lNav {
	padding: 5px 0 0 0;
}

div#subCol div#lNavSection ul.lNav li {
	padding: 2px 0 3px 0;
	width: auto;
	list-style:none;
}

div#subCol div#lNavSection ul.lNav li span {
	cursor: pointer;
	display: block;
	padding: 0 0 5px 28px;
	width: 90%;
}

div#subCol div#lNavSection ul.lNav li a {
	background: url("/common/img/cm_arrow04_ico.gif") no-repeat 10px 15px;
	color: #535353;
	display: block;
	margin-left: 5px;
	padding-top: 7px;
}


div#subCol div#lNavSection ul.lNav li a.second {
	background: url("/common/img/cm_arrow04_ico.gif") no-repeat 10px 15px;
	margin-left:20px;
	margin-top:-10px;
}

div#subCol div#lNavSection ul.lNav li a:hover {
	font-weight: bold;
	text-decoration: none;
	background-color:#ccc;
}

div#subCol div#lNavSection ul.lNav li a:hover span {
	font-weight: bold;
}

div#subCol div#lNavSection ul.lNav li a.current,
div#subCol div#lNavSection ul.lNav li a.parentsLink {
	font-weight: bold;
	padding-top: 7px;
}

div#subCol div#lNavSection ul.lNav li a.current span,
div#subCol div#lNavSection ul.lNav li a.parentsLink span {
	cursor: pointer;
	display: block;
	padding: 0 0 5px 28px;
/*	width: 176px; */
}

div#subCol div#lNavSection ul.lNav li ul {
	background: none;
	padding: 0;
}

div#subCol div#lNavSection ul.lNav li ul li {
	background: none;
	padding: 2px 0 0 0;
	width: 100%;
}

div#subCol div#lNavSection ul.lNav li ul li a {
	color: #535353;
	display: block;
	font-weight: normal;
	padding-top: 4px;
}

div#subCol div#lNavSection ul.lNav li ul li a span {
	padding: 4px 12px 5px 50px;
	width: 220px;
}

div#subCol div#lNavSection ul.lNav li ul li a.current,
div#subCol div#lNavSection ul.lNav li ul li a:hover {
	font-weight: bold;
}

div#subCol div#lNavSection ul.lNav li ul li a.current {
	padding-top: 4px;
}

div#subCol div#lNavSection ul.lNav li ul li a.current span {
	font-weight: bold;
	padding-left: 50px;
/*	width: 167px; 削除20200909*/
}

div#subCol div#lNavSection ul.lNav li ul li.activeOther a,
div#subCol div#lNavSection ul.lNav li ul li a:hover {
	font-weight: bold;
}

div#subCol div#lNavSection ul.lNav li ul li a:hover {
	font-weight: bold;
}
div#subCol div#lNavSection ul.lNavList {
	margin-top: 2px !important;
	padding: 2px 0 0 0 !important;
}
/**/
div#subCol div#lNavSection2 {
	background-color:#fff;
	padding-bottom:10px;
}
div#subCol div#lNavSection2 h2 {
	background-color:#cccccc;
	color: #000;
	font-weight: bold;
	padding: 10px;
	text-align:center;
	font-size:1.3rem;
}
div#subCol div#lNavSection2 h2 a {
	color: #333333;
}

div#subCol div#lNavSection2 ul.lNav {
	padding: 5px 0 0 0;
}

div#subCol div#lNavSection2 ul.lNav li {
	padding: 2px 0 3px 0;
	width: auto;
	list-style:none;
}

div#subCol div#lNavSection2 ul.lNav li span {
	cursor: pointer;
	display: block;
	padding: 0 0 5px 28px;
	width: 90%;
}

div#subCol div#lNavSection2 ul.lNav li a {
	background: url("/common/img/cm_arrow04_ico.gif") no-repeat 10px 15px;
	color: #535353;
	display: block;
	margin-left: 5px;
	padding-top: 7px;
}

div#subCol div#lNavSection2 ul.lNav li a:hover {
	font-weight: bold;
	text-decoration: none;
	background-color:#ccc;
}

div#subCol div#lNavSection2 ul.lNav li a:hover span {
	font-weight: bold;
}

div#subCol div#lNavSection2 ul.lNav li a.current,
div#subCol div#lNavSection2 ul.lNav li a.parentsLink {
	font-weight: bold;
	padding-top: 7px;
}

div#subCol div#lNavSection2 ul.lNav li a.current span,
div#subCol div#lNavSection2 ul.lNav li a.parentsLink span {
	cursor: pointer;
	display: block;
	padding: 0 0 5px 28px;
	width: 176px;
}

div#subCol div#lNavSection2 ul.lNav li ul {
	background: none;
	padding: 0;
}

div#subCol div#lNavSection2 ul.lNav li ul li {
	background: none;
	padding: 2px 0 0 0;
	width: 100%;
}

div#subCol div#lNavSection2 ul.lNav li ul li a {
	color: #535353;
	display: block;
	font-weight: normal;
	padding-top: 4px;
}

div#subCol div#lNavSection2 ul.lNav li ul li a span {
	padding: 0 12px 5px 37px;
	width: 155px;
}

div#subCol div#lNavSection2 ul.lNav li ul li a.current,
div#subCol div#lNavSection2 ul.lNav li ul li a:hover {
	font-weight: bold;
}

div#subCol div#lNavSection2 ul.lNav li ul li a.current {
	padding-top: 4px;
}

div#subCol div#lNavSection2 ul.lNav li ul li a.current span {
	font-weight: bold;
	padding-left: 37px;
	width: 167px;
}

div#subCol div#lNavSection2 ul.lNav li ul li.activeOther a,
div#subCol div#lNavSection2 ul.lNav li ul li a:hover {
	font-weight: bold;
}

div#subCol div#lNavSection2 ul.lNav li ul li a:hover {
	font-weight: bold;
}
div#subCol div#lNavSection2 ul.lNavList {
	margin-top: 2px !important;
	padding: 2px 0 0 0 !important;
	background: none !important;
}


div#subCol div.listOther {
	background-color:#fff;
	margin: 20px 0;
	padding: 12px 0 0 0;
}

div#subCol div.listOther ul {
	padding: 0 5px 8px 10px;
	margin-left: 0 !important;
}
div#subCol div.listOther ul li {
	background: url(/common/img/cm_arrow01_ico.gif) no-repeat 0 3px;
	color: #535353;
	font-size: 1.2rem;
	padding: 0 0 3px 25px;
	width: auto;
}

div#subCol div.listOther ul li a {
	color: #535353;
}

div#subCol div.section {
	margin: 20px 0;
}

div#subCol div.section h3 {
	font-weight: bold;
	background-color:#a8d5da;
	padding:10px;
	text-align:center;
	margin:0;
}

div#subCol div.section div.sectionInner {
	background: #fff;
	border:none;
}
div#subCol div.section div.sectionInner ul.relationLink {
	padding: 5px 0 0 0 !important;
	margin-left:0 !important;
}

div#subCol div.section div.sectionInner ul.relationLink li {
	padding: 2px 0 3px 0;
	width: auto;
	list-style: none;
}
div#subCol div.section div.sectionInner ul.relationLink li.link {
	padding: 2px 0 3px 0 !important;
	margin:0 !important;
	width: auto !important;
	list-style: none !important;
	text-indent: 0 !important;
}
div#subCol div.section div.sectionInner ul.relationLink li.link a {
	background: url(/common/img/cm_arrow04_ico.gif) no-repeat 10px 12px !important;
	color: #535353;
	display: block;
	padding-left:26px !important;
	margin-left: 6px !important;
	width: auto !important;
	font-size:1.2rem !important;
}
div#subCol div.section div.sectionInner ul.relationLink li.banner a {
	background:none;
	text-align:center;
	margin:5px 0;
}
div#subCol div.section div.sectionInner ul.bannerList {
	margin: 0 auto;
	padding: 10px 0 6px 0;
	width: 180px;
	list-style:none;
}

div#subCol div.section div.sectionInner ul.bannerList li {
	margin-bottom: 5px;
	width: auto;
	list-style:none;
}

div#subCol div.section div.sectionInner ul.linkList {
	padding: 5px 0 3px 19px;
	font-size: 80%;
}

div#subCol div.section div.sectionInner ul.linkList li {
	padding: 3px 0 0 10px;
	width: auto;
}

div#subCol div.section div.sectionInner ul.linkList li a {
	color: #0068b7;
}

/*
.header_box1 ul li, .header_box2 ul li,
.header_box3 ul li, .header_box4 ul li {
	font-size:1rem !important;
}
*/

/********************************************************
                   レイアウトレスポンシブ対応
*********************************************************/
@media (max-width: 768px) {
	body {
		box-sizing:border-box;
		width:100%;
		padding:0;
		margin:0;
	}
	div.content-wrap,
	nav + div.content-wrap,
	div.content-wrap-white,
	div.content-wrap-de,
	div.content-wrap-dd {
		padding:0;
	}
	.container-fluid {
		width:100%;
		padding:0 !important;
		margin:0 !important;
	}
	.global-nav {
		    display: none;
	}
	ol.breadcrumb,
	div.content-inner,
	.left-content,
	.full-content,
	.right-menu {
		width:100%;
		float:none;
	}
	iframe {
		width:100% !important;
		height:auto ;
	}
}

/********************************************************
                   大バナーエリア
*********************************************************/
.topimg_wrap {
	text-align: center;
}
.topimg_wrap h1 {
	margin:0 !important;
	padding:0 !important;
}
.topimg {
	max-width: 100%;
	height: auto;
	width:995px;
	vertical-align: bottom;
}
.topimg-blur_bk {
	position: relative;
	z-index: 0;
	overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
}
.topimg-blur_bk:before{
	content: '';
	background: inherit;/*.topimg-blurで設定した背景画像を継承する*/
	-webkit-filter: blur(100px);
	-moz-filter: blur(100px);
	-o-filter: blur(100px);
	-ms-filter: blur(100px);
	filter: blur(1000px);
	position: absolute;
	/*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;/*重なり順序を一番下にしておく*/
}

.topimg-blur {
/*	background: url(/common/img/topimg-blur.jpg) no-repeat center; */
	background-size: cover;
	position: relative;
	z-index: 0;
	overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
}
.topimg-blur:before{
	content: '';
	background: inherit;/*.topimg-blurで設定した背景画像を継承する*/
	-webkit-filter: blur(100px);
	-moz-filter: blur(100px);
	-o-filter: blur(100px);
	-ms-filter: blur(100px);
	filter: blur(1000px);
	position: absolute;
	/*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;/*重なり順序を一番下にしておく*/
}
.topimg-blur-project {
	background: url(/common/img/topimg-blur05.png) no-repeat center;
	background-size: cover;
	position: relative;
	z-index: 0;
	overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
}
.topimg-blur-project:before{
	content: '';
	background: inherit;/*.topimg-blurで設定した背景画像を継承する*/
	-webkit-filter: blur(100px);
	-moz-filter: blur(100px);
	-o-filter: blur(100px);
	-ms-filter: blur(100px);
	filter: blur(1000px);
	position: absolute;
	/*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: -1;/*重なり順序を一番下にしておく*/
}
@media screen and (max-width:768px) {
	.topimg {
		max-width: 100%;
		height: auto;
		width:auto;
		vertical-align: bottom;
	}
}
/* slide */
.wideslider {
	width: 100%;
	height: 300px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}
.wideslider ul li {
	width:auto !important;
	height:auto !important;
}
.wideslider ul li img {
	width:auto !important;
	height:auto !important;
}
.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	background: #fff;
}
.pagination {
	bottom: 15px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 100;
	display:block! important;
	margin:0 !important;
}
.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background-color:#bcbcbc;
	border:1px solid #bcbcbc;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	position: relative;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
	background-color:#fff;
}
.slider_btn_wrap {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1000px;
}
.slider_btn_wrap {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1000px;
}
.slider_btn {
    width:100px;
    position:absolute;
    top:265px;
    left:20px;
    z-index: 200;
}
.slider_btn img.stop {
	vertical-align: bottom;
	padding: 10px 0 10px 10px;
}
.slider_btn img.start {
	vertical-align: bottom;
	padding: 10px 10px 10px 0;
}
/********************************************************
                  コンテンツ部分
*********************************************************/
div.section {
	clear: both;
	margin-bottom: 30px;
	z-index: 1;
}

div.left-content ul,
div.left-content ol,
div.full-content ul,
div.full-content ol{
	list-style:none;
	margin-left:20px;
}
div.section ul li a,
div.sectionLast ul li a {
	display: inline;
}
div.section ul.nav li a,
div.sectionLast ul li a {
	display: block;
	background:none;
	padding: 0;
}

/* 20200302削除 産学連携・品種・特許 */
/* div.section p.sectionTxt,
div.sectionLast p.sectionTxt {
	padding: 12px 0 0 0;
}*/

/* menu-box */
.menu-box.row {
	margin:0;
}
.menu-box div {
	border:1px solid #000;
	padding:20px;
	width:48%;
	height:200px;
	float:left;
	margin-bottom:20px;
	position:relative;
}
.menu-box div p.more {
	position:absolute;
	bottom:0;
	right:20px;
}
.menu-box div:nth-child(even){
	float:right;
}
.menu-box div h3 {
	margin-bottom:20px;
	padding:0;
	border:none !important;
	background:none !important;
}
@media (max-width: 768px) {
	.menu-box div {
		width: auto;
		height: auto;
		float:none;
	}
	.menu-box div:nth-child(even) {
		float:none;
	}
}
/* 画像回り込み */
img.left {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
img.right {
	float:right;
	margin-right:20px;
	margin-bottom:20px;
}
@media screen and (max-width:768px) {
	img.left {
		float:none;
		margin-right:0;
		display:block;
	}
	img.right {
		float:none;
		margin-right:0;
		display:block;
	}
}
/********************************************************
                  余白
*********************************************************/
.pd0 {
	padding:0 !important;
}
.pd10 {
	padding:10px !important;
}
.pd20 {
	padding:20px !important;
}
.pd30 {
	padding:30px !important;
}
.pd-top0 {
	padding-top:0 !important;
}
.pd-bottom0 {
	padding-bottom:0 !important;
}
.pd-left0 {
	padding-left:0 !important;
}
.pd-right0 {
	padding-right:0 !important;
}
.pd-top20 {
	padding-top:20px !important;
}
.pd-bottom20 {
	padding-bottom:20px !important;
}
.pd-left20 {
	padding-left:20px !important;
}
.pd-right20 {
	padding-right:20px !important;
}
.mg0 {
	margin:0 !important;
}
.mg10 {
	margin:10px !important;
}
.mg20 {
	margin:20px !important;
}
.mg30 {
	margin:30px !important;
}
.mg-top0 {
	margin-top:0 !important;
}
.mg-bottom0 {
	margin-bottom:0 !important;
}
.mg-left0 {
	margin-left:0 !important;
}
.mg-right0 {
	margin-right:0 !important;
}
.mg-top20 {
	margin-top:20px !important;
}
.mg-bottom20 {
	margin-bottom:20px !important;
}
.mg-left20 {
	margin-left:20px !important;
}
.mg-right20 {
	margin-right:20px !important;
}
.text .row {
	margin-bottom:10px;
}
/* 詳しくはこちら */
p.more {
	margin-top:20px;
	text-align:right !important;
}
p.more a {
	background-image: url(/common/img/more-link.png) !important;
	background-repeat: no-repeat !important;
	background-position:0 9px !important;
	background-size: 18px !important;
	vertical-align: middle !important;
	padding: 10px 0 10px 30px !important;
}


/* 引継ぎ */
/* 研究所地図 */
div.areaList {
	padding: 0 0 2px 0;
	margin: 10px 0 0 0;
	background: #eee;
	height:170px;
}
div.areaList div.linkArea {
	background: #eee;
	padding: 7px 12px 9px 15px;
}
div.leftArea ul {
	margin-left:0;
}
div.areaList div.linkArea div.leftArea ul li {
	float: left;
	font-size:1rem;
}

div.leftArea ul li {
	padding-left: 25px;
}
div.leftArea ul > li {
	list-style:none;
}
div.areaList div.linkArea div.leftArea ul li ul li {
/*	list-style:disc; */
}
div.areaList div.linkArea div.leftArea ul li {
	float: left;
	width: auto;
}
div.leftArea ul li {
	padding-left: 25px;
}
div.areaList div.linkArea div.leftArea ul li ul li {
	float: none;
	padding: 2px 3px 0 7px;
	width: auto;
}
/* 枠box 枠内リスト */
div.box {
	padding: 0 0 2px 0;
	border: 1px solid #e5e5e5;
}
div.box h3 {
	background:none !important;
	background-image: none !important;
	border-left:none !important;
	border-bottom: dotted 1px #e5e5e5;
	padding: 0;
	margin: 10px 10px 0 10px;
	font-weight: bold;
	letter-spacing: 0.5em;
}
div.box ul.boxList {
	border: 0 !important;
	padding: 7px 8px 8px 24px;
	font-size:1rem !important;
}
div.box ul.boxList li {
	float: left;
	width: 220px !important;
	list-style: none;
}
div.box ul.boxList li ul li {
	margin-bottom: 3px;
	padding: 0 0 0 8px;
	width: 350px !important;
}
div.box ul.boxList:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
/* 見出し内リンク */
div.mHeadSection {
	position: relative;
}
div.mHeadSection div {
	position: absolute;
	right: 12px;
	top: 12px;
}
div.mHeadSection div p.list {
	background: url(/common/img/cm_dotted06_bg.gif) no-repeat right top;
	margin-right: 7px;
	padding: 0 7px 0 0;
}
div.mHeadSection div p.list a {
	background: url(/common/img/h-inner-link.png) no-repeat 0 0;
	color: #333333;
	padding-left: 19px;
}
div.mHeadSection div p {
	display: inline;
	float: left;
	width: auto;
}
/* 一覧 */
dl.new strong {
	float: left;
	color: #313131;
	width: 120px;
}
dl.new dd {
	position: relative;
	z-index: 50;
	padding-left: 120px;


/* text-indent: -13px; */
/* 20200212 コメントアウト */

}
dl.new dd a {
	background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 6px;
	padding-left: 13px;
	text-indent: -3px;

}

/* 関連情報 */
div.related {
	border: 1px solid #e5e5e5;
	margin-bottom: 11px;
	padding: 0 0 6px 0 !important;
}
div.related .externalIcon{
	vertical-align: middle;
	margin: 5px;
}
div.related h3 {
	background: #e5e5e5 !important;
	border:none !important;
	color: #000;
	font-weight: bold;
	padding: 6px 0 5px 14px;
}
div.related p.contact {
    padding: 11px 0 4px 14px;
}
div.related ul.relatedLink {
    padding: 11px 0 4px 14px;
}
div.related ul.relatedLink li {
	background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 7px;
	padding: 0 18px 0 12px;
	/*  float: left;*/
	list-style:none;
	width: auto;
}
div.related ul.relatedLink li span {
    color: #979797;
}
div.related ul.relatedLink li.relatedBlock {
    max-width: 657px;
}

div.related ul.relatedLink li.window {
    background: url(/common/img/cm_window_ico.gif) no-repeat 0 7px;
    padding-left: 13px;
    max-width: 657px;
}

div.related ul.relatedLink li a img {
    vertical-align: top;
}
div.related ul.relatedLink li a {
    display:inline;
}
/* 問い合わせ調整 */
div.related ul.relatedLink li ul,
div.related ul.relatedLink li ul li{
	padding: 0 !important;
	background:none !important;
}
/* box2 */
.instituteList {
	clear: both;
	width: 100% !important;
	list-style:none;
}
li#lcampaign {
	clear: both;
	width: 320px !important;
	float: left;
	margin-right: 16px;
}
li#lcampaign h3,
li#lcampaign_1 h3{
	padding-left: 24px !important;
	padding-top:3px !important;
}
div#postBlock h4 {
	border-left:none;
	border-bottom: dotted 1px;
	border-color: #999;
	font-size:1.3rem !important;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
padding-bottom:0.3em;
}
div#postBlock table td {
	background-color:#ffffff;
}
li#lcampaign h4{
	border-left:none;
	border-bottom:dotted 1px #888;padding-left:4px;
}

li#lcampaign p{
	padding:6px 8px 10px 6px;text-align: justify;

/* text-justify: inter-ideograph; */
}

li#lcampaign_1 h4{
	border-left:none;
	border-bottom:dotted 1px #888;padding-left:4px;
}
li#lcampaign_1 p{
	padding:6px 8px 10px 6px;text-align: justify;

/* text-justify: inter-ideograph; */
}

li#lcampaign_1 {
	width:320px !important;float:left;
}
li#lcampaign a {
	background:none;
	padding:0;
}
@media screen and (max-width:768px) {
	li#lcampaign_1 {
		width:auto !important;
		margin:10px 0 !important;
	}
	li#lcampaign {
		width:auto !important;
		margin:10px 0 !important;
	}
}
ul.imageList {
	margin: 0 !important;
	padding: 0 !important;
	list-style:none;
}
.p_dots{
	font-size: 1.4rem;
	width: 100%;
	margin: 0 auto;
}
.eventpick{
	background-color: #ffffff;
	min-height: 180px;
	display: flex;
}
.eventimg{
	margin: 15px;
	width: 100%;
}
.eventicon{
	display: flex;
	margin-top: 10px;
	width: 60%;
	text-align: left;
}
.eventpick-title-senmon {
	display: inline-flex;
	text-align:left;
	font-weight: bold;
	margin:5px;
}
.eventpick-title-senmon:after {
	content: "専門家";
	font-weight: normal;
	font-size:1.2rem;
	color:#000000;
	background-color:#c1dcf5;
	padding:3px;
}
.eventpick-title-seisan {
	display: inline-flex;
	text-align:left;
	font-weight: bold;
	margin:6px;
}
.eventpick-title-seisan:after {
	content: "生産者";
	font-weight: normal;
	font-size:1.2rem;
	color:#000000;
	background-color:#c1f5e6;
	padding:2px;
}
.eventpick-title-kigyo {
	display: inline-flex;
	text-align:left;
	font-weight: bold;
	margin:6px;
}
.eventpick-title-kigyo:after {
	content: "企業";
	font-weight: normal;
	font-size:1.2rem;
    color:#000000;
    background-color:#dbc1f5;
    padding:2px;
}
.eventpick-title-seishonen {
	display: inline-flex;
	text-align:left;
	font-weight: bold;
	margin:6px;
}
.eventpick-title-seishonen:after {
	content: "青少年";
	font-weight: normal;
	font-size:1.2rem;
	color:#000000;
	background-color:#dbf5c1;
	padding:2px;
}
.eventpick-title-ippan {
	display: inline-flex;
	text-align:left;
	font-weight: bold;
	margin:6px;
}
.eventpick-title-ippan:after {
	content: "一般";
	font-weight: normal;
	font-size:1.2rem;
	color:#000000;
	background-color:#dbf5c1;
	padding:2px;
}
.minical{
	border: 2px dotted #000000;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.minical p{
	text-align: center;
	font-size: 1.2rem;
}
.table-active th{
	width: 80px;
	font-size: 1.3rem;
	text-align: center;
}

.table-light th{
	width: 80px;
	font-size: 1.3rem;
	text-align: center;
}

.table-light td{
	font-size: 1.3rem;
}

.table-light:after {
	content:"";
	display:table
}

.sidebar{
	margin: 10px 0 20px 10px;
	clear: both;
}
.sidebar h3{
	margin-top: 20px;
}
.sidebar s_box{
	width: 100%;
	margin: 0 auto;
	height: 100px;
}
.s_btn{
	background-color: #cccccc;
	background-image: url(/common/img/s_box_arr.png);
	background-repeat: no-repeat;
	background-position: 90% 45%;
	text-align: center;
	padding: 20px;
	border-bottom: 1px #ffffff solid;
}
/********************************************************
                   トップページ
*********************************************************/
/* ポータルサイト */
.user-entrance {
/*	zoom: 1;  float解除 for IE6/7  */
	background-color: #efefef;
	min-width: 100%;
	padding:30px 0;
	margin:0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-size:1.2rem;
}
.user-entrance:after, .user-entrance:before {
	content: "";
	clear: both;
	display: block;
}
.user-entrance-text a{
	text-decoration: none;
	color: #333333;
	font-size: 1.2rem;
	display: block;
	width: 183px;
	height: 70px;
	text-align: center;
	padding-top: 25px;
}
.user-entrance-arrow {
	background-image: url(/common/img/user-entrance-arrow.png);
	display: table-cell; 
	text-align: right;
	width: 15px;
}
.user-entrance01 {
	display: table;
	border: 1px solid #666666;
	background-color: #ffffff;
	width:200px;
	height:70px;
	margin:0 10px;
	float: left;
}
.center-menu {
	display: table;
	background-color: #ffffff;
	width:100%;
	padding:10px;
	margin:0 auto 40px auto;
	box-shadow:0px 5px 10px 0px #e8e8e8;
}
.center-menu ul {
	margin:0 auto;
	width:100%;
	display:table;
	justify-content:space-evenly;
}
.center-menu ul li {
	background-image: url(/common/img/menu_arrow02.png);
	background-position:0 13px;
	background-repeat:no-repeat;
	text-indent:10px;
	display:inline-block;
	padding:12px;
	font-size:1.2rem;
}
@media screen and (max-width:768px) {
	.user-entrance {
/*		zoom: 1;  float解除 for IE6/7  */
		background-color: #efefef;
		min-width: 100%;
		padding:15px 0 0 0;
	}
	.user-entrance01 {
		margin:0 10px 15px 10px;
	}
}
@media screen and (max-width:440px) {
	.user-entrance01 {
		width:auto;
		float:none;
		display:block;
	}
}
/********************************************************
                   農研機構について
*********************************************************/
/* about */
.about{
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 30px 0 0 0;
	clear: both;
}

.about h2{
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 15px;
}

.about p{
	border-top: 1px solid #33cc00;
	font-size: 1.2rem;
	padding: 15px 0 0 0;
	margin-bottom: 30px;
	clear: both;
}
/********************************************************
                   研究情報
*********************************************************/
.project-wrap {
	background-color: #ffffff ;
	padding: 10px 0 0 0 ;
}
.project-wrap h2 {
	margin:20px;
	padding:0 0 20px 0 ;
	border-bottom:2px solid #89C8DD !important;
	background:none !important;
}
.project-wrap h3 {
	font-size:1.5rem !important;
	margin-bottom:0px !important;
	border-left:none !important;
	padding:0 !important;
	background-image: none !important;
	background-color: #ffffff !important;
	clear:none !important;
}
.project-search {
	background-color:#ffffff;
	padding:15px 15px 0 15px;
}
.project-search table td.gsib_b,
.project-search table td.gsc-input,
.project-search table td.gsc-search-button {
	border:none !important;
}
.project-search table td.gsc-search-button {
	padding-top:10px;
}
.project-search .search-wrap {
	padding:0px;
}
.project-search .search-label {
	text-align:right;
	margin-bottom:20px;
}
.project-search .show {
	padding-bottom:20px;
}

.project-search .search-button-wrap {
	text-align:right;
	margin:20px 0;
}

div.left-content table td.gsc-input {
	border:none;
	padding:0;
	vertical-align:middle;
}
div.gsc-input-box {
	border:none;
}
div.left-content table td.gsib_b,
div.left-content table td.gsc-search-button {
	border:none;
}
dl.project_text {
	padding:20px 20px 0;
}
dl.project_text dt {
	padding:20px;
	float:left;
	color:#0061B0;
	margin-right:5%;
	width:20%;
	background: url(/common/img/menu_arrow.png) no-repeat 6px 25%;
}
dl.project_text dd {
	float:left;
	width:75%;
}
@media screen and (max-width:768px) {
	dl.project_text dt {
		float:none;
		margin-right:0;
		width:auto;
	}
	dl.project_text dd {
		float:none;
		width:auto;
	}
	.project-search .search-label {
		text-align:left;
	}
}
/* reserch */
.reserch{
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 20px 0 10px 0;
	clear: both;
}

.reserch h2{
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px solid #33cc00;
}

.reserch h3{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 5px;
}
.reserch p{
	font-size: 1.3rem;
	padding: 15px 0 0 0;
	margin-bottom: 30px;
	clear: both;
}

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

.reserch li{
	font-size:1.4rem;
	line-height: 2.0rem;
}

.reserch_pil{
	width: 17%;
	padding: 20px;
	text-align:center;
	float:left;
	margin-left:-20px;
	margin-right:20px;
	color: #fff;
	background-color: #003366;
}
p.reserch-body {
	margin-bottom:20px;
}
p.reserch-body a {
	margin-top:10px;
	display:block;
	width:100%;
	text-align:right;
	clear:both;
}
.reserch_op{
	width: 100%;
	margin-bottom:20px;
	background-color: #dedede;
	padding: 30px 60px;
	clear: both;
}
/* box4 */
.box4 {
    background-color: #efefef;
    width: 100%;
}

.box4:after {
	content:"";
	display:table
}
/********************************************************
                   新着情報欄
*********************************************************/
.news dl {
	margin: 0;
	padding: 0;
	list-style: none;
	margin:auto;
	max-width:995px;
}
.news dt {
	float:left;
	clear:left;
	padding:10px 0;
}
.news dd {
	padding:10px 0;
	padding-left:19rem;
	border-bottom: dotted 2px #dddddd;
}
/*
_:-ms-lang(X)::-ms-backdrop, .news dd {
	padding-left:20rem;
} 不要20210121 */

.news li {
	padding: 10px;
	border-bottom: dotted 2px #dddddd;
	text-indent: -190px;
	padding-left: 200px;
}
.news li a {
	display: inline;
	color: #000000;
	text-decoration: none;	
}
dl.en_news .news_date {
	width:5rem;
	display:inline-block;
}
dl.en_news dd {
	padding-left:14rem;
}
.news_date,
.blog_name {
	margin-right: 10px;
}
.newsarea {
	max-width:995px;
	margin:0 auto;
	padding-bottom:20px;
}
@media screen and (max-width:768px) {
	.news dt {
		display:block;
		float:none;
	}
	.news li {
		text-indent:0px;
		padding-left:0px;
	}
	.news li a {
		display: block;
	}
	.news dd {
		padding:10px 0;
	}
	dl.en_news dd {
		padding:10px 0;
	}
}
/********************************************************
                   タブ形式
*********************************************************/
.nav-tabs {
	font-size:1.2em;
	margin:10px auto;
	width:100%;
	line-height: 3;
}
.ul_bg{
	background-color: #ffffff;
	margin:0 auto;
	padding:0;
}
.ul_bg ul.nav-tabs {
	margin:0;
}
.ul_bg ul.nav-tabs li.nav-item {
	padding:0;
	font-size:1.5rem;
}
.nav-tabs>li>a {
	width:100%;
	border:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	margin-right:0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #535353 !important;
	color:#ffffff;
}
.nav-tabs>li>a.active, .nav-tabs>li>a.active:focus, .nav-tabs>li>a.active:hover {
	background-color: #ffffff !important;
	width:100%;
	border-bottom-color: transparent;
	border:none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nav-tabs>li>a.active{
	cursor:default;
}
.newsarea div.tab-content {
	min-width:100%;
	padding:1em 1em 0 1em;
	border-top:none;
   	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	font-size:1.2rem;
}
.newsarea div.tab-content ul {
	margin:0 auto;
}
div.tab-pane {
	margin: 0 auto;
	width: 100%;
}
div.btn_wrap{
	clear:both;
	margin: 20px 0;
	width: 100%;
	display: flex;
	text-align:center;
}
div.btn_wrap a{
	display:block;
	padding:10px;
	color:#333;
	border:1px solid #333;
	min-width: 30%;
	margin:0 auto;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	background-color:#fff;
}
div.btn_wrap a:link,
div.btn_wrap a:hover{
	color:#333;
	border:1px solid #333;
	min-width: 30%;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	background-color:#fff;
}
@media screen and (max-width:768px){
	div.btn_wrap a,
	div.btn_wrap a:link,
	div.btn_wrap a:hover{
		width:85%;
	}
	.ul_bg ul.nav-tabs li.nav-item {
	    display: block !important;
	    flex: none !important;
	    -webkit-box-flex: 0;
	    max-width: 100%;
	}
}

.nav-tabs .nav-link{
	border: 1px solid #fff !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}


/********************************************************
                   グレー背景色ボックス
*********************************************************/
.box_bgef {
	background-color:#efefef;
	padding: 10px 0;
	display: flex;
	justify-content: space-around;
	clear: both;
}
@media screen and (max-width:768px) {
	.box_bgef {
		padding: 10px;
	}
}
/********************************************************
                   注目トピックスエリア
*********************************************************/
.newbox1{
	width:100%;
	max-width:995px;
/*	zoom: 1;  float解除 for IE6/7  */
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 !important;
	padding: 0 !important;
	padding-bottom:20px !important;
}
/* newtopics */
.newtopics {
	padding:0px;
	margin: 0 auto;
	width:100%;
}
.newtopics .col-xs-12 {
	display:flex;
	flex-wrap:wrap;
}
.newtopics h2 {
	color: #000000;
	font-size:2.0rem;
	font-weight: bold;
	margin-left:20px;
}
.ntbox {
	background-color: #ffffff;
	float: left;
	width: 226px;
	min-height: 230px;
	margin:20px 30px 0 0;
}
.ntbox a:link,
.ntbox_rn a:link{
	color: #000000 !important;
}

.newtopics .ntbox:nth-child(4n) {
	margin:20px 0 0 0;
}

.newtopics .ntbox_last {
	margin:20px 0 0 0;
}


.ntbox-title {
	position: relative;
	text-align:left;
	font-weight: bold;
	margin:10px;
	font-size:1.2rem;
}
.ntbox-image {
	text-align:center;
	margin: 5px 10px;
}
.ntbox-image img {
	max-width:200px;
	max-height:113px;
}
.ntbox-text{
	font-size:1.2rem;
	margin: 5px 10px;
}

.ntbox_rn{
	background-color: #a8d5da;
	float: left;
	width: 225px;
	height: 225px;
	margin:20px 30px 0 0;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.newtopics .ntbox_rn:nth-child(4n) {
	margin:20px 0 0 0;
}
.ntbox_rn-image {
	text-align:center;
	width: 100%;
	min-height:157px;
	margin: 0 auto;
	border-radius:15px 15px 0 0;
	-webkit-border-radius:15px 15px 0 0;
	-moz-border-radius:15px 15px 0 0;
}

p.ntbox_rn-text{
	font-size: 1.1rem;
	line-height:1.5rem;
	text-align: center;
	width: 226px;
	padding:10px;
	height:69px;
	margin: 0 auto !important;
	display:table-cell;
	vertical-align:middle;
}
p.ntbox_rn-text a{
	color:#333333;
}

.newtopics .col-xs-12:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}


@media screen and (min-width:730px) and (max-width:995px) {
	.newtopics {
		width:708px;
		margin:0 auto;
	}
	.ntbox,.ntbox_rn {
		margin:15px 15px 0 0;
	}
	.newtopics .ntbox:nth-child(4n),.newtopics .ntbox_rn:nth-child(4n) {
		margin:15px 15px 0 0;
	}
	.newtopics .ntbox:nth-child(3n),.newtopics .ntbox_rn:nth-child(3n) {
		margin:15px 0 0 0;
	}
}
@media screen and (min-width:485px) and (max-width:729px) {
	.newtopics {
		width:470px;
		margin:0 auto;
	}
	.ntbox,.ntbox_rn {
		margin:15px 15px 0 0;
	}
	.newtopics .ntbox:nth-child(4n),.newtopics .ntbox_rn:nth-child(4n) {
		margin:15px 15px 0 0;
	}
	.newtopics .ntbox:nth-child(2n),.newtopics .ntbox_rn:nth-child(2n) {
		margin:15px 0 0 0;
	}
}
@media screen and (max-width:484px) {
	.newtopics {
		width:225px;
		margin:0 auto;
	}
	.ntbox,.ntbox_rn {
		margin:15px 0 0 0;
	}
	.newtopics .ntbox:nth-child(4n),.newtopics .ntbox_rn:nth-child(4n) {
		margin:15px 0 0 0;
	}
}
/* box6 */
	.box6 {
	padding:0 0 0 20px;
	background-color:#ffffff;
	display: flex;
	justify-content: space-around;
}

	.box6 h2 {
	padding: 10px 0;
	width: 75%;
	margin: 0 auto;
	clear: both;
	}


.newbox2{
 /*   zoom: 1;  float解除 for IE6/7  */
	display: flex;
	justify-content: center;
}
/********************************************************
            バナースライド(センター・ポータル)
*********************************************************/

#kanren_link_wrap {
	padding:20px 0 0 0;
	clear:both;
}
#kanren_link{
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 100%;
	overflow:hidden;
}
#kanren_link .caroufredsel_wrapper{
	width:100%;
}
#kanren_link #index_topic{
	position:relative;
	min-height:110px;
}
#kanren_link #index_topic_in p{
	overflow: hidden;
	width:187px;
	line-height: 1.3em;
	float:left;
	padding:0px;
	margin-right:10px;
	background-color:#ddd;
}
#kanren_link #index_topic_in p .thumb{
	display: block;
	text-align:center;
}
#kanren_link #index_topic_in p .thumb img{
	max-width:187px;
}
#kanren_link #index_topic_in p .thumb a {
	display: inline-block;
	color: #0062ad;
}
#kanren_link #index_topic_in p .thumb a:hover,
#kanren_link #index_topic_in p .thumb a:active {
	color: #0078d5;
}
#kanren_link #index_topic_in p .thumb a:visited {
	color: #663399;
}
.thumb_img{
	width:70%;
	margin-bottom:3px;
}
.kanren_date{
	font-weight: bold;
	color: #2b0084;
}

#kanren_link #index_topic_in p .txt{
	font-size:90%;
	display:block;
	margin-top: 15px;
}
#kanren_link #next03{
	width: 40px;
	position:absolute;
	top:68px;
	right:35%;
	z-index:110;
}
#kanren_link #prev03{
	width: 40px;
	position:absolute;
	top:68px;
	left:35%;
	z-index:111;
}
#kanren_link_sp {
	display: none;
}

/********************************************************
        刊行物
*********************************************************/
div.slider div.thumb {
	float:left;
	margin-right:20px;
	max-height:350px;
	overflow:hidden;
}
div.slider p.slide-more a {
	display:inline-block;
	padding:10px 20px;
	color:#333;
	border:1px solid #333;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	background-color:#fff;
	width:200px;
	text-align:center;
}
ul.slick-dots {
	margin-left:0 !important;
}
@media screen and (max-width:768px) {
div.slider div.thumb {
	float:none;
	margin-right:0;
	margin-bottom:20px;
}
}
/* カルーセルスライド */
#pub_slide_wrap {
	clear:both;
}
#pub_slide_link {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 100%;
	overflow:hidden;
}
#pub_slide_link  .caroufredsel_wrapper{
	width:100%;
}
#pub_slide_link  #index_topic{
	position:relative;
	min-height:350px;
}
#pub_slide_link  #index_topic_pub p{
	overflow: hidden;
	width:705px;
	height:320px;
	line-height: 1.3em;
	float:left;
	padding:0px;
	position:relative;
}
#pub_slide_link  #index_topic_pub p .thumb{
}
#pub_slide_link  #index_topic_pub p .thumb a {
	display: inline-block;
}
#pub_slide_link  #index_topic_pub p .thumb a:hover,
#pub_slide_link  #index_topic_pub p .thumb a:active {
}
#pub_slide_link  #index_topic_pub p .thumb a:visited {
}
#pub_slide_link  .thumb{
	float:left;
	margin-right:20px;
}
#pub_slide_link #index_topic_pub p .txt{
	display:block;
}
span.pub_slide_date {
	clear:both;
}
span.pub_slide_img {
	clear:both;
}
#pager {
	text-align:center;
	padding:10px;
}
#pager a {
	border: 2px solid #646464;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 10px 0 0;
}
#pager a:hover {
	background:#eee ;
}
#pager a span {
	display: none;
}
#pager a.selected {
	background-color: #646464;
}
a.pub-btn-link:link, a.pub-btn-link:hover {
	margin:20px 0 0 152px;
	padding:10px 20px;
	color: #333;
	border: 1px solid #646464;
	width: 30%;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	background-color: #fff;
	display:block;
	text-align:center;
	position:absolute;
	bottom:20px;
	right:130px;
}
.slick-slide img {
	border: 1px solid #efefef;
}
body#publicity_report div.research {
	margin: 10px 0 30px 0;
}
body#publicity_report div.research p.researchImg {
	width: 225px;
	float: left;
}
body#publicity_report div.research div.book_info {
	padding:0 20px 20px 20px;
	display: inline;
	float: left;
	margin-left: 15px;
	width: 455px;
}
body#publicity_report div.research div.book_info ul {
	font-size:1.1rem;
	line-height:2rem;
}
@media screen and (max-width:768px) {
body#publicity_report div.research p.researchImg {
	width: 225px;
	float: none;
}
body#publicity_report div.research div.book_info {
	float: none;
	margin-left:0;
	width:auto;
}
}
/* 青少年 */
.pub_ntbox {
	background-color: #ffffff;
	float: left;
	width: 226px;
	margin:20px 10px 0 0;
}
.pub_ntbox:nth-child(3n) {
	margin:20px 0 0 0;
}
.research .col-xs-12:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.research .ntbox-image img {
	max-width: 226px;
	max-height:inherit;
}
@media screen and (min-width:730px) and (max-width:995px) {
	.research .col-xs-12 {
		width:708px;
		margin:0 auto;
	}
	.pub_ntbox {
		margin:10px 10px 0 0;
	}
	.research .pub_ntbox:nth-child(4n){
		margin:10px 10px 0 0;
	}
	.research .pub_ntbox:nth-child(2n){
		margin:10px 0 0 0;
	}
}
@media screen and (min-width:485px) and (max-width:729px) {
	.research .col-xs-12 {
		width:465px;
		margin:0 auto;
	}
	.pub_ntbox {
		margin:10px 10px 0 0;
	}
	.research .pub_ntbox:nth-child(4n){
		margin:10px 10px 0 0;
	}
	.research .pub_ntbox:nth-child(2n){
		margin:10px 0 0 0;
	}
}
@media screen and (max-width:484px) {
	.research .col-xs-12 {
		width:225px;
		margin:0 auto;
	}
	.pub_ntbox {
		margin:10px 0 0 0;
	}
	.newtopics .pub_ntbox:nth-child(4n){
		margin:15px 0 0 0;
	}
}
@media screen and (max-width:768px) {
	body#publicity_report div.research dl {
	display: block !important;
	float:none !important;
    margin-left:0 !important;
    width: 100% !important;
}
}
/********************************************************
        イベント
*********************************************************/
/* カルーセルスライド */
#event_slide_wrap {
	clear:both;
}
/* カルーセルスライド */
#event_slide_wrap {
	clear:both;
}
#event_slide_link {
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 100%;
	overflow:hidden;
	background-color:#ffffff;
	padding:20px;
}
#event_slide_link  .caroufredsel_wrapper{
	width:100%;
}
#event_slide_link  #index_topic{
	position:relative;
	min-height:150px;
}
#event_slide_link  #index_topic_pub p{
	overflow: hidden;
	width:685px;
	height:150px;
	line-height: 1.3em;
	float:left;
	padding:0px;
	position:relative;
	margin:0;
}
#event_slide_link  #index_topic_pub p span{
	display:inline !important;
	padding:0 !important;
;
}
#event_slide_link  #index_topic_pub p .thumb{
}
#event_slide_link  #index_topic_pub p .thumb a {
	display: inline-block;
}
#event_slide_link  #index_topic_pub p .thumb a:hover,
#event_slide_link  #index_topic_pub p .thumb a:active {
}
#event_slide_link  #index_topic_pub p .thumb a:visited {
}
#event_slide_link  .thumb{
	float:left;
	margin-right:20px;
}
#event_slide_link #index_topic_pub p .txt{
	display:block;
}
span.event_slide_date {
	clear:both;
}
span.event_slide_img {
	clear:both;
}
a.event-btn-link:link, a.event-btn-link:hover {
	margin:20px 0 0 152px;
	padding:10px 20px;
	color: #333;
	border: 1px solid #333;
	width: 30%;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	background-color: #fff;
	display:block;
	text-align:center;
	position:absolute;
	bottom:20px;
	left:100px;
}
.event-new-list h2 {
	text-align:center;
}
.event-new-list table {
	background-color:#fff !important;
	height:50rem !important;
	display:block;
	overflow-y:scroll !important;
}
.event-new-list table th {
	background-color:#DFDFDF !important;
	text-align:center !important;
}
.event-new-list table td,
.event-new-list table th {
	padding:20px !important;
}
.event-new-list table td.event-date {
	text-align:center !important;
	white-space:nowrap !important;
}
/**/
div.slider-text .externalList img {
    display: inline !important;
}
.slider-wp.event-wp {
    padding:20px;
    background-color:#fff;
}
/* カレンダー */
.calendarhead {
	padding-bottom: 10px;
	text-align: center;
	color: #444444;
	font-size:1.5rem;
	font-weight:bold;
	background: none;
	letter-spacing: 0.2em;
	margin-bottom:20px;
}
caption {
	caption-side: top !important;
}
.calendar {
	margin:0px 0 70px 0;
	text-align: center;
	color: #444444;
	background: none;
}
.calendar a {
	text-decoration:underline;
}
.calendar table {
	text-align: center;
	padding: 0px;
	border-collapse: collapse;
	background-color:#ffffff;
	margin:0 auto;
}
.calendar th {
	padding:5px 0;
	width: 33px;
	background-color:#CBCBCB;
}
.calendar td {
	padding: 5px 0;
	border: 1px solid #CBCBCB;
}
.today {
	font-weight:bold;
}
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
	    color: #e50003;
}
.saturday,
.saturday a:link,
.saturday a:visited {
	color: #0000ff;
}
.calendar .red {
	color: #e50003;
	background:none !important;
}
.calendar .blue {
	color: blue;
	background:none !important;
}
.event-search h2 {
	font-size:1.5rem;
	font-weight:bold;
	margin-bottom: 20px;
	padding: 10px;
}
.event-search .keyword-box {
	background-color:#ffffff;
	padding:10px;
}
.event-search .search-label{
	text-align:center !important;
	padding:0 0 10px 0;
}
.event-search div.gsc-input-box {
	border:1px solid #cccccc !important;
}
.event-search .panel {
	background-color:#ffffff;
}
.event-search .detail {
	padding:10px;
	text-align:center;
}
.event-search .detail .search-label {
	text-align:left !important;
	padding:0;
}


@media screen and (max-width:768px) {
	#event_slide_link  #index_topic_pub p{
	}
	a.event-btn-link:link, a.event-btn-link:hover {
		margin:0;
		padding:10px 20px;
		width:auto;
		bottom:0px;
		left:0px;
	}
}
/********************************************************
        採用情報
*********************************************************/
.saiyo-search {
	border:1px solid #cccccc;
	padding-top:20px;
}
.saiyo-search .search-label {
	text-align:left !important;
	padding:0 30px !important;
}
.saiyo-search .search-button-wrap {
	text-align:right;
	margin:20px 0;
}
.saiyo-search .form-group {
	margin:0 !important;
}

div.left-content .saiyo-search table {
	margin-bottom:10px !important;
}
div#subCol ul.access-lanking {
	padding: 5px 0 0 0;
}

div#subCol ul.access-lanking li {
	padding: 2px 0 3px 0;
	width: auto;
	list-style:none;
}

div#subCol ul.access-lanking li span {
	cursor: pointer;
	display: block;
	padding: 0 0 5px 28px;
	width: 90%;
}

div#subCol ul.access-lanking li a {
	background: url("/common/img/cm_arrow04_ico.gif") no-repeat 10px 15px;
	color: #535353;
	display: block;
	margin-left: 5px;
	padding-top: 7px;
}

div#subCol ul.access-lanking li a:hover {
	font-weight: bold;
	text-decoration: none;
	background-color:#ccc;
}

div#subCol ul.access-lanking li a:hover span {
	font-weight: bold;
}
/********************************************************
                   研究情報
*********************************************************/
/* 検索セレクトボックス調整 */
@media screen and (max-width:768px) {
	div.selectList p {
		display:block !important;
	}
	body#project div.selectOther ul {
		left:8px !important;
		top:50px !important;
	}
	body#project div.selectOther ul li {
		z-index:1000;
	}
}
/********************************************************
                   公開情報ボタンリンク
*********************************************************/
.pub-info {
	padding: 10px 0 0 0;
	min-width: 100%;
	display: flex;
	justify-content: center;
}
.pub-info ul {
	margin: 0;
	padding: 0 0 1.2em 0;
	list-style: none;
}
.pub-info li {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	max-width: 692px;
}
.pub-info-button {
	display: inline-block;
	position: relative;
	height: 38px;
	padding: 5px ;
	width: 324px;
	background-color: #a8d5da;
	margin:10px;
	box-shadow: 0 5px 0 #ccc;
	text-align: center;
}

.pub-info-button a {
	font-size:1.7rem;
	text-decoration: none;
	font-weight: normal;
	color: #000;
	letter-spacing: 1px;
}
.pub-info-button:hover {
	opacity: 0.9;
}
.pub-info-button:active {
	top: 5px;
	box-shadow: none;
}
@media screen and (max-width:691px) {
	.pub-info li {
		margin: 0 auto;
		width: 100%;
		text-align:center;
	}
}
@media screen and (max-width:480px) {
	.pub-info-button {
		display: inline-block;
		position: relative;
		height: 38px;
		width: 100%;
		background-color: #a8d5da;
		margin:10px auto;
		box-shadow: 0 5px 0 #ccc;
		text-align: center;
	}
}
/*  box8  */
.box8 {
    background-color:#ffffff;
    padding: 10px 0;
    display: flex;
	justify-content: space-around;
	}

.newbox2{
 /*   zoom: 1;  float解除 for IE6/7  */
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	width: 100%;
	clear: both;
}

.ntbox_r{
	background-color: #a8d5da;
	float: left;
	width: 215px;
	height: 200px;
	margin:20px 20px 10px 0;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}
.newtopics .ntbox_r:nth-child(4n) {
	margin:20px 0 0 0;
}
.ntbox_r-image {
	text-align:center;
	width: 100%;
	margin: 0 auto;
	-webkit-border-top-left-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius-topleft: 10px;   /* Firefox用 */ 
	-webkit-border-top-right-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius-topright: 10px;   /* Firefox用 */  
}

.ntbox_r-text{
	font-size: 1.6rem;
	line-height: 1.8rem;
	text-align: center;
	width: 100%;
	margin: 0 auto !important;
}
.ntbox_img_wrap{
	width: 225px;
	height: 157px;
	overflow:hidden;
	margin-bottom:0;
}



/* box9 */
	.box9 {
    padding:0 0 0 20px;
    background-color:#efefef;
    display: flex;
	justify-content: space-around;
}

.newbox3{
/*    zoom: 1;  float解除 for IE6/7  */
	display: flex;
	justify-content: center;
	margin: 0 auto;
	width:100%;
}


/* box10 */
.box10 {
    padding: 10px 0;
    margin: 0 auto;
    width: 100%;
	clear: both;
	
	}

.box10 h2 {
	text-align: left;
	padding: 10px;
	clear: both;
}

.box10 p{
	font-size: 1.2rem;
	display: flex;
	padding: 6px;

}

.search-more{
	clear: both;
	background-color: #dedede;
	padding:10px;
	text-align:center;
}
.search-more a:link {
	color:#333;
	text-decoration:underline;
}
#AccordionCollapse-search {
	margin-top:20px;
}
#AccordionCollapse-search .row {
	margin:0;
	padding:0;
}

/* 20190401 コメントアウト
.search-box01.col-md-4 {
	padding:5px;
}
.search-box01 {
	padding: 5px;
	font-size: 0;
}

.search-box01 > * {
	font-size: 1.0rem;
}

.search-box01 .search-input {
	width: 82%;
	min-height: 32px;
	padding: 0 5px;
	border: 1px solid #ccc;
}

*/

/* pub-info01 */

.pub-info01 {
    padding: 10px 0 10px 0;
    min-width: 100%;
    display: flex;
 	justify-content: center;
}

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

	.pub-info01 li {
	margin: 0;
	padding: 0;
	list-style: none;
    }

.pub-info-button01 {
	display: inline-block;
	position: relative;
	height: 38px;

	width: 450px;
	background-color: #d2f7f8;

	margin:10px;
	box-shadow: 3px 3px 5px -1px #33dff3;
cursor: pointer;
}
.pub-info-button01 a {
	padding: 6px 6px 6px 1.8rem; 
	font-size:1.4rem;
	text-decoration: none !important;
	font-weight: normal;
	color: #000;
	letter-spacing: 1px;  
  display:block !important;
    width:100%;
height:100%;
} 

.pub-info-button01:hover {
	opacity: 0.6;
}

.pub-info-button01:active {
  top: 5px;
  box-shadow: none;
}

.newbox {
/*	zoom: 1;  float解除 for IE6/7  */
	display: flex;
	justify-content: center;
	margin: 0 auto;
	width:100%;

}
.newbox4{
/*	zoom: 1;  float解除 for IE6/7  */
	display: flex;
	justify-content: center;
	margin: 0 auto;
	width:100%;
}

/* pub-info01 */

.pub-info02 {
    padding: 10px 0 10px 0;
    min-width: 100%;
    display: flex;
 	justify-content: center;
}

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

	.pub-info02 li {
	margin: 0;
	padding: 0;
	list-style: none;
    }

.pub-info-button02 {
	display: inline-block;
	position: relative;
	height: 38px;
	padding: 6px;
	width: 450px;
	text-indent: 30px;
	background-image: url(/common/img/bnr_arrow.png);
	background-repeat: no-repeat; 
	background-color: #ffffff;
	margin:10px;
	box-shadow: -3px 0 5px 0 #e2e2e2;
}
.pub-info-button02 a {
	font-size:1.6rem;
	text-decoration: none;
	font-weight: normal;
	color: #000;
	letter-spacing: 1px;
} 

.pub-info-button02:hover {
	opacity: 0.9;
}

.pub-info-button02:active {
  top: 5px;
  box-shadow: none;
}
@media screen and (max-width:768px) {
.pub-info-button01,	
.pub-info-button02 {
	display: block;
	width: auto;
	height: auto;
	margin: 10px auto;
	padding-left:60px;
	padding-right:60px;
	}
}
/*  研究センター  */

.laboratory {
	width: 100%;
	background-color:#bfc5ce;
	justify-content: center;
}
.laboratory h2 a {
	font-size:1.5rem;
	font-weight:bold;
	margin-left:20px;
}
.laboratory a {
	color:#333;
	font-size:1.2rem;
}
.laboratory div.row {
	margin:0 auto;
	width: 995px;
	background-color:#bfc5ce;
	background-image: url("/common/img/laboratory_bg.png");
	background-repeat: no-repeat;
	background-position: -35px 10px;
	background-size: 44%;
}

.laboratory h2{
	clear: both;
	padding:20px 0;
}
.laboratory ul {
	max-width:100% ;
	margin: 0px;
	list-style: none;
	padding:20px 0;
}

.laboratory-left {
	display:inline-block;
	float: left;
	line-height: 3rem;
}

.laboratory-right {
	display:inline-block;
	float: left;
	line-height: 3rem;
}

.laboratory:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
}
@media screen and (max-width:768px) {
	.laboratory div.row {
		margin:0 auto;
		width: 100%;
		padding:10px;
		background-image:none;
	}
}
/********************************************************
                   フッターサイトマップ
*********************************************************/
.footer-sitemap {
	background-color:#efefef;
	margin:0 auto;
	width: 100%;
}
.footer-sitemap h2 {
	font-size:1.5rem;
	margin-left:20px;
	font-weight:bold;
}
.footer-sitemap a {
	color:#333;
	font-size:1.2rem;
}
.footer-sitemap div.row {
	margin:0 auto;
	padding:30px 0;
	max-width: 995px;
}
.sitemap {
	padding: 5px 0;
	background-color:#efefef;
	margin: 0 auto;
	width: 100%;
}
.sitemap ul {
	margin: 0;
	list-style: none;
	padding:10px 20px;
	margin: auto;
}
.sitemap-left {
	display:inline-block;
	float:left;
	line-height: 3.0rem;
}
.sitemap-center {
	display:inline-block;
	float:left;
	line-height: 3.0rem;
}
.sitemap-right {
	display:inline-block;
	float:left;
	line-height: 3.0rem;
}
.sitemap:after {
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}
.sitemap-head {
	font-weight:bold;
	padding-top:5px;
}
.sitemap-head:before {
	content: url(/common/img/sitemap-head.png);
	position: relative;
	right:10px;
	top:3px;
}

/*  SNS  */

.sns-icon {
	text-align: center;
}

.sns-icon-tw {
	display:inline-block;
	margin:10px;
}

.sns-icon-fb {
	display:inline-block;
	margin:10px;
}

/* バナーエリア */
.top-banner-area {
	text-align: center;
}

.top-banner-area ul {
	margin: 0;
	list-style: none;
	padding:10px;
}

.top-banner-area li {
	display:inline-block;
	margin:10px;
}
/* フッター */

.footer{
	background-color: #4b4b4b;
	margin: 0 auto;
	width: 100%;
	font-size: 1.2rem;
	color:#fff;
}

.footer a {
	text-align: center;
	text-decoration: none;
	color:#fff;
}

.footer ul {
	min-width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.footer li {
	display:inline-block;
	padding:10px 10px;

}

.footer-section-line:after {
	content: "|";
	position: relative;
	left: 10px;
	top: 0;
}
.footer-section-line_last:after {
	position: relative;
	left: 10px;
	top: 0;
}

/* ########### 768px以上 ########### */
@media (min-width: 769px) {
	.boxA:after{
		content: "";
		display: block;
		clear: both;
		min-width: 490px;
	}
}
/* ########### 768px以下 ########### */
@media (max-width: 768px) {
	div.areaList {
	    height: auto;
	}
	div.box ul.boxList li {
	    float:none;
	    width:100% !important;
	}
	div.areaList div.linkArea div.leftArea ul li {
	    float:none;
	}
	div.box ul.boxList li ul li {
	    width:100% !important;
	}
}

/********************************************************
        box
*********************************************************/
/* 左右分割 */
.box-left,
.leftCol{
	float:left;
	width:49% !important;
}
.box-right,
.rightCol{
	float:right;
	width:49% !important;
}
@media screen and (max-width:768px) {
.leftCol{
	float:none;
	width:auto !important;
}
.box-right,
.rightCol{
	float:none;
	width:auto !important;
}
}

/* 枠線 */
.box-border {
	border:1px solid #333;
	padding:20px;
}
/********************************************************
        文字装飾
*********************************************************/
.t-left {
	text-align:left !important;
}
.t-center {
	text-align:center !important;
}
.t-right {
	text-align:right !important;
}
.t-large {
	font-size:110% !important;
}
.t-small {
	font-size:90% !important;
}

/********************************************************
        リスト
*********************************************************/
/* 横並び */
ul.inline li {
	display:inline;
	margin-left:20px;
	white-space:nowrap;
}
/* リストマーク有 */
ul.listmk li a {
	color:#000000;
	text-decoration: none;
}
ul.listmk li a:hover {
	text-decoration: underline;
}
ul.listmk li :before {
	content: url(/common/img/menu_arrow.png);
	position: relative;
	right:6px;
}
/* アクセスランキング */
ul.rankList {
	padding:20px 10px;
}
ul.rankList li a {
	color:#000000;
	text-decoration: none;
    display:block !important;
    text-indent: -40px;
    padding-left: 40px;
}
ul.rankList li a:hover {
	text-decoration: underline;
}
ul.rankList li :before {
	position: relative;
	right:0px;
	top:12px;
}
ul.rankList li.rank1 :before {
	content: url(/common/img/list_1.png);
	top:4px;
}
ul.rankList li.rank2 :before {
	content: url(/common/img/list_2.png);
}
ul.rankList li.rank3 :before {
	content: url(/common/img/list_3.png);
}
ul.rankList li.rank4 :before {
	content: url(/common/img/list_4.png);
}
ul.rankList li.rank5 :before {
	content: url(/common/img/list_5.png);
}
/**/
ul.boxList li {
	display:inline;
	margin-left:20px;
	white-space:nowrap;
}

/********************************************************
        テーブル
*********************************************************/
div.left-content table,
div.full-content table{
    margin-bottom: 20px;
}
div.left-content table,
div.full-content table {
    border-collapse: collapse;
    border-spacing: 0;
}
div.left-content table th,
div.left-content table td,
div.full-content table th,
div.full-content table td {
    font-weight: normal;
    border: 1px solid #666;
    padding: 4px 6px;
    vertical-align: middle;
}
div.left-content table th,
div.full-content table th {
    background:#eee;
    text-align:center;
}
div.left-content table caption,
div.full-content table caption {
    caption-side: top;
    text-align: left;
}
div.left-content table td,
div.full-content table td {
    padding-top: 5px;
    padding-bottom: 5px;
}
div.left-content table.table_other td,
div.full-content table.table_other td {
    padding-top: 10px;
    padding-bottom: 10px;
}
div.left-content table.border th,
div.left-content table.border td {
    border: 1px solid #fff !important;
    vertical-align: middle !important;
}
.nowrap {
    white-space:nowrap !important;
}
/* レスポンシブ時tdとthをblock要素に */
@media screen and (max-width:768px) {
div.left-content table.resblock th,
div.left-content table.resblock td,
div.full-content table.resblock th,
div.full-content table.resblock td {
    display:block;
}
}
/********************************************************
        googleカスタム検索結果画面用
*********************************************************/
div.gsc-results-wrapper-nooverlay table td{
border:none !important;
}

/********************************************************
        レスポンシブ調整
*********************************************************/
@media screen and (max-width:768px) {
div.left-content ul,
div.left-content ol,
div.full-content ul,
div.full-content ol {
    margin-left:10px;
}
.left-content table,
.left-content table{
    width:100% !important;
}
table.table-responsive th {
    white-space:nowrap !important;
}
table.table-responsive .category,
table.table-responsive .date,
table.table-responsive .subject{
    white-space:nowrap !important;
}
div.mHeadSection div {
    position: static !important;
}
div.selectList div.select ul {
    top: 0px !important;
    position:relative !important;
}
div.selectOther {
    position: relative !important;
}
div.selectOther ul {
    left: -30px !important;
    top: 0 !important;
}
div#postBlock p,
div#postBlock div{
    float:none !important;
/*    width:auto;  20181010 */
}
div#postBlock img {
    float:none !important;


/*    display:block;  20180724 組織図img*/
}
ul.tabs li div.tab-content {
    top:105px;
    height:500px !important;
    overflow-y:scroll;
}
ul.tabs li div.tab-content div.fruit_img {
    float:none;
    margin-bottom:10px;
}
.row.noflex div {
    flex: inherit !important;
    max-width:inherit !important;
}
}

/* layout.css */

/* # pickupSection
---------------------------------------------------------------------------- */
div.pickupSection h3 {
	height:auto !important;
}
div.pickupSection div.pickupContent ul {
   margin-left: 0px !important;
}
div.pickupSection div.pickupContent ul li {
    display: inline;
    float: left;
    margin-left: 9px;
    padding: 15px 0 5px 0;
    width: 335px;
}
div.pickupSection div.pickupContent ul li p.pickupImage {
    display: inline;
    float: left;
    margin-right: 12px;
    width: auto;
}
div.pickupSection div.pickupContent ul li div {
    display: inline;
    float: left;
    width: 208px;
}
div.pickupSection div.pickupContent ul li div p.pickupTitle {
    margin: 0 0 1rem 0 !important;
    padding: 0 !important;
}
div.pickupSection div.pickupContent ul li div p.pickupTitle a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 5px;
    padding-left: 10px;
}
div.pickupSection div.pickupContent ul li div p.pickupTitle img {
    margin: 0 0 3px 4px;
    /*vertical-align: middle; */  /* tomix */
}
div.pickupSection div.pickupContent ul li div p.pickupTitle a.externalLink{
    background: none;
    padding: 3px;
    vertical-align: baseline;
    margin-left: 0;
}
div.pickupSection div.pickupContent ul li div p.pickupTitle .externalIcon{
    vertical-align: baseline;
    margin: 0;
}
@media screen and (max-width:768px) {
	div.pickupSection div.pickupContent ul li {
	    display: block;
	    float: none;
	    margin-left: 0;
	    padding: 0px;
	    width: auto;
	}
	div.pickupSection div.pickupContent ul li p.pickupImage {
	    display: block;
	    float: none;
	    width: auto;
	}
	div.pickupSection div.pickupContent ul li div {
	    display: block;
	    float: none;
	    width: auto;
	}
}
/* # yearSection
---------------------------------------------------------------------------- */

div.yearSection {
    background: url(/common/img/cm_list01_bg.gif) no-repeat left top;
    margin: 10px 0 0 0 !important;
    padding: 2px 0 0 0 !important;
}

div.yearSection div.yearContent {
    background: url(/common/img/cm_list02_bg.gif) no-repeat left bottom;
    padding: 10px 15px 7px 16px !important;
}

div.yearSection div.yearContent ul.yearList li {
    display: inline;
    float: left;
    margin-right: 20px !important;
    width: auto;
    white-space:nowrap;
}

div.yearSection div.yearContent ul.yearList li.active {
    background: url(/common/img/cm_arrow07_ico.gif) no-repeat 0 8px;
    color: #959595;
    padding-left: 9px !important;
}

div.yearSection div.yearContent ul.yearList li a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 4px;
    padding-left: 9px !important;
}

/* # 01-04-020201
---------------------------------------------------------------------------- */

body#introduction ul.topicList {
    background: none;
    text-align: right;
    padding: 5px 0 0 0;
}

body#introduction ul.topicList li {
    display: inline;
    margin-left: 15px;
    width: auto;
}

body#introduction ul.topicList li a {
    background:  url(/common/img/cm_arrow01_ico.gif) no-repeat 0 0;
    color: #535353;
    font-size: 80%;
    padding-bottom: 1px;
    padding-left: 18px;
}

body#introduction div.pickupSmallLeft {
/* -- 20160510 追加-- */
clear:both;


    background: url(/common/img/introduction/introduction_pickup_box01_bg.gif) no-repeat 0 0;
    float: left;
    margin-bottom: 5px;
    padding: 16px 0 0 0;
    width: 50%;
}

body#introduction div.pickupSmallRight {
    background: url(/common/img/introduction/introduction_pickup_box01_bg.gif) no-repeat 0 0;
     float: left;
    margin-bottom: 5px;
    padding: 16px 0 0 0;
    width: 50%;
}

body#introduction div.pickupSmallLeft div,
body#introduction div.pickupSmallRight div {
    background: url(/common/img/introduction/introduction_pickup_box02_bg.gif) no-repeat 0 bottom;
    padding: 0 16px 14px 16px;
}

body#introduction div.pickupSmallLeft div p,
body#introduction div.pickupSmallRight div p {
	float: left;
	width: 100px;
}

body#introduction div.pickupSmallLeft div div,
body#introduction div.pickupSmallRight div div {
	background: none;
	float: left;
	padding: 0;
	width: 205px;
}

body#introduction div.pickupSmallLeft div div h3,
body#introduction div.pickupSmallRight div div h3 {
	background:none !important;
	font-size:1em !important;
	margin:0 0 1rem 0 !important;
	padding:0 !important;
	border:none !important;
	font-weight:normal;
}

body#introduction div.pickupSmallLeft div div h3 a,
body#introduction div.pickupSmallRight div div h3 a {
    background:  url(/common/img/cm_arrow04_ico.gif) no-repeat 0px 5px !important;
    padding: 0 0 0 8px !important;
}

body#introduction div.pickupSmallLeft div div h3 .externalIcon,
body#introduction div.pickupSmallRight div div h3 .externalIcon {
    vertical-align: middle !important;
}

body#introduction div.pickupSmallLeft div div h3 a.externalLink,
body#introduction div.pickupSmallRight div div h3 a.externalLink {
    background:  none !important;
    margin-left: -5px !important;
}

body#introduction div.pickupSmallLeft div div p,
body#introduction div.pickupSmallRight div div p  {
    width: auto;
}

body#introduction div.pickupTop {
    background: url(/common/img/introduction/introduction_pickup_box03_bg.gif) no-repeat 0 0;
    padding: 14px 0 0 0;
    margin-bottom: 10px;
}

body#introduction div.pickupBottom {
    background: url(/common/img/introduction/introduction_pickup_box04_bg.gif) no-repeat 0 bottom;
    padding: 0 0 8px 19px;
}

/* # 01-04-020700
---------------------------------------------------------------------------- */

body#introduction h3.contactHead {
    background: #f6f6f6;
    color: #000;
    border-left: 2px solid #717171;
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 4px 0 2px 12px;
}

body#introduction div.contactBoxTop {
    background: url(/common/img/introduction/introduction_pickup_box03_bg.gif) no-repeat 0 0;
    padding: 14px 0 0 0;
    margin: 10px 0 20px 0;
}

body#introduction div.contactBoxBottom {
    background: url(/common/img/introduction/introduction_pickup_box04_bg.gif) no-repeat 0 bottom;
    padding: 0 0 8px 19px;
}

body#introduction div.agriculture {
    height:200px !important;
}
body#introduction div.agriculture a {
    color: #007bff !important;
}
body#introduction div.agriculture p.more {
    font-size: 1.2rem !important;
    right:0 !important;
}
@media screen and (max-width:768px) {
body#introduction div.agriculture p.more {
    position:relative !important;
    top:0 !important;
}
}
/* # areaList
---------------------------------------------------------------------------- */

div.areaList {
    background: url(/common/img/cm_list02_bg.gif) no-repeat left bottom;
    padding: 0 0 2px 0;
    margin: 10px 0 0 0
}

div.areaListContent {
    background: url(/common/img/cm_areaList01_bg.gif) no-repeat 0 0;
}

div.areaList h3 {
    height: 22px;
    padding: 11px 0 5px 27px;
}

div.areaList div.linkArea {
    background: #eee;
    font-size: 80%;
    padding: 7px 12px 9px 15px;
}

div.areaList div.linkArea div {
    float: left;
}

div.areaList div.linkArea div.leftArea {
    max-width: 695px;
}

div.areaList div.linkArea div h4 {
	border:none;
	font-weight: bold;
	padding: 0 0 1px 1px;
}

div.areaList div.linkArea div.leftArea ul li {
    float: left;
    width: auto;
}
ul.relationLink li.link{
 line-height: 2;
}
div.areaList div.linkArea div.leftArea ul li ul li {
    background: url(/common/img/cm_arrow05_ico.gif) no-repeat 0 8px;
    float: none;
    padding: 2px 3px 0 7px;
    width: auto;
}

div.areaList div.linkArea div.leftArea ul li.firstCol {
    width: 166px;
}

div.areaList div.linkArea div.leftArea ul li.secondCol {
    width: 120px;
}

div.areaList div.linkArea div.leftArea ul li.thirdCol {
    width: 186px;
}

div.areaList div.linkArea div.leftArea ul li.fourthCol {
    width: 223px;
}

div.areaList div.linkArea div.rightArea {
    width: 134px;
}

div.areaList div.linkArea div.rightArea ul li {
    background: url(/common/img/cm_arrow05_ico.gif) no-repeat left 8px;
    padding: 2px 3px 0 7px;
    width: 127px;
}
/* # clearfix
---------------------------------------------------------------------------- */

div.boxInfo,
div.boxInfoTop,
div.pickupBottom ul.linkList li ul,
div.pickupBottom ul.linkList,
div.boxInfoContent,
div.searchBox p,
div.searchBoxInner,
div.searchBox,
div.topicStyle ul.list,
div.topicStyle,
div.searchBottom,
div.searchContent,
div#content,
div.section,
div.sectionLast,
div.sectionInner,
div.pageLink,
div.box ul,
div.mHeadSection div,
div.yearSection,
div.yearSection div.yearContent ul,
div.selectList,
div.pickupSection div.pickupContent ul,
div.pickupSection div.pickupContent,
div.areaList,
ul.topicList,
div.areaList div.linkArea,
div.areaList div.linkArea div.leftArea ul,
div.leftCol ul.linkList,
div.rightCol ul.linkList,
div.related ul.relatedLink,
div.newsSearch,
div.research,
ul.linkArea,
div.otherSection ul.linkList li {
/*    zoom: 1;  */
}

div.boxInfo:after,
div.boxInfoTop:after,
div.pickupBottom ul.linkList li ul:after,
div.pickupBottom ul.linkList:after,
div.boxInfoContent:after,
div.searchBox p:after,
div.searchBoxInner:after,
div.searchBox:after,
div.topicStyle ul.list:after,
div.topicStyle:after,
div.searchBottom:after,
div.searchContent:after,
div#content:after,
div.section:after,
div.sectionLast:after,
div.sectionInner:after,
div.pageLin,
div.box ul:after,
div.mHeadSection div:after,
div.yearSection:after,
div.yearSection div.yearContent ul:after,
div.selectList:after,
div.pickupSection div.pickupContent ul:after,
div.pickupSection div.pickupContent:after,
div.areaList:after,
ul.topicList:after,
div.areaList div.linkArea:after,
div.areaList div.linkArea div.leftArea ul:after,
div.leftCol ul.linkList:after,
div.rightCol ul.linkList:after,
div.related ul.relatedLink:after,
div.newsSearch:after,
div.research:after,
ul.linkArea:after,
div.otherSection ul.linkList li:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

/* ========= 2012.02.10 ========= */
div.selectList div {

/*    display: inline-block; 20180706*/
    *display: inline;
}

div.selectList div.select ul {
    top: 24px;
}




/*イベントタブの変更 20140422*/

/* # new2
---------------------------------------------------------------------------- */
/*  20190401 コメントアウト
dl.new2 dt {
    font-weight: bold;
    font-size: 80%;
    color: #707070;

    padding: 8px 0 0 16px;
}

dl.new2 strong {
    float: left;

    color: #313131;
    width: 160px;
}

dl.new2 span {
    display: block;
    float: left;
    font-size: 10px;
    font-weight: normal;
    height: 16px;
    padding: 1px 0 0 16px;
    width: 172px;
}

dl.new2 span.externalList {

    margin: 0 0 0 4px;
    padding: 0 0 2px 5px;
    width: auto;
}

dl.new2 dt img {
    float: left;
}

dl.new2 dt span.externalList img {
    margin-right: 2px;
}

*/

.blank {
    background: url(/common/img/cm_blank_bg.gif) no-repeat 0 0;
    padding-left: 7px!important;
    margin-right: 2px;
    width: 76px!important;
}

.darkGreen {
    background: url(/common/img/cm_dark_green_bg.gif) no-repeat 0 0;
}

.green {
    background: url(/common/img/cm_green_bg.gif) no-repeat 0 0;
}

.pink {
    background: url(/common/img/cm_pink_bg.gif) no-repeat 0 0;
}

.blue {
    background: url(/common/img/cm_blue_bg.gif) no-repeat 0 0;
}

.lightBlue {
    background: url(/common/img/cm_light_blue_bg.gif) no-repeat 0 0;
}

.gray {
    background: url(/common/img/cm_gray_bg.gif) no-repeat 0 0;
}

.red {
    background: url(/common/img/cm_red_bg.gif) no-repeat 0 0;
}

.purple {
    background: url(/common/img/cm_purple_bg.gif) no-repeat 0 0;
}

dl.new2 dd {
    background: url(/common/img/cm_dotted04_bg.gif) repeat-x left bottom;
    clear: both;
    padding: 4px 0 5px 16px;
}
/* 2012.10.19 display: inline-block; 削除  */
dl.new2 dd a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 6px;
    padding-left: 13px;
    text-indent: -3px;
}
dl.new2 dd a img {
    vertical-align: top;
}
/* list */

/* inquiry.css*/
body#inquiry div#mainCol div.pickupBottom h3 {
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 10px;
    border-left: none;
    padding: 0;
}
div.pickupBottom ul.textLink li a {
    display:inline;;
}
/* style_webpage.css */
.item { list-style: none; }
/* IE7 対策 */
ul.main{
/* zoom:1; */
}
*+html ul.main li{
    display:inline;
 /*   zoom:1; */
}
*+html ul.sub1{
/*    zoom:1;  */
    position:relative;
}
/* Common(調整) ---------------------------------------------------------------- */
body#scroll{
 overflow-y:scroll;
}

ul.domainList {
    margin: 6px 0 0 0;
}
ul.domainList a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 center;
    display: inline-block;
    padding-left: 10px;
}
ul.domainList li {
    background: url(/common/img/cm_dotted04_bg.gif) repeat-x left bottom;
    clear: both;
    width: auto;
    margin: 6px 0 0 0;
    padding: 4px 0 5px 10px;
}
ul.domainList li.subdomain {
    margin-left: 25px;
}
ul.domainList span.description {

    background: none !important;
    margin-left: 1.2em;
    padding-left: 5px;
    font-size: 96%;
    color: #444;
}
dl.domainList a img {
    vertical-align: top;
}

/* # clearfix
---------------------------------------------------------------------------- */
ul.domainList {
 /*   zoom: 1; */
}
ul.domainList:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
/* 
---------------------------------------------------------------------------- */
.deptname{
	padding-top:29px;
	padding-bottom:0px;
	margin-left:-4px;
}
.deptname,
.deptname2{
	padding:0 0 20px 0 !important;
	margin:0 !important;
}
.pickupBottom ul li {

margin-right:5%;

}
.pickupBottom ul{margin-left:0 !important;margin-right:0 !important;}
/*
---------------------------------------------------------------------------- */
/* 採用 イベント テンプレート20160519
---------------------------------------------------------------------------- */

div.tmp p{
padding:0 15px 20px !important;
text-align: justify;

/* text-justify: inter-ideograph; */
}

div.tmp .pd_b0{
padding-bottom:0px !important;
}
div.tmp .pd_b10{
padding-bottom:10px !important;
}

div.tmp h4{
border:none;
padding-left:5px !important;
}

div.tmp h2{
border:none;
margin-top:0 !important;
}

div.tmp p.ul_mae{
margin-bottom:0 !important;
padding-bottom:14px !important;
}
/*新サイトのズレ修正
---------------------------------------------------------------------------- */
div.related ul.relatedLink {
    padding: 4px 0 4px 0px;
}
ul.linkList{
padding:10px 0 !important;
margin:10px 0 0 15px !important;
}
div.sectionInner ul.relationLink{
margin-left:10px !important;
}

/* # ウィジェット(style_deptにも)
---------------------------------------------------------------------------- */
ul.relationLink{
	padding-left:4px !important;
	margin-top:0px !important;
}
ul.relationLink img{
}
.sectionInner{
margin-top:0px !important;
}
ul.relationLink li.banner{
	margin-top:5px !important;
	padding-left:0 !important;
	text-align:center;
}
#subCol .section h3{
	font-size:14px !important;
	margin-bottom:0 !important;
}
/* ↓ ---------------------------------------------------------------- */
ul.project_list{
padding-top:15px;
}
ul.project_list li{
float:left;
width:280px;
padding-left:11px;
background:url(/common/img/cm_arrow04_ico.gif) no-repeat 0px 5px;
}
ul.project_list li a{
color:#fff;
font-size:90% !important;
}
ul.project_list li a:hover{
color:#fff;
}
ul.arrow_blue li{
background:url(/files/cm_arrow_blue.png) no-repeat 0px 5px !important;
}
ul.arrow_pink li{
background:url(/files/cm_arrow_pink.png) no-repeat 0px 5px !important;
padding-bottom:10px !important;
}
ul.arrow_green1 li{
background:url(/files/cm_arrow_green1.png) no-repeat 0px 5px !important;
}
ul.arrow_green2 li{
background:url(/files/cm_arrow_green2.png) no-repeat 0px 5px !important;
}
ul.arrow_green3 li{
background:url(/files/cm_arrow_green3.png) no-repeat 0px 5px !important;
}
ul.arrow_orange1 li{
background:url(/files/cm_arrow_orange.png) no-repeat 0px 5px !important;
}

ul.arrow_orange2 li{
background:url(/files/cm_arrow_orange.png) no-repeat 0px 5px !important;
}

ul.arrow_orange3 li{
background:url(/files/cm_arrow_orange.png) no-repeat 0px 5px !important;
}

ul.arrow_orange4 li{
background:url(/files/cm_arrow_orange.png) no-repeat 0px 5px !important;
}


ul.arrow_green1 .green1_01{
width:150px !important;
}

ul.arrow_green1 .green1_02{
width:140px !important;
}

ul.arrow_green1 .green1_03{
width:150px !important;
}

ul.arrow_green1 .green1_04{
width:250px !important;
}

ul.arrow_blue .blue01{
width:210px !important;
}

ul.arrow_blue .blue02{
width:280px !important;
}



ul.arrow_orange1{
margin-left:44px !important;
}

ul.arrow_orange1 li.orange11{
width:170px !important;
padding-top:0 !important;
margin-left:-10px !important;
}

ul.arrow_orange1 li.orange12{
width:103px !important;
padding-top:0 !important;
}

ul.arrow_orange1 li.orange13{
width:200px !important;
padding-top:0 !important;
}

ul.arrow_orange1 li.orange14{
width:230px !important;
padding-top:0 !important;
}

ul.arrow_orange2{
float:left;
padding-top:0 !important;
margin-bottom:0 !important;
}

ul.arrow_orange2 li.orange21{
width:103px !important;
padding-top:0 !important;
}

ul.arrow_orange2 li.orange22{
width:400px !important;
padding-top:0 !important;
}

ul.arrow_orange3{
float:left;
padding-top:0 !important;
margin-bottom:0 !important;
margin-left:0px !important;
}

ul.arrow_orange3 li.orange31{
width:210px !important;
padding-top:0 !important;
}

ul.arrow_orange3 li.orange32{
width:350px !important;
padding-top:0 !important;
}

ul.arrow_orange4{
float:left;
padding-top:0 !important;
margin-left:0px !important;
}

ul.arrow_orange4 li.orange41{
width:270px !important;
padding-top:0 !important;
}

ul.arrow_orange4 li.orange42{
width:270px !important;
padding-top:0 !important;
}


ul.arrow_pink li.pink01{
width:190px !important;
}

ul.arrow_pink li.pink02{
width:130px !important;
}

ul.arrow_green3 li.green3_01{
width:100px !important;
}

ul.arrow_green3 li.green3_02{
width:200px !important;
}

#tokkyo{
float:left;
width:151px;
margin-bottom:0 !important;
}

#shokumu{
float:left;width:181px;
margin-bottom:0 !important;
padding:0 !important;
margin-right:0 !important;
}

#shiken{
float:left;
margin-bottom:0 !important;
width:181px;
}
.open_sub01{
margin-top:-13px !important;
}
.mg_top30{
margin-top:30px;
}

.open_sub02{
margin-top:-20px !important;
padding-bottom:30px !important;
margin-left:15px;
}

.open_sub03{
margin-top:-20px !important;
padding-bottom:10px;
margin-left:15px;
}

.mg_top5{
margin-top:5px;
}

.open_sub04{
margin-top:-13px !important;
padding-bottom:5px !important;
}

.open_sub05{
margin-top:-13px !important;
}

.open_sub06{
margin-top:-13px !important;
padding-bottom:10px;
margin-left:15px;
}


ul.open_menu li.title_top01{
height:34px;
padding-top:10px !important;
padding-left:49px;
margin-left:-15px;
background:url(files/icon_01.png) no-repeat 0 0px;
font-size:100%;
color:#fff;
letter-spacing:2.5px;
}

ul.open_menu li.title_top02{
height:44px;
padding-top:10px !important;
padding-left:49px;
margin-left:-15px;
background:url(files/icon_02.png) no-repeat 0 0px;
font-size:100%;
color:#fff;
letter-spacing:2px;
}

ul.open_menu li.title_top03{
height:44px;
padding-top:10px !important;
padding-left:49px;
margin-left:-15px;
background:url(files/icon_03.png) no-repeat 0 0px;
font-size:100%;
color:#fff;
letter-spacing:2px;
}

ul.open_menu li.title_top04{
height:36px;
padding-top:10px !important;
padding-left:49px;
margin-left:-15px;
background:url(files/icon_04.png) no-repeat 0 0px;
font-size:100%;
color:#fff;
letter-spacing:2px;
}

ul.open_menu li.title_top05{
height:34px;
padding-top:10px !important;
padding-left:49px;
margin-left:-15px;
background:url(files/icon_05.png) no-repeat 0 0px;
font-size:100%;
color:#fff;
letter-spacing:2px;
}

ul.open_menu li.title_top06{
height:36px;
padding-top:10px !important;
padding-left:49px;
margin-left:-15px;
background:url(files/icon_06.png) no-repeat 0 0px;
font-size:100%;
color:#fff;
letter-spacing:2px;
}

/* 組織図 ブログ記事 */
.text p{
padding-bottom:10px;

text-align: justify;

/* text-justify: inter-ideograph; */
}


/* センター コンテンツ一覧 */
div.pickupSection div.pickupContent ul li:nth-child(odd){
clear:both;
}
/* layout.css */
p.visual {
    margin-bottom: 12px;
}
p.leadTxt {
    margin-bottom: 20px;
}
p.leadTxtOther {
    margin-bottom: 0;
}
div.section {
    clear: both;
    margin-bottom: 30px;
    z-index: 1;
}
div.dropdown{
    z-index: 2;
}
/* 20200302削除 産学連携・品種・特許 */
/* div.section p.sectionTxt,
div.sectionLast p.sectionTxt {
    padding: 12px 0 0 0;
} */
div.sectionLast {
    clear: both;
}
div.topicSection {
    margin-bottom: 12px;
    text-align: right;
}
@media screen and (max-width:768px) {
	div.topicSection {
	    text-align: left;
	}
}
.mt7 { margin-top: 7px; }
div.section2 {
    clear: both;
    margin-left: 30px;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
}
div.section2 p.moreleft{
    clear: both;
    font-size: 80%;
    padding-top: 8px;
    text-align: left;
}
div.section2 p.moreleft a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 4px;
    color: #535353;
    padding: 1px 0 0 10px;
}
/* # boxSmall
---------------------------------------------------------------------------- */
/* 20200302削除 産学連携・品種・特許 */
/* div div.boxSmallTop {
    padding: 2px 0 0 0;
    margin: 10px 0 0 0;
} */
div.boxSmallBottom {
    padding: 0 16px 14px 16px;
}
/* 20200302削除 産学連携・品種・特許 */
/* div.boxSmallBottom p {
    padding: 11px 0 1px 0;
} */
div.boxSmallBottom p a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 4px;
    padding: 0 0 0 10px;
}
div.boxSmallBottom p select {
    margin: 1px 0 0 0;
    height: 25px;
    width: 255px;
}
/* # pickupTop
---------------------------------------------------------------------------- */
div.pickupTop {
    background: url(/common/img/cm_pickup_box03_bg.gif) no-repeat 0 0;
    padding: 13px 0 0 0;
}
div.pickupBottom {
    background: url(/common/img/cm_pickup_box04_bg.gif) no-repeat 0 bottom;
    padding: 0 16px 11px 16px;
}
div#mainCol div.otherSection ul.linkList li {
    background: none;
    float: left;
    padding: 0;
    width: 187px;
}
div#mainCol div.pickupBottom ul.linkList li.linkSizeM {
    width: 167px;
}

div#mainCol div.pickupBottom ul.linkList li.linkSizeM ul li {
    width: 162px;
}

div#mainCol div.pickupBottom ul.linkList li.linkSizeB {
    width: 290px;
}

div#mainCol div.pickupBottom ul.linkList li.linkSizeB ul li {
    width: 250px;
}

div#mainCol div.pickupBottom ul.linkList li ul li {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 7px;
    padding: 0 0 0 10px;
    float: none;
    width: auto;
}


/* # box
---------------------------------------------------------------------------- */

div.box {
    background: url(/common/img/cm_box04_bg.gif) no-repeat 0 bottom;
    padding: 0 0 2px 0;
}

div.box h3 {
    background: url(/common/img/cm_box03_bg.gif) no-repeat 0 0;
    padding: 11px 0 1px 25px;
    margin: 10px 0 0 0;
	border:none;
}

div.box ul.boxList {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 80%;
    padding: 7px 8px 8px 24px;
}
/* igrove_20110329----------------------- */
*:first-child + html div.box ul.boxList {
    padding-bottom: 11px;
}
/* igrove_20110329----------------------- */
div.box ul.boxList li {
    float: left;
    width: 324px;
}
div.box ul.boxList li ul li {
    background: url(/common/img/cm_arrow05_ico.gif) no-repeat 0 5px;
    margin-bottom: 3px;
    padding: 0 0 0 8px;
    /* igrove_20110329----------------------- */
    width: 316px;
    /* igrove_20110329----------------------- */
}

/* # mHeadSection
---------------------------------------------------------------------------- */

div.mHeadSection {
    position: relative;
}

div.mHeadSection div {
    position: absolute;
    right: 12px;
    top: 9px;
}

div.mHeadSection div p {
    display: inline;
    font-size: 90%;
    float: left;
    width: auto;
}

div.mHeadSection div p img {
    vertical-align: top;
}

div.mHeadSection div p.list {
    background: url(/common/img/cm_dotted06_bg.gif) no-repeat right top;
    margin-right: 7px;
    padding: 0 7px 0 0;
}

div.mHeadSection div p.list a {
    background: url(/common/img/cm_arrow01_ico.gif) no-repeat 0 0;
    color: #535353;
    padding-left: 19px;
}

/* # search
---------------------------------------------------------------------------- */

div.searchTop {
    background: url(/common/img/cm_search01_bg.gif) no-repeat left top;
    clear: both;
    padding: 5px 0 0 0;
}

div.searchBottom {
    background: url(/common/img/cm_search02_bg.gif) no-repeat left bottom;
    padding: 0 0 5px 0;
}

div.searchContent {
    background: #eee;
    padding: 0 15px 0 15px;
}

div.searchContent p {
    padding: 9px 0;
}

div.searchContent p label {
    padding: 0 14px 0 0;
}

div.searchContent p input {
    vertical-align: middle;
}

div.searchContent p input.sizeM {
    color: #959595;
    height: 17px;
    padding: 3px 5px 0 5px;
    width: 218px;
}

div.searchContent p input.btnSearch {
    margin-left: -6px;
}

div.searchContent p span {
    font-size: 90%;
}

div.searchContent p span img {
    padding: 0 3px 0 6px;
    vertical-align: middle;
}


/* # new
---------------------------------------------------------------------------- */

dl.new dt {
    font-weight: bold;
    font-size: 100%;
    color: #707070;
    padding: 8px 0 0 16px;
}

dl.new strong {
    float: left;
    color: #313131;
    width: 120px;
}

dl.new span {
/*    display: block; */
/*     float: left; */
/*     font-size: 10px; */
/*     font-weight: normal; */
/*     height: 16px; */
/*    padding: 1px 0 0 16px; */
      padding: 1px 0 0 5px; 
/*     width: 172px; */
}

dl.new span.externalList {

    margin: 0 0 0 4px;
    padding: 0 0 2px 5px;
    width: auto;
}

dl.new dt img {
    float: left;
}

dl.new dt span.externalList img {
    margin-right: 2px;
}

.blank {
    background: url(/common/img/cm_blank_bg.gif) no-repeat 0 0;
    padding-left: 7px!important;
    margin-right: 2px;
    width: 76px!important;
}

.darkGreen {
    background: url(/common/img/cm_dark_green_bg.gif) no-repeat 0 0;
}

.green {
    background: url(/common/img/cm_green_bg.gif) no-repeat 0 0;
}

.pink {
    background: url(/common/img/cm_pink_bg.gif) no-repeat 0 0;
}

.blue {
    background: url(/common/img/cm_blue_bg.gif) no-repeat 0 0;
}

.lightBlue {
    background: url(/common/img/cm_light_blue_bg.gif) no-repeat 0 0;
}

.gray {
    background: url(/common/img/cm_gray_bg.gif) no-repeat 0 0;
}

.red {
    background: url(/common/img/cm_red_bg.gif) no-repeat 0 0;
}

.purple {
    background: url(/common/img/cm_purple_bg.gif) no-repeat 0 0;
}

dl.new dd {
    background: url(/common/img/cm_dotted04_bg.gif) repeat-x left bottom;
    clear: both;
    padding: 4px 0 5px 16px;
}
/* 2012.10.19 display: inline-block; 削除  */
dl.new dd a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 6px;
    padding-left: 13px;
    text-indent: -3px;
}

dl.new dd a img {
    vertical-align: top;


}


/* # topicList
---------------------------------------------------------------------------- */

ul.topicList {
    background: url(/common/img/cm_dotted04_bg.gif) repeat-x left bottom;
    text-align: right;
    padding-bottom: 6px;
}

ul.topicList li {
    display: inline;
    margin-left: 15px;
    width: auto;
}

ul.topicList li a {
    background: url(/common/img/cm_arrow01_ico.gif) no-repeat 0 0;
    color: #535353;
    font-size: 90%;
    padding-left: 18px;
}
@media screen and (max-width:768px) {
	ul.topicList {
		text-align:left;
	}
}

/* # pageLink
---------------------------------------------------------------------------- */

div.pageLink {
    clear: both;
    margin: 14px 0 0 0;
    text-align: right;
}

div.pageLink p {
    display: inline;
    font-size: 1rem !important;
    padding: 0 5px 0 0;
}

div.pageLink ul {
    background: url(/common/img/cm_dotted03_bg.gif) repeat-y 0 0;
    display: inline;
    padding: 1px 0 1px 11px;
}

div.pageLink ul li {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 5px;
    display: inline;
    font-size: 100%;
    padding: 0 0 0 11px;
    margin-right: 15px;
}

div.pageLink ul li.pageLinkLast {
    margin-right: 0;
}


/* # newSearch
---------------------------------------------------------------------------- */

p.newStay {
/*    background: url(/common/img/cm_light_blue_bg_s.gif) no-repeat 0 0;*/
    float: left;
    font-size: 90%;
    height: 21px;
/*  padding: 3px 0 0 15px;*/
    text-align: left!important;

}

p.purpleStay {
    background: url(/common/img/cm_purple_bg_s.gif) no-repeat 0 0!important;
}

p.searchSection {
    padding: 10px 0 11px 0;
    float: right;
    width: auto;
}

p.searchSection span {
    display: block;
    float: left;
    margin: 3px 0 0 0;
}

p.searchSection select {
    float: left;
    height: 24px;
    width: 255px;
    margin: 0 0 0 5px;
}


/* # related
---------------------------------------------------------------------------- */

div.related {
    border: 1px solid #e5e5e5;
    margin-bottom: 11px;
    padding: 0 0 6px 0;
}
div.related .externalIcon{
    vertical-align: middle;
    margin: 5px;
}
div.related h3 {
    background: #f6f6f6;
    color: #000;
    font-weight: bold;
    padding: 6px 0 5px 14px;
	border:none;
}

div.related p.contact {
    padding: 11px 0 4px 14px;
}

/* 20200303 削除
div.related ul.relatedLink {
    padding: 11px 0 4px 14px;
} */

div.related ul.relatedLink li {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 7px;
    padding: 0 18px 0 12px;
/*  float: left;*/
    width: auto;
}
div.related ul.relatedLink li span {
    color: #979797;
}

div.related ul.relatedLink li a span {
    color: #007bff;
} 

div.related ul.relatedLink li.relatedBlock {
    max-width: 657px;
}

div.related ul.relatedLink li.window {
    background: url(/common/img/cm_window_ico.gif) no-repeat 0 7px;
    padding-left: 13px;
    max-width: 657px;
}

div.related ul.relatedLink li a img {
    vertical-align: top;
}

div.keyword h3 {
    background: none;
    color: #7d7d7d;
	border:none;
}

div.keyword p {
    color: #7d7d7d;
    padding: 10px 0 2px 12px;
}


/* # selected
---------------------------------------------------------------------------- */

div.select {
    position: relative;
    width: 254px;
    z-index: 100;
}

div.select p.selected {
    background: #fff;
    border: 1px solid #cfcfcf;
    cursor: default;
    height: 24px;
    padding: 2px 5px 0 6px;
    position: relative;
    font-size:1rem;
}

.largeview div.select p.selected {
    font-size: 90%;
}

div.select p.selected img {
    cursor: pointer;
    position: absolute;
    right: -1px;
    top: -1px;
}

div.select ul {
    background: #fff;
    border: 1px solid #cfcfcf;
    border-top: none;
    display: none;
    left: 0;
    position: absolute;
    text-align: left;
    top: 23px;
    width: 251px;
    overflow:hidden; /* tomix */
}

div.select ul li a {
    background: #fff;
    color: #313131;
    display: block;
    padding: 0 5px 0 6px;
    width: 240px;
}

div.select ul li a:hover {
    background: #0068b7;
    color: #fff;
    text-decoration: none;
}


/* # yearSection
---------------------------------------------------------------------------- */

div.selectList {
    border-top: 1px solid #fff;
    margin: 4px 0 0 0;
    padding: 6px 0 0 0;
}

div.selectList p {
    margin: 3px 0 0 0;
    display: inline;
    width: auto;
}

div.selectList div {
    display: inline;
    margin-left: 8px;
}

div.selectList div p {
    display: inline-block;
    margin: 0;
    text-align: left;
    width: 250px;
}

div.selectList div.select ul {
    top: 19px;
}



/* # topicStyle
---------------------------------------------------------------------------- */

div.topicStyle {
    background: url(/common/img/cm_dotted04_bg.gif) repeat-x left bottom;
    padding-bottom: 6px;
    text-align: left;
}

div.topicStyle p {
    float: left;
}

div.topicStyle ul.list {
    float: left;
    padding: 0 0 0 15px;
    max-width: 600px;
}

div.topicStyle ul.list li {
background:url(/common/img/cm_arrow04_ico.gif) no-repeat 0px 6px;

    display: inline;
    float: left;

    padding: 0 25px 0 12px;
    white-space: nowrap;

}

div.topicStyle ul.list li.active {
    background: url(/common/img/cm_arrow09_ico.gif) no-repeat 0 7px;
}

div.topicStyle ul.list li.active a {
    color: #959595;
}

/* # research
---------------------------------------------------------------------------- */

div.research {

}

div.research p.researchImg {
    float: left;
    width: 317px;
}

div.research p.researchTxt {
    float: right;
    padding: 2px 0 0 0;
    width: 369px;
}


/* # researchBox
---------------------------------------------------------------------------- */

div.searchBox {
    background: url(/common/img/cm_areaList02_bg.gif) no-repeat left bottom;
    margin-top: 10px;
    padding-bottom: 2px;
}

div.searchBoxInner {
    background: #eee;
    padding-bottom: 10px;
}

div.searchBoxTop {
    background: url(/common/img/cm_areaList03_bg.gif) no-repeat 0 0;
    padding: 14px 0 7px 15px;
}

div.searchBox .sizeM {
    border: 1px solid #cfcfcf;
    border-right: none;
    height: 20px;
    padding-left: 4px;
    width: 224px;
}

div.searchBox p {
    float: left;
    display: inline;
    padding-right: 10px;
}

div.searchBox p.patentQuestion {
    background: url(/common/img/cm_question_ico.gif) no-repeat 0 4px;
    font-size: 90%;
    padding: 3px 0 0 18px;
}

div.searchBox label {
    float: left;
    padding: 2px 14px 0 0;
}

div.searchBox input {
    color: #959595;
    float: left;
}


/* # listArea
---------------------------------------------------------------------------- */

div.listArea {
    background: url(/common/img/home_section_bottom_bg.gif) no-repeat left bottom;
    clear: both;
    margin: 20px auto 0;
    padding-bottom: 6px;
    max-width: 950px;
}

div.listArea div.mHeadSection {
    background: url(/common/img/home_section_top_bg.gif) no-repeat 0 0;
    padding: 0 14px;
    position: relative;
}

div.listArea div.mHeadSection h2 {
    background: url(/common/img/cm_dotted04_bg.gif) repeat-x scroll left bottom;
    font-weight: bold;
    
    padding: 15px 0 2px 2px;
}

div.listArea div.mHeadSection p {
    background: url(/common/img/cm_arrow01_ico.gif) no-repeat 0 2px;
    font-size: 80%;
    padding-left: 20px;
    position: absolute;
    right: 16px;
    top: 15px;
}

div.listArea div.mHeadSection p a {
    color: #535353;
}

ul.linkArea {
    background: #eee;
    padding: 9px 0 13px 26px;
}

ul.linkArea li {
    float: left;
    width: 231px;
}

ul.linkArea li ul li {
    background: url(/common/img/cm_arrow05_ico.gif) no-repeat 0 9px;
    float: none;
    font-size: 80%;
    padding: 3px 0 0 9px;
    width: auto;
}


/* # boxInfo
---------------------------------------------------------------------------- */

div.boxInfo {
    background: url(/common/img/cm_box04_bg.gif) no-repeat left bottom;
    clear: both;
    margin-top: 5px;
    padding: 0 0 2px 0;
}

div.boxInfoTop {
    background: url(/common/img/cm_box06_bg.gif) no-repeat left top;
    padding: 2px 0 0 0;
}

div.boxInfoContent {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 11px 0 0 15px;
}

div.boxInfoContent p.image {
    display: inline;
    float: left;
    padding: 3px 0 0 0;
}

div.boxInfoContent div.content {
    display: inline;
    float: left;
    padding: 0 0 0 15px;
    max-width: 597px;
}

div.boxInfoContent div.content ul.pickupList li {
    padding: 0 0 10px 0;
}

div.boxInfoContent div.content ul.pickupList li a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 5px;
    padding: 0 0 0 8px;
margin-left:10px;
}

div.boxInfoContent div.content ul.pickupList li span {
    display: block;
}


/* # clearfix
---------------------------------------------------------------------------- */

div.boxInfo,
div.boxInfoTop,
div#mainCol div.pickupBottom ul.linkList li ul,
div#mainCol div.pickupBottom ul.linkList,
div.boxInfoContent,
div.searchBox p,
div.searchBoxInner,
div.searchBox,
div.topicStyle ul.list,
div.topicStyle,
div.searchBottom,
div.searchContent,
div#content,
div.section,
div.sectionLast,
div.sectionInner,
div.pageLink,
div.box ul,
div.mHeadSection div,
div.yearSection,
div.yearSection div.yearContent ul,
div.selectList,
div.pickupSection div.pickupContent ul,
div.pickupSection div.pickupContent,
div.areaList,
ul.topicList,
div.areaList div.linkArea,
div.areaList div.linkArea div.leftArea ul,
div.leftCol ul.linkList,
div.rightCol ul.linkList,
div.related ul.relatedLink,
div.newsSearch,
div.research,
ul.linkArea,
div#mainCol div.otherSection ul.linkList li {
 /*   zoom: 1;  */
}

div.boxInfo:after,
div.boxInfoTop:after,
div#mainCol div.pickupBottom ul.linkList li ul:after,
div#mainCol div.pickupBottom ul.linkList:after,
div.boxInfoContent:after,
div.searchBox p:after,
div.searchBoxInner:after,
div.searchBox:after,
div.topicStyle ul.list:after,
div.topicStyle:after,
div.searchBottom:after,
div.searchContent:after,
div#content:after,
div.section:after,
div.sectionLast:after,
div.sectionInner:after,
div.pageLin,
div.box ul:after,
div.mHeadSection div:after,
div.yearSection:after,
div.yearSection div.yearContent ul:after,
div.selectList:after,
div.pickupSection div.pickupContent ul:after,
div.pickupSection div.pickupContent:after,
div.areaList:after,
ul.topicList:after,
div.areaList div.linkArea:after,
div.areaList div.linkArea div.leftArea ul:after,
div.leftCol ul.linkList:after,
div.rightCol ul.linkList:after,
div.related ul.relatedLink:after,
div.newsSearch:after,
div.research:after,
ul.linkArea:after,
div#mainCol div.otherSection ul.linkList li:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

/*イベントタブの変更 20140422*/

/* # new2
---------------------------------------------------------------------------- */

dl.new2 dt {
    font-weight: bold;
    font-size: 80%;
    color: #707070;

    padding: 8px 0 0 16px;
}

dl.new2 strong {
    float: left;

    color: #313131;
    width: 160px;
}

dl.new2 span {
    display: block;
    float: left;
    font-size: 10px;
    font-weight: normal;
    height: 16px;
    padding: 1px 0 0 16px;
    width: 172px;
}

dl.new2 span.externalList {

    margin: 0 0 0 4px;
    padding: 0 0 2px 5px;
    width: auto;
}

dl.new2 dt img {
    float: left;
}

dl.new2 dt span.externalList img {
    margin-right: 2px;
}

.blank {
    background: url(/common/img/cm_blank_bg.gif) no-repeat 0 0;
    padding-left: 7px!important;
    margin-right: 2px;
    width: 76px!important;
}

.darkGreen {
    background: url(/common/img/cm_dark_green_bg.gif) no-repeat 0 0;
}

.green {
    background: url(/common/img/cm_green_bg.gif) no-repeat 0 0;
}

.pink {
    background: url(/common/img/cm_pink_bg.gif) no-repeat 0 0;
}

.blue {
    background: url(/common/img/cm_blue_bg.gif) no-repeat 0 0;
}

.lightBlue {
    background: url(/common/img/cm_light_blue_bg.gif) no-repeat 0 0;
}

.gray {
    background: url(/common/img/cm_gray_bg.gif) no-repeat 0 0;
}

.red {
    background: url(/common/img/cm_red_bg.gif) no-repeat 0 0;
}

.purple {
    background: url(/common/img/cm_purple_bg.gif) no-repeat 0 0;
}

dl.new2 dd {
    background: url(/common/img/cm_dotted04_bg.gif) repeat-x left bottom;
    clear: both;
    padding: 4px 0 5px 16px;
}
/* 2012.10.19 display: inline-block; 削除  */
dl.new2 dd a {
    background: url(/common/img/cm_arrow04_ico.gif) no-repeat 0 6px;
    padding-left: 13px;
    text-indent: -3px;
}

dl.new2 dd a img {
    vertical-align: top;
}
/* post.css */

/* # 01-04-020100
---------------------------------------------------------------------------- */
body#introduction div.left-content div div p {
    padding: 0 0 12px 0;
}
body#introduction div.left-content div div p img.externalIcon {
	display:none;
}
/* # 03-02-050302
---------------------------------------------------------------------------- */
body#project div.left-content div div div ul {
    padding-top: 0;
}
body#project div.left-content div div div div ul {
    padding-top: 22px;
}
body#project div.left-content div div div,
body#project div.left-content div div div div {
    padding: 0;
}
body#project div.left-content ol {
    padding-right: 10px;
}
body#project div.left-content div div div ol {
    padding: 24px 10px 0 8px;
}
body#project div.left-content ol li {
    padding: 0 0 0 15px;
    text-indent: -15px;
}
body#project div.left-content div div p img {
    padding-top: 3px;
}
body#project div.left-content div div p span img {
    padding-top: 54px;
}

/* # 02-01-030200_2
---------------------------------------------------------------------------- */
body#event div.left-content ul.marker{
    margin: 0 0 30px 63px;
}
body#event div.left-content ul.marker li {
    background: url("/var/www/cgi-bin/mt/mt-static/plugins/TinyMCE/images/marker_02.gif") no-repeat scroll left 5px transparent;
    list-style: none outside none;
    padding-left: 12px;
}
body#event div.left-content dl {
    padding-bottom: 10px;
}
body#event div.left-content dl dt {
    font-weight: bold;
}
body#event div.left-content dl dd p span {
    display: block;
    padding: 14px 0;
    text-align: center;
}
body#event div.left-content dl dd div {
    margin: -1.5em 0 0 0.2em;
    padding: 0 0 1.1em 6em;
}

/* # clearfix
---------------------------------------------------------------------------- */
body#event div.left-content div ul:after,
body#event div.left-content div:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#google{
top:0px;
}
/* styles.css */
body#patent ul.linkList li {
    background:  url(/common/img/cm_arrow04_ico.gif) no-repeat 0 7px;
    padding: 0 28px 0 10px;
    float: left;
    width: auto;
}
/**/
#dropmenu{
	list-style-type: none;
	width: 100%;
	height: auto;
	padding: 0;
}
#dropmenu li{
	position: relative;
	width: 16%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#dropmenu li a{
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}
#dropmenu li ul{
	list-style: none;
	position: absolute;
	background: #333;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	z-index:100;
}
#dropmenu li ul li{
	overflow: hidden;
	width: 200%;
	height: 0;
	color: #fff;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
#dropmenu li ul li a{
	padding:10px;
	background: #333;
	color:#fff;
	text-align: left;
	font-weight: normal;
}
#dropmenu li:hover > a{
	background: #efefef;
	color:#333;
}
#dropmenu li:hover ul li{
	overflow: visible;
	height:3.5rem;
	background: #333;
}
/********************************************************
                  english.css
*********************************************************/
#bHeadncss h1,
#bHead h1{
    background:none !important;
    height:auto;
    margin-bottom: 10px;
    position: relative;
}
/********************************************************
                  各センター styles.css
*********************************************************/
body#introduction ul.area_news h3 {
	margin-top:0 !important;
}
#postBlock h2.shine_h2 {
	height:auto !important;
}
@media screen and (max-width:768px) {
#postBlock h2.shine_h2 {
	background:none !important;
	background-color: #EEEEEF !important;
}
}
.top_list_title {
	padding-left: 8px !important;
}

/********************************************************
              各センター style_common
*********************************************************/
/* ページTOPへ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;

}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;

}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

div#postBlock .text p#page-top img {
    margin: 0;
vertical-align:10%;
}


/********************************************************
            framework
*********************************************************/
.italic{
font-style:italic;
}

cite{
font-style:normal !important;
}

.letter_m1{
letter-spacing:-1px !important;
}
.indent_m05em{
text-indent:-0.5em !important;
}
.indent_m1em{
text-indent:-1em !important;
}


.clear_B{
clear:both !important;
}

.both_E{
text-align: justify;
/* text-justify: inter-ideograph; */
}

.at_m::before{
content:"@";
}


.back_eee{
background-color:#eee !important;
}

ul.disc,ol.disc,li.disc{
list-style-type:disc !important;
}

ul.decimal,ol.decimal,li.decimal{
list-style-type:decimal !important;
}

ul.circle,ol.circle,li.circle{
list-style-type:circle !important;
}

div.common,p.common {
    padding: 0 1em 1.5em 1em !important;
    text-align: justify;
/* text-justify: inter-ideograph; */
}

.kome{
text-indent: -1em;
margin-left: 1em;
}


.letter_02em{
letter-spacing:0.2em;
}

.letter_025em{
letter-spacing:0.25em;
}

.letter_033em{
letter-spacing:0.33em;
}

.letter_05em{
letter-spacing:0.5em;
}

.letter_1em{
letter-spacing:1em;
}

.letter_2em{
letter-spacing:2em;
}

.letter_3em{
letter-spacing:3em;
}

.letter_4em{
letter-spacing:4em;
}

.letter_5em{
letter-spacing:5em;
}


.letter_n1{
letter-spacing:-1px;
}

.letter_1{
letter-spacing:1px;
}

.letter_2{
letter-spacing:2px;
}

.letter_3{
letter-spacing:3px;
}

.letter_4{
letter-spacing:4px;
}

.letter_5{
letter-spacing:5px;
}



.font_80{
font-size:80% !important;
}

.font_85{
font-size:85% !important;
}

.font_90{
font-size:90% !important;
}

.font_95{
font-size:95% !important;
}

.font_110{
font-size:110% !important;
}

.font_120{
font-size:120% !important;
}

.font_10{
font-size:10px !important;
}

.font_11{
font-size:11px !important;
}

.font_12{
font-size:12px !important;
}

.font_13{
font-size:13px !important;
}

.font_14{
font-size:14px !important;
}

.font_15{
font-size:15px !important;
}

.font_16{
font-size:16px !important;
}


.maru1:before{
content:"(1) ";
margin-left:-1.6em;
position:absolute;
}

.maru2:before{
content:"(2) ";
margin-left:-1.6em;
position:absolute;
}

.maru3:before{
content:"(3) ";
margin-left:-1.6em;
position:absolute;
}

.maru4:before{
content:"(4) ";
margin-left:-1.6em;
position:absolute;
}

.maru5:before{
content:"(5) ";
margin-left:-1.6em;
position:absolute;
}

.maru6:before{
content:"(6) ";
margin-left:-1.6em;
position:absolute;
}

.maru7:before{
content:"(7) ";
margin-left:-1.6em;
position:absolute;
}

.maru8:before{
content:"(8) ";
margin-left:-1.6em;
position:absolute;
}

.maru9:before{
content:"(9) ";
margin-left:-1.6em;
position:absolute;
}


.han_kakko1:before{
content:"1) ";
margin-left:-1.2em;
/* position:absolute; */
}

.han_kakko2:before{
content:"2) ";
margin-left:-1.2em;

}

.han_kakko3:before{
content:"3) ";
margin-left:-1.2em;

}

.han_kakko4:before{
content:"4) ";
margin-left:-1.2em;

}

.han_kakko5:before{
content:"5) ";
margin-left:-1.2em;

}

.han_kakko6:before{
content:"6) ";
margin-left:-1.2em;

}

.han_kakko7:before{
content:"7) ";
margin-left:-1.2em;

}

.han_kakko8:before{
content:"8) ";
margin-left:-1.2em;

}

.han_kakko9:before{
content:"9) ";
margin-left:-1.2em;

}

.han_kakko10:before{
content:"10) ";
margin-left:-1.2em;

}

.han_kakko11:before{
content:"11) ";
margin-left:-1.2em;

}

.han_kakko12:before{
content:"12) ";
margin-left:-1.2em;

}

.han_kakko13:before{
content:"13) ";
margin-left:-1.2em;

}

.han_kakko14:before{
content:"14) ";
margin-left:-1.2em;

}

.han_kakko15:before{
content:"15) ";
margin-left:-1.2em;

}

.han_kakko16:before{
content:"16) ";
margin-left:-1.2em;

}

span.click_en{
background:url(/common/img/cm_arrow01_ico.gif) no-repeat 0px 3px;
padding-left:17px;
}

span.click{
background:url(/common/img/cm_arrow04_ico.gif) no-repeat 0px 5px;
padding-left:12px;
}

span.pdf{
color:#999 !important;
}

.br_md_off br{
display:inline;
}
.br_md_on br{
display:none;
}


@media (max-width: 768px) {
.br_md_off br{
display:none;
}
.br_md_on br{
display:inline;
}
}





@-moz-document url-prefix() {
.do_c{
margin-left:0.2em;
letter-spacing:-0.6em;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.do_c{
margin-left:0.2em;
letter-spacing:-0.6em;
}
}


/* ====================================================== */
/* ====================================================== */


.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.soshikizu{
width:310px;
text-align:center !important;
}



/* sns アイコン追加 20200602 */
.header-link li.sns1 ::before,
.header-link li.sns2 ::before {
    content: "" !important;
}
.header-link li.sns1:hover,
.header-link li.sns2:hover{
opacity:0.6;
}
.header-link li.sns1 img{
margin-top:-2px !important;
}
.header-link li.sns2 img{
margin-top:-1px !important;
}
.header-link li.sns1{
margin-right:3px !important;
}
.header-link li.sns2{
padding-right:3px !important;
}

.header-link li.sns1 a.externalLink,
.header-link li.sns2 a.externalLink{
padding-left: 0;
background:none;
}

/* 表の横スクロール対応 20210209 */

.scroll table{
width:100% !important;
}
.scroll,.scroll2{
overflow: auto;    /*tableをスクロールさせる*/
/* white-space: nowrap;  tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar,.scroll2::-webkit-scrollbar{  /*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track,.scroll2::-webkit-scrollbar-track{  /*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb,.scroll2::-webkit-scrollbar-thumb  {  /*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

@media (max-width: 768px) {
.letter_m1{
letter-spacing:0px !important;
}
.indent_m05{
text-indent:0em !important;
}
.indent_m1{
text-indent:0em !important;
 }

}

@media (max-width: 576px) {
.scroll table{
width:705px !important;
}
.soshikizu {
width:100% ;
text-align:center !important;
 }
.search{
margin-top:1em !important;
}
.header-link ul li.sns1{
/* clear:both !important; */
 margin-left:8px !important; 
}
.header-link li.sns1 img,.header-link li.sns2 img {
    margin-top: -3px !important;
}

.header-link ul li:nth-child(3),.header-link ul li.sns1,.header-link ul li.sns2{
display:block !important;
float:left !important;
}

.header-link ul li.sns1,.header-link ul li.sns2{
width:34px !important;
/* margin-top:6px !important; */

}
}





/* introduction/styles.css */
div.pickupSmallLeft {
/* -- 20160510 追加-- */
clear:both;
    background: url(/common/img/introduction/introduction_pickup_box01_bg.gif) no-repeat 0 0;
    float: left;
    margin-bottom: 5px;
    padding: 16px 0 0 0;
    width: 350px;
}

div.pickupSmallRight {
    background: url(/common/img/introduction/introduction_pickup_box01_bg.gif) no-repeat 0 0;
    float: left;
    margin-bottom: 5px;
    padding: 16px 0 0 0;
    width: 350px;
}
div.pickupSmallLeft h3,
div.pickupSmallRight h3 {
    background:none !important;
    margin-bottom:0 !important;
    border:none !important;
    padding:10px 0 !important;
}

div.pickupSmallLeft div,
div.pickupSmallRight div {
    background: url(/common/img/introduction/introduction_pickup_box02_bg.gif) no-repeat 0 bottom;
    padding: 0 16px 14px 16px;
}

div.pickupSmallLeft div p,
div.pickupSmallRight div p {
    float: left;
    width: 100px;
}

div.pickupSmallLeft div div,
div.pickupSmallRight div div {
    background: none;
    float: right;
    padding: 0;
    width: 205px;
}

div.pickupSmallLeft div div h3 a,
div.pickupSmallRight div div h3 a {
    background:  url(/common/img/cm_arrow04_ico.gif) no-repeat 0px 5px;
    padding: 0 0 0 8px;
}

div.pickupSmallLeft div div h3 .externalIcon,
div.pickupSmallRight div div h3 .externalIcon {
    vertical-align: middle;
}

div.pickupSmallLeft div div h3 a.externalLink,
div.pickupSmallRight div div h3 a.externalLink {
    background:  none;
    margin-left: -5px;
}

div.pickupSmallLeft div div p,
div.pickupSmallRight div div p  {
    width: auto;
}
/* nifts */
ul.tabs {
margin:0 !important;
}

/* publicity_report */
/* 20181228 rcitの記事の改善
#publicity_report .left-content .text div {
margin-bottom:20px;
}
*/

/* acquisition.css */
body#acquisition ul.recruitList li h3 {
    padding: 10px 15px 0 50px !important;
}

/* english */
.left-content div#postBlock h1 {
    background-image: none !important;
    background-color: #fff !important;
    border:none !important;
    border-bottom: 1px solid #0066bb !important;
    -webkit-border-radius:0px !important;
    border-radius:0px !important;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}
/* breed */

/* 20190401 コメントアウト
body#patent table.tableStyle span {
    color: #626262;
loat: left;
    padding-right: 12px;
}

body#project div.boxSmallContent div {
    padding: 13px 10px 0 87px;
}

body#project div.boxSmallContent div p a {
    background:  url(/common/img/cm_arrow04_ico.gif) no-repeat 3px 4px;
    padding: 0 0 0 12px;
}

/**/
ul.contents,
ol.contents{
	background-color: #fff !important;
	max-width:705px !important;
	min-width: inherit !important;
	margin: 0 !important;
}


.shisetsu {
    line-height: 1.5em !important;
    padding-top: 1em !important;
}

/* 関連リンクのバナーの右空白修正 20190903 */
.relationLink .externalLink {
    padding-left: 0;
}

div.top-banner-area ul li img{
border:solid 1px #bbb !important;
-webkit-border-radius: 2px;border-radius: 2px;
}














/* ugoki *********************************************************************************************************************** */



//*==================================================
ふわっ
===================================*/

/* その場で */
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 下から */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.7s;
animation-delay: 0.2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(30px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 上から */

.fadeDown{
animation-name:fadeDownAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 左から */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* 右から */

.fadeRight{
animation-name:fadeRightAnime;
animation-duration:0.9s;
animation-delay:0.1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
  transform: translateX(50px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定 */
 
.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger{
    opacity: 0;
}

/*==================================================
パタッ
===================================*/


/* 下へ */
.flipDown{
animation-name:flipDownAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes flipDownAnime{
  from {
    transform: perspective(2500px) rotateX(100deg);
  opacity: 0;
  }

  to {
    transform: perspective(2500px) rotateX(0);
  opacity: 1;
  }
}


/* 左へ */
.flipLeft{
animation-name:flipLeftAnime;
animation-duration:1s;
animation-fill-mode:forwards;
perspective-origin:left center;
opacity:0;
}

@keyframes flipLeftAnime{
  from {
   transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
  opacity: 0;
  }

  to {
  transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  opacity: 1;
  }
}


/* 左上へ */
.flipLeftTop{
animation-name:flipLeftTopAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes flipLeftTopAnime{
  from {
   transform: translate(-20px,80px) rotate(-15deg);
  opacity: 0;
  }

  to {
   transform: translate(0,0) rotate(0deg);
  opacity: 1;
  }
}

/* 右へ */
.flipRight{
animation-name:flipRightAnime;
animation-duration:1s;
animation-fill-mode:forwards;
perspective-origin:right center;
opacity:0;
}

@keyframes flipRightAnime{
  from {
   transform: perspective(600px) translate3d(0, 0, 0) rotateY(-30deg);
  opacity: 0;
  }

  to {
  transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  opacity: 1;
  }
}

/* 右上へ */
.flipRightTop{
animation-name:flipRightTopAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes flipRightTopAnime{
  from {
   transform: translate(-20px,80px) rotate(25deg);
   opacity: 0;
  }

  to {
   transform: translate(0,1) rotate(0deg);
  opacity: 1;
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定 */
 
.flipDownTrigger,
.flipLeftTrigger,
.flipLeftTopTrigger,
.flipRightTrigger,
.flipRightTopTrigger{
    opacity: 0;
}

/*==================================================
くるっ
===================================*/


/* X 軸(縦へ) */
.rotateX{
  animation-name:rotateXAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
}

@keyframes rotateXAnime{
  from{
    transform: rotateX(0);
    opacity: 0;
    }
  to{
    transform: rotateX(-360deg);
    opacity: 1;
    }
}

/* Y軸(横へ) */
.rotateY{
  animation-name:rotateYAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
}

@keyframes rotateYAnime{
  from{
    transform: rotateY(0);
    opacity: 0;
    }
  to{
    transform: rotateY(-360deg);
    opacity: 1;
    }
}

/* Z 軸(左へ) */
.rotateLeftZ{
  animation-name:rotateLeftZAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
}

@keyframes rotateLeftZAnime{
  from{
    transform: rotateZ(0);
    opacity: 0;
    }
  to{
    transform: rotateZ(-360deg);
    opacity: 1;
    }
}

/* Z 軸(右へ) */
.rotateRightZ{
  animation-name:rotateRightZAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
}

@keyframes rotateRightZAnime{
  from{
    transform: rotateZ(0);
    opacity: 0;
    }
  to{
    transform: rotateZ(360deg);
    opacity: 1;
    }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定 */
 
.rotateXTrigger,
.rotateYTrigger,
.rotateLeftZTrigger,
.rotateRightZTrigger{
    opacity: 0;
}

/*==================================================
ボンッ、ヒュッ
===================================*/

/* 拡大 */
.zoomIn{
  animation-name:zoomInAnime;
  animation-duration:1.0s;
  animation-fill-mode:forwards;
}

@keyframes zoomInAnime{
  from {
  transform: scale(0.6);
  opacity: 0;
  }

  to {
    transform: scale(1);
  opacity: 1;
  }
}

/* 縮小 */
.zoomOut{
  animation-name:zoomOutAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
}

@keyframes zoomOutAnime{
  from {
  transform: scale(1.2);
  opacity: 0;
  }

  to {
    transform:scale(1);
  opacity: 1;
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定 */
 
.zoomInTrigger,
.zoomOutTrigger{
    opacity: 0;
}

/*==================================================
じわっ
===================================*/

/* ぼかしから出現 */
.blur{
  animation-name:blurAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
}

@keyframes blurAnime{
  from {
  filter: blur(10px);
  transform: scale(1.02);
  opacity: 0;
  }

  to {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定 */
 
.blurTrigger{
    opacity: 0;
}

/*==================================================
にゅーん
===================================*/

/* 滑らかに変形して出現 */
.smooth{
  animation-name:smoothAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
   transform-origin: left;
  opacity:0;
}

@keyframes smoothAnime{
  from {
  transform: translate3d(0, 100%, 0) skewY(12deg);
  opacity:0;
  }

  to {
  transform: translate3d(0, 0, 0) skewY(0);
  opacity:1;
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定 */
 
.smoothTrigger{
    opacity: 0;
}

/*==================================================
スーッ(枠線が伸びて出現)
===================================*/

/*枠線が伸びて出現*/

.lineTrigger{
  position: relative; /* 枠線が書かれる基点*/
  opacity:0;
}

.lineTrigger.lineanime{
  animation-name:lineAnimeBase;
  animation-duration:1s;
  animation-fill-mode:forwards;
}

@keyframes lineAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}

/*上下線*/
.lineTrigger::before,
.lineTrigger::after{
  position: absolute;
  content:"";
  width:0;
  height:1px;
  background:#333;/* 枠線の色*/
}

/*左右線*/
.line2::before,
.line2::after{
  position: absolute;
  content:"";
  width: 1px;
  height:0;
  background:#333;/* 枠線の色*/
}

/*上線*/
.lineTrigger::before {
  top:0;
  left:0;
}

.lineTrigger.lineanime::before {
  animation: lineAnime .5s linear 0s forwards;/*表示されて0秒後に上線が0.5秒かけて表示*/
}

/*右線*/
.line2::before{ 
  top:0;
  right:0;
}

.lineTrigger.lineanime .line2::before {
  animation: lineAnime2 .5s linear .5s forwards;/*表示されて0.5秒後に右線が0.5秒かけて表示*/
}

/*下線*/
.lineTrigger::after { 
  bottom:0;
  right:0;
}

.lineTrigger.lineanime::after {
  animation: lineAnime .5s linear 1s forwards;/*表示されて1秒後に下線が0.5秒かけて表示*/
}

/*左線*/
.line2::after{ 
  bottom:0;
  left:0;
}

.lineTrigger.lineanime .line2::after {
  animation: lineAnime2 .5s linear 1.5s forwards;/*表示されて1.5秒後に左線が0.5秒かけて表示*/
}

@keyframes lineAnime {
  0% {width:0%;}
    100%{width:100%;}
}

@keyframes lineAnime2 {
  0% {height:0%;}
    100%{height:100%;}
}

/*枠線内側の要素*/

.lineTrigger.lineanime .lineinappear{
  animation: lineInnerAnime .5s linear 1.5s forwards;/*1.5秒後に中央のエリアが0.5秒かけて表示*/
  opacity: 0;/*初期値を透過0にする*/ 
}

@keyframes lineInnerAnime{
  0% {opacity:0;}
    100% {opacity:1;}
}


/*==================================================
シャッ(背景色が伸びて出現)
===================================*/

/*背景色が伸びて出現(共通)*/
.bgextend{
  animation-name:bgextendAnimeBase;
  animation-duration:1s;
  animation-fill-mode:forwards;
  position: relative;
  overflow: hidden;/* はみ出た色要素を隠す */
  opacity:0;
}

@keyframes bgextendAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}

/*中の要素*/
.bgappear{
  animation-name:bgextendAnimeSecond;
  animation-duration:1s;
  animation-delay: 0.6s;
  animation-fill-mode:forwards;
  opacity: 0;
}

@keyframes bgextendAnimeSecond{
  0% {
  opacity: 0;
  }
  100% {
  opacity: 1;
}
}

/*左から*/
.bgLRextend::before{
  animation-name:bgLRextendAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #666;/*伸びる背景色の設定*/
}
@keyframes bgLRextendAnime{
  0% {
    transform-origin:left;
    transform:scaleX(0);
  }
  50% {
    transform-origin:left;
    transform:scaleX(1);
  }
  50.001% {
    transform-origin:right;
  }
  100% {
    transform-origin:right;
    transform:scaleX(0);
  }
}

/*右から*/
.bgRLextend::before{
  animation-name:bgRLextendAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #666;/*伸びる背景色の設定*/
}
@keyframes bgRLextendAnime{
  0% {
    transform-origin:right;
    transform:scaleX(0);
  }
  50% {
    transform-origin:right;
    transform:scaleX(1);
  }
  50.001% {
    transform-origin:left;
  }
  100% {
    transform-origin:left;
    transform:scaleX(0);
  }
}

/*下から*/
.bgDUextend::before{
  animation-name:bgDUextendAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #666;/*伸びる背景色の設定*/
}
@keyframes bgDUextendAnime{
  0% {
    transform-origin:bottom;
    transform:scaleY(0);
  }
  50% {
    transform-origin:bottom;
    transform:scaleY(1);
  }
  50.001% {
    transform-origin:top;
  }
  100% {
    transform-origin:top;
    transform:scaleY(0);
  }
}

/*上から*/
.bgUDextend::before{
  animation-name:bgUDextendAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #6ab5bb;/*伸びる背景色の設定*/
}
@keyframes bgUDextendAnime{
  0% {
    transform-origin:top;
    transform:scaleY(0);
  }
  50% {
    transform-origin:top;
    transform:scaleY(1);
  }
  50.001% {
    transform-origin:bottom;
  }
  100% {
    transform-origin:bottom;
    transform:scaleY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定 */
.bgappearTrigger,
.bgUDextendTrigger,
.bgDUextendTrigger,
.bgRLextendTrigger,
.bgLRextendTrigger{
    opacity: 0;
}


/*========= レイアウトのためのCSS ===============*/

.wrapper{
  overflow: hidden;
}

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

.box{
  width: 220px;
  padding: 20px;
    margin: 0 20px 20px 20px;
  background: #666;
  color: #fff;
  box-sizing:border-box;
}

.bgextend,
.lineTrigger{
  width: 220px;
/*  padding: 20px;

margin: 0 20px 20px 20px;*/
  box-sizing:border-box;
}



/*==================================================
アニメーション設定
===================================*/

/* アニメーションの回数を決めるCSS*/

.count2{  
  animation-iteration-count: 2;/*この数字を必要回数分に変更*/
}

.countinfinite{  
  animation-iteration-count: infinite;/*無限ループ*/
}

/* アニメーションスタートの遅延時間を決めるCSS*/

.delay-time05{  
  animation-delay: 0.5s;
}

.delay-time1{  
  animation-delay: 1s;
}

.delay-time15{  
  animation-delay: 1.5s;
}

.delay-time2{  
  animation-delay: 2s;
}

.delay-time25{  
  animation-delay: 2.5s;
}

/* アニメーション自体が変化する時間を決めるCSS*/

.change-time05{  
  animation-duration: 0.5s;
}

.change-time1{  
  animation-duration: 1s;
}

.change-time15{  
  animation-duration: 1.5s;
}

.change-time2{  
  animation-duration: 2s;
}

.change-time25{  
  animation-duration: 2.5s;
}