@charset "utf-8";
/****************************************************
　Reset
****************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
h1,h2,h3,h4,h5,p,ul,ol,dl,li,dt,dd,form, figure{margin:0px; padding:0px; box-sizing:border-box;}
ul,ol,dl{list-style:none outside;}

h1,h2,h3,h4,h5{font-weight:bold;}

/************************************************
 Common Parts
************************************************/
address{text-decoration:none; font-style:normal;}

a{text-decoration:underline; border:none; outline:none !important;}
a:link{color:#000cfe;}
a:visited{color:#0009c8;}
a:active{color:#85b5ff;}
a:hover{color:#6cf;}

img{border:none; outline:none; width:auto; height:auto;}
#internavi-contents a{outline:none; cursor:pointer;}
#internavi-contents a:hover img{
	opacity:0.7;
	-moz-transition: opacity 0.12s linear;
	-webkit-transition: opacity 0.12s linear;
	transition: opacity 0.12s linear;
}

/************************************************
 Clearfix
************************************************/
.cfx:after{content: ""; clear:both; display:block; height:0;}
.clear{clear:both;}

/************************************************
 internavi Common Parts
************************************************/

#contents{width:100% !important;}

#internavi-contents{
 width:100%;
 min-width:980px;
 margin:0 auto;
 font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;
	font-weight: normal;
 font-style:normal;
	font-size:14px;
	line-height:1.5;
	letter-spacing:normal;
	text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
 color:#555;
}

/* internavi Header
**********************************************************/
#internav-header{
 width:100%;
 margin:0 auto;
 border-top:1px solid #d0d2d4;
 background-color:#f0f0f1;
 position:relative;
}
.internav-logo-box{
 width:980px;
 margin:0 auto;
 text-align:left;
}
h1.internav-logo{
 display:block;
 float:left;
 margin:31px 0 0;
 padding:0;
}
h1.internav-logo img{width:271px;}
ul.internav-member-btn{
 display:inline-block;
 float:right;
 font-size:1px;
 line-height:1px;
 letter-spacing:-0.4em;
}
ul.internav-member-btn li{
 display:inline-block;
 margin:12px 0 11px;
 padding:0;
 font-size:14px;
 line-height:1;
 letter-spacing:normal;
}
ul.internav-member-btn li:first-child{margin-right:10px;}
ul.internav-member-btn li.internavi-sp-menu-btn{
 display:none;
}

/* Global Menu
**********************************************************/
nav.internavi-global-menu{
 clear:both;
 margin:0;
 padding:0;
 background:url(../images/gmenu_bg.gif) repeat-x 0px 0px;
}
nav.internavi-global-menu > ul{
 display:block;
 width:985px;
 margin:0 auto;
 padding:0;
 font-size:1px;
 line-height:1px;
 letter-spacing:-0.4em;
}
nav.internavi-global-menu > ul:after{
 content:"";
 display:block;
 height:0px;
 clear:both;
}
nav.internavi-global-menu > ul > li{
 display:inline-block;
 height:90px;
 vertical-align:top;
 position:relative;
 float:left;
}
nav.internavi-global-menu > ul > li.active,
nav.internavi-global-menu > ul > li > a,
nav.internavi-global-menu > ul > li span{
 width:140px;
 height:90px;
 margin:0;
 padding:0;
 cursor:pointer;
 text-indent:-9999px;
 background-image:url(../images/gmenu_pc.jpg);
 background-repeat:no-repeat;
}
nav.internavi-global-menu > ul > li > a,
nav.internavi-global-menu > ul > li span{display:block;}
nav.internavi-global-menu li.internavi-gmenu01 a{background-position:   0px 0px;}
nav.internavi-global-menu li.internavi-gmenu02 a{background-position:-140px 0px;}
nav.internavi-global-menu li.internavi-gmenu03 a{background-position:-280px 0px;}
nav.internavi-global-menu li.internavi-gmenu04 a{background-position:-420px 0px;}
nav.internavi-global-menu li.internavi-gmenu05 a{background-position:-560px 0px;}
nav.internavi-global-menu li.internavi-gmenu06 a{background-position:-700px 0px;}
nav.internavi-global-menu li.internavi-gmenu07 span{background-position:-840px 0px; border-right:1px solid #071742;}
nav.internavi-global-menu li.internavi-gmenu07{border-right:1px solid #586d90;}

nav.internavi-global-menu li.internavi-gmenu01 a:hover,
nav.internavi-global-menu li.internavi-gmenu01.active{background-position:   0px -90px;}
nav.internavi-global-menu li.internavi-gmenu02 a:hover,
nav.internavi-global-menu li.internavi-gmenu02.active{background-position:-140px -90px;}
nav.internavi-global-menu li.internavi-gmenu03 a:hover,
nav.internavi-global-menu li.internavi-gmenu03.active{background-position:-280px -90px;}
nav.internavi-global-menu li.internavi-gmenu04 a:hover,
nav.internavi-global-menu li.internavi-gmenu04.active{background-position:-420px -90px;}
nav.internavi-global-menu li.internavi-gmenu05 a:hover,
nav.internavi-global-menu li.internavi-gmenu05.active{background-position:-560px -90px;}
nav.internavi-global-menu li.internavi-gmenu06 a:hover,
nav.internavi-global-menu li.internavi-gmenu06.active{background-position:-700px -90px;}
nav.internavi-global-menu li.internavi-gmenu07 span:hover{background-position:-840px -90px;}
    
nav.internavi-global-menu ul.internavi-global-submenu{
 display:none;
 width:222px;
 height:103px;
 position:absolute;
 right:-1px;
 border:1px solid #6c84aa;
 z-index:999;
 box-shadow:2px 2px 6px 0px rgba(0,0,0,0.3);
}
nav.internavi-global-menu ul.internavi-global-submenu li{
 display:block;
 width:auto;
 height:auto;
 margin:0;
 padding:0;
}
nav.internavi-global-menu ul.internavi-global-submenu li.active{
 box-sizing:content-box;
}
nav.internavi-global-menu ul.internavi-global-submenu li:first-child{
 border-bottom:1px solid #6c84aa;
}
nav.internavi-global-menu ul.internavi-global-submenu li.active,
nav.internavi-global-menu ul.internavi-global-submenu a{
 display:block;
 width:190px;
 height:50px;
 margin:0;
 padding:0 15px;
 font-size:16px;
 line-height:50px;
 letter-spacing:normal;
 text-align:left;
 text-indent:0;
 text-decoration:none;
 color:#2c4d84;
 background:#cbd7e3 none;
}
nav.internavi-global-menu ul.internavi-global-submenu li.active,
nav.internavi-global-menu ul.internavi-global-submenu a:hover{
 background:#ccddee;
}
nav.internavi-global-menu ul.internavi-global-submenu li.active:before,
nav.internavi-global-menu ul.internavi-global-submenu a:before{
 content:"›";
 color:#2c4d84;
 margin-right:5px;
 text-decoration:none;
}


/* internavi Main Contents
**********************************************************/
.internavi-white-box, .internavi-blue-box{
 width:100%;
 min-width:980px;
 margin:0 auto;
 padding:0;
 background-position:0px 0px;
 background-repeat:repeat-x;
}
.internavi-white-box{background-color:#fff; background-image:url(../images/bg_white.gif);}
.internavi-blue-box{background-color:#e7eff3; background-image:url(../images/bg_blue.gif);}

h2.internavi-lead-ttl{
 display:block;
 width:100%;
 max-width:980px;
 margin:0 auto;
 padding:40px 0 0;
 text-align:left;
}
.internavi-lead-box{
 width:100%;
 max-width:980px;
 margin:0 auto;
 padding:0;
 text-align:left;
 background-position:0px 0px;
 background-repeat:no-repeat;
}
.internavi-lead-box p.internavi-lead-text{
 font-size:23px;
 line-height:1.5;
 margin:0 auto;
 padding:30px 0 0;
 color:#333;
}
.internavi-section h3{
	display:block;
 width:100%;
 min-width:980px;
 margin:0 auto;
 padding:0;
 font-weight:bold;
 font-size:23px;
 text-align:center;
 line-height:44px;
 color:#fff;
 background:url(../images/ttl_bg01.gif) repeat-x 0px 0px;
}
.internavi-section-h3-span{
    width: 980px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
		}
.internavi-section h3.grade-ttl{
 height:53px;
 background:url(../images/ttl_bg02.gif) repeat-x 0px 0px;
}
.internavi-section h3.grade-ttl span{
 display:block;
 width:95%;
 max-width:980px;
 text-align:left;
 margin:0 auto;
 padding:0;
}
.internavi-section-inner{
 width:100%;
 max-width:980px;
 margin:0 auto;
 padding:0;
}

ul.internavi-square-list{
 width:100%;
 margin:0 auto;
 padding:0;
 text-align:left;
}
ul.internavi-square-list > li{
 padding:10px 0 10px 40px;
 margin:0;
 font-size:24px;
 font-weight:bold;
 line-height:1.5;
 border-bottom:1px dotted #a7bcd1;
}
ul.internavi-square-list > li:last-child{
 border-bottom:none;
}
ul.internavi-square-list > li:before{
 content:"";
 display:inline-block;
 width:24px;
 height:24px;
 padding:0;
 margin:8px 5px 10px -35px;
 vertical-align:middle;
 background:url(../images/list_mark.gif) no-repeat 0px 0px;
 background-size:contain;
}
ul.internavi-square-list > li:after{
 content:"";
 display:block;
 height:0px;
 clear:both;
}
ul.internavi-square-list > li > strong{
 color:#2c4d84;
}


/* internavi Footer
**********************************************************/
#internavi-footer{
 width:100%;
 min-width:980px;
}
#internavi-foot-nav01{
 height:70px;
 background:#fff url(../images/bg_white.gif) repeat-x left top;
}
#internavi-foot-nav01 ul{
 width:980px;
 margin:0 auto;
}
#internavi-foot-nav01 li{
 display:inline-block;
 line-height:70px;
 font-size:16px;
}
#internavi-foot-nav01 li a{
 display:inline-block;
 margin:0;
 padding:0 0 0 20px;
 color:#666;
 text-decoration:none;
 background-repeat:no-repeat;
 background-position:0px center;
 background-size:13px;
}
#internavi-foot-nav01 .internavi-back{float:left;}
#internavi-foot-nav01 .internavi-pagetop{float:right;}
#internavi-foot-nav01 .internavi-back a{
 background-image:url(../images/arrow_left.jpg);
}
#internavi-foot-nav01 .internavi-pagetop a{
 background-image:url(../images/arrow_up.jpg);
}

#internavi-foot-nav02{
 border-top:1px dotted #a8a8a8;
 background-color:#f0f0f1;
}
#internavi-foot-nav02 ul{
 font-size:1px;
 line-height:1px;
 letter-spacing:-0.4em;
 text-align:center;
}
#internavi-foot-nav02 li{
 display:inline-block;
 width:auto;
 height:70px;
 padding:0;
 margin:0 15px;
 font-size:16px;
 line-height:1;
 letter-spacing:normal;
 text-align:left;
 border:none;
}
#internavi-foot-nav02 li:nth-child(5){display: none;}
#internavi-foot-nav02 a{
 display:inline-block;
 width:100%;
 height:100%;
 color:#555;
 padding-left:5px;
 box-sizing:border-box;
}
#internavi-foot-nav02 a:hover span{
 text-decoration:underline;
}
#internavi-foot-nav02 a:before{
 content:'>';
 display:inline-block;
 width:auto;
 height:100%;
 font-size:10px;
 line-height:70px;
 vertical-align:middle;
 margin-right:5px;
 color:#32558d;
}
#internavi-foot-nav02 span{
 display:inline-block;
 width:auto;
 margin:0;
 padding:0;
 vertical-align:middle;
}



.internavi-pc-visible{display:inline-block;}
.internavi-sp-visible{display:none;}

/***********************************************************
 Mobile Size (Tablet SmartPhone View)
***********************************************************/
@media screen and (max-width: 736px) {
 #header-smartphone {
  display:block !important;
  width:95%;
  border-bottom:1px #e57f7f solid;
  height:40px;
  margin:0 0 8px 0;
  padding:10px 2.5% 0 2.5%;
  text-align:left;
 }

 #internavi-contents{
  min-width:100%;
 }
 /* Header
 **********************************************************/
 .internav-logo-box{
  width:100%;
  height:auto;
  border-bottom:2px solid #2c4d84;
 }
 h1.internav-logo{
  width:43%;
  max-width:271px;
  height:auto;
  margin:5% 0 0 13px;
 }
 h1.internav-logo img{width:100%;}
 /*h1.internav-logo:before{
  content:"";
  display:inline-block;
  width:0px;
  height:100%;
  margin-left:-1px;
  vertical-align:middle;
 }*/
 /* Menu Button
 **********************************************************/
 ul.internav-member-btn{
  /*border-left:1px solid #2c4d84;*/
  background-color:#2c4d84;
  width:28.125%;
  /*width:42%;*/
  height:auto;
 }
 ul.internav-member-btn li{
    margin:0;
    padding:0;
    /*width:33.333%;*/
    width:50%;
    height:auto;
    vertical-align:top;
}
    
 ul.internav-member-btn li:first-child{margin-right:0px;}
 ul.internav-member-btn li img{width:100%;}
 /*ul.internav-member-btn li:first-child{border-left:1px solid #bfc7d6;}*/
 ul.internav-member-btn li.internavi-sp-menu-btn{
  display:inline-block;
  background-size:100%;
 }
 ul.internav-member-btn li.internavi-sp-menu-btn.active{
 }
 
 /* Global Menu
 **********************************************************/
 nav.internavi-global-menu{
  display:none;
  background:none;
  position:absolute;
  z-index:9999;
 }
 nav.internavi-global-menu > ul{
  width:auto;
  border:none;
 }
 nav.internavi-global-menu > ul > li,
 nav.internavi-global-menu > ul > li.active{
  width:100%;
  height:auto;
  box-sizing:border-box;
  margin:0 auto;
  border:none;
  background-color:#003366;
  border-bottom:1px solid #1a5895;
  float:none;
 }
 nav.internavi-global-menu > ul > li > a,
 nav.internavi-global-menu > ul > li > span,
 nav.internavi-global-menu > ul > li.active{
  height:40px;
  margin:0;
  padding:0 10px;
  font-size:14px;
  line-height:40px;
  letter-spacing:normal;
  text-indent:0;
  text-align:left;
  color:#e7eff3;
  background-image:none;
  box-sizing:border-box;
 }
 nav.internavi-global-menu > ul > li > a,
 nav.internavi-global-menu > ul > li > span{
  display:block;
  width:100%;
  text-decoration:none;
 }
 nav.internavi-global-menu > ul > li.active{
  background-color:#235587;
 }

 
 nav.internavi-global-menu > ul > li.active:before,
 nav.internavi-global-menu > ul > li > a:before{
  content:"›";
  color:#e7eff3;
  margin-right:5px;
 }
 nav.internavi-global-menu li.internavi-gmenu07 span{
  background-image:url(../images/sp_menu-toggle_open.gif);
  background-color:#2c4d84;
  background-repeat:no-repeat;
  background-position:right center !important;
  background-size:10%;
  border:none;
 }
 nav.internavi-global-menu li.internavi-gmenu07 span.active{
  background-image:url(../images/sp_menu-toggle_close.gif);
  background-position:right center;
 }
 nav.internavi-global-menu ul.internavi-global-submenu,
 nav.internavi-global-menu ul.internavi-global-submenu li,
 nav.internavi-global-menu ul.internavi-global-submenu li.active,
 nav.internavi-global-menu ul.internavi-global-submenu a{
  width:100%;
  height:auto;
  box-sizing:border-box;
 }
 nav.internavi-global-menu ul.internavi-global-submenu{
  position:relative;
  left:0;
  right:0;
  border:none;
  box-shadow:none;
 }
 nav.internavi-global-menu ul.internavi-global-submenu li{
 }
 nav.internavi-global-menu ul.internavi-global-submenu li.active,
 nav.internavi-global-menu ul.internavi-global-submenu a{
  font-size:14px;
  line-height:40px;
 }
 
 
  /* internavi Main Contents
 **********************************************************/
  .internavi-white-box,
  .internavi-blue-box,
   h2.internavi-lead-ttl,
  .internavi-section h3{
   min-width:100%;
  }
  h2.internavi-lead-ttl{
   width:95%;
   min-width:95%;
   margin:0 auto;
  }

  h2.internavi-lead-ttl img,
 .internavi-lead-img img{
  width:100%;
 }
 
 .internavi-lead-box{
  background-size:contain;
  width:95%;
  max-width:100%;
  min-width:95%;
  margin:0 auto;
 }
 .internavi-lead-box p.internavi-lead-text{
  font-size:13px;
  padding-top:15px;
 }
 .internavi-section h3{
  font-size:13px;
  line-height:30px;
  height:30px;
 }
 .internavi-section h3.grade-ttl{
  height:auto;
  background-size:contain;
 }
 .internavi-section h3.grade-ttl span{
  margin:0 0 0 15px;
 }
 .internavi-section h3.grade-ttl img{
  width:auto;
  max-width:95%;
 }
 ul.internavi-square-list > li{
  font-size:13px;
  line-height:1;
  padding-left:30px;
  padding-right:10px;
 }
 ul.internavi-square-list > li:before{
  width:13px;
  height:13px;
  margin-left:-20px;
  margin-right:5px;
 }
 

  /* internavi Footer
 **********************************************************/
 #internavi-footer{
  min-width:100%;
 }
 #internavi-foot-nav01{
  height:40px;
 }
 #internavi-foot-nav01 ul{
  width:auto;
 }
 #internavi-foot-nav01 li{
  font-size:13px;
  line-height:40px;
  background-size:10px;
 }
 #internavi-foot-nav01 .internavi-back{margin-left:10px;}
 #internavi-foot-nav01 .internavi-pagetop{margin-right:10px;}
 #internavi-foot-nav01 li a{
  padding:0 0 0 15px;
  background-size:10px;
 }

#internavi-foot-nav02{border:none;background-color:#f8f8f8;}
#internavi-foot-nav02 ul{display: flex;flex-flow: row wrap;ustify-content: space-between;}	
#internavi-foot-nav02 li{width:50%;height:45px;margin:0;font-size:13px;border-top:1px dotted #a8a8a8;box-sizing: border-box;}
#internavi-foot-nav02 li:nth-child(odd){border-right:1px dotted #a8a8a8;}
#internavi-foot-nav02 li:nth-child(3){border-bottom:1px dotted #a8a8a8;}
#internavi-foot-nav02 li:nth-child(4){border-bottom:1px dotted #a8a8a8;}
#internavi-foot-nav02 li:nth-child(6){border-top:none;border-right:1px dotted #a8a8a8;}
#internavi-foot-nav02 span{width:85%;}
#internavi-foot-nav02 a:before{line-height:40px;}

#internavi-foot-nav02 li:nth-child(5){display: none;}
	
 .internavi-pc-visible{display:none;}
 .internavi-sp-visible{display:inline-block;}
}