@charset "utf-8";

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:subpixel-antialiased;
	-moz-osx-font-smoothing:auto;
	min-height:0;
	min-width:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
}

html {
 box-sizing: border-box;
}
*, *::before, *::after {
 box-sizing: border-box;
}

html {
 font-size: 62.5%;
 min-height: 100%;
 letter-spacing: .1em;
}

img {
 vertical-align: bottom;
 border: none;
 max-width: 100%;
}

body{
 font-family: "YakuHanJP", Noto Sans JP, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, sans-serif;
 	font-feature-settings:normal;
 	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
 font-size: 1.4rem;
 line-height: 1.5;
 letter-spacing: .04em;
}
@media screen and (max-width:767px) {
 body {
  font-size: 1.3rem;
 }
}


#wp_content {
    width: 100%;
    background: url(../img/bg-content.jpg) center top repeat-x;
}



.head-ttl{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 position: relative;
	margin-bottom:20px;
}

.head-ttl-jp{
	font-size:26px;
	font-weight:500;
 color: #0080C0;
	line-height:1;
	letter-spacing:0.02em;
	vertical-align:middle;
}

.head-ttl-sub{
/*	display:inline-block;*/
 font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:500;
 color: #319531;
}

.head-ttl-sub:before{
	content:"";
	width:49px;
	height:1px;
	background:#0080C0;
	display:inline-block;
	vertical-align:middle;
	margin-left:8px;
	margin-right:9px;
}

.head-ttl.fc-white .head-ttl-en,
.head-ttl.fc-white .head-ttl-sub{
	color:#fff;
}

.head-ttl.fc-white .head-ttl-sub:before{
	background: #fff;
}

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

.head-ttl{
	margin-bottom:15px;
}

.head-ttl-jp{
	font-size:20px;
}

.head-ttl-sub{
	font-size:12px;
}

.head-ttl-sub:before{
	width:20px;
}

}






/*-------------------------------------------------

	 header

-------------------------------------------------*/

.header-above{
 background-color: #F2F2F2;
 	border-top:2px solid #0080FF;
	border-bottom:1px solid #ddd;
}

.header-above-inner {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 width: calc(100% - 50px);
 max-width: 1000px;
 margin: 0 auto;
 padding: 7px 0;
}

.header-above h1{
 font-size: 10px;
letter-spacing: 0.06em;
 line-height: 1;
}

.header-above .site-real a{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

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

 .header-above,
 .head-menu{
 display: none;
}
 
}


.head-menu ul{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.head-menu li{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 line-height: 1;
}

.head-menu li a{
 font-size: 12px;
}

.head-menu li::after{
 content: "│";
 color: #ccc;
}

.head-menu li:last-child::after{
 display: none;
}

.head-other{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
 margin-top: 5px;
}

.head-other .sns-tw,
.head-other .sns-fb,
.head-other .sns-isg{
 height: 20px;
 z-index: 999;
}

.head-other .sns-tw{
 width: 75px;
}

.head-search,
 .head-other .sns-fb,
.head-other .sns-isg{
 margin-left: 15px;
}

.head-other .sns-isg img{
 vertical-align: top;
}

.head-search {
    width: 137px;
    height: 20px;
    background-color:  #fff;
}

.head-search form{
 margin: 0;
 padding: 0;
}

.head-search input{
 width: 100%;
 height: 20px;
 padding:0 10px 0 5px;
 border: 1px solid #ccc;
 border-right: none;
 line-height: 1;
 font-size: 12px;
}

.head-search,
.head-search form,
.head-search-btn{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*.head-search-btn {
    width: 30px;
    height: 20px;
    display: block;
}*/

#searchbtn {
    width: 30px;
    height: 20px;
    border: none;
    cursor: pointer;
}

.sp.-show .g-header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100;
}

.g-header-inner{
	position:relative;
	width:100%;
	margin:auto;
}

.g-header{
	transform:translateY(0);
	transition:all 0.25s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.head-nav{
	display:flex;
	align-items:center;
	justify-content:space-between;
 width: calc(100% - 50px);
 max-width: 1000px;
 margin: 0 auto;
 padding: 15px 0;
}

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

 .head-nav{
 width: calc(100% - 30px);
 padding: 15px 0;
}

 
}




.scroll-down .g-header:not(.-show) {
	transform: translateY(-60px);
}

.scroll-y-end .g-header:not(.-show) {
	transform: translateY(0);
}

.g-logo{
 margin-right: 25px;
	z-index:15;
}

.g-logo img{
 vertical-align: bottom;
}

.g-logo img{
 width: 330px;
 height: 34px;
}

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

 .g-logo img{
 width: 252px;
 height: 26px;
}
 
}

@media screen and (min-width:768px) , print {

 .g-logo{

 margin-right: 25px;
}

 .g-logo img{
 max-width: 100%;
}
 
}


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

 .g-logo-menu {
  display: none;
}
 
 .g-logo img,
 .g-logo-menu img{
 width: 235px;
  height: 25px;
}

}

.-show .g-logo-menu {
  display: block;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 30;
}


.-fixed .g-header{
	transform:translateY(-100%);
}

.-show .g-navigation{
	pointer-events:auto;
}

.g-navigation{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	box-sizing:border-box;
	pointer-events:none;
	z-index:20;
}

.g-navigation-inner{
	width:100%;
	height:100%;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling:touch;
	opacity:0;
	transition:all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.sp .g-navigation-inner{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	justify-content:center;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 width: 84%;
 margin: auto;
}

.sp.-show .g-navigation-inner{
	opacity:1;
}

.g-navigation li{
	opacity:0;
	transform:translateY(-20px);
	transition:all 0.3s cubic-bezier(0.17, 0.84, 0.44, 1);
}

.-show .g-navigation li{
	opacity:1;
	transform:translateY(0);
	transition:all 0.3s cubic-bezier(0.17, 0.84, 0.44, 1);
}


@media screen and (min-width:768px) , print {

 .g-nav-sub,
 .g-nav-sns{
  display: none;
 }
 
}

.g-nav-sub{
 margin-top: 15px;
 border-top: 1px solid rgba(255,255,255,.5);
}

.g-nav-sns{
 padding-top: 25px;
 border-top: 1px solid rgba(255,255,255,.5);
}

.g-nav-sub a{
 color: #fff;
 font-weight: 500;
 text-decoration: none;
 line-height: 1;
 font-size: 12px;
}

.g-nav-sns .sns-fb{
 margin-right: 15px;
 margin-left: 15px;
}


.g-nav-sub ul{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.g-nav-sub li{
 width: 45%;
 padding: 10px 0;
 text-align: center;
}

.g-nav-sns{
 width: 100%;
 z-index: 30;
}

 .g-nav-sns-inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.g-nav-sns img{
 vertical-align: top;
}

/*-------------------------------------------------

	 navi

-------------------------------------------------*/

.g-nav ul{
 max-width: 1000px;
 margin: 0 auto;
}

.g-nav li {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}

.g-nav a{
 width: 100%;
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
 position: relative;
 font-weight: 500;
 color: #fff;
 text-align: center;
 text-decoration: none;
 line-height: 1;
}



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

 .g-nav li {
 width: 16.6666666667%;
}
 
.g-nav a{
	padding:20px 5px;
 font-size: 15px;
}

}

@media screen and (min-width: 850px) and (max-width:1024px) {

.g-nav a{
	padding:20px 15px;
 font-size: 15px;
}

}

@media screen and (min-width: 768px) and (max-width:849px) {

.g-nav a{
	padding:20px 10px;
 font-size: 14px;
}

}

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

.scroll-down .g-header{
	transform:translateY(-100px);
}

.scroll-y-end .g-header{
	transform:translateY(0);
}

.scroll-down .g-header:not(.-show){
	transform:translateY(-100px);
}

.scroll-y-end .g-header:not(.-show){
	transform:translateY(0);
}

.g-header.-show{
	transform:translateY(0) !important;
}
 
.g-nav ul{
	position:relative;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	justify-content:center;
	z-index:2;
}

.g-nav li{
	position:relative;
	overflow:hidden;
}

.-show .g-nav ul{
	z-index:1;
}

  .g-nav{
 width: 100%;
  background: -webkit-linear-gradient(180deg, rgba(21, 138, 254, 1), rgba(3, 106, 209, 1));
 background: linear-gradient(180deg, rgba(21, 138, 254, 1), rgba(3, 106, 209, 1));
 background-clip: border-box;
}

.g-nav a:hover{
	  background: -webkit-linear-gradient(180deg, rgba(28, 177, 254, 1), rgba(4, 142, 225, 1));
 background: linear-gradient(180deg, rgba(28, 177, 254, 1), rgba(4, 142, 225, 1));
 background-clip: border-box;
}

 .g-nav a::before{
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 margin-top: auto;
 margin-bottom: auto;
 width: 1px;
 height: 20px;
 background-color: rgba(255,255,255,.5);
}

.g-nav li:last-child a::after{
 content: "";
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 margin-top: auto;
 margin-bottom: auto;
 width: 1px;
 height: 20px;
 background-color: rgba(255,255,255,.5);
}
 
}


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

.g-nav{
	position:relative;
	margin:0;
	padding:0 15px;
}

.g-nav ul,
.g-nav li{
	display:block;
}

.g-nav a::after{
	color:#fff;
}

.g-nav a{
	position:relative;
	display:block;
	padding:12px 0;
	font-size:16px;
	color:#fff;
	text-align:center;
}

}


/*-------------------------------------------------

	 toggle

-------------------------------------------------*/


.menu-toggle{
	position:absolute;
	right:15px;
	top:5px;
	z-index:30;
	cursor:pointer;
}

.menu-toggle p{
	position:relative;
	height:30px;
	width:25px;
	display:block;
	overflow:hidden;
	transition: all 0.5s ease;
	margin:0 auto;
}

.menu-toggle p span,
.menu-toggle p span:before,
.menu-toggle p span:after{
	position:absolute;
	display:block;
	height:2px;
	width:25px;
	background:#0080C0;
	text-indent:-200px;
	transition:all 0.25s ease;
}

.menu-toggle p span{
	top:20px;
	left:0;
	transform-origin:center 15px;
}

.menu-toggle p span:before,
.menu-toggle p span:after{
	content:"";
	transform-origin:center center;
}

.menu-toggle p span:before{
	top:-8px;
}

.menu-toggle p span:after{
	top:8px;
}

.-show .menu-toggle p span,
.-show .menu-toggle p span:before,
.-show .menu-toggle p span:after{
	background-color:#fff;
}

.-show .menu-toggle p span{
	width:0;
	left:-10px;
	transform:translateX(10px);
	transition:all 0.2s ease;
}

.-show .menu-toggle p span:before{
	transition:all 0.2s ease 0s;
	transform:rotate(45deg) translate(5px, 5px);
}

.-show .menu-toggle p span:after{
	transition:all 0.2s ease;
	transform:rotate(-45deg) translate(6px, -6px);
	width:25px;
}


/*-------------------------------------------------

	 overlay

-------------------------------------------------*/


.overlay{
	position:fixed;
	height:100vh;
	width:100%;
	top:0;
	right:0;
	background: -webkit-linear-gradient(180deg, rgba(21, 138, 254, 1), rgba(3, 106, 209, 1));
 background: linear-gradient(180deg, rgba(21, 138, 254, 1), rgba(3, 106, 209, 1));
 background-clip: border-box;
	transition:all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
	pointer-events:none;
	z-index:15;
	opacity:0;
}

.-show .overlay{
	opacity:1;
}




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

.g-header{
	display:flex;
	justify-content:space-between;
	background-color:#fdfdfd;
	background:rgba(255,255,255,0.9);
 }
 

.g-logo-menu,
.menu-toggle{
	display:none;
}
 
.g-navigation{
	position:relative;
	width:100%;
	height:auto;
	pointer-events:auto;
	text-align:right;
}

.g-navigation-inner{
	position:relative;
	height:auto;
	width:auto;
	overflow-y:visible;
	opacity:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
}

.g-navigation li{
	opacity:1;
	transform:translateY(0);
}

.g-header-inner .overlay{
	display:none;
}

}

.pr-bnr{
  width: calc(100% - 50px);
 max-width: 1000px;
 margin: 50px auto 0;
 padding-top: 50px;
 border-top: 1px solid #ccc;
}

.pr-bnr ul{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width:768px) , print {

 .pr-bnr li{
 width: 23.5%;
}

.pr-bnr li:nth-child(n+2){
 margin-left: 2%;
}

}


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

 .pr-bnr{
  width: calc(100% - 30px);
 margin: 25px auto 0;
 padding-top: 25px;
}

 .pr-bnr li{
 width: 48%;
}

.pr-bnr li:nth-child(even){
 margin-left: 4%;
}

.pr-bnr li:nth-child(n+3){
 margin-top: 15px;
}

}



#list-banner{
 width: calc(100% - 50px);
 max-width: 1000px;
 margin: 0 auto;
}

.wrp{
 width: calc(100% - 50px);
 max-width: 1000px;
 margin: 0 auto;
}

.wrp *{
word-break: break-word;
}

.wrp.wrp-top{
 padding-top: 40px;
}

@media screen and (min-width:768px) , print {

 .wrp-inner{
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

  .wrp-left{
 flex: 1;
}

.wrp-right{
 width: 230px;
 margin-left: 30px;
}

}

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

 .wrp{
 width: calc(100% - 30px);
}
 .wrp.wrp-top{
 padding-top: 25px;
}

}




.topics{
 padding: 0 15px;
 background-color: #fff;
 border: 1px solid #ccc;
}

.topics li{
 padding: 20px 0;
}

.topics li:nth-child(n+2){
 border-top: 1px dashed #ccc;
}

.topics li a{
 position: relative;
 display: block;
 padding-left: 15px;
 font-size: 13px;
}

.topics li a::before,
.topics li a::after{
	content:"";
 display: block;
	position:absolute;
	top:5px;
	left:0;
	vertical-align:middle;
}

.topics li a::before{
	width:11px;
	height:11px;
	background:#319531;
	border-radius:50%;
}

.topics li a::after{
	left:3px;
 top: 9px;
	width:3px;
	height:3px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}



 .pickup-ex{
 margin-top: 25px;
}

.pickup-ex dl{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}



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

.pickup-ex{
 margin-top: 15px;
}

}


.pickup,
.tarea{
 margin-top: 50px;
}

.pickup-ex a,
.pickup li a{
 display: block;
 border: 1px solid #ccc;
 text-decoration: none;
}

.pickup h3{
 position: relative;
 padding-left: 23px;
 font-size: 18px;
 font-weight: 500;
 line-height: 1;
}

.pickup h3::before,
.pickup h3::after{
	content:"";
 display: block;
	position:absolute;
	top:3px;
	left:0;
	vertical-align:middle;
}

.pickup h3::before{
	width:16px;
	height:16px;
	background:#319531;
	border-radius:50%;
	-webkit-border-radius:50%;
}

.pickup h3::after{
	left:5px;
 top: 9px;
	width:4px;
	height:4px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

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

 .pickup h3::before{
	top:0;
 }
 
  .pickup h3::after{
	top:5px;
 }
 
 .pickup h3::before{
	width:14px;
	height:14px;
}
 
}


.pickup dd p{
 margin-top: 10px;
 font-size: 12px;
}

@media screen and (min-width:768px) , print {

 .pickup ul{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.pickup li{
 width: 30%;
}

 .pickup dd{
 padding: 15px;
}

.pickup-ex dt{
 width: 300px;
}

.pickup-ex dd{
 flex: 1;
}

}


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

  .pickup li:nth-child(n+2){
  margin-top: 15px;
 }
 
  .pickup-ex a,
 .pickup li a{
  padding: 10px;
 }
 
 .pickup li dl{
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
 }
 
 .pickup dt{
  width: 200px;
 }
 
  .pickup dd{
 padding-left: 10px;
}
 
 .pickup h3{
  font-size: 14px;
 }
 
}



#tabs, #tab01Box, #tab02Box, #tab03Box, #tab04Box {
 width: 100%;
}

.wp_article *{
 box-sizing: border-box;
}

.wp_article{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 width: 100%;
}

.wp_article .box{
 float: none;
 margin: 0;
 height: inherit;
}

.wp_article .box_in{
 width: 100%;
}

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

.wp_article dt,
.wp_article dd{
 line-height: 1;
 padding: 3px 5px;
}

.wp_article dl{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wp_article dt,
.wp_article dd{
 height: inherit;
 padding: 5px;
}

.wp_article dt{
 width: 45px;
 border: none;
}
.wp_article dd{
 flex: 1;
}

.wp_article dd{
 border-top:none;
 border-right: none;
}

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

 .wp_article dt,
.wp_article dd{
 padding: 2px;
 font-size: 9px;
}
 
 
.wp_article dt{
 width: 30px;
 }
 
}


@media screen and (min-width:1025px) , print {

 .wp_article .box{
 width: 32%;
 margin-right: 2%;
}
 
 .wp_article .box:nth-child(3n){
  margin-right: 0;
 }

 .wp_article .box:nth-child(n+4){
  margin-top: 15px;
 }
 
}

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

  .wp_article .box{
 width: 48%;
 margin-right: 4%;
}
 
  .wp_article .box:nth-child(even){
  margin-right: 0;
 }

 .wp_article .box:nth-child(n+3){
  margin-top: 15px;
 }

 
}

.wp_article p {
    clear: both;
    line-height: 1.5;
    padding-top: 7px;
    font-size: 13px;
 font-weight: 700;
}



.bnr-list li{
 position: relative;
 padding: 1px;
 /*background-color: #fff;*/
 background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(231, 231, 231, 1));
background: linear-gradient(180deg,
rgba(255, 255, 255, 1),
rgba(231, 231, 231, 1));
    background-clip: border-box;
background-clip: border-box;
 border: 1px solid #ccc;
}



.bnr-list dl{
 padding: 18px 15px;
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bnr-list dd{
 margin-left: 15px;
}

.bnr-list p{
  font-size: 18px;
font-weight: 700;
 color: #5f5f5f;
 line-height: 1;
}

.bnr-list dd a{
   font-size: 14px;
}

.td-n,
.td-n a{
 text-decoration: none !important;
}


.bnr-glass{
}

.bnr-routemap dl{
  padding: 10px 15px;
}

.bnr-routemap p{
 color: #209375;
 font-size: 30px;
}

.bnr-routemap p span{
 display: block;
 font-size: 14px;
  color: #209375;
}

.bnr-list li .sub-link{
 position: absolute;
}


@media screen and (min-width:768px) , print {

 .bnr-list li:nth-child(n+2){
 margin-top: 15px;
}

 .bnr-list li .sub-link{
 top: 45px;
 left: 65px;
 font-size: 13px;
}

.bnr-list li.bnr-routemap .sub-link{
 top: 60px;
 left: 105px;
}
 
}




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

 .wrp-right{
  margin-top: 25px;
  padding-top: 25px;
 border-top: 1px solid #ccc;
 }
 
 .bnr-list{
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 }
 
  .bnr-list li{
   width: 47.5%;
 }
 
   .bnr-list li:nth-child(even){
    margin-left: 5%;
 }
 
   .bnr-list li:nth-child(n+3){
    margin-top: 15px;
 }

  .bnr-list li .sub-link{
 bottom: 15%;
 left: 29%;
 font-size: 12px;
}

.bnr-list li.bnr-routemap .sub-link{
 bottom: 5%;
 left: 40%;
}
 
}

#tabs ul{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;

}

/*#tabs li{
 width: 20%;
}
*/
#tabs li#tab01,
#tabs li#tab02,
#tabs li#tab03,
#tabs li#tab04{
height:inherit;
 border-radius: 4px 4px 0 0;
}

#tab01Box, #tab02Box, #tab03Box, #tab04Box {
 padding-top: 15px;
 border-top-width: 5px;
}

#tabs li a{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
 /*padding: 15px 5px;*/
 /*border-radius: 4px 4px 0 0;*/
 /*color: #fff;*/
 font-weight: 500;
 font-size: 14px;
 text-decoration: none;
 text-align: center;
 line-height: 1;
 height: 100%;
}

#tabs li a .stfilter{
 padding: 10px;
}

#tabs li#tab01{
 background: #CC5B39;
}

#tabs li#tab02{
 background: #8F8F2F;
}

#tabs li#tab03{
 background: #1F8CA3;
}

#tabs li#tab04{
 background: #CC8626;
}

@media screen and (min-width:768px) , print {


 #tabs li:hover{
  opacity: .7;
 }
 
 #tabs li a br{
  display: none;
 }

}


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

 #tabs li#tab01,
#tabs li#tab02,
#tabs li#tab03,
#tabs li#tab04{
 margin: 0;
}
 
 #tabs ul{
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
 }
 
/*  #tabs li{
  width: 23%;
 }*/

 #tabs li a{
 /*padding: 10px 2px;*/
 font-size: 12px;
}

}


.footer{
 position: relative;
 margin-top: 137px;
 padding: 25px 0;
 background-color: #eee;
}

.footer::before{
 content: "";
 position: absolute;
 top: -87px;
 display: block;
 width: 100%;
 height: 87px;
 background-image:url(../img/bg_footer.gif);
 background-repeat: no-repeat;
 background-position: center top;
}

.footer-inner{
      width: calc(100% - 50px);
    max-width: 1000px;
    margin: 0 auto;
}

.footer ul{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -ms-flex-wrap: wrap;
  flex-wrap: wrap;
padding:8px 20px;
background-color:#fff;
border:1px solid #d4d4d4;
border-radius: 4px;  
}

.footer li{
 font-size: 12px;
}

.footer li:nth-child(n+2)::before{
 content: "│";
}

.footer  p{
 margin-top: 10px;
 font-size: 12px;
}

.footer-logo{
 padding-top: 25px;
 padding-bottom: 25px;
 border-bottom: 1px solid #ccc;
}

.footer-profile{
 padding-top: 15px;
 border-top: 1px solid #fff;
}

.footer-link{
 margin-top: 25px;
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.footer em{
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
 font-size: 10px;
 font-style: normal;
 text-align: center;
}

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

 .footer{
 margin-top: 100px;
 padding: 0 0 25px;
}

 .footer-inner{
      width: calc(100% - 30px);
}

 .footer ul{
  display: none;
 }
 
 .footer em{
  	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  margin-top: 10px;
  font-size: 9px;
}
 
}











/*	 scrooll top
------------------------*/

#scroolltop{
	position:fixed;
	right:10px;
	bottom:10px;
	border-radius:50%;
	background:#0080C0;
	color:#fff;
	font-size:110%;
	text-align:center;
	text-decoration:none;
	z-index:1000;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	transform:scale(0);
}

#scroolltop:hover{
	opacity:0.8;
	text-decoration:none;
}

#scroolltop.show{
	transform:scale(1);
	-webkit-transform:translateZ(1);
}

a#scroolltop{
	display:block;
}

#scroolltop:before,
#scroolltop:after{
	position:absolute;
	left:50%;
	content:"";
	width:0;
	height:0;
}

#scroolltop:before{
	top:50%;
}

#scroolltop:after{
	top:50%;
	z-index:-1;
}

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

#scroolltop{
	width:45px;
	height:45px;
}

#scroolltop:before,
#scroolltop:after{
	margin-left:-6px;
	border:5px solid transparent;
}

#scroolltop:before{
	margin-top:-8px;
	border-bottom:5px solid #0080C0;
}

#scroolltop:after{
	margin-top:-9px;
	border-bottom:5px solid #fff;
}

}

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

#scroolltop{
	width:30px;
	height:30px;
}

#scroolltop:before,
#scroolltop:after{
	margin-left:-5px;
	border:5px solid transparent;
}

#scroolltop:before{
	margin-top:-6px;
	border-bottom:5px solid #0080C0;
}

#scroolltop:after{
	margin-top:-8px;
	border-bottom:5px solid #fff;
}

}



/*---------------------
	 button
---------------------*/

.btn,
.btn > a,
.btn > p,
.btn > a::after,
.btn > p::after{
	border-radius:4px;
}

.btn > a{
 text-decoration: none;
}

.btn{
	/*text-align:center;*/
}

.btn > a,
.btn > p{
	/*display:block;*/
	position:relative;
 display: inline-block;
	/*width:100%;*/
	 background: -moz-linear-gradient(top, #fff, #ddd);
  background: -webkit-linear-gradient(top, #fff, #ddd);
  background: linear-gradient(to bottom, #fff, #ddd);
	font-weight:500;
	color:#12a749;
	line-height:1;
	overflow:hidden;
}

.btn > a::before,
.btn > a::after,
.btn > p::before,
.btn > p::after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



.btn > a::before,
.btn > p::before{
	opacity:0;
	z-index:10;
	 background: -moz-linear-gradient(top, #3CB53C, #319531);
  background: -webkit-linear-gradient(top, #3CB53C, #319531);
  background: linear-gradient(to bottom, #3CB53C, #319531);
	-webkit-transition:opacity cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
	transition:opacity cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
}

.btn > a::after,
.btn > p::after{
	z-index:20;
	border:1px solid #ccc;
}

.btn span{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	justify-content:center;
	position:relative;
	z-index:30;
}

.btn span::after{
	content:"";
	display:inline-block;
	width:8px;
	height:8px;
	margin-left:10px;
	border-top:2px solid #319531;
	border-right:2px solid #319531;
	-webkit-transition:.5s;
	transition:.5s;
	-webkit-transform:translate(-12.5%,0) rotate(45deg);
	transform:translate(-12.5%,0) rotate(45deg);
}


.btn.btn-sm span::after{
	width:6px;
	height:6px;
	margin-left:5px;
}


.btn.btn-pdf > a span::before{
 content:"";
 display: block;
 width: 14px;
 height: 16px;
 margin-right: 10px;
 background-image: url("../img/icon_pdf.png");
 background-repeat: no-repeat;
 top: 50%;
 left: 15px;
}

.btn.btn-pdf span::after{
 display: none;
}


.item-menedael .btn > a{color:#6DB131;}
.item-menedael .btn > a::before{background-color:#6DB131;}
.item-menedael .btn > a::after{border:2px solid #6DB131;}
.item-menedael .btn span::after{border-top:2px solid #6DB131; border-right:2px solid #6DB131;}



.item-standard-culture .btn > a,
.item-standard-biomaster .btn > a,
.item-standard-biomaster40 .btn > a{color:#00959a;}
.item-standard-culture .btn > a::before,
.item-standard-biomaster .btn > a::before,
.item-standard-biomaster40 .btn > a::before{background-color:#00959a;}
.item-standard-culture .btn > a::after,
.item-standard-biomaster .btn > a::after,
.item-standard-biomaster40 .btn > a::after{border:2px solid #00959a;}
.item-standard-culture .btn span::after,
.item-standard-biomaster .btn span::after,
.item-standard-biomaster40 .btn span::after{border-top:2px solid #00959a; border-right:2px solid #00959a;}




.head-ttl .btn{
 position: absolute;
 right: 0;
}


@media screen and (min-width:768px), print {
 
 .btn > a,
 .btn > p {
  padding: 10px 15px;
  font-size: 1.5rem;
 }
 
.btn.btn-lg > a,
.btn.btn-lg > p {
  padding: 10px 15px;
  font-size: 1.5rem;
 }
  
.btn.btn-sm > a,
.btn.btn-sm > p {
  padding: 10px 10px;
  font-size: 1.3rem;
 }
 
 
 .btn > a:hover span {
  color: #fff;
 }
 
 .btn > a:hover::before {
  opacity: 1;
 }
 
.btn > a:hover span::after,
.btn > p:hover span::after{
	border-top-color:#fff;
	border-right-color:#fff;
}

}


@media screen and (max-width:767px) {
 
 .btn > a,
 .btn > p {
  padding: 10px 15px;
 }

.btn.btn-sm > a,
.btn.btn-sm > p {
  padding: 5px;
  font-size: 1.2rem;
 }
 
 
}