@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,em,strong,th {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	text-align: left;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img,fieldset {
	border: 0;
	-webkit-backface-visibility: hidden;
}

li {
	list-style-type: none;
}

img {
	vertical-align: top;
}

/*IE6*/
* html img{
	vertical-align: bottom;
}
/*IE7*/
*:first-child+html img{
	vertical-align: bottom;
}

a{
	outline:none;	
}

/* Fonts
------------------------------------------------------------*/
body {
	font-size: 75%; /* IE */
	font-family: 'Noto Sans JP' , "qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
	/*
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;*/
  color: #333;
	-webkit-text-size-adjust: 100%;
}
html>/**/body {
	font-size: 12px; /* Except IE */
}

/* clearfix
------------------------------------------------------------*/
.cf:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}  

* html .cf { zoom: 1; } /* IE6 */  
*:first-child+html .cf { zoom: 1; } /* IE7 */  


.ani_none,
.ani_none > *,
.ani_none:before,
.ani_none:after{
	transition:none !important;
	-webkit-transition:none !important;
	-moz-transition:none !important;	
}


/*------------ 初期設定 ------------*/
p {
	color: #333;
	line-height: 1.7;	
}

/*------------ 全体 ------------*/
html.active,
body.active {
  width:100%;
  height:100%;
  overflow:hidden;
  margin-bottom:1px;
  padding-bottom:1px;
}

._hover,
.link-area{
	opacity:1;
	transition: all 0.4s;
}

._hover:hover{
	opacity:0.7;
}

.link-area:hover{
  filter:drop-shadow(0.2rem 0.2rem 0.8rem rgba(0,0,0,0.2))
}


/*------------ HEADER ------------*/

body{
  padding-top:65px; 
}

header{
  position:fixed;
  width:100%;
  height:64px;
  left:0;
  top:0px;
  border-bottom:solid 1px #ddd;
  background:#FFF;
  z-index:20;
} 

header .header_inner{
  max-width:1140px;
  margin:0 auto;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 10px;
  box-sizing:border-box;
}

header .header_inner p.logo{
  padding-top:9px; 
}

header .header_inner p.logo a{
  color: #333;
  text-decoration:none;
}

header .header_inner p.logo span{
  display:block;
  font-size:10px;
  font-weight:700;
  padding-top:3px; 
}


.sp{
	display:none;
}

.tab{
  display:none; 
}


@media screen and (max-width: 1000px) {
  #btn_menu{
    position:absolute;
    top:17px;
    right:20px;
    width:24px;
    height:17px;
    display:block;
    cursor:pointer;
    z-index:11;
    background:#FFF;
  }
  
  #btn_menu span {
    display: block;
    background: #5666be;
    width:100%;
    height:3px;
    position: absolute;
    left:50%;
    transform:translateX(-50%);
    transition: all 0.4s;
  }
  
  #btn_menu span:first-child {
    top:0vw;
  }
  #btn_menu span:nth-child(2) {
    top:50%;
    transform:translate(-50%,-50%);
  }
  #btn_menu span:nth-child(3) {
    top:auto;
    bottom:0;
  }
  #btn_menu.active span:first-child {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%) rotate(45deg) ;      
  }
  #btn_menu.active span:nth-child(2) {
      opacity: 0;
  }
  #btn_menu.active span:nth-child(3) {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%) rotate(-45deg) ;
  }
  
  #btn_menu span.txt {
    display: block;
    background:none;
    width:100%;
    height:auto;
    position: absolute;
    left:50%;
    transform:translateX(-50%);
    font-size:10px;
    color: #5666be;
    bottom:-17px;
    font-weight:700;
    margin-left:-3px;
  }
}

@media screen and (max-width: 900px) {
  body,
  body.top.active{
    padding-top:110px; 
  }
  
  body.top {
    padding-top: 50px;
  }
  
  .tab{
    display:block !important; 
  }
}

@media screen and (max-width: 767px) {
	
  body.top {
    padding-top: 14.93vw;
  }
  
  body.active,
  html.active{
    overflow:hidden; 
    height:100%;
    width:100%;
  }
  
  img{
    width:100%;
    height:auto; 
  }
  
	.sp{
		display:block;
	}
	
	.pc{
		display:none;	
	}
	
	body ,
	html{
		width:100%;
		min-width:100%;
		overflow-x:hidden;
	}	
  
  body{
    padding-top:26.93vw; 
  }
  
  header{
    width:100%;
    background:#FFF;
    position:fixed;
    left:0;
    top:0;
    height:14.93vw;
    border-bottom:solid 0.26vw #ddd; 
    z-index:10;
  }
  
  header .inner{
    max-width:100%;
    padding:0 4.26vw;
  }
  
  header h1{
    padding-top:3.73vw;
  }
  
  header h1 img{
    width:19.2vw; 
  }
  
  
  header h1 span{
    font-size:3.2vw;
    left:21.86vw;
    top:5.5vw;
  }
  
  header .inner ul{
    display:none;
  }
  
  
  
  header .header_inner{
    max-width:100%;
    padding:0;
  }
  
  header .header_inner p.logo{
    padding-top:3.7vw;
    padding-left:4.26vw;
    position:relative;
    width:50vw;
  }
  
  header .header_inner p.logo img{
    width:19.2vw;
    height:7.46vw; 
  }
  
  header .header_inner p.logo span{
    display:block;
    font-size:3.2vw;
    padding-top:0;
    position:absolute;
    top:4.7vw;
    left:25.56vw;
  }
  
  #btn_menu{
    position:absolute;
    top:3.73vw;
    right:5.3vw;
    width:6.4vw;
    height:4.53vw;
    display:block;
    cursor:pointer;
    z-index:11;
    background:#FFF;
  }
  
  #btn_menu span {
    display: block;
    background: #5666be;
    width:100%;
    height:0.8vw;
    position: absolute;
    left:50%;
    transform:translateX(-50%);
    transition: all 0.4s;
  }
  
  #btn_menu span:first-child {
    top:0vw;
  }
  #btn_menu span:nth-child(2) {
    top:50%;
    transform:translate(-50%,-50%);
  }
  #btn_menu span:nth-child(3) {
    top:auto;
    bottom:0;
  }
  #btn_menu.active span:first-child {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%) rotate(45deg) ;      
  }
  #btn_menu.active span:nth-child(2) {
      opacity: 0;
  }
  #btn_menu.active span:nth-child(3) {
    top:50%;
    left:50%;
    transform: translate(-50%,-50%) rotate(-45deg) ;
  }
  
  #btn_menu span.txt {
    display: block;
    background:none;
    width:100%;
    height:auto;
    position: absolute;
    left:50%;
    transform:translateX(-50%);
    font-size:2.8vw;
    color: #5666be;
    bottom:-4.4vw;
    font-weight:700;
    margin-left:-0.8vw;
  }
}

header .header_inner > nav{
  max-width:863px;
  border-radius:0;
  border-radius: 0;
  background: #fff;
  box-shadow:none; 
  /*padding: 0;*/
  padding-bottom:0px; 
}

header .header_inner > nav > ul{
  display:flex;
}

header .header_inner > nav > ul > li{
  margin-right:15px;
  width:102px;
}

header .header_inner > nav > ul > li:last-child{
  width:115px;
}

header .header_inner > nav > ul > li > a{
  display:flex; 
  position:relative;
  padding-left:40px;
  font-weight: 700;
  font-size: 12px;
  text-align: left;
  color: #333;
  text-decoration:none;
  line-height:1.2;
  height:64px;
  align-items:center;
}

header .header_inner > nav > ul > li > a > img{
  position:absolute;
  left:4px;
  top:50%;
  transform:translateY(-50%); 
}

header .header_inner > nav > ul > li:nth-child(2) > a > img{
  left:3px; 
}
header .header_inner > nav > ul > li:nth-child(6) > a > img{
  left:8px; 
}
header .header_inner > nav > ul > li:nth-child(7) > a > img{
  left:12px; 
}
header .header_inner > nav > ul > li:nth-child(8) > a > img{
  left:3px; 
}


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

}

@media screen and (max-width: 1000px) {
  body header .header_inner > nav{
    display:block;
    left:100vw;
    position:fixed;
    top:64px;
    max-width:100%;
    height:calc(100vh - 64px);
    overflow-y:scroll;
    transition: all 0.4s;
  }
  
  body header .header_inner > nav.active{
    left:0; 
  }
  
  header .header_inner > nav > ul > li .pc{
    display:none;
  } 
  
  header .header_inner > nav > ul{
    display:block;
    margin-top:30px;
  }
  
  
  header .header_inner > nav > ul > li{
    margin-right:0;
    width:100%;
    padding:0 25px;
    margin-bottom:15px;
    box-sizing:border-box;
  }
  
  header .header_inner > nav > ul > li:last-child{
    width:100%;
  }
  
  header .header_inner > nav > ul > li > a{
    font-size: 14px;
    height:auto;
    padding:10px 0 10px 40px;
    position:relative;
    width:100%;
    box-sizing:border-box;
  }
  
  header .header_inner > nav > ul > li > a > img{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%); 
    width:29px;
    height:auto;
  }
  
  header .header_inner > nav > ul > li:nth-child(2) > a > img{
    left:0; 
    width:32px;
  }
  header .header_inner > nav > ul > li:nth-child(3) > a > img{
    left:0; 
    width:30px;
  }
  header .header_inner > nav > ul > li:nth-child(4) > a > img{
    left:0;
    width:32px; 
  }
  header .header_inner > nav > ul > li:nth-child(5) > a > img{
    left:0; 
    width:32px;
  }
  
  header .header_inner > nav > ul > li:nth-child(6) > a > img{
    left:5px;
    width:21px;
  }
  header .header_inner > nav > ul > li:nth-child(7) > a > img{
    left:7px;
    width:18px; 
  }
  header .header_inner > nav > ul > li:nth-child(8) > a > img{
    left:0; 
    width:32px;
  }  
  
  header .header_inner > nav > ul > li > a:after{
    content:"";
    display:block;
    background:url(../images/common/icon_btm_b.svg) no-repeat left top;
    background-size:100%;
    width:12px;
    height:8px;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    transition: all 0.4s;
  }
  
  header .header_inner > nav > ul > li > a.active:after{
    transform:translateY(-50%) rotate(-180deg); 
  }
}

@media screen and (max-width: 767px) {
  body header .header_inner > nav{
    display:block;
    left:100vw;
    position:fixed;
    top:0;
    max-width:100%;
    height:calc(100vh - 14.93vw);
    overflow-y:scroll;
    transition: all 0.4s;
  }
  
  body header .header_inner > nav.active{
    left:0; 
  }
  
  header .header_inner > nav > ul{
    display:block;
    margin-top:6.4vw;
  }
  
  header .header_inner > nav > ul > li{
    margin-right:0;
    width:100%;
    padding:0 6.4vw;
    margin-bottom:5vw;
    box-sizing:border-box;
  }
  
  header .header_inner > nav > ul > li:last-child{
    width:100%;
  }
  
  header .header_inner > nav > ul > li > a{
    font-size: 3.73vw;
    height:auto;
    padding:1.3vw 0 1.3vw 10.6vw;
    position:relative;
    width:100%;
    box-sizing:border-box;
  }
  
  header .header_inner > nav > ul > li > a > img{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%); 
    width:7.73vw;
    height:auto;
  }
  
  header .header_inner > nav > ul > li:nth-child(2) > a > img{
    left:0; 
    width:8.53vw;
  }
  header .header_inner > nav > ul > li:nth-child(3) > a > img{
    left:0; 
    width:8vw;
  }
  header .header_inner > nav > ul > li:nth-child(4) > a > img{
    left:0;
    width:8vw; 
  }
  header .header_inner > nav > ul > li:nth-child(5) > a > img{
    left:0; 
    width:8.53vw;
  }
  
  header .header_inner > nav > ul > li:nth-child(6) > a > img{
    left:1.6vw;
    width:5.6vw;
  }
  header .header_inner > nav > ul > li:nth-child(7) > a > img{
    left:1.6vw;
    width:4.8vw; 
  }
  header .header_inner > nav > ul > li:nth-child(8) > a > img{
    left:0; 
    width:8.53vw;
  }  
  
  header .header_inner > nav > ul > li > a:after{
    content:"";
    display:block;
    background:url(../images/common/icon_btm_b.svg) no-repeat left top;
    background-size:100%;
    width:3.2vw;
    height:1.976vw;
    font-size: 3.73vw;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    transition: all 0.4s;
  }
  
  header .header_inner > nav > ul > li > a.active:after{
    transform:translateY(-50%) rotate(-180deg); 
  }
}

header .header_inner > nav > ul > li > .sub_menu{
  position:absolute;
  left:0;
  top:64px;
  background:#FFF;
  width:100%;
  display:none;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  z-index:15;
}

header .header_inner > nav > ul > li > .sub_menu:before{
  content:"";
  display:block;
  position:absolute;
  left:0;
  top:0;
  width:50%;
  height:100%;
  background: #194980; 
  z-index:1;
}

header .header_inner > nav > ul > li > .sub_menu .inner{
  max-width:1035px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  position:relative;
  z-index:2;
  background:#FFF;
  
}

header .header_inner > nav > ul > li > .sub_menu .inner .image{
  width:330px;
  text-align:center;
  background: #194980;
  padding:32px 0;
} 


header .header_inner > nav > ul > li > .sub_menu .inner .image .ttl{
  margin-top:10px;
  font-size:32px;
  font-weight:700;
  color: #FFF;
  line-height:1.1;
}

header .header_inner > nav > ul > li > .sub_menu .inner .image .ttl02{
  margin-top:20px;
  font-size:12px;
  font-weight:700;
  color: #FFF;
}

header .header_inner > nav > ul > li > .sub_menu .inner .image .ttl span{
  font-size: 26px;
  font-weight:400;
  display:inline-block;
  margin-left:4px;
}

header .header_inner > nav > ul > li > .sub_menu .inner .image a{
  display:flex;
  justify-content:center;
  align-items:center;
  width: 265px;
  height: 48px;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); 
  margin:12px auto 0;
  font-size: 14px;
  color:#194980;
  text-decoration:none;
  font-weight:700;
  position:relative;
}

header .header_inner > nav > ul > li > .sub_menu .inner .image a:after{
  content:"";
  display:block;
  background:url(../images/common/icon_right2_tr7.svg) no-repeat left top;
  background-size:7px 12px;
  width:7px;
  height:12px;
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%); 
}

header .header_inner > nav > ul > li > .sub_menu .inner .help{
  width:290px;
  padding:32px 0;
}

header .header_inner > nav > ul > li > .sub_menu .inner .document{
  width:360px;
  padding:32px 0;
} 

header .header_inner > nav > ul > li > .sub_menu .inner .help p,
header .header_inner > nav > ul > li > .sub_menu .inner .document p{
  font-weight: 700;
  font-size: 14px;
  color: #333;
  margin-bottom:10px;
}

header .header_inner > nav > ul > li > .sub_menu .inner .help ul li a,
header .header_inner > nav > ul > li > .sub_menu .inner .document ul li a{
  display:inline-block;
  margin-bottom:10px;
  font-weight: 700;
  font-size: 14px;
  text-align: left;
  color: #194980;
  text-decoration:none;
  position:relative;
}

header .header_inner > nav > ul > li > .sub_menu .inner .help ul li a{
  padding-left:25px; 
}

header .header_inner > nav > ul > li > .sub_menu .inner .help ul li a:before,
header .header_inner > nav > ul > li > .sub_menu .inner .help ul li a:after{
  content:"";
  display:block;
  background:url(../images/common/icon_right_tr7.svg) no-repeat left top;
  background-size:15px 15px;
  width:15px;
  height:15px;
  position:absolute;
  left:4px;
  top:50%;
  transform:translateY(-50%); 
}

header .header_inner > nav > ul > li > .sub_menu .inner .help ul li a:after{
  background:url(../images/common/icon_blank_tr7.svg) no-repeat left top;
  background-size:16px 16px;
  width:16px;
  height:16px;
  left:auto;
  right:-28px;
}

header .header_inner > nav > ul > li > .sub_menu .inner .help ul li a.not_blank:after{
  display:none; 
}

header .header_inner > nav > ul > li > .sub_menu .inner .document ul li a{
  padding-right:23px;
  background:url(../images/common/icon_pdf.svg) no-repeat right center;
  background-size:13px 15px;
}


/* one */
header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .image .ttl{
  color: #788c9e;
}

header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .image a{
  background:#788c9e;
}

header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .help ul li a,
header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .document ul li a{
  color: #788c9e;
}

header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .help ul li a:before,
header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .help ul li a:after{
  background:url(../images/common/icon_right_rtr500b.svg) no-repeat left top;
  background-size:15px 15px;
}

header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .help ul li a:after{
  background:url(../images/common/icon_blank_rtr500b.svg) no-repeat left top;
  background-size:16px 16px;
}
/* /one */

/* one */
header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .image .ttl{
  color: #00a4c7;
}

header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .image a{
  background:#00a4c7;
}

header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .help ul li a,
header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .document ul li a{
  color: #00a4c7;
}

header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .help ul li a:before,
header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .help ul li a:after{
  background:url(../images/common/icon_right_tr4a.svg) no-repeat left top;
  background-size:15px 15px;
}

header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .help ul li a:after{
  display:none;
}

header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .help ul li a.blank:after{
  display:block;
  background:url(../images/common/icon_blank_tr4a.svg) no-repeat left top;
  background-size:16px 16px;
}
/* /one */

/* one */
header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .image .ttl{
  color: #115d83;
}

header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .image a{
  background:#115d83;
}

header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .help ul li a,
header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .document ul li a{
  color: #115d83;
}

header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .help ul li a:before,
header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .help ul li a:after{
  background:url(../images/common/icon_right_tr5i.svg) no-repeat left top;
  background-size:15px 15px;
}

header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .help ul li a:after{
  background:url(../images/common/icon_blank_tr5i.svg) no-repeat left top;
  background-size:16px 16px;
}
/* /one */

/* one */
header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .image .ttl{
  color: #01646a;
}

header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .image a{
  background:#01646a;
}

header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .help ul li a,
header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .document ul li a{
  color: #01646a;
}

header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .help ul li a:before,
header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .help ul li a:after{
  background:url(../images/common/icon_right_tr7ui.svg) no-repeat left top;
  background-size:15px 15px;
}

header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .help ul li a:after{
  background:url(../images/common/icon_blank_tr7ui.svg) no-repeat left top;
  background-size:16px 16px;
}
/* /one */

/* one */
header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .image .ttl{
  color: #2f343d;
}

header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .image a{
  background:#2f343d;
}

header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .help ul li a,
header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .document ul li a{
  color: #2f343d;
}

header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .help ul li a:before,
header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .help ul li a:after{
  background:url(../images/common/icon_right_mcr4.svg) no-repeat left top;
  background-size:15px 15px;
}

header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .help ul li a:after{
  background:url(../images/common/icon_blank_mcr4.svg) no-repeat left top;
  background-size:16px 16px;
}
/* /one */

/* one */
header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .image .ttl{
  color: #d47f0f;
}

header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .image a{
  background:#d47f0f;
}

header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .help ul li a,
header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .document ul li a{
  color: #d47f0f;
}

header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .help ul li a:before,
header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .help ul li a:after{
  background:url(../images/common/icon_right_rtr600.svg) no-repeat left top;
  background-size:15px 15px;
}

header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .help ul li a:after{
  background:url(../images/common/icon_blank_rtr600.svg) no-repeat left top;
  background-size:16px 16px;
}
/* /one */

/* one */
header .header_inner > nav > ul > li > .sub_menu.ease .inner .image .ttl{
  color: #81b04d;
}

header .header_inner > nav > ul > li > .sub_menu.ease .inner .image a{
  background:#81b04d;
}

header .header_inner > nav > ul > li > .sub_menu.ease .inner .help ul li a,
header .header_inner > nav > ul > li > .sub_menu.ease .inner .document ul li a{
  color: #81b04d;
}

header .header_inner > nav > ul > li > .sub_menu.ease .inner .help ul li a:before,
header .header_inner > nav > ul > li > .sub_menu.ease .inner .help ul li a:after{
  background:url(../images/common/icon_right_ease.svg) no-repeat left top;
  background-size:15px 15px;
}

header .header_inner > nav > ul > li > .sub_menu.ease .inner .help ul li a:after{
  background:url(../images/common/icon_blank_ease.svg) no-repeat left top;
  background-size:16px 16px;
}
/* /one */

/* one */

header .header_inner > nav > ul > li > .sub_menu.rtr500b:before,
header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .image{
  background: #788c9e; 
}

header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .image .ttl{
  color: #FFF;
}

header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .image a{
  color:#788c9e;
  background:#FFF;
}

header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .image a:after{
  background-image:url(../images/common/icon_right2_rtr500b.svg);
}

/* /one */

/* one */

header .header_inner > nav > ul > li > .sub_menu.tr4a:before,
header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .image{
  background: #00a4c7; 
}

header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .image .ttl{
  color: #FFF;
}

header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .image a{
  color:#00a4c7;
  background:#FFF;
}

header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .image a:after{
  background-image:url(../images/common/icon_right2_tr4a.svg);
}

/* /one */

/* one */

header .header_inner > nav > ul > li > .sub_menu.tr5i:before,
header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .image{
  background: #115d83; 
}

header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .image .ttl{
  color: #FFF;
}

header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .image a{
  color:#115d83;
  background:#FFF;
}

header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .image a:after{
  background-image:url(../images/common/icon_right2_tr5i.svg);
}

/* /one */

/* one */

header .header_inner > nav > ul > li > .sub_menu.tr7ui:before,
header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .image{
  background: #01646a; 
}

header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .image .ttl{
  color: #FFF;
}

header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .image a{
  color:#01646a;
  background:#FFF;
}

header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .image a:after{
  background-image:url(../images/common/icon_right2_tr7ui.svg);
}

/* /one */

/* one */

header .header_inner > nav > ul > li > .sub_menu.mcr4:before,
header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .image{
  background: #2f343d; 
}

header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .image .ttl{
  color: #FFF;
}

header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .image a{
  color:#2f343d;
  background:#FFF;
}

header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .image a:after{
  background-image:url(../images/common/icon_right2_mcr4.svg);
}

/* /one */

/* one */

header .header_inner > nav > ul > li > .sub_menu.rtr600:before,
header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .image{
  background: #d47f0f; 
}

header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .image .ttl{
  color: #FFF;
}

header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .image a{
  color:#d47f0f;
  background:#FFF;
}

header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .image a:after{
  background-image:url(../images/common/icon_right2_rtr600.svg);
}

/* /one */

/* one */

header .header_inner > nav > ul > li > .sub_menu.ease:before,
header .header_inner > nav > ul > li > .sub_menu.ease .inner .image{
  background: #81b04d; 
}

header .header_inner > nav > ul > li > .sub_menu.ease .inner .image .ttl{
  color: #FFF;
}

header .header_inner > nav > ul > li > .sub_menu.ease .inner .image a{
  color:#81b04d;
  background:#FFF;
}

header .header_inner > nav > ul > li > .sub_menu.ease .inner .image a:after{
  background-image:url(../images/common/icon_right2_ease.svg);
}

/* /one */

@media screen and (max-width: 1000px) {
  header .header_inner > nav > ul > li > .sub_menu{
    position:relative;
    left:0;
    top:auto;
    background:#FFF;
    width:100%;
    padding:15px 0;
    box-shadow:none;
  }
  
  header .header_inner > nav > ul > li > .sub_menu:before{
    display:none;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner{
    max-width:1035px;
    margin:0 auto;
    display:block;
    justify-content:space-between;
    
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .image{
    width:100%;
    padding:0;
  } 
  
  header .header_inner > nav > ul > li > .sub_menu .inner .image img{
    display:none; 
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .image .ttl{
    display:none;
  }
  
  
  header .header_inner > nav > ul > li > .sub_menu .inner .image a{
    display:flex;
    justify-content:center;
    align-items:center;
    width: 222px;
    height: 48px;
    border-radius: 24px;
    background: #194980;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); 
    margin-top:10px;
    font-size: 14px;
    color:#FFF;
    text-decoration:none;
    font-weight:700;
    position:relative;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .help,
  header .header_inner > nav > ul > li > .sub_menu .inner .document{
    padding:0;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .help p,
  header .header_inner > nav > ul > li > .sub_menu .inner .document p{
    margin-top:20px;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .image{
    background:none !important; 
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .image .ttl02{
    color:#333;
    text-align:left;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .image a{
    margin-left:0;
    max-width:300px;
    width:100%;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .image a:after{
    margin-left:0; 
    background-image:url(../images/common/icon_right_w.svg) !important;
  }
  
  /* one */

  header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .image a{
    color:#FFF;
    background:#788c9e;
  }
  /* /one */
  
  /* one */
  header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .image a{
    color:#FFF;
    background:#00a4c7;
  }
  
  /* /one */
  
  /* one */
  header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .image a{
    color:#FFF;
    background:#115d83;
  }
  /* /one */
  
  /* one */
  header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .image a{
    color:#FFF;
    background:#01646a;
  }
  /* /one */
  
  /* one */
  header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .image a{
    color:#FFF;
    background:#2f343d;
  }/* /one */
  
  /* one */
  header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .image a{
    color:#FFF;
    background:#d47f0f;
  }/* /one */
  
  /* one */
  header .header_inner > nav > ul > li > .sub_menu.ease .inner .image a{
    color:#FFF;
    background:#81b04d;
  }
  /* /one */
  
}

@media screen and (max-width: 767px) {
  header .header_inner > nav > ul > li ul{
    display:block !important; 
  }
  
  header .header_inner > nav > ul > li > .sub_menu{
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    padding:0 0;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner{
    max-width:100%;
    display:block;
    
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .image{
    width:100%;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .image > img{
    display:none; 
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .image .ttl{
    display:none;
  }
  
  
  header .header_inner > nav > ul > li > .sub_menu .inner .image a{
    margin-top:2.6vw;
    width: 59.2vw;
    max-width:59.2vw;
    height: 12.8vw;
    border-radius: 6.4vw;
    font-size: 3.73vw;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .image a:after{
    background:url(../images/common/icon_right_w.svg) no-repeat left top;
    background-size:1.86vw 3.2vw;
    width:1.86vw;
    height:3.2vw;
    right:4vw;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .help{
    width:100%;
    margin-top:4vw;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .document{
    width:100%;
    margin-top:4vw;
  } 
  
  header .header_inner > nav > ul > li > .sub_menu .inner .help p,
  header .header_inner > nav > ul > li > .sub_menu .inner .document p{
    font-size: 3.73vw;
    margin-bottom:3vw;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .help ul li a,
  header .header_inner > nav > ul > li > .sub_menu .inner .document ul li a{
    margin-bottom:3.73vw;
    font-size: 3.73vw;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .help ul li a{
    padding-left:6.4vw; 
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .help ul li a:before,
  header .header_inner > nav > ul > li > .sub_menu .inner .help ul li a:after{
    background-size:4vw 4vw !important;
    width:4vw;
    height:4vw;
    left:0;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .help ul li a:after{
    background-size:4.26vw !important;
    width:4.26vw;
    height:4.26vw;
    left:auto;
    right:-7.46vw;
  }
  
  header .header_inner > nav > ul > li > .sub_menu .inner .document ul li a{
    padding-right:6.13vw;
    background-size:3.46vw 4vw;
  }
  
  
  /* one */
  header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .image .ttl{
    color: #788c9e;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .image a{
    background:#788c9e;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .help ul li a,
  header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .document ul li a{
    color: #788c9e;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .help ul li a:before,
  header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .help ul li a:after{
    background:url(../images/common/icon_right_rtr500b.svg) no-repeat left top;
    background-size:15px 15px;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.rtr500b .inner .help ul li a:after{
    background:url(../images/common/icon_blank_rtr500b.svg) no-repeat left top;
    background-size:16px 16px;
  }
  /* /one */
  
  /* one */
  header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .image .ttl{
    color: #00a4c7;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .image a{
    background:#00a4c7;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .help ul li a,
  header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .document ul li a{
    color: #00a4c7;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .help ul li a:before,
  header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .help ul li a.blank:after{
    background:url(../images/common/icon_right_tr4a.svg) no-repeat left top;
    background-size:15px 15px;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.tr4a .inner .help ul li a.blank:after{
    background:url(../images/common/icon_blank_tr4a.svg) no-repeat left top;
    background-size:16px 16px;
  }
  /* /one */
  
  /* one */
  header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .image .ttl{
    color: #115d83;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .image a{
    background:#115d83;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .help ul li a,
  header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .document ul li a{
    color: #115d83;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .help ul li a:before,
  header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .help ul li a:after{
    background:url(../images/common/icon_right_tr5i.svg) no-repeat left top;
    background-size:15px 15px;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.tr5i .inner .help ul li a:after{
    background:url(../images/common/icon_blank_tr5i.svg) no-repeat left top;
    background-size:16px 16px;
  }
  /* /one */
  
  /* one */
  header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .image .ttl{
    color: #01646a;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .image a{
    background:#01646a;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .help ul li a,
  header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .document ul li a{
    color: #01646a;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .help ul li a:before,
  header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .help ul li a:after{
    background:url(../images/common/icon_right_tr7ui.svg) no-repeat left top;
    background-size:15px 15px;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.tr7ui .inner .help ul li a:after{
    background:url(../images/common/icon_blank_tr7ui.svg) no-repeat left top;
    background-size:16px 16px;
  }
  /* /one */
  
  /* one */
  header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .image .ttl{
    color: #2f343d;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .image a{
    background:#2f343d;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .help ul li a,
  header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .document ul li a{
    color: #2f343d;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .help ul li a:before,
  header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .help ul li a:after{
    background:url(../images/common/icon_right_mcr4.svg) no-repeat left top;
    background-size:15px 15px;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.mcr4 .inner .help ul li a:after{
    background:url(../images/common/icon_blank_mcr4.svg) no-repeat left top;
    background-size:16px 16px;
  }
  /* /one */
  
  /* one */
  header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .image .ttl{
    color: #d47f0f;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .image a{
    background:#d47f0f;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .help ul li a,
  header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .document ul li a{
    color: #d47f0f;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .help ul li a:before,
  header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .help ul li a:after{
    background:url(../images/common/icon_right_rtr600.svg) no-repeat left top;
    background-size:15px 15px;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.rtr600 .inner .help ul li a:after{
    background:url(../images/common/icon_blank_rtr600.svg) no-repeat left top;
    background-size:16px 16px;
  }
  /* /one */
  
  /* one */
  header .header_inner > nav > ul > li > .sub_menu.ease .inner .image .ttl{
    color: #81b04d;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.ease .inner .image a{
    background:#81b04d;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.ease .inner .help ul li a,
  header .header_inner > nav > ul > li > .sub_menu.ease .inner .document ul li a{
    color: #81b04d;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.ease .inner .help ul li a:before,
  header .header_inner > nav > ul > li > .sub_menu.ease .inner .help ul li a:after{
    background:url(../images/common/icon_right_ease.svg) no-repeat left top;
    background-size:15px 15px;
  }
  
  header .header_inner > nav > ul > li > .sub_menu.ease .inner .help ul li a:after{
    background:url(../images/common/icon_blank_ease.svg) no-repeat left top;
    background-size:16px 16px;
  }
  /* /one */
}

/*------------ NAVI ------------*/

nav{
  display:block;
  width:100%;
  box-sizing:border-box;
  background: #fff;
  /*padding: 0;*/
  padding-bottom:10px;
}

nav h2{
  padding:15px 20px;
}

nav h2.only_pc{
  padding-left:13px; 
}

nav.active{
  position:absolute;
  left:0;
  top:0; 
  z-index:10;
}



nav .scroll_area{
  padding:0 0px;
  height:100%;
  max-height:calc(100vh - 64px);
}

#contents_l nav.active3 .scroll_area{
  max-height:calc(100vh - 320px) !important;
} 


nav h2{
  font-size: 16px;
  font-weight:bold; 
  padding-left:13px;
}

nav > .scroll_area > div > div > ul,
nav > div > ul{
  margin:0 8px 0;
}

nav > .scroll_area > div > div > ul{
  margin-top:0;
  padding-bottom:30px;
}

nav > .scroll_area > div > div > ul li.current,
nav > div > ul li.current{
  font-size: 14px;
  font-weight:700; 
  padding:12px 6px 10px;
  border-radius: 4px;
  background: rgba(86, 102, 190, 0.05);
}

nav > .scroll_area > div > div > ul > li > ul > li.current{
  padding:12px 10px 10px;
}

nav > .scroll_area > div > div > ul > li.ttl:before,
nav > div > ul > li.ttl:before{
  content:"";
  display:inline-block;
  background:#333;
  border-radius:50%;
  width:6px;
  height:6px;
  margin:0 4px 0 8px; 
  position:relative;
  top:-2px;
}

nav > .scroll_area > div > div > ul > li > a,
nav > div > ul > li > a{
  font-size: 14px;
  color: #333;
  font-weight:700;
  text-decoration:none;
  display:block;
  padding:12px 0 10px;
  margin:0 6px;
  position:relative;
}

nav > .scroll_area > div > div > ul > li > a.tgl_menu:after,
nav > div > ul > li > a.tgl_menu:after{
  content:"";
  display:block;
  background:url(../images/common/icon_btm.svg) no-repeat left  top;
  background-size:100% auto;
  width:12px;
  height:8px;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  margin-top:2px;
  transition: all 0.4s;
}

nav > .scroll_area > div > div > ul > li > a.active:after,
nav > div > ul > li > a.active:after{
  transform:translateY(-50%) rotate(180deg); 
}

nav > .scroll_area > div > div > ul > li > ul,
nav > div > ul > li > ul{
  display:none; 
}

nav > .scroll_area > div > div > ul > li > ul.active,
nav > div > ul > li > ul.active{
  display:block; 
}

nav > .scroll_area > div > div > ul > li > ul > li > a,
nav > div > ul > li > ul > li > a{
  font-size: 14px;
  text-align: left;
  color: #333;
  padding:12px 0 10px 10px;
  text-decoration:none;
  display:block;
}

nav > .scroll_area > div > div > ul > li.blank.top,
nav > div > ul > li.blank.top{
  margin-top:7px;
  padding-top:7px;
  border-top:solid 1px #dedede; 
}

nav > .scroll_area > div > div > ul > li.blank > a:after,
nav > div > ul > li.blank > a:after{
  content:"";
  display:block;
  position:absolute;
  background:url(../images/common/icon_blank.svg) no-repeat left  top;
  background-size:100% auto;
  width:16px;
  height:16px;
  right:0;
  top:50%;
  transform:translateY(-50%);
  margin-top:3px;
}

nav .mCSB_scrollTools_vertical{
  opacity:0;
}

nav.active2 .mCSB_scrollTools_vertical{
  opacity:0.75;
}

@media screen and (max-width: 900px) {
  .only_pc{
    display:none; 
  }
  body.top{
     
  }
  body.top nav{
    display:none; 
  }
  #contents #contents_l nav{
    position:fixed !important;
    left:0 !important;
    width:100%;
    top:64px !important;
    z-index:10;
  }
  
  #contents #contents_r nav,
  #contents #contents_r nav > .scroll_area{
    display:block;
    position:relative !important;
    left:auto !important;
    top:auto !important; 
    z-index:1;
    height:auto;
  }
  
  #contents #contents_r nav{
    margin-top:20px; 
  }
  
  #contents #contents_r nav h2:before,
  #contents #contents_r nav h2:after{
    display:none; 
  }
  
  nav > .scroll_area{
    display:none;
    position:fixed;
    left:0;
    top:103px;
    max-height:72vh !important;
    height:100vh !important;
    background:#FFF;
    z-index:10;
  }
  
  nav h2{
    position:relative;
    cursor:pointer;
  }
  
  nav h2:before,
  nav h2:after{
    content:"";
    display:block;
    width:16px;
    height:2px;
    background:#333;
    border-radius:0.53vw;
    position:absolute;
    left:168px;
    top:50%;
    transform:translateY(-50%); 
  }
  
  nav h2:after{
    width:2px;
    height:16px;
    left:174.5px;
    transition: all 0.4s;
  }
  
  .cover.active{
    display:block;
    position:fixed;
    width:100%;
    height:100vh;
    z-index:5; 
  }
  
  nav h2.active:after{
    height:0; 
  }
}

@media screen and (max-width: 767px) {
  
  nav{
    border-radius: 0;
    background: #fff;
    box-shadow: 0px; 
    filter: drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.05));
    padding:0;
    position:fixed;
    left:0;
    top:4.5vw !important;
    width:100%;
    /*height:100vh;*/
    box-sizing:border-box;
    margin:10.6vw auto 0;
    z-index:10;
    padding-bottom:0;
  }
  
  nav.active,
  #contents #contents_r nav{
    padding-bottom:2vw; 
  }
  
  #contents #contents_l nav{
    top:4.5vw !important;
  }
  
  #contents #contents_r nav{
    margin-top:10.6vw; 
  }
  
  nav.active{
    position:fixed;
    left:0;
    top:4.5vw !important;
  }
  
  nav h2{
    font-size: 4.26vw;
    position:relative;
    padding:4vw 4vw 3vw;
  }
  
  nav h2:before,
  nav h2:after{
    content:"";
    display:block;
    width:4.26vw;
    height:0.53vw;
    background:#333;
    border-radius:0.53vw;
    position:absolute;
    right:4vw;
    top:50%;
    left:auto;
    transform:translateY(-50%); 
  }
  
  nav h2:after{
    width:0.53vw;
    height:4.26vw;
    right:6vw;
    transition: all 0.4s;
  }
  
  nav h2.active:after{
    height:0; 
  }
  
  nav > .scroll_area > div > div > ul,
  nav > div > ul{
    margin:2vw 4vw 0;
    
  }
  nav > div > ul{
    /*padding-bottom:4vw; */
  }
  
  nav > .scroll_area{
    display:none;
    position:absolute;
    padding:0 0 4vw;
    max-height:72vh;
    
    overflow-y:scroll;
    top:13vw;
    width:100%;
  }
  
  nav > .scroll_area > div > div > ul > li.current,
  nav > .scroll_area > ul > li.current{
    font-size: 3.73vw;
    padding:3.2vw 2vw;
  }
  
  nav > .scroll_area > div > div > ul > li > ul > li.current{
    font-size: 3.73vw;
    padding:3.2vw 0 3.2vw 4vw;
  }
  
  nav > .scroll_area > div > div > ul > li > a,
  nav > ul > li > a{
    font-size: 3.73vw;
    padding:3.2vw 0;
  }
  
  nav > .scroll_area > div > div > ul > li > a.tgl_menu:after,
  nav > ul > li > a.tgl_menu:after{
    width:3.2vw;
    height:2vw;
    margin-top:0.5vw;
  }
  
  nav > .scroll_area > div > div > ul > li > ul,
  nav > ul > li > ul{
    display:none; 
  }
  
  nav > .scroll_area > div > div > ul > li > ul > li > a,
  nav > ul > li > ul > li > a{
    font-size: 3.73vw;
    padding:3.2vw 0 3.2vw 4vw;
  }
  
  nav > .scroll_area > div > div > ul > li.blank.top,
  nav > ul > li.blank.top{
    margin-top:2.13vw;
    padding-top:2.13vw;
    border-top:solid 0.26vw #dedede; 
  }
  
  nav > .scroll_area > div > div > ul > li.blank > a:after,
  nav > div > ul > li.blank > a:after{
    width:3.26vw;
    height:3.26vw;
    right:0;
    margin-top:1vw;
  }
  
}

/*------------ contents ------------*/

#contents{
  max-width:1120px;
  margin:0px auto 0;
  padding:0 0px 0 0px;
  box-sizing:border-box;
  display:flex;
  justify-content:space-between;
  overflow-y:hidden;
}

#contents #contents_l{
  width:320px;
  position:relative;
  border-right:solid 1px #dedede;
  padding-top:28px;
  padding-bottom:100px;
}

#contents #contents_r{
  max-width:740px;
  width:100%;
  padding-top:28px;
  padding-bottom:100px;
}

@media screen and (min-width:900px) and (max-width:1080px) {
  
  #contents{
    padding:0 20px 0 20px;
  }
  
  #contents #contents_r{
    max-width:100%;
    width:calc(100% - 380px);
    margin-left:auto;
    margin-right:auto;
  }
}

@media screen and (max-width: 900px) {
  #contents{
    padding:0;
  }
  
  #contents #contents_l{
    width:0;
  }
  
  #contents #contents_r{
    max-width:630px;
    width:100%;
    margin-left:auto;
    margin-right:auto;
  }
}

@media screen and (max-width: 767px) {
  #contents{
    width:100%;
    overflow-x:hidden;
    max-width:100%;
    margin:8vw auto 0;
    padding:0;
    box-sizing:border-box;
    display:block;
  }
  
  #contents #contents_l{
    width:86.6vw;
    margin:0 auto;
    border-right:none;
    padding-bottom:0;
    padding-top:0;
  }
  
  #contents #contents_r{
    max-width:100%;
    width:86.6vw;
    margin:0 auto 0;
  }
}

/*------------ FOOTER ------------*/

footer{
	margin-top:0;
  position:relative;
  z-index:25;
}

footer .inner{
  max-width:1120px;
  padding:0 20px;
  box-sizing:border-box;
}

footer .footer_top{
  background:#f5f5f5; 
  padding:32px 0 35px;
}

footer .footer_top ul,
footer .footer_btm ul{
  display:flex; 
}

footer .footer_top ul li{
  margin-right:30px;
}

footer .footer_top ul li:last-child,
footer .footer_btm ul li:last-child{
  margin-right:0; 
}

footer .footer_top ul li a{
  font-size: 14px;
  color: #1a1a1a;
  text-decoration:none;
  display:block;  
} 

footer .footer_top ul li a.pdf:after{
  content:"";
  display:inline-block;
  background:url(../images/common/icon_pdf.svg) no-repeat left top;
  background-size:100% auto;
  width:16px;
  height:20px;
  position:relative;
  top:4px;
  margin-left:6px;
  z-index:1;
}

footer .footer_top ul li a.blank{
  position:relative;
  top:4px; 
}

footer .footer_top ul li a.blank:after{
  content:"";
  display:inline-block;
  background:url(../images/common/icon_blank.svg) no-repeat left top;
  background-size:100% auto;
  width:16px;
  height:16px;
  position:relative;
  top:3px;
  margin-left:6px;
}

footer .footer_top ul li a:before{
  content:"";
  display:inline-block;
  background:url(../images/common/icon_right.svg) no-repeat left top;
  background-size:100% auto;
  width:16px;
  height:16px;
  position:relative;
  top:2px;
  margin-right:4px;
}

footer .footer_top ul li a.blank:before{
  display:none; 
}

footer .footer_btm{
  background:#5666be; 
  padding:25px 0 23px;
}

footer .footer_btm ul li{
  margin-right:24px; 
}


footer .footer_btm ul li a{
  font-size:12px;
  color:#FFF;
  font-weight:500;
  text-decoration:none; 
}

footer .footer_btm small{
  display:block;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  margin-top:5px;
}

@media screen and (max-width: 900px) {
  footer .footer_top ul li{
    margin-right:10px;
  }
  
  footer .footer_top ul li a{
    font-size: 12px;
  } 
  
  
  footer .footer_top ul li a.blank{
    position:relative;
    top:4px; 
  }
  
  footer .footer_top ul li a.blank:after{
    top:4px;
  }
  
  footer .footer_top ul li a:before{
    content:"";
    top:3px;
  }
  
}

@media screen and (max-width: 767px) {
	footer{
    margin-top:10.6vw;
  }
  
  footer .inner{
    max-width:100%;
    padding:0 6.4vw;
  }
  
  footer .footer_top{
    padding:8vw 0 9.3vw 0;
  }
  
  footer .footer_top ul{
    display:block; 
  }
  
  footer .footer_top ul li{
    margin-right:0px;
    margin-bottom:6vw;
  }
  
  footer .footer_top ul li:last-child,
  footer .footer_btm ul li:last-child{
    margin-right:0;
    margin-bottom:0; 
  }
  
  footer .footer_top ul li a{
    font-size: 3.73vw;
  } 
  
  footer .footer_top ul li a.pdf:after{
    width:3.664vw;
    height:4.656vw;
    top:1vw;
    margin-left:2.4vw;
  }
  
  footer .footer_top ul li a.blank{
    position:relative;
    top:4px; 
  }
  
  footer .footer_top ul li a.blank:after{
    width:4.26vw;
    height:4.26vw;
    top:0.7vw;
    margin-left:2.4vw;
  }
  
  footer .footer_top ul li a:before{
    width:4.104vw;
    height:4.104vw;
    top:0.5vw;
    margin-right:1.06vw;
  }
  
  footer .footer_btm{
    padding:6.4vw 0;
  }
  
  footer .footer_btm ul li{
    margin-right:6.4vw; 
  }
  
  
  footer .footer_btm ul li a{
    font-size:2.8vw;
  }
  
  footer .footer_btm small{
    font-size:2.8vw;
    margin-top:1.3vw;
  }
}

footer .footer_top.footer_top02 .inner{
  display:flex;
} 

footer .footer_top.footer_top02 .inner .ttl{
  font-size: 22px;
  font-weight:700;
  max-width:285px;
  width:100%; 
  line-height:1.2;
}

footer .footer_top.footer_top02 .inner .ttl02{
  font-size: 16px;
  font-weight:700;
  line-height:1.2;
}

footer .footer_top.footer_top02 .inner ul{
  display:block;
}

footer .footer_top.footer_top02 .inner ul li{
  margin-top:15px; 
}

footer .footer_top.footer_top02 .inner ul li a{
  color: #5666be;
  font-weight:700; 
}

footer .footer_top.footer_top02 .inner .document{
  margin-right:45px; 
}



@media screen and (max-width: 1080px) {
  footer .footer_top.footer_top02 .inner .ttl{
    max-width:130px;
  }
}

@media screen and (max-width: 767px) {
  footer .footer_top.footer_top02 .inner{
    display:block;
  } 
  
  footer .footer_top.footer_top02 .inner .ttl{
    font-size: 4.8vw;
    font-weight:700;
    max-width:100%;
  }
  
  footer .footer_top.footer_top02 .inner .ttl02{
    font-size: 3.73vw;
    margin-top:8vw;
  }
  
  footer .footer_top.footer_top02 .inner ul{
    display:block;
    margin-top:3vw;
  }
  
  footer .footer_top.footer_top02 .inner ul li{
    margin-top:0;
    margin-bottom:2.6vw; 
  }
  
  footer .footer_top.footer_top02 .inner ul li:last-child{
    margin-bottom:0;
  } 
  
  footer .footer_top.footer_top02 .inner .document{
    margin-right:45px; 
  }
}

#top .contact,
#serise_top .contact{
  margin-top:60px;
  background:#f5f5f5;
  padding:50px 0 60px; 
}

#top .contact h4,
#serise_top .contact h4{
  text-align:center;
  font-size: 28px;
  font-weight:700; 
}

#top .contact p,
#serise_top .contact p{
  margin-top:15px;
  text-align:center;
  font-size: 16px;
  line-height: 24px; 
}

#top .contact .btn_b,
#serise_top .contact .btn_b{
  max-width:264px;
}


footer.top{
  background:#5666be;
  margin-top:0;
}

footer.top .footer_inner{
  max-width:1170px;
  margin:0 auto;
  display:flex; 
  height:65px;
  padding-left:10px;
  padding-right:10px;
  box-sizing:border-box;
  align-items:center;
}

footer.top .footer_inner ul{
  display:flex; 
}

footer.top .footer_inner ul li{
  margin-right:24px;
} 

footer.top .footer_inner ul li:last-child{
  margin-right:72px; 
}

footer.top .footer_inner ul li a{
  font-weight: 500;
  font-size: 12px;
  color:#FFF;
  text-decoration:none;
} 

footer.top .footer_inner ul li a:hover{
  text-decoration:underline; 
}

footer.top .footer_inner small{
  font-weight: 500;
  font-size: 12px;
  color:#FFF;
} 

.btn_b{
  display:flex;
  max-width:306px;
  width:100%;
  height:48px;
  margin:20px auto 0;
  justify-content:center;
  align-items:center;
  font-size: 14px;
  color: #fff;
  border-radius: 24px;
  background: #5666be;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  font-weight:700;
  text-decoration:none;
}

.btn_b.blank:after{
  content:"";
  display:inline-block;
  background:url(../images/common/icon_blank_w.svg) no-repeat left top;
  background-size:16px 16px;
  width:16px;
  height:16px;
  margin-left:8px;
  position:relative;
  top:1px;
}

@media screen and (max-width: 767px) {
  footer.top{
    margin-top:0; 
  }
  
  footer.top .footer_inner{
    max-width:91.46vw;
    height:22.93vw;
    display:block;
    box-sizing:border-box;
    padding-top:6vw;
    padding-left:0;
    padding-right:0;
  }
  
  footer.top .footer_inner ul{
    display:flex; 
  }
  
  footer.top .footer_inner ul li{
    margin-right:6.4vw;
  } 
  
  footer.top .footer_inner ul li:last-child{
    margin-right:0; 
  }
  
  footer.top .footer_inner ul li a{
    font-size: 2.6vw;
  } 
  
  footer.top .footer_inner small{
    font-size: 2.6vw;
    display:block;
    margin-top:1.3vw;
  } 
  
  #top .contact,
  #serise_top .contact{
    margin-top:16vw;
    padding:10.6vw 0 18.6vw; 
  }
  
  #top .contact h4,
  #serise_top .contact h4{
    font-size: 4.8vw;
  }
  
  #top .contact p,
  #serise_top .contact p{
    margin-top:3.6vw;
    font-size: 3.73vw;
    line-height: 5.6vw; 
  }
  
  #top .contact .btn_b,
  #serise_top .contact .btn_b{
    max-width:70.4vw;
  }
  
  .btn_b{
    max-width:81.6vw;
    height:12.8vw;
    margin:3vw auto 0;
    font-size: 3.73vw;
    border-radius: 6.4vw;
  }
  
  .btn_b.blank:after{
    background-size:4.26vw;
    width:4.26vw;
    height:4.26vw;
    margin-left:2.13vw;
    position:relative;
    top:0.13vw;
  }
  
}

/* COMMON
------------------------------------------------------------*/

.common_ttl01{
  margin-top:30px;
  font-size: 34px;
  line-height:1.2;
  font-weight:700;
  padding-left:11px;
  position:relative;
}

.common_ttl01:before,
.common_ttl01:after{
  content:"";
  display:block;
  width: 4px;
  height: 15px;
  background: #788c9e;
  position:absolute;
  left:0;
  top:0;
  margin-top:6px;
}

.tr4a .common_ttl01:before{
  background:#00A4C7; 
}

.thermo .common_ttl01:before{
  background:#5666be; 
}

.tr4report .common_ttl01:before{
  background:#5666BE; 
}

.ease .common_ttl01:before{
  background:#81b04d; 
}

.common_ttl01:after{
  background: #07243a; 
  margin-top:23px;
}

.common_ttl02{
  margin-top:35px;
  font-size: 44px;
  line-height:1.2;
  font-weight:700; 
}

.common_ttl02 span{
  display:block;
  font-size: 18px;
  margin-bottom:6px;
} 

.page_btm{
  margin-top:120px;
  border-top:solid 1px #dedede;
  border-bottom:solid 1px #dedede;
  padding:20px 0 35px;
}

.page_btm h5{
  font-size: 22px;
  font-weight:700; 
}

.page_btm ul{
  margin-top:20px;
}

.page_btm ul li p{
  font-size: 14px;
  font-weight:700;
  padding:12px 0 10px;
}

.page_btm ul li a{
  display:block;
  padding:12px 0 10px;
  font-size: 14px;
  color: #5666be;
  font-weight:700;
  text-decoration:none;
}

.page_btm ul li:last-child{
  margin-bottom:0; 
}

.pnkz{
  margin-top:35px;
  display:flex;
  flex-wrap:wrap;
}

.pnkz li{
  padding-top:10px;
  font-size: 12px;
  color: #636466; 
}

.pnkz li span{
  color: #333; 
  display:inline-block;
  margin:0 6px;
}

.pnkz li a{
  font-size: 12px;
  color: #333; 
}

.pnkz li a:hover{
  text-decoration:none; 
}

.common_ttl03{
  font-size: 28px;
  font-weight:700;
  line-height:1.2; 
}

.common_ttl04{
  font-size: 22px;
  font-weight:700;
  line-height:1.2; 
}

.common_ttl04.mt{
  margin-top:40px; 
}

.common_ttl04.mb{
  margin-bottom:13px; 
}

.common_ttl05{
  font-size: 16px;
  line-height: 24px;
  margin-top:20px;
}

.common_ttl05.mt_min{
  margin-top:15px; 
}

.common_ttl06{
  font-size: 14px;
  margin-top:15px;
}

.common_ttl07{
  font-size: 24px;
  font-weight:700;
  position:relative;
  line-height:1.2;
  padding-left:11px;
}

.common_ttl07:before,
.common_ttl07:after{
  content:"";
  display:block;
  width: 4px;
  height: 11px;
  background: #788c9e;
  position:absolute;
  left:0;
  top:0;
  margin-top:4px;
}

#serise_top.tr7 .common_ttl07:before{
  background: #194980;
}
#serise_top.rtr500b .common_ttl07:before{
  background: #788c9e;
}
#serise_top.tr5i .common_ttl07:before{
  background: #115d83;
}
#serise_top.tr7ui .common_ttl07:before{
  background: #01646a;
}
#serise_top.mcr4 .common_ttl07:before{
  background: #2f343d;
}
#serise_top.rtr600 .common_ttl07:before{
  background: #d47f0f;
}
#serise_top.ease .common_ttl07:before{
  background: #81b04d;
}

.common_ttl07:after{
  background: #07243a; 
  margin-top:17px;
}

.common_ttl08{
  font-size: 18px;
  font-weight:700;
  margin-top:35px;
}

.anc{
  display:block;
  padding-top:75px;
  margin-top:-75px; 
}

@media screen and (min-width:900px) and (max-width:1080px) {
  
  .common_ttl01{
    font-size: 27px;
  }
  
  .common_ttl01:before,
  .common_ttl01:after{
    margin-top:3px;
    height: 12px;
  }
  
  .common_ttl01:after{
    margin-top:17px;
  }
  
  .common_ttl02{
    font-size: 35px;
  }
  
  .common_ttl03{
    font-size: 25px;
  }
}

@media screen and (max-width: 767px) {
  .common_ttl01{
    margin-top:10vw;
    font-size: 6.4vw;
    padding-left:2.6vw;
  }
  
  .common_ttl01:before,
  .common_ttl01:after{
    width: 1.06vw;
    height: 2.93vw;
    margin-top:0.8vw;
  }
  
  .common_ttl01:after{
    margin-top:4.26vw;
  }
  
  .common_ttl01.sp_long:before,
  .common_ttl01.sp_long:after{
    top:0;
    margin-top:1.5vw;
    transform:none;
  }
  
  .common_ttl01.sp_long:after{
    margin-top:4.96vw;
  }
  
  .common_ttl02{
    margin-top:3.3vw;
    font-size: 9.6vw;
    line-height:12.8vw;
  }
  
  .common_ttl02 span{
    font-size: 3.73vw;
    margin-bottom:0;
    position:relative;
    top:2vw;
  } 
  
  .page_btm{
    margin-top:26.6vw;
    border-top:solid 0.26vw #dedede;
    border-bottom:solid 0.26vw #dedede;
    padding:5.3vw 0 5vw;
  }
  
  .page_btm h5{
    font-size: 4.8vw;
  }
  
  .page_btm ul{
    margin-top:3.5vw;
  }
  
  .page_btm ul li{
    font-size: 3.73vw;
    font-weight:700;
    margin-bottom:0px;
  }
  
  .page_btm ul li a,
  .page_btm ul li p{
    display:block;
    font-size: 3.73vw;
    padding:2.6vw 0;
  }
  
  .page_btm ul li:last-child{
    margin-bottom:0; 
  }
  
  .pnkz{
    margin-top:6vw;
  }
  
  .pnkz li{
    padding-top:2vw;
    font-size: 3.2vw;
  }
  
  .pnkz li span{
    margin:0 1.86vw;
  }
  
  .pnkz li a{
    font-size: 3.2vw;
  }
  .common_ttl03{
    font-size: 5.3vw;
  }
  
  .common_ttl04{
    font-size: 4.8vw;
    line-height:7.2vw;
  }
  
  .common_ttl04.mt{
    margin-top:5.3vw; 
  }
  
  .common_ttl04.mb{
    margin-bottom:3vw; 
  }
  .common_ttl05{
    font-size: 3.73vw;
    line-height: 5.6vw;
    margin-top:4vw;
  }
  
  .common_ttl05.mt_min{
    margin-top:4vw; 
  }
  
  .common_ttl06{
    font-size: 3.73vw;
    margin-top:4vw;
  }
  
  .common_ttl07{
    font-size: 6.4vw;
    padding-left:2.93vw;
  }
  
  .common_ttl07:before,
  .common_ttl07:after{
    width: 1.06vw;
    height: 2.93vw;
    margin-top:1.06vw;
  }
  
  .common_ttl07:after{
    margin-top:4.53vw;
  }
  
  .anc{
    padding-top:14.93vw;
    margin-top:-14.93vw; 
  }
  
  .anc.anc2{
    padding-top:26vw;
    margin-top:-26vw; 
  }
  
  .anc.anc3{
    padding-top:32vw;
    margin-top:-32vw; 
  }
}

.only_txt{
  display:inline-block;
  height:28px;
  font-size:14px;
  color:#FFF;
  border-radius: 4px;
  background: #333; 
  margin-left:12px;
  box-sizing:border-box;
  padding:4px 8px 0;
  box-sizing:border-box;
  line-height:normal;
  text-indent:0;
  position:relative;
  top:-1px;
}

img.bluetooth{
  position:relative;
  top:2px; 
}

img.icon_buttery{
  position:relative;
  top:6px;
  margin:0 5px;
}

img.icon_wps{
  position:relative;
  top:8px;
  margin:0 5px;
}

.indent_none{
  text-indent:0; 
}

@media screen and (max-width: 767px) {
  .only_txt{
    height:6.6vw;
    font-size:3.2vw;
    border-radius: 1.06vw;
    margin-left:2.6vw;
    padding:1vw 2.13vw 0;
    top:-0.3vw;
  }
  img.bluetooth{
    top:0.1vw;
    width:5.86vw;
  }
  
  img.icon_buttery,
  img.icon_wps{
    position:relative;
    top:1.3vw;
    margin:0 1.3vw;
    width:6.13vw;
  }
  
  img.icon_wps{
    top:1.5vw; 
  }
}

/*COMMON------------------------------------------------------------*/


/*-------- text_right --------*/
.t_right {
	text-align: right;
}

/*-------- text_left --------*/
.t_left {
	text-align: left;
}

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

/*-------- left --------*/
.left {
	float: left;
}

/*-------- right --------*/
.right {
	float: right;
}

/*-------- ClearBoth --------*/
.cb {
	clear: both;
}

/*-------- COLOR --------*/

.red{
	color:#FF0000;
}

.orange{
	color:#FF6600;
}

.blue{
	color:#0097B2;
}

/*-------- FONT --------*/

.bold{
	font-weight:700;
}

.f10{
	font-size:10px;
}

.f14{
	font-size:14px;
}

/*-------- WIDTH --------*/

.w149{
	width:149px;	
}

.w180{
	width:180px;	
}

.w287{
	width:287px;
}

.w380{
	width:380px;
}

.w304{
	width:304px;
}

/*-------- HEIGHT --------*/

.h350{
	height:350px;	
}

.h375{
	height:375px;	
}

.h500{
	height:420px;	
}

.h600{
	height:470px;	
}

/*-------- MARGIN --------*/

.ml3{
	margin:0 0 0 3px;
}

.ml10{
	margin:0 0 0 10px;
}

.ml30{
	margin:0 0 0 30px;
}

.ml40{
	margin:0 0 0 40px;
}

.ml60{
	margin:0 0 0 60px;
}

.ml70{
	margin:0 0 0 70px;
}

.mb10{
	margin:0 0 10px 0;
}

.mb15{
	margin:0 0 15px 0;
}

.mt3{
	margin:3px 0 0 0;
}

.mt10{
	margin:10px 0 0 0;
}


.mt20{
	margin:20px 0 0 0;
}

.mt30{
	margin:30px 0 0 0;
}

/*-------- PADDING --------*/

.pt5{
	padding-top:5px;
}

.pt10{
	padding-top:10px;
}

.pt15{
	padding-top:15px;
}

.pt20{
	padding-top:20px;
}

.pt25{
	padding-top:25px;
}

.pt30{
	padding-top:30px;
}

.pt40{
	padding-top:40px;
}

.pt60{
	padding-top:60px;
}

.pl10{
	padding-left:10px;	
}

.pl12{
	padding-left:12px;	
}

.pl15{
	padding-left:15px;	
}

.pl20{
	padding-left:20px;	
}

.pl30{
	padding-left:30px;	
}

.pl40{
	padding-left:40px;	
}

.pl50{
	padding-left:50px;	
}

.pl60{
	padding-left:60px;	
}

.pl70{
	padding-left:70px;	
}

.pl80{
	padding-left:80px;	
}

.pl100{
	padding-left:100px;	
}

.pr100{
	padding-right:100px;	
}


.pb20{
	padding-bottom:20px;	
}

.mt0{
  margin-top:0 !important; 
}

.no_indent{
  text-indent:0 !important;
  padding-left:0 !important;
}

.buttery_low{
  position:relative;
  display:inline-block;
  margin:0 6px;
  top:8px;
  text-indent:0; 
}

@media screen and (max-width: 767px) {
  .sp_mt0{
    margin-top:0 !important; 
  } 
}

/*-------- COMMON --------*/

.pic{
	padding:2px;
	display:block;
	border:1px solid #CCCCCC;
}

.hidden{
	overflow:hidden;
}

.abs{
	position:absolute;
}

.ondes{
	color:#999999;
}

.hidden_area{
  display:none; 
}