@charset "utf-8";

/*--------------------------------------------------------------------
 Reset 
 -------------------------------------------------------------------- */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, a, address, em, font, img, small, strong, ol, ul, li,table, caption, tbody, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
/*	outline: 0;*/
}

html {font-size: 1.4rem;
	    overflow: auto;
}

img {
	vertical-align: text-bottom;
	-ms-interpolation-mode: bicubic;
	border-style:none; 
	font-size:10px;
}

a {
	-webkit-tap-highlight-color: transparent;
}

strong {
	font-weight: bold;
}

ol, ul, li {
	list-style: none;
}

table {
	border-collapse: collapse;
/*	border-collapse: separate;*/
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}


/* ------------------------------
	HTML5 ELEMENTS
------------------------------ */
header,article,aside,section,footer,
nav,menu,summary {
	display: block;
}

html,body{
    width: 100%;
}

body {
  font-size: 1rem;
}

/* ------------------------------
	Font
------------------------------ */
/* コピペ用コード */
.font-size-dummy {
    font-size: 0.625rem;   /* 10px */
    font-size: 0.6875rem;   /* 11px */
    font-size: 0.71875rem;   /* 11.5px *
    font-size: 0.75rem;   /* 12px */
    font-size: 0.8125rem; /* 13px */
    font-size: 0.875rem;  /* 14px */
    font-size: 0.9375rem;  /* 15px */
    font-size: 1rem;     /* 16px */
    font-size: 1.0625rem; /* 17px */
    font-size: 1.125rem; /* 18px */
    font-size: 1.1875rem; /* 19px */
    font-size: 1.25rem; /* 20px */
    font-size: 1.3125rem; /* 21px */
    font-size: 1.375rem; /* 22px */
    font-size: 1.4375rem; /* 23px */
    font-size: 1.5rem; /* 24px */
    font-size: 1.625rem; /* 26px */
    font-size: 1.75rem;  /* 28px */
}

@font-face {
   font-family: Noto Sans JP;
   src: url('../font/Noto_Sans_JP/NotoSansJP-Light.otf') format("opentype");
   src: url('../font/Noto_Sans_JP/NotoSansJP-Black.otf') format("opentype");
   src: url('../font/Noto_Sans_JP/NotoSansJP-Medium.otf') format("opentype");
   src: url('../font/Noto_Sans_JP/NotoSansJP-Bold.otf') format("opentype");
   src: url('../font/Noto_Sans_JP/NotoSansJP-Regular.otf') format("opentype");
}

body{
font-family: 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	min-width:1250px; 
	background-color : #fff;
	background-repeat: repeat;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
}


.img_a {
display:none;
}

.clear { clear:both; }  
.clear hr { display:none; }  



/* 固定メニュー*/
#topMenuv {
position: relative;
  margin: 0;
  padding: 3px 0 0 70%;
  display: flex;
  z-index:100;
 background: rgba(255,255,255,0.6);
  height:40px;
}


#topMenuv li {
  margin: 0;
  padding: 0px;
  float:left;
  margin:0 2px 0 2px;
  height:23px;
  list-style: none;
  vertical-align: bottom;
}

#topMenuv li.m0{width:38px;}
#topMenuv li.m1{width:110px; margin:0 0 0 5px;}
#topMenuv li.m2{width:180px;}
#topMenuv li img {width:100%; height:auto;}

.site-header {
  position: relative;
  left: 0;
  z-index:120;
  width: 100%;
  height: 55px;
  padding: 0px 0px 20px 0;
background: rgba(10,130,222,0.6);
  transition: .5s;
}
.is-animation {
position: fixed;
  top: 0;
  padding: 5px 0px 20px 0;
  height: 55px;
  background: rgba(10,130,222,1.0);
}

.site-header2 {
  position: fixed;
  top: 0;
  left: 0;
  z-index:120;
  width: 100%;
  height: 100px;
  padding: 28px 0px 20px 0;
  background: rgba(255,255,255,0.3);
  transition: .5s;
}


.nav-menu {
  position: relative;
    margin:0 auto;
  z-index: 2;
  padding:0px 0 0 0;
  width: 100%;
}



.megamenu a {
  text-decoration: none;
  transition: all .2s ease-in-out;
  color: #212121;
}

.megamenu a:hover{
color:#333;
}

.main-wrapper {
  width: 100%;
  margin: 0 auto;
}


.hd-wrapper {
  padding: 20px 0 20px 30px;
  overflow: hidden;
  position: relative;
}


.gnav-wrapper {
  background: #;
  position: relative;
  
}

.unav {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;

}

.unav li {
  padding: 0px 0 0px 0;/* 修正 */
  margin:0;
  text-align: center;
  transition: all .3s ease-in-out;
}

.unav li.lslg {width:250px; margin:6px 30px 0 0;}
.unav li.lssub1 {width:135px; padding:10px 0px 0 0px; margin:0px 10px 0 0;}
.unav li.lssub2 {width:180px; padding:10px 0px 0 0px; margin:0px 10px 0 0;}
.unav li.lssub3 {width:90px; padding:10px 0px 0 0; margin:0px 10px 0 0;}
.unav li.lssub4 {width:115px; padding:10px 0px 0 0;margin:0 10px 0 0; margin:0px 10px 0 0;}
.unav li.lssub5 {width:100px; padding:10px 0px 0 0; margin:0 10px 0 0;}
.unav li.lssub6 {width:200px; padding:0px 0 0 0;}
.unav li.lssub7 {width:100px; padding:10px 0 0 0;}
.unav li.ko {width:300px; padding:0px 0 0 0;}

.unav li img{width:100%;}

.unav li.topLogo{
  padding: 0px 20px 0 0;
  margin:0 50px 0 20px;
width:200px;
}

.unav li:hover {
  background: ;
}

.unav a {
height:70px;
  padding: 0 0px;/* 修正 */
}

.unav > li:last-child a {

}

.unav > li:hover .megamenu {
  max-height: 9999px;
  opacity: 1;
  padding: 10px 0 30px 0;
}

.megamenu {
  background: url(../../img/bg.png) repeat;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  position: absolute;
  top: 75px;
  left: 0;
  padding:0 0 0 0;
  transition: all .2s ease-in;
  z-index: 999;
}


/*サブメニュー */
 .nav-purpose {
	width: 1050px;
	height:300px;
	margin: 0% auto 2% auto;
    border: 2px dotted #49b4f8;  
    padding:50px 0 0px 0;
  background: url(../../img/bg2.png) repeat;
}

.nav-purpose img{border-radius: 10px; border: solid 1px #074da4; width:100%; height:auto;
  box-shadow:　
    -10px 10px 25px rgba(255, 255, 255, 0.2),
    10px -10px 25px rgba(8, 131, 161, 0.2)
    }

.nav-purpose p.navmenu {
padding:12px 0 0px 3px;
	margin: 5px 0 0px 0;
	line-height: 16px;
	font-size: 14px;
	text-align:left;
	font-weight:bold;
	color: #074bbc;
	background: url() no-repeat 0px 7px;
}

.nav-purpose p.navmenu a{color: #074bbc;}

.nav-purpose p.navmenu a:hover{text-decoration:underline;
}

.nav-purpose p.navmenu2 {
padding:12px 0 0px 8px;
	margin: 5px 0 0px 10px;
	line-height: 16px;
	font-size: 13px;
	text-align:left;
	font-weight:bold;
	color: #3c3c3c;
	background: url(../../img/bullet.png) no-repeat 0px 7px;
}

.nav-purpose p.navmenu2 a{color: #3c3c3c;}

.nav-purpose p.navmenu2 a:hover{text-decoration:underline;
}

.megamenu-inner-purpose ul{
	overflow: hidden;} 
	
.megamenu-inner-purpose li {
    width: 100%;
}

.megamenu-inner-purpose a {
    border-left: none;
}

.megamenu-inner-purpose li ul{
   width:98%;
   text-align:center;
   margin:0 auto;}

.megamenu-inner-purpose li ul li{
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  width: 16%;
  height:auto;
  float: left;
  margin: 1.5% 2.5% 0.5% 0.5%;
  font-size:1.3rem;
  text-align:left;
  padding:0% 0 0% 0;
}

.megamenu-inner-purpose li ul li.ri1{
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  width: 16%;
  float: left;
  margin: 1.5% 2.7% 0.5% 3.2%; 
  font-size:1.3rem;
  padding:0% 0 0% 0;
}
.nav-purpose span{
display:block;font-size:1.2rem;  padding:5px 0 0 2%; font-weight:normal; width: 190px; text-align:center; color:#4f4d4d;
}

.nav-purpose span.bg{display:block;font-size:1.3rem;  padding:0px 0 0 20%; font-weight:normal;  text-align:center; 
}

.megamenu-inner-purpose li ul li img{width:100%;height:auto;}
  
.nav-purpose span:hover {
  color: #c37315;}

.smallfo{font-size:10px;}


/* 右サイドボタン*/
#LeftBanner{width:180px; height:auto;}

#LeftBanner img {width:200px; height:auto;
	position: absolute;
}
#LeftBanner .banner01 {
	left:0;
	top:400px;
	z-index: 3;
}
#LeftBanner .banner02 {
	left:0;
	top:500px;
	z-index: 2;
}


/* 右サイドボタン*/
#RightBanner{}

#RightBanner img {width:170px; height:auto;
position: absolute; 

}

#RightBanner .kbanner01 {
	z-index: 1;
	right:0;
	top:220px;
}

#RightBanner .kbanner02 {
	z-index: 1;
	right:0;
	top:293px;
}

#RightBanner .kbanner03 {
	z-index: 1;
	right:0;
	top:366px;
}

#RightBanner .kbanner04 {
	z-index: 1;
	right:0;
	top:439px;
}

#RightBanner .kbanner05 {
	z-index: 1;
	right:0;
	top:512px;
}

#RightBanner2{}

#RightBanner2 img {width:140px; height:auto;
position: absolute; 

}

#RightBanner2 .kbanner01 {
	z-index: 1;
	right:0;
	top:90px;
}

#RightBanner2 .kbanner02 {
	z-index: 1;
	right:0;
	top:150px;
}

#RightBanner2 .kbanner03 {
	z-index: 1;
	right:0;
	top:210px;
}

#RightBanner2 .kbanner04 {
	z-index: 1;
	right:0;
	top:270px;
}






/* パンくずリスト*/
div#pan{
width: 1000px; margin-left: auto; margin-right: auto; margin-top:0px; margin-bottom:0px;
padding:20px 0 10px 0; align: center;
}


/* リスト */
ol.topic-path{
	margin: 0;
list-style-type: none; /* リストマーク非表示 */
padding: 0px 5px 5px 3px;
font-size: 12px;
}
/* リスト項目 */
ol.topic-path li{
display: inline; /* 項目を横並び */
color:#636461;
	padding-right: 12px;

}
/* リスト項目（最初の項目） */
ol.topic-path li.first{
	padding-left: 25px;
background: url(../../img/pan-home.png) no-repeat left;
}

ol.topic-path li.mid{
	padding-left: 0px; margin:0 30px 0 0
background: none;
}

ol.topic-path li.last{
	padding-left: 8px;
	background:none;
}

/* リンクエリア */
ol.topic-path li a{
	padding-right: 18px;
background: url(../../img/path.gif) no-repeat right; /* 矢印記号（※） */
}

ol.topic-path li a{
	color: #7E4905;
}

ol.topic-path li a:hover{
	color: #FAA708;
}

/*動画下*/
.cm-frame-top{width:100%; margin:580px 0 0 0; 
 z-index:80; position:relative;
 }
 
 
 .cm-frame-lift2{width:100%; margin:0 0 0px 0; z-index:80; position:relative; padding:0px 0 0px 0; 
 overflow: hidden;}
 

img.lifimg{width:750px; height:auto;
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0 0px 0px;
}


img.lifimg2{width:620px; height:auto;
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 0px 0 0px 0px;
}

.cm-frame-mv{width:100%; margin:405px 0 0 0; 
 z-index:80; position:relative;
}
 

.cm-frame-t{width:100%; margin:0 0 0px 0; z-index:80; position:relative; padding:0px 0 0px 0; background-image: url(../../img/watery.png) ;background-size:100%;background-position: left top;
 overflow: hidden;}
 
 .cm-frame-lift{width:100%; margin:0 0 0px 0; z-index:80; position:relative; padding:0px 0 0px 0; background:#fff;
 overflow: hidden;}
 

 .cm-frame{width:100%; margin:0 0 0px 0; z-index:80; position:relative; padding:0px 0 0px 0; background:#fff; background-repeat: repeat; overflow: hidden;}
	
/*  トップ*/
.tp-phrase{width:1100px; margin:0 auto; padding:0px 0 40px 0;}

.tp-phrase-nx{width:1100px; margin:0 auto; padding:0px 0 0px 0;}

.tp-phrase-tp{width:1100px; margin:0 auto; padding:50px 0 0px 0;}


/*  ページトップ*/
#pageTop_a{width:50px;
padding:10px; position:fixed;
	bottom:50px; right:20px; font-size:12px; z-index:150;
	}

#pageTop_a img{width:100%; height:auto;}

/* フッター */
/* 下部 */
div.footer{
	background-color:#2196f3;
	background-repeat: repeat;
	height:140px;
	padding: 0px 0px 0px 0px;  margin: 0px auto 0 auto; clear:both;
	z-index:100;
	position:relative;
}



.footer ul.links_area{
max-width: 1080px;
margin: 0 auto;
padding-top: 0px;
padding-bottom: 10px;
clear:both;
}

.footer li.bottom_info{
width: 900px;
font-size: 0.75rem;
line-height: 145%;
float:left;
padding:0px 0 0 80px;
}
.footer li.bottom_info p{margin: 10px 0 0 0px;padding: 0px 3px 0px 3px; letter-spacing:1.1px; color:#fff; font-size: 0.875rem; font-weight:bold; float:left;}


.footer li.bottom_info img{width:280px; height:auto; margin:0 50px 15px auto; float:left;}

.footer li.bottom_info img.qr{width:90px; height:auto; margin:0 150px 15px auto; float:right;}

.footer li.bottom_info img.snsicon{width:25px; height:auto; margin:20px 0px 5px 15px; }

.footer li.bottom_info img.dial{width:45px; height:auto; margin:18px 8px 5px 50px; }

.footer li.links{
width: 200px;
margin-top: 10px;
font-size: 12px;
float:left;
color:#333;
}

.footer li.links p{
font-weight: bold;
font-size: 12px;
margin:3px 0 3px 0;
padding:1px 0 1px 13px;
color:#000;
background: url(../../img/bottomarrow.png) no-repeat;
line-height:190%;
}

.footer li.links p a{
color:#000;
text-decoration:none;
}

.footer li.links p a:hover{
color:#ffffff;
background-color:#ad9259;
}

.footer li.links p.sub{
font-weight: normal;
font-size: 12px;
margin:0 0 0px 0;
padding:2px 0 2px 18px;
color:#000;
background: url(../../img/bottomarrow2.png) no-repeat;
}

.footer li.links ul{
margin: 5px 0 5px 2px;
line-height: 225%;
}

.footer li.links ul li a{
color:#000;
text-decoration:none;
}

.footer li.links ul li a:hover{
color:#ffffff;
background-color:#ad9259;
}

.footer li.links ul li{
background: url(../../img/bottomarrow.png) no-repeat;
color:#ffffff;
}


div.footer-menu2{
height: 40px;
background-color  : #ddeeff;
padding: 10px 0px 25px 0px;  margin:0px 0 0 0; position:relative;
}

#footernavi2 {
 width:700px;
  margin: 20px auto 0 60%;
  padding: 0;
  }
#footernavi2 li {
  margin: 0 20px 0 20px;
  padding: 0px;
  float: left;
  list-style: none;
  color : #333;
  font-size :0.625rem;
  font-weight:normal;
} 

#footernavi2  li a {
  color : #484949;
} 

#footernavi2  li a:hover {
  color : #0707F7;
} 

/* トップ4つ並び */
.btn4{margin:0px auto 25px auto; width:1100px;}

.btn4 li {width:250px; float:left; margin:0 8px 0 8px;}

.btn4 li img{width:100%; height:auto; display:block; }

.btn3{margin:0px auto 25px auto; width:800px;}

.btn3 li {width:250px; float:left; margin:0 8px 0 8px; }


.btn3 li img{width:100%; height:auto; display:block; }


.vault3{margin:0px auto 25px auto; width:900px;}

.vault3 li {width:250px; float:left; margin:0 8px 20px 8px;
font-size: 0.71875rem; padding:8px 4px 8px 15px;
border: 1px solid #108afc; height:240px;
}

.vault3  li span{font-weight:bold; text-align:center;}

.vault3 li img{width:80%; height:auto; display:block;  margin:0 auto;}

.btn2{margin:30px auto 25px auto; width:540px;}

.btn2 li {width:250px; float:left; margin:0 8px 0 8px;}

.btn2 li img{width:100%; height:auto; display:block; }

.tp-item{margin:0px auto 5px auto; width:1100px;height:330px;}

.tp-item h2{text-align:center; font-size : 14px;
 font-weight : bold; line-height : 140%;  color: #0D7112; 
 padding: 19px 0px 7px 3px; }

.tp-item img {
    width:100%;
    height:auto;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;

    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}

.tp-item img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}


.tp-item p{padding: 5px 10px 10px 10px; font-size:13px; line-height:170%;
letter-spacing: 0.3; }

.tp-item p a{text-decoration:none; color:#000;}

.tp-item p a:hover{color:#000;}

.tp-item p a:visited{color:#000;}

.tp-item-r{width:250px; float:left; margin:20px 25px 20px 0; }


.ns-main-r{ width:750px; border:1px solid #ccc;height:290px;
padding:0px 0x 0 0px; margin: 35px auto 30px auto;}

.ns-main-i{height130px; background:#e7f0fc;}

.ns-main-i p{ float:left; font-size: 0.75rem; margin:20px 0 0 0;}

.ns-main-r-news{width:750px; height:280px; 
margin: 0 auto 0 auto;  }

img.wd5{width:50px; height:auto; float:left; margin:20px 20px 20px 180px;}

iframe#pnews{width: 740px; 
height:180px; background:#fff;
margin:0px auto 0px auto;
padding:0px 0 10px 0px;
overflow-x : hidden ;}