@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald);

body, div, span, ol, ul, li, table, tr, th, td, dl, dt, dd, img, a, p, h1, h2, h3, h4, h5, h6, nav, header, footer, section, article {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  padding: 0;
  margin: 0;
  border: none;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media all and (-ms-high-contrast:none){
  body, div, span, ol, ul, li, table, tr, th, td, dl, dt, dd, img, a, p, h1, h2, h3, h4, h5, h6, nav, header, footer, section, article {
    font-family: "メイリオ", "Meiryo", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  }
}

html, body {
  font-size: 15px;
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 1;
}

body {
  position: relative;
  overflow-y: scroll;
}





/* - - - - - - - - - - - layout (common) - - - - - - - - - - - */

/* clearfix */

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




/* common */

body, th, td {
  color: #444;
}

a:link,
a:visited {
  color: #4D5B96;
  text-decoration: underline;
}

a:hover,
a:active {
  color: #6D7EC9;
  text-decoration: none;
}

ul li {
  list-style-type: none;
}

img {
  vertical-align: top;
  border-style: none;
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
}

strong {
  font-weight: bold;
}

.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.bold {
  font-weight: bold;
}

.clear {
  clear: both;
}

.red {
  color: #C00;
}

.note {
  text-indent: -1em;
  padding-left: 1em;
  /*margin-left: 1em;*/
}

.noborder {
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
}





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



/*layout (pc) */



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

/* - - (common) - - */

.cnt_pc { display: block !important; }
.cnt_pc_inline { display: inline !important; }
.cnt_pc_inlineblock { display: inline-block !important; }
.cnt_pc_flex { display: flex !important; }
.cnt_pc_table { display: table !important; }
.cnt_sp { display: none !important; }
.cnt_sp_inline { display: none !important; }
.cnt_sp_inlineblock { display: none !important; }
.cnt_sp_flex { display: none !important; }
.cnt_sp_table { display: none !important; }





/* - - (content common) - - */

#wrapper {
  position: relative;
  width: 100%;
}

hr {
  clear: both;
  border: none;
  width: 100%;
  height: 1px;
  color: #FFFFFF;
  margin: 20px 0 40px 0;
  padding: 0 0 0 0;
  border-top: 3px solid #DDD;
}





/* - - (header) - - */

#header {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0 30px;
  background: #FFF;
}

.headcnt {
  width: 960px;
  margin: 0 auto;
}

h1 {
  float: left;
  width: 212px;
}

.headlink {
  float: right;
  width: 200px;
  padding: 11px 0 0 0;
}

.headcnt ul {
  float: right;
  padding: 6px 20px 0 0;
}

.headcnt ul li {
  float: left;
}





/* - - (nav) - - */

.nav {
}

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

.nav li {
  -webkit-flex-basis: 33.3333%;
  -ms-flex-basis: 33.3333%;
  flex-basis: 33.3333%;
  max-width: 33.3333%;
  height: 90px;
}

.nav li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  font-size: 15px;
  line-height: 90px;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_nav_arrow_wh.png) center bottom 15px no-repeat #6785C1;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav li a:hover {
  background: url(../images/icn_nav_arrow_wh.png) center bottom 12px no-repeat #859DCD;
}

.nav li.current a {
  background: url(../images/icn_nav_current.png) center bottom 25px no-repeat #6785C1;
}

.nav li:nth-child(2) a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  font-size: 15px;
  line-height: 90px;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_nav_arrow_wh.png) center bottom 15px no-repeat #7C96CC;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav li:nth-child(2) a:hover {
  background: url(../images/icn_nav_arrow_wh.png) center bottom 12px no-repeat #96ABD6;
}

.nav li:nth-child(2).current a {
  background: url(../images/icn_nav_current.png) center bottom 25px no-repeat #7C96CC;
}

.nav li:nth-child(3) a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  font-size: 15px;
  line-height: 90px;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_nav_nwin_wh.png) center bottom 14px no-repeat #6785C1; /* intern - nwin */
  /*background: url(../images/icn_nav_arrow_wh.png) center bottom 15px no-repeat #6785C1;*/ /* mynavi - arrow */
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav li:nth-child(3) a:hover {
  background: url(../images/icn_nav_nwin_wh.png) center bottom 11px no-repeat #859DCD; /* intern - nwin */
  /*background: url(../images/icn_nav_arrow_wh.png) center bottom 12px no-repeat #859DCD;*/ /* mynavi - arrow */
}

.nav li:nth-child(3).current a {
  background: url(../images/icn_nav_current.png) center bottom 25px no-repeat #6785C1;
}

.nav li:nth-child(4) a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  font-size: 15px;
  line-height: 90px;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_nav_nwin_wh.png) center bottom 14px no-repeat #7C96CC;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav li:nth-child(4) a:hover {
  background: url(../images/icn_nav_nwin_wh.png) center bottom 11px no-repeat #96ABD6;
}

.nav li:nth-child(4).current a {
  background: url(../images/icn_nav_current.png) center bottom 25px no-repeat #7C96CC;
}






/* - - (footer) - - */

.pagetop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 77%;
  text-indent: -9999px;
}

.pagetop a {
  display: block;
  background: url(../images/btn_pagetop.png) top no-repeat;
  width: 58px;
  height: 58px;
  background-size: cover;
}

#footer {
  clear: both;
  width: 100%;
  padding: 40px 0 40px;
  text-align: center;
  background: #333333;
  color: #CCCCCC;
}

.copyright {
  font-size: 12px;
  line-height: 1.3;
}





/* - - (content top) - - */

#topslide_wrapeer {
  position: relative;
  max-height: 700px;
}

.topimage {
  position: relative;
  width: 100%;
  min-width: 960px;
}

.topimage img {
  width: 100%;
  display: none;
}

.topcopy {
  position: absolute;
  top: 53%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 96%;
  min-width: 960px;
  margin: 0 auto;
  color: #FFF;
  line-height: 1.4;
  text-align: center;
  font-size: 14px;
}

.topcopy img {
  max-width: 682px;
  padding: 0 0 25px;
}

.topcopy p {
  padding: 0 0 15px;
  text-shadow:1px 1px 4px rgba(0,0,0,0.80);
}

.topcopy_btn {
  letter-spacing: -.4em;
}

.topcopy_btn li {
  letter-spacing: 0em;
  display: inline-block;
  width: 316px;
  height: auto;
  margin: 0 10px;
  line-height: 1.4;
  vertical-align: top;
}

.topcopy_btn li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 46px;
  font-size: 18px;
  color: #6685C0 !important;
  text-decoration: none !important;
  background: url(../images/icn_arrow_bl.png) left 2px center / 6px 10px no-repeat #FFF;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.topcopy_btn li a:hover {
  color: #7C96CC !important;
  text-decoration: none !important;
  background: url(../images/icn_arrow_bl.png) left 4px center / 6px 10px no-repeat #E1E7F3;
}

.topcopy_btn li span {
  font-size: 11px;
}

.top_lead {
  min-width: 960px;
  padding: 30px 0;
  line-height: 1.5;
}

.top_content {
  min-width: 960px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  margin: 0 0.8%;
}

.top_box {
  position: relative;
  -webkit-flex-basis: 32.6%;
  -ms-flex-basis: 32.6%;
  flex-basis: 32.6%;
  max-width: 32.6%;
  margin: 0 0.2% 0.9%;
  padding: 122px 20px 80px;
  background: #CCC;
  text-align: left;
  color: #FFF;
  line-height: 1.5;
  font-weight: bold;
}

.top_box.na {
  color: #ccc;
}

@-moz-document url-prefix() {
  .top_box {
    margin: 0 0.2% 10px;
  }
}
.top_subttl {
  padding: 0 0 24px;
  font-size: 28px;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
}

.top_box p {
  padding: 0 0 18px;
}

.top_box a {
  display: block;
  width: 166px;
  height: 46px;
  margin: 0 auto;
  line-height: 46px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #FFF !important;
  text-decoration: none !important;
  border: 2px solid #FFF;
  background: url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.top_box a:hover {
  color: #DDD !important;
  background: url(../images/icn_arrow_wh.png) left 2px center / 6px 10px no-repeat rgba(255,255,255,0.25);
}

.toplist01 { background: url(../images/pic_topicon01.png) center top 27px / 73px 73px no-repeat, url(../images/bg_toplist01.jpg) center center / cover no-repeat; }
.toplist02 { background: url(../images/pic_topicon02.png) center top 27px / 73px 73px no-repeat, url(../images/bg_toplist02.jpg) center center / cover no-repeat; }
.toplist03 { background: url(../images/pic_topicon03.png) center top 27px / 73px 73px no-repeat, url(../images/bg_toplist03.jpg) center center / cover no-repeat; }
.toplist04 { background: url(../images/pic_topicon04.png) center top 27px / 73px 73px no-repeat, url(../images/bg_toplist04.jpg) center center / cover no-repeat; }
.toplist05 { background: url(../images/pic_topicon05.png) center top 27px / 73px 73px no-repeat, url(../images/bg_toplist05.jpg) center center / cover no-repeat; }
.toplist06 { background: url(../images/pic_topicon06.png) center top 27px / 73px 73px no-repeat, url(../images/bg_toplist06.jpg) center center / cover no-repeat; }
.toplist07 { background: url(../images/pic_topicon07.png) center top 27px / 73px 73px no-repeat, url(../images/bg_toplist07.jpg) center center / cover no-repeat; }
.toplist07.na { background: url(../images/pic_topicon07_x2.png) center top 27px / 73px 73px no-repeat, url(../images/bg_toplist07.jpg) center center / cover no-repeat; -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: grayscale(1); opacity: 0.7; }
.toplist08 { background: url(../images/pic_topicon08.png) center top 27px / 73px 73px no-repeat, url(../images/bg_toplist08.jpg) center center / cover no-repeat; }
.toplist09 { background: url(../images/pic_topicon09.png) center top 27px / 73px 73px no-repeat, url(../images/bg_toplist09.jpg) center center / cover no-repeat; }








/* - - (content lower) - - */

.titlebox {
  position: relative;
  width: 100%;
  min-width: 960px;
  height: auto;
  max-height: 460px;
  margin: 0 auto;
  overflow: hidden;
}

.mainpic {
  position: relative;
  width: 100%;
  height: auto;
}

.maincopy {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #FFF;
  font-size: 36px;
  font-weight: bold;
}

.lower_content {
  width: 100%;
  min-width: 960px;
  padding: 50px 0 50px;
  line-height: 2;
}

.cntbox {
  width: 960px;
  margin: 0 auto;
  padding: 0 0 30px;
  text-align: left;
}

.cntbox830 {
  width: 830px;
  margin: 0 auto;
  padding: 0 0 30px;
  text-align: left;
}





/* - - (content corporate_list) - - */

.corplistbg {
  background: url(../images/bg_corplistcnt.jpg) center top / cover no-repeat;
  background-attachment: scroll;
}

.corp_subttl,
.corp_subttl2 {
  margin: 0 0 10px;
  padding: 1px 0 1px 8px;
  font-size: 18px;
  line-height: 1;
  border-left: 6px solid #858585;
}

#business {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 15px;
  border-left: 1px solid #6785C1;
}

#business li {
  -webkit-flex-basis: 11.11%;
  -ms-flex-basis: 11.11%;
  flex-basis: 11.11%;
  max-width: 11.11%;
  height: 70px;
  background: #FFF;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#business li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 48px 0 0 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #6785C1 !important;
  text-decoration: none !important;
  border: 1px solid #6785C1;
  border-left: none;
}

#business li span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 48px 0 0 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #ddd !important;
  text-decoration: none !important;
  border: 1px solid #6785C1;
  border-left: none;
}

#business li#finance a { background: url(../images/pic_topicon01_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#settlement a { background: url(../images/pic_topicon02_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#government a { background: url(../images/pic_topicon03_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#medical a { background: url(../images/pic_topicon04_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#manufacture a { background: url(../images/pic_topicon05_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#connection a { background: url(../images/pic_topicon06_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#power a { background: url(../images/pic_topicon07_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#power span { background: url(../images/pic_topicon07_x.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#distribution a { background: url(../images/pic_topicon08_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#etc a { background: url(../images/pic_topicon09_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }

#business li:not(.na):hover {
  background: #E1E7F3;
}

#business li:not(.na).selected {
  background: #6785C1;
}

#business li#finance.selected a { background: url(../images/pic_topicon01.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#settlement.selected a { background: url(../images/pic_topicon02.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#government.selected a { background: url(../images/pic_topicon03.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#medical.selected a { background: url(../images/pic_topicon04.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#manufacture.selected a { background: url(../images/pic_topicon05.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#connection.selected a { background: url(../images/pic_topicon06.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#power.selected a { background: url(../images/pic_topicon07.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#power.selected span { background: url(../images/pic_topicon07_x.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#distribution.selected a { background: url(../images/pic_topicon08.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#etc.selected a { background: url(../images/pic_topicon09.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }

#feature {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 15px 0;
  border-left: 1px solid #6785C1;
  border-bottom: 1px solid #6785C1;
}

#feature li {
  -webkit-flex-basis: 33.33%;
  -ms-flex-basis: 33.33%;
  flex-basis: 33.33%;
  height: 36px;
  background: #FFF;
}

#feature li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px 0 0 15px;
  font-size: 14px;
  line-height: 1;
  text-align: left;
  color: #6785C1 !important;
  text-decoration: none !important;
  border: 1px solid #6785C1;
  border-left: none;
  border-bottom: none;
  background: url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat #FFF;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#feature li a:hover {
  background: url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat #E1E7F3;
}

#feature li.selected a {
  color: #FFF !important;
  background: url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat #6785C1;
}

#business_allbtn,
#feature_allbtn  {
  display: none;
}

.btn_reset {
  width: 160px;
  height: 34px;
  margin: 0 auto 20px;
}

.btn_reset a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0 0 0;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  background: #6785C1;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.btn_reset a:hover {
  background: #859DCD;
}

.objectlist {
}

.objectlist li {
  float: left;
  width: 230px;
  height: 260px; /* 214 244 284 300 230 260 */
  margin: 0 10px 10px 0;
  padding: 18px 18px 0;
  background: rgba(219,238,246,0.82);
  border: 2px solid #B6DEEE;
}

.corp_name {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  border-bottom: 1px solid #333;
  margin: 0 0 10px;
  padding: 0 0 10px;
}

.objectlist p {
  font-size: 12px;
  line-height: 1.5;
  padding: 0 0 10px;
}

.corp_btn {
  width: 200px;
  margin: 0 -10px 0 0;
}

.btn_corpsite,
.btn_corpnavi {
  float: none;
  width: 90px;
  height: 30px;
  margin: 0 5px 0 0;
  display: inline-block;
}

.btn_corpsite a,
.btn_corpnavi a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 9px 0 0 0;
  font-size: 13px;
  text-align: center;
  line-height: 1;
  color: #FFF !important;
  text-decoration: none !important;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.btn_corpsite a {
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #6785C1;
}

.btn_corpsite a:hover {
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #859DCD;
}

.btn_corpnavi a {
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #00ABEB;
}

.btn_corpnavi a:hover {
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #4CC4F1;
}

.objectlist li.disabled {
  padding: 20px 20px 0;
  background-image: none;
  background: rgba(247,247,247,0.5);
  color: #BBB;
  border: none;
}

.objectlist li.disabled .corp_name {
  border-bottom: 1px solid #BBB;
}

.objectlist li.disabled .btn_corpsite a,
.objectlist li.disabled .btn_corpnavi a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 9px 0 0 0;
  font-size: 13px;
  text-align: center;
  line-height: 1;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #DDDDDD;
}





/* - - (content groupseminar) - - */

.seminar_box {
  background: #EEE;
}

.seminar_box p {
  padding: 0 0 30px;
}

.seminar_box p.half {
  padding: 0 0 15px;
}

.seminar_title {
  padding: 0 0 40px;
  font-size: 28px;
  font-weight: bold;
  color: #6785C1;
  line-height: 1.5;
  text-align: center;
}

.btn_seminar_how {
  width: 680px;
  height: auto;
  margin: 0 auto 30px;
}

.btn_seminar_how a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px 20px 10px;
  font-size: 20px;
  color: #6785C1;
  line-height: 1.3;
  text-align: center;
  text-decoration: none !important;
  border: 2px solid #6785C1;
  background: url(../images/icn_arrow_below.png) right 22px center / 10px 6px no-repeat #FFF;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.btn_seminar_how a:hover {
  background: url(../images/icn_arrow_below.png) right 24px center / 10px 6px no-repeat #E1E7F3;
}

h3 {
  clear: both;
  margin: 0 0 30px;
  padding: 6px 0 6px 20px;
  font-size: 18px;
  font-weight: bold;
  color: #6685C0;
  line-height: 1.3;
  border-bottom: 1px solid #C2CEE6;
  background: url(../images/icn_h3.png) left center no-repeat;
}

h4 {
  clear: both;
  margin: 0 0 20px;
  padding: 3px 0 3px 8px;
  font-size: 16px;
  font-weight: bold;
  color: #6685C0;
  line-height: 1.3;
  border-left: 6px solid #C2CEE6;
}

h4.place_title {
  clear: both;
  margin: 0 0 30px;
  padding: 8px 8px 8px 8px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #6685C0;
  line-height: 1.3;
  border: 3px solid #6685C0;
}

.seminar_corplist_box {
  padding: 40px 40px 3px;
  background: #E5F2F8;
  line-height: 1;
}

.seminar_subttl_box {
  margin: 0 0 16px 0;
  height: 44px;
  font-size: 18px;
  font-weight: bold;
  color: #3399C7;
  line-height: 44px;
  background: #FFF;
}

.seminar_subttl_box span {
  display: block;
  float: left;
  margin: 0 20px 0 0;
  padding: 0 55px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  background: #99CDE3;
}

.seminar_corplist {
  padding: 0 0 28px;
}

.seminar_corplist li {
  float: left;
  width: 33.33%;
  padding: 9px 0 9px 16px;
  font-size: 14px;
  background: url(../images/icn_seminarlist.png) left center / 8px 8px no-repeat;
}

.seminar_corplist li:last-child {
  float: right;
  width: 33.33%;
  padding: 9px 0 9px 16px;
  font-size: 14px;
  background: url(../images/icn_seminarlist.png) left center / 8px 8px no-repeat;
}

.seminar_map {
  float: left;
  padding: 0 26px 30px 0;
}

.seminar_map_subttl {
  font-size: 20px;
  padding: 0 0 25px;
}

.seminar_btn_note {
  padding: 8px 0 8px;
  font-weight: bold;
}

.btn_seminar_apply {
  width: 100%;
  height: 76px;
  margin: 0 auto 20px;
}

.btn_seminar_apply a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 22px;
  color: #6785C1;
  line-height: 76px;
  text-align: center;
  text-decoration: none !important;
  border: 2px solid #6785C1;
  background: url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat, url(../images/icn_nwin_bl.png) right 14px center no-repeat #FFF;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.btn_seminar_apply a:hover {
  background: url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat, url(../images/icn_nwin_bl.png) right 14px center no-repeat #E1E7F3;
}

.apply_imgbox {
  padding: 30px 30px;
  background: #E5F2F8;
}

.apply_imgbox p {
  padding: 0 0 7px;
  font-weight: bold;
  color: #3399C7;
}

.apply_img {
  padding: 20px 10px;
  background: #FFF;
  text-align: center;
}

.caution {
  margin: -20px 0 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #980000;
  line-height: 1.6;
  text-decoration: underline;
}

.titlebox_seminar .maincopy {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #FFF;
  font-size: 32px;
  font-weight: bold;
  width: 80%;
}

p.date {
  margin: 6px 0 0;
  text-align: center;
}
p.date span {
  display: inline-block;
  background: rgba(255,255,255,0.55);
  padding: 8px 10px 6px;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.7;
  color: #222;
}






/* - - (margin, padding) - - */

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.mr0 { margin-right: 0px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }

/* - - (padding) - - */

.pb0 { padding-bottom: 0 !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }

.pt0 { padding-top: 0 !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt50 { padding-top: 50px !important; }

.pl0 { padding-left: 0 !important; }
.pl3 { padding-left: 3px !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }

.pr0 { padding-right: 0 !important; }
.pr3 { padding-right: 3px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }





/* - - (print) - - */

@media print {
  html,body { width: 1000px; }
}





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



/*layout (tablet) */



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

@media only screen and (min-width: 768px) and (max-width: 961px) {
}





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



/*layout (smartphone) */



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

@media only screen and (min-width: 1px) and (max-width: 767px) {
  
/* - - (common) - - */

html, body {
  font-size: 15px;
}

img, video, object {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width /***/:auto;
}

.cnt_pc { display: none !important; }
.cnt_pc_inline { display: none !important; }
.cnt_pc_inlineblock { display: none !important; }
.cnt_pc_flex { display: none !important; }
.cnt_pc_table { display: none !important; }
.cnt_sp { display: block !important; }
.cnt_sp_inline { display: inline !important; }
.cnt_sp_inlineblock { display: inline-block !important; }
.cnt_sp_flex { display: flex !important; }
.cnt_sp_table { display: table !important; }





/* - - (content common) - - */

#wrapper {
  position: relative;
  width: 100%;
  min-width: 320px;
}

hr {
  clear: both;
  border: none;
  width: 100%;
  height: 1px;
  color: #FFFFFF;
  margin: 20px 0 40px 0;
  padding: 0 0 0 0;
  border-top: 3px solid #DDD;
}





/* - - (header) - - */

#header {
  width: 100%;
  margin: 0 auto;
  padding: 10px 0 10px;
  background: #FFF;
}

.headcnt {
  width: 94%;
  margin: 0 auto;
}

h1 {
  float: left;
  width: 35%;
  padding: 4px 0 0 0;
}

.headlink {
  float: right;
  padding: 0 0 0 0;
  width: 34%;
}

.headcnt ul {
  clear: right;
  float: right;
  padding: 4px 0 0 0;
  width: 58%;
}

.headcnt ul li {
  /*float: left;*/
  float: right;
}

.sitetitle {
  width: 54.77%;
}

.btn_hdlist {
  width: 45.23%;
}





/* - - (nav) - - */

.nav {
}

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

.nav li {
  -webkit-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
  height: 90px;
}

.nav li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 34px 0 0 0;
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_nav_arrow_wh.png) center bottom 15px no-repeat #6785C1;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav li a:hover {
  background: url(../images/icn_nav_arrow_wh.png) center bottom 13px no-repeat #859DCD;
}

.nav li.current a {
  background: url(../images/icn_nav_current.png) center bottom 25px / 70% 3px no-repeat #6785C1;
}

.nav li:nth-child(1) {
  display: none;
}

.nav li:nth-child(2) a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 0 0 0;
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  /*background: url(../images/icn_nav_arrow_wh.png) center bottom 15px no-repeat #7C96CC;*/ /*light*/
  background: url(../images/icn_nav_arrow_wh.png) center bottom 15px no-repeat #6785C1; /*dark*/
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav li:nth-child(2) a:hover {
  /*background: url(../images/icn_nav_arrow_wh.png) center bottom 13px no-repeat #96ABD6;*/ /*light*/
  background: url(../images/icn_nav_arrow_wh.png) center bottom 13px no-repeat #859DCD; /*dark*/
}

.nav li.current:nth-child(2) a {
  background: url(../images/icn_nav_current.png) center bottom 25px / 70% 3px no-repeat #6785C1; /*dark*/
}

.nav li:nth-child(3) a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 0 0 0;
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_nav_nwin_wh.png) center bottom 14px no-repeat #7C96CC; /* intern - nwin */
  /*background: url(../images/icn_nav_arrow_wh.png) center bottom 15px no-repeat #7C96CC;*/ /* mynavi - arrow */
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav li:nth-child(3) a:hover {
  background: url(../images/icn_nav_nwin_wh.png) center bottom 12px no-repeat #96ABD6; /* intern - nwin */
  /*background: url(../images/icn_nav_arrow_wh.png) center bottom 13px no-repeat #96ABD6;*/ /* mynavi - arrow */
}

.nav li.current:nth-child(3) a {
  background: url(../images/icn_nav_current.png) center bottom 25px / 70% 3px no-repeat #7C96CC;
}

.nav li:nth-child(4) a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px 0 0 0;
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_nav_nwin_wh.png) center bottom 14px no-repeat #6785C1;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav li:nth-child(4) a:hover {
  background: url(../images/icn_nav_nwin_wh.png) center bottom 12px no-repeat #859DCD;
}

.nav li.current:nth-child(4) a {
  background: url(../images/icn_nav_current.png) center bottom 25px / 70% 3px no-repeat #6785C1;
}

/* lowernav (mobile only) */

.nav.lowernav .cnt_sp {
  display: none !important;
}

.nav.lowernav li {
  -webkit-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
  height: 46px;
}

.nav.lowernav li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  font-size: 11px;
  line-height: 46px;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_nav_arrow_wh.png) center bottom 5px / 6px auto no-repeat #6785C1;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav.lowernav li a:hover {
  background: url(../images/icn_nav_arrow_wh.png) center bottom 3px / 6px auto no-repeat #859DCD;
}

.nav.lowernav li.current a {
  background: url(../images/icn_nav_current.png) center bottom 8px / 70% 2px no-repeat #6785C1;
}

.nav.lowernav li:nth-child(2) a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  line-height: 46px;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  /*background: url(../images/icn_nav_arrow_wh.png) center bottom 5px / 6px auto no-repeat #7C96CC;*/ /*light*/
  background: url(../images/icn_nav_arrow_wh.png) center bottom 5px / 6px auto no-repeat #6785C1; /*dark*/
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav.lowernav li:nth-child(2) a:hover {
  /*background: url(../images/icn_nav_arrow_wh.png) center bottom 3px / 6px auto no-repeat #96ABD6;*/ /*light*/
  background: url(../images/icn_nav_arrow_wh.png) center bottom 3px / 6px auto no-repeat #859DCD; /*dark*/
}

.nav.lowernav li.current:nth-child(2) a {
  background: url(../images/icn_nav_current.png) center bottom 8px / 70% 2px no-repeat #6785C1; /*dark*/
}

.nav.lowernav li:nth-child(3) a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  line-height: 46px;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_nav_nwin_wh.png) center bottom 5px / 8px auto no-repeat #7C96CC; /* intern - nwin */
  /*background: url(../images/icn_nav_arrow_wh.png) center bottom 5px / 6px auto no-repeat #7C96CC;*/ /* mynavi - arrow */
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav.lowernav li:nth-child(3) a:hover {
  background: url(../images/icn_nav_nwin_wh.png) center bottom 3px / 8px auto no-repeat #96ABD6; /* intern - nwin */
  /*background: url(../images/icn_nav_arrow_wh.png) center bottom 3px / 6px auto no-repeat #96ABD6;*/ /* mynavi - arrow */
}

.nav.lowernav li.current:nth-child(3) a {
  background: url(../images/icn_nav_current.png) center bottom 8px / 70% 2px no-repeat #7C96CC;
}

.nav.lowernav li:nth-child(4) a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  line-height: 46px;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_nav_nwin_wh.png) center bottom 5px / 8px auto no-repeat #6785C1;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.nav.lowernav li:nth-child(4) a:hover {
  background: url(../images/icn_nav_nwin_wh.png) center bottom 3px / 8px auto no-repeat #859DCD;
}

.nav.lowernav li.current:nth-child(4) a {
  background: url(../images/icn_nav_current.png) center bottom 8px / 70% 2px no-repeat #6785C1;
}






/* - - (footer) - - */

.pagetop {
  position: fixed;
  bottom: 7px;
  right: 7px;
  font-size: 77%;
  text-indent: -9999px;
}

.pagetop a {
  display: block;
  background: url(../images/btn_pagetop.png) top no-repeat;
  width: 40px;
  height: 40px;
  background-size: cover;
}

#footer {
  clear: both;
  width: 100%;
  padding: 30px 0 60px;
  text-align: center;
  background: #333333;
  color: #CCCCCC;
}

.copyright {
  font-size: 10px;
  line-height: 1.3;
}





/* - - (content top) - - */

#topslide_wrapeer {
  position: relative;
  max-height: 520px;
  min-height: 490px;
  overflow: hidden;
}

.topimage {
  position: relative;
  width: 360%;
  min-width: 360%;
  height: 100%;
}

.topimage img {
  display: none;
}

.topcopy {
  position: absolute;
  top: 6%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  z-index: 9999;
  width: 90%;
  min-width: 94%;
  margin: 0 auto;
  color: #FFF;
  line-height: 1.3;
  text-align: left;
  font-size: 12px;
}

.topcopy img {
  max-width: 100%;
  padding: 0 0 16px;
}

.topcopy p {
  padding: 0 0 12px;
}

.topcopy_btn {
  letter-spacing: 0em;
}

.topcopy_btn li {
  letter-spacing: 0em;
  display: block;
  width: 86%;
  height: auto;
  margin: 0 auto 5px;
}

.topcopy_btn li a {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #6685C0 !important;
  text-decoration: none !important;
  background: url(../images/icn_arrow_bl.png) left 2px center / 6px 10px no-repeat #FFF;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  text-align: center;
}

.topcopy_btn li a:hover {
  color: #7C96CC !important;
  text-decoration: none !important;
  background: url(../images/icn_arrow_bl.png) left 4px center / 6px 10px no-repeat #E1E7F3;
}

.top_lead {
  min-width: 90%;
  padding: 30px 0;
  line-height: 1.5;
  width: 90%;
  margin: 0 auto;
  text-align: left;
}

.top_content {
  min-width: 100%;
  display: block;
  margin: 0 0;
}

.top_box {
  position: relative;
  max-width: 100%;
  margin: 0 0 10px;
  padding: 70px 5% 30px;
  background: #CCC;
  text-align: left;
  color: #FFF;
  line-height: 1.5;
  font-weight: bold;
}

.top_subttl {
  padding: 0 0 16px;
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
  font-weight: bold;
}

.top_box p {
  padding: 0 0 10px;
}

.top_box a {
  display: block;
  width: 166px;
  height: 46px;
  margin: 0 auto;
  line-height: 46px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #FFF !important;
  text-decoration: none !important;
  border: 2px solid #FFF;
  background: url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: relative;
  bottom: auto;
  left: auto;
  -webkit-transform: translate(0%, 0);
  -moz-transform: translate(0%, 0);
  -ms-transform: translate(0%, 0);
  -o-transform: translate(0%, 0);
  transform: translate(0%, 0);
}

.top_box a:hover {
  color: #DDD !important;
  background: url(../images/icn_arrow_wh.png) left 2px center / 6px 10px no-repeat rgba(255,255,255,0.25);
}

.toplist01 { background: url(../images/pic_topicon01.png) center top 16px / 40px 40px no-repeat, url(../images/bg_toplist01.jpg) center center / cover no-repeat; }
.toplist02 { background: url(../images/pic_topicon02.png) center top 16px / 40px 40px no-repeat, url(../images/bg_toplist02.jpg) center center / cover no-repeat; }
.toplist03 { background: url(../images/pic_topicon03.png) center top 16px / 40px 40px no-repeat, url(../images/bg_toplist03.jpg) center center / cover no-repeat; }
.toplist04 { background: url(../images/pic_topicon04.png) center top 16px / 40px 40px no-repeat, url(../images/bg_toplist04.jpg) center center / cover no-repeat; }
.toplist05 { background: url(../images/pic_topicon05.png) center top 16px / 40px 40px no-repeat, url(../images/bg_toplist05.jpg) center center / cover no-repeat; }
.toplist06 { background: url(../images/pic_topicon06.png) center top 16px / 40px 40px no-repeat, url(../images/bg_toplist06.jpg) center center / cover no-repeat; }
.toplist07 { background: url(../images/pic_topicon07.png) center top 16px / 40px 40px no-repeat, url(../images/bg_toplist07.jpg) center center / cover no-repeat; }
.toplist07.na { background: url(../images/pic_topicon07_x2.png) center top 16px / 40px 40px no-repeat, url(../images/bg_toplist07.jpg) center center / cover no-repeat; -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: grayscale(1); opacity: 0.7; }
.toplist08 { background: url(../images/pic_topicon08.png) center top 16px / 40px 40px no-repeat, url(../images/bg_toplist08.jpg) center center / cover no-repeat; }
.toplist09 { background: url(../images/pic_topicon09.png) center top 16px / 40px 40px no-repeat, url(../images/bg_toplist09.jpg) center center / cover no-repeat; }





/* - - (content lower) - - */

.titlebox {
  position: relative;
  width: 100%;
  min-width: 100%;
  height: auto;
  max-height: 460px;
  margin: 0 auto;
  overflow: hidden;
}

.mainpic {
  position: relative;
  width: 100%;
  height: auto;
}

.maincopy {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
}

.lower_content {
  width: 100%;
  min-width: 100%;
  padding: 20px 0 20px;
  line-height: 2;
}

.cntbox {
  width: 94%;
  margin: 0 auto;
  padding: 0 0 20px;
  text-align: left;
}

.cntbox830 {
  width: 94%;
  margin: 0 auto;
  padding: 0 0 20px;
  text-align: left;
}





/* - - (content corporate_list) - - */

.corp_subttl {
  margin: 0 0 10px;
  padding: 3px 0 3px 6px;
  font-size: 15px;
  line-height: 1;
  border-left: 5px solid #858585;
  background: url(../images/btn_open.png) right center / 20px 20px no-repeat;
  cursor: pointer;
  cursor: hand;
}

.corp_subttl.selected {
  background: url(../images/btn_close.png) right center / 20px 20px no-repeat;
}

.corp_subttl2 {
  margin: 0 0 10px;
  padding: 3px 0 3px 6px;
  font-size: 15px;
  line-height: 1;
  border-left: 5px solid #858585;
}

#business {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 15px;
  border-left: 1px solid #6785C1;
  border-bottom: 1px solid #6785C1;
}

#business li {
  -webkit-flex-basis: 33.33%;
  -ms-flex-basis: 33.33%;
  flex-basis: 33.33%;
  max-width: 33.33%;
  height: 66px;
  background: #FFF;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#business li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 48px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #6785C1 !important;
  text-decoration: none !important;
  border: 1px solid #6785C1;
  border-left: none;
  border-bottom: none;
}

#business li span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 48px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #ddd !important;
  text-decoration: none !important;
  border: 1px solid #6785C1;
  border-left: none;
  border-bottom: none;
}

#business li#finance a { background: url(../images/pic_topicon01_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#settlement a { background: url(../images/pic_topicon02_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#government a { background: url(../images/pic_topicon03_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#medical a { background: url(../images/pic_topicon04_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#manufacture a { background: url(../images/pic_topicon05_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#connection a { background: url(../images/pic_topicon06_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#power a { background: url(../images/pic_topicon07_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#power span { background: url(../images/pic_topicon07_x.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#distribution a { background: url(../images/pic_topicon08_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }
#business li#etc a { background: url(../images/pic_topicon09_n.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat; }

#business li:not(.na):hover {
  background: #E1E7F3;
}

#business li:not(.na).selected {
  background: #6785C1;
}

#business li#finance.selected a { background: url(../images/pic_topicon01.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#settlement.selected a { background: url(../images/pic_topicon02.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#government.selected a { background: url(../images/pic_topicon03.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#medical.selected a { background: url(../images/pic_topicon04.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#manufacture.selected a { background: url(../images/pic_topicon05.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#connection.selected a { background: url(../images/pic_topicon06.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#power.selected a { background: url(../images/pic_topicon07.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#power.selected span { background: url(../images/pic_topicon07_x.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; }
#business li#distribution.selected a { background: url(../images/pic_topicon08.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }
#business li#etc.selected a { background: url(../images/pic_topicon09.png) center top 6px / 36px 36px no-repeat, url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat; color: #FFF !important; }

#feature {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 15px 0;
  border-left: 1px solid #6785C1;
  border-bottom: 1px solid #6785C1;
}

#feature li {
  -webkit-flex-basis: 100%;
  -ms-flex-basis: 100%;
  flex-basis: 100%;
  height: 44px;
  background: #FFF;
}

#feature li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 16px 0 0 15px;
  font-size: 14px;
  line-height: 1;
  text-align: left;
  color: #6785C1 !important;
  text-decoration: none !important;
  border: 1px solid #6785C1;
  border-left: none;
  border-bottom: none;
  background: url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat #FFF;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

#feature li a:hover {
  background: url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat #E1E7F3;
}

#feature li.selected a {
  color: #FFF !important;
  background: url(../images/icn_arrow_wh.png) left center / 6px 10px no-repeat #6785C1;
}

#business_allbtn,
#feature_allbtn  {
  display: none;
}

.btn_reset {
  width: 160px;
  height: 34px;
  margin: 0 auto 20px;
}

.btn_reset a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0 0 0;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #FFF !important;
  text-decoration: none !important;
  background: #6785C1;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.btn_reset a:hover {
  background: #859DCD;
}

.objectlist {
  display: block;
}

.objectlist li {
  width: 100%;
  height: auto;
  margin: 0 0 10px;
  padding: 18px 8px 18px;
  background: rgba(219,238,246,0.82);
  border: 2px solid #B6DEEE;
}

.objectlist li.nocnt {
  display: none;
}

.corp_name {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
  border-bottom: 1px solid #333;
  margin: 0 0 10px;
  padding: 0 0 10px;
}

.objectlist p {
  font-size: 12px;
  line-height: 1.5;
  padding: 0 0 10px;
}

.corp_btn {
  width: 100%;
  margin: 0 -10px 0 0;
  text-align: center;
}

.btn_corpsite,
.btn_corpnavi {
  float: none;
  width: 90px;
  height: 30px;
  margin: 0 3px 0 3px;
  display: inline-block;
}

.btn_corpsite a,
.btn_corpnavi a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 9px 0 0 0;
  font-size: 14px;
  text-align: center;
  line-height: 1;
  color: #FFF !important;
  text-decoration: none !important;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.btn_corpsite a {
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #6785C1;
}

.btn_corpsite a:hover {
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #859DCD;
}

.btn_corpnavi a {
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #00ABEB;
}

.btn_corpnavi a:hover {
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #4CC4F1;
}

.objectlist li.disabled {
  padding: 20px 10px 20px;
  background-image: none;
  background: rgba(247,247,247,0.5);
  color: #BBB;
  border: none;
}

.objectlist li.disabled .corp_name {
  border-bottom: 1px solid #BBB;
}

.objectlist li.disabled .btn_corpsite a,
.objectlist li.disabled .btn_corpnavi a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 9px 0 0 0;
  font-size: 14px;
  text-align: center;
  line-height: 1;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #DDDDDD;
}





/* - - (content groupseminar) - - */

.seminar_box p {
  padding: 0 0 20px;
}

.seminar_box p.half {
  padding: 0 0 12px;
}

.seminar_title {
  padding: 0 0 20px;
  font-size: 20px;
  font-weight: bold;
  color: #6785C1;
  line-height: 1.5;
  text-align: center;
}

.btn_seminar_how {
  width: 90%;
  margin: 0 auto 30px;
}

.btn_seminar_how a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px 20px 10px;
  font-size: 16px;
  color: #6785C1;
  line-height: 1.3;
  text-align: center;
  text-decoration: none !important;
  border: 2px solid #6785C1;
  background: url(../images/icn_arrow_below.png) right 22px center / 10px 6px no-repeat #FFF;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.btn_seminar_how a:hover {
  background: url(../images/icn_arrow_below.png) right 24px center / 10px 6px no-repeat #E1E7F3;
}

h3 {
  clear: both;
  margin: 0 0 20px;
  padding: 5px 0 5px 20px;
  font-size: 17px;
  font-weight: bold;
  color: #6685C0;
  line-height: 1.3;
  border-bottom: 1px solid #C2CEE6;
  background: url(../images/icn_h3.png) left center no-repeat;
}

h4 {
  clear: both;
  margin: 0 0 15px;
  padding: 3px 0 3px 8px;
  font-size: 15px;
  font-weight: bold;
  color: #6685C0;
  line-height: 1.3;
  border-left: 5px solid #C2CEE6;
}

h4.place_title {
  clear: both;
  margin: 0 0 30px;
  padding: 8px 8px 8px 8px;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  color: #6685C0;
  line-height: 1.3;
  border: 3px solid #6685C0;
}

.seminar_corplist_box {
  padding: 14px 14px 3px;
  background: #E5F2F8;
  line-height: 1;
}

.seminar_subttl_box {
  margin: 0 0 12px 0;
  height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #3399C7;
  line-height: 44px;
  background: #FFF;
}

.seminar_subttl_box span {
  display: block;
  float: left;
  margin: 0 10px 0 0;
  padding: 0 10px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  background: #99CDE3;
}

.seminar_corplist {
  padding: 0 0 8px;
}

.seminar_corplist li {
  float: none;
  width: 100%;
  padding: 7px 0 7px 12px;
  font-size: 14px;
  background: url(../images/icn_seminarlist.png) left center / 8px 8px no-repeat;
}

/*
.seminar_corplist li:last-child {
  float: none;
  width: 100%;
  padding: 7px 0 7px 12px;
  font-size: 14px;
  background: url(../images/icn_seminarlist.png) left center / 8px 8px no-repeat;
}
*/

.seminar_map {
  float: none;
  padding: 0 0 15px 0;
}

.seminar_map_subttl {
  font-size: 16px;
  padding: 0 0 10px;
}

.seminar_btn_note {
  padding: 6px 0 6px;
  font-weight: bold;
}

.btn_seminar_apply {
  width: 100%;
  height: auto;
  margin: 0 auto 20px;
}

.btn_seminar_apply a {
  display: block;
  width: 100%;
  height: auto;
  padding: 15px 15px;
  font-size: 15px;
  color: #6785C1;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  border: 2px solid #6785C1;
  background: url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat, url(../images/icn_nwin_bl.png) right 7px center no-repeat #FFF;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.btn_seminar_apply a:hover {
  background: url(../images/icn_arrow_bl.png) left center / 6px 10px no-repeat, url(../images/icn_nwin_bl.png) right 7px center no-repeat #E1E7F3;
}

.apply_imgbox {
  padding: 10px 10px;
  background: #E5F2F8;
}

.apply_imgbox p {
  padding: 0 0 7px;
  font-weight: bold;
  color: #3399C7;
}

.apply_img {
  padding: 4px 4px;
  background: #FFF;
  text-align: center;
}

.caution {
  margin: -5px 0 0;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #980000;
  line-height: 1.6;
  text-decoration: underline;
}

.titlebox.titlebox_seminar {
  position: relative;
  width: 100%;
  min-width: 100%;
  height: auto;
  max-height: 460px;
  margin: 0 auto;
  overflow: hidden;
}

.titlebox_seminar .mainpic {
  position: relative;
  width: 200%;
  height: auto;
}

.titlebox_seminar .maincopy {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
}

p.date {
  margin: 6px 0 0;
  text-align: center;
}
p.date span {
  display: inline-block;
  background: rgba(255,255,255,0.55);
  padding: 8px 10px 6px;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.7;
  color: #222;
}





}









/* - - - - - - - - - - - /end - - - - - - - - - - - */


/* - - - - - - - - - - - /20170301追加- - - - - - - - - - - */

p.urltext{
  word-wrap: break-word;
  font-size: 11px;
}
.btn_corpnavi02 {
  float: left;
  width: 90px;
  height: 30px;
  margin: 0 5px 0 0;
}

.btn_corpnavi02 a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 9px 0 0 0;
  font-size: 14px;
  text-align: center;
  line-height: 1;
  color: #FFF !important;
  text-decoration: none !important;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  letter-spacing: -.03em;
}
.btn_corpnavi02 a {
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #00ABEB;
}

.btn_corpnavi02 a:hover {
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #4CC4F1;
}

.objectlist li.disabled {
  padding: 20px 20px 0;
  background-image: none;
  background: rgba(247,247,247,0.5);
  color: #BBB;
  border: none;
}

.objectlist li.disabled .corp_name {
  border-bottom: 1px solid #BBB;
}

.objectlist li.disabled .btn_corpnavi02 a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 9px 0 0 0;
  font-size: 13px;
  text-align: center;
  line-height: 1;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #DDDDDD;
}
.btn_corpnavi02 {
  float: none;
  width: 90px;
  height: 30px;
  margin: 0 5px 0 0;
  display: inline-block;
}

.btn_corpnavi02 a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 9px 0 0 0;
  font-size: 13px;
  text-align: center;
  line-height: 1;
  color: #FFF !important;
  text-decoration: none !important;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.btn_corpnavi02 a {
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #00ABEB;
}

.btn_corpnavi02 a:hover {
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #4CC4F1;
}
.objectlist li.disabled .btn_corpnavi02 a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 9px 0 0 0;
  font-size: 13px;
  text-align: center;
  line-height: 1;
  color: #FFF !important;
  text-decoration: none !important;
  background: url(../images/icn_arrow_wh.png) left 1px center / 4px 6px no-repeat #DDDDDD;
}


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

/* group seminar addition */

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

.sp {
  display: none;
}
#contents h1 {
  float: none;
  width: auto;
  font-weight: bold;
}

#contents h1, #contents h2, #contents h3, #contents h4, #contents h5 {
  line-height: 1.6;
  margin: 0 0 30px;
  color: #000;
  letter-spacing: 0.1em;
}

p.note_contents {
  font-size: 13px;
  padding: 0 0 0;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
#contents p, #contents ul, #contents ol, #contents dl,
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5,
#contents table {
  margin: 0 0 20px;
}
.pc {
  display: none;
}
.sp {
  display: block;
}
br.sp,
span.sp {
  display: inline;
}
.linkBtn a {
  padding: 15px 5px 15px 20px;
  background-size: 6px 10px;
}
p.note_contents {
  font-size: 11px;
}

}



/* contents
------------------------------------------------------------*/
#contents {
  width: 1000px;
  padding: 0 0;
  margin: 0 auto;
  text-align: left;
  font-size: 15px;
}
#contents a {
  transition: color 0.2s 0s ease, background-color 0.2s 0s ease;
  -webkit-transition: color  0.2s 0s ease, background-color 0.2s 0s ease;
  -moz-transition: color  0.2s 0s ease, background-color 0.2s 0s ease;
}
#contents li {
  margin: 0 0 0 20px;
  list-style: disc;
}
#contents section {
  border-top: 2px solid #FFF;
  padding: 100px 0 0;
  margin: 0 0 100px;
}
#contents section {
  padding: 60px 0 0;
}
#contents section:first-child {
  border-top: none;
  padding: 0 0 0;
}
#contents section h1 {
  font-size: 24px;
  color: #4A5283;
  text-align: center;
  letter-spacing: 0.2em;
  margin: 0 0 100px;
}
#contents section h1 {
  margin: 0 0 60px;
}
#contents section h1 > span {
  display: block;
  margin: 0 auto 30px;
  text-align: center;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.3em;
  color: #F0AC00;
}
#contents section h1 > span {
  margin: 0 auto;
}
#contents section h1 > span {
  margin: 0 auto;
}
#contents section h1 span span {
  display: block;
  text-align: center;
  width: 90px;
  border-bottom: 2px solid #CCC;
  padding: 0 0 10px;
  margin: 0 auto 10px;
}
#contents section h1 + h2 {
  font-size: 30px;
  letter-spacing: 0.2em;
  text-align: center;
  margin: 0 0 40px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", '平成明朝', "Heisei Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: bold;
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
#contents {
  width: auto;
  padding: 0 20px;
}
#contents section {
  border-top: 2px solid #FFF;
  padding: 50px 0 0;
  margin: 0 0 50px;
}
#contents section {
  padding: 30px 0 0;
}
#contents section:first-child {
  border-top: none;
}
#contents section h1 {
  font-size: 15px;
  text-align: center;
  margin: 0 0 30px;
}
#contents section h1 {
  margin: 0 0 30px;
}
#contents section h1 img {
  height: 54px;
  width: auto;
}
#contents section h1 > span {
  margin: 0 auto 10px;
  font-size: 11px;
  letter-spacing: 0.3em;
}
#contents section h1 span span {
  width: 60px;
  padding: 0 0 10px;
  margin: 0 auto 10px;
}
#contents section h1 + h2 {
  font-size: 18px;
  margin: 0 0 30px;
  letter-spacing: 0.1em;
}
}

/* schedule
------------------------------------------------------------*/
#schedule .term dt {
  background: #FFF;
  height: 90px;
  font-size: 16px;
  margin: 0 0 30px;
  font-weight: bold;
  vertical-align: middle;
  overflow: hidden;
  display: table;
  width: 100%;
  position: relative;
}
#schedule .term dt .num {
  display: table-cell;
  color: #4A5283;
  vertical-align: middle;
  height: 90px;
  width: 180px;
  padding: 0 30px;
  box-sizing: border-box;
}
#schedule .term dt .num span {
  color: #F0AE00;
  font-family: 'Roboto', sans-serif;
  font-size: 26px;
  font-weight: 400;
  vertical-align: baseline;
  line-height: 1.1;
}
#schedule .term dt .num:before,
#schedule .term dt .num:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 48px 0 48px 43px;
  border-color: transparent transparent transparent #CCC;
  position: absolute;
  top: -3px;
  left: 130px;
}
#schedule .term dt .num:after {
  border-color: transparent transparent transparent #FFF;
  left: 127px;
}
#schedule .term dt .date {
  display: table-cell;
  vertical-align: middle;
  padding: 0 30px;
}

#schedule ul {
  overflow: hidden;
}
#schedule ul:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}
#schedule li {
  width: 33.33%;
  float: left;
  list-style: none;
  padding: 20px 0;
  border-bottom: 0px solid #CCC;
  margin: 1px 0 -1px;
}
#schedule li .num {
  display: inline-block;
  width: 60px;
  height: auto;
  line-height: 1.2;
  vertical-align: middle;
  background: #FFF;
  font-size: 14px;
  text-align: center;
  margin: 0 10px 0 0;
  color: #4A5283;
  font-weight: bold;
  padding: 14px 0 10px;
}

#schedule table {
  width: 800px;
  margin: 0 auto 30px;
}

#schedule table th {
  padding: 4px 30px 2px;
  text-align: center;
  background: #FFF;
  color: #4A5283;
  font-size: 18px;
  font-weight: bold;
}

#schedule table td {
  padding: 10px 30px 6px;
  text-align: center;
  border-bottom: 1px solid #CCC;
}

#schedule table td .num {
  display: inline-block;
  width: 70px;
  height: auto;
  line-height: 1.2;
  vertical-align: middle;
  background: #FFF;
  font-size: 14px;
  text-align: center;
  margin: 0 10px 0 0;
  color: #4A5283;
  font-weight: bold;
  padding: 7px 0 5px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
#schedule .term dt {
  height: auto;
  font-size: 14px;
  margin: 0 0 20px;
  display: block;
  width: auto;
  padding: 10px;
}
#schedule .term dt .num {
  display: block;
  height: auto;
  width: auto;
  padding: 0;
}
#schedule .term dt .num span {
  font-size: 18px;
}
#schedule .term dt .num:before,
#schedule .term dt .num:after {
  display: none;
}
#schedule .term dt .date {
  display: block;
  padding: 0;
  line-height: 1.6;
}

#schedule ul {
  border-top: 1px solid #CCC;
  border-bottom: none;
  padding: 20px 0 10px;
}
#schedule li {
  width: auto;
  float: none;
  padding: 0;
  border-bottom: none;
  margin: 0 0 10px;
}
#schedule li .num {
  width: 60px;
  height: auto;
  line-height: 1.6;
  font-size: 13px;
}

#schedule table {
  width: 100%;
  margin: 0 auto 30px;
}

#schedule table th {
  display: block;
  padding: 4px 0 2px;
  text-align: center;
  background: #FFF;
  color: #4A5283;
  font-size: 15px;
  font-weight: bold;
}

#schedule table td {
  display: block;
  padding: 10px 0 6px;
  text-align: left;
  border-bottom: 1px solid #CCC;
  font-size: 100%;
}

#schedule table td .num {
  display: inline-block;
  width: 54px;
  height: auto;
  line-height: 1.2;
  vertical-align: middle;
  background: #FFF;
  font-size: 90%;
  text-align: center;
  margin: 0 10px 0 0;
  color: #4A5283;
  font-weight: bold;
  padding: 7px 0 5px;
}

}

/* location
------------------------------------------------------------*/
#location p.location {
  padding: 0 0 20px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}
#location .map {
  text-align: center;
  font-size: 16px;
  background: #F0AE00;
  color: #FFF;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  padding: 5px 10px;
  vertical-align: middle;
  text-decoration: none;
  margin: 0 0 0 10px;
}
#location .map:hover {
  background: #FFCA23;
}
#location .access {
  text-align: center;
}
#location .access ul {
  display: inline-block;
  margin: 0 0 30px;
}
#location .access ul li {
  text-align: left;
}

#location ul.column2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

#location ul.column2 > li {
  -webkit-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
  width: 50%;
  margin: 0 0 0 0;
  list-style: none;
}



@media only screen and (min-width: 1px) and (max-width: 767px) {
#location p.location {
  font-size: 14px;
}
#location .map {
  font-size: 13px;
  padding: 2px 5px;
  margin: 0 0 0 5px;
}

#location ul.column2 {
  display: block;
}

#location ul.column2 > li {
  max-width: 100%;
  width: 100%;
}

}


/* application
------------------------------------------------------------*/
#application table {
  border-top: 1px solid #CCC;
}
#application table th,
#application table td {
  border-bottom: 1px solid #CCC;
  line-height: 1.8;
}
#application table th {
  padding: 20px;
  color: #4A5383;
  border-right: 1px solid #FFF;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
}
#application table td {
  padding: 20px 0 10px 20px;
}
#application table td p,
#application table td dl,
#application table td ul {
  margin: 0 0 10px;
}
#application table td dl {
}
#application table td dt {
  /*padding-left: 2em;*/
  position: relative;
  margin: 0 0 10px;
}
#application table td dt .num {
  position: absolute;
  top: 0.1em;
  left: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 15px;
  border: 1px solid #333;
  display: inline-block;
  width: 18px;
  text-align: center;
  line-height: 18px;
  letter-spacing: 0;
}
#application table td dd {
  /*padding-left: 2em;*/
  margin: 0 0 10px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
#application table th {
  padding: 10px 10px 10px 0;
  font-size: 11px;
}
#application table td {
  padding: 10px 0 0 10px;
}
#application table td dt {
  /*padding-left: 1.8em;*/
  position: relative;
  margin: 0 0 10px;
}
#application table td dt .num {
  top: 0.1em;
  font-size: 11px;
  width: 14px;
  line-height: 14px;
}
#application table td dd {
  /*padding-left: 1.8em;*/
  margin: 0 0 10px;
}
}

/* method
------------------------------------------------------------*/
#method .apply,
#application .apply {
  background: #FFF;
  padding: 50px 50px 20px;
  text-align: center;
  margin: 0 0 30px;
}
#method .apply p,
#application .apply p {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 30px;
}
#method .apply p.note,
#application .apply p.note {
  font-size: 15px;
  font-weight: normal;
}
.apply .buttonArea,
.apply .buttonArea {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 30px
}
#contents .apply .buttonArea p.linkBtn {
  display: table-cell;
  padding: 0 0 0 10px;
}
#contents .apply .buttonArea p.linkBtn:first-child {
  padding: 0 10px 0 0;
}
#contents .apply p.linkBtn a,
#contents .apply p.linkBtn span {
  width: 400px;
  background: #6785C1 url(../images/icn_arrow_wh_is.png) no-repeat 20px 50%;
  color: #FFF;
  padding-top: 30px;
  padding-bottom: 30px;
  display: inline-block;
  text-decoration: none;
}
#contents .apply .buttonArea p.linkBtn a,
#contents .apply p.linkBtn span {
  width: auto;
  display: block;
}
#contents .apply p.linkBtn span {
  background-color: #CCC;
}
#contents .apply p.linkBtn a:hover {
  background-color: #859DCD;
}
#method .apply p.note {
  text-align: left;
  font-size: 13px;
}

@media only screen and (min-width: 1px) and (max-width: 767px) {
#method .apply,
#application .apply {
  padding: 20px 20px 1px;
  margin: 0 0 20px;
}
#method .apply p,
#application .apply p {
  font-size: 13px;
}
#method .apply p.note,
#application .apply p.note {
  font-size: 12px;
  font-weight: normal;
}
.apply .buttonArea {
  margin: 0 0 20px
}
.apply .buttonArea p.linkBtn {
  padding: 0 0 0 5px;
}
.apply .buttonArea p.linkBtn:first-child {
  padding: 0 5px 0 0;
}
#contents .apply p.linkBtn a,
#contents .apply p.linkBtn span {
  width: auto;
  background-position: 10px 50%;
  background-size: 6px auto;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
}
#contents .apply p.linkBtn span {
  background-color: #CCC;
}
#contents .apply p.linkBtn a:hover {
  background-color: #859DCD;
}
#method .apply p.note {
  font-size: 11px;
}
}

/* --------------------- EDF --------------------- */