@charset "UTF-8";
/* =========================================================
 * Define
** ====================================================== */
html {
  font-size: .625em;
  padding: 0;
  margin: 0;
}

body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Helvetica, sans-serif;
  font-feature-settings: "palt";
  font-size: 1.3rem;
  line-height: 1.5;
  word-break: break-word;
  color: #74757C;
  background: #fff;
  position: relative;
}

/*
 * Define: Elements: *
** ------------------------------------------------------ */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*
 * Define: Elements: Block
** ------------------------------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1rem;
  margin: 0;
}

p {
  margin: 0;
}

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

dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

table {
  width: 100%;
}

th,
td {
  text-align: left;
  vertical-align: middle;
}

iframe {
  background: #fff;
  border: 0;
}

figure {
  margin: 0;
  padding: 0;
}

/*
 * Define: Elements: Inline
** ------------------------------------------------------ */
a {
  text-decoration: none;
}

a:link {
  color: #03234b;
}

a:visited {
  color: #03234b;
}

a:hover,
a:focus {
  text-decoration: none;
}

a:active {
  color: #3CB4E6;
}

a:hover {
  color: #3CB4E6;
}

a img:hover {
  opacity: 0.6;
}

small {
  font-size: 1.2rem;
}

b {
  font-weight: bold;
}

i {
  font-style: italic;
}

em {
  font-style: normal;
}

strong {
  font-weight: normal;
}

img {
  vertical-align: top;
  height: auto;
}

sup,
sub {
	font-size: 60%;
}

/*
 * Define: Elements: Form
** ------------------------------------------------------ */
form {
  margin: 0;
  padding: 0;
}

input,
select,
textarea {
  font-family: "Roboto", Arial, Verdana, "Lucida Grande", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
  word-break: break-all;
}

input[type="reset"],
input[type="image"],
input[type="submit"],
input[type="button"],
button {
  cursor: pointer;
}

/*
 * Define: Shared
** ------------------------------------------------------ */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

ul.no-bullet li {
  list-style-type: none;
}

/* =========================================================
 * Contents
** ====================================================== */
.contents {
  /* padding-top: 143px;　上部FIX　*/
}

/* =========================================================
 * Header
** ====================================================== */
#header {
  width: 100%;
  /* position: fixed; 上部FIX　*/ 
  z-index: 150;
  top: 0;
  right: 0;
  background-color: #fff;
  -webkit-transition: top .3s .3s, right .3s;
  -o-transition: top .3s .3s, right .3s;
  transition: top .3s .3s, right .3s;
}

#header.hidden {
  top: -161px;
}

#header .container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#header .container .left {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 90px;
  padding: 0 32px;
}

#header .container .left a {
  display: block;
  cursor: pointer;
}

#header .container .left a.mark {
  width: 90px;
}

#header .container .left a.logo {
  font-family: 'Noto Sans JP',sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #012551;
  margin-left: 50px;
  line-height: 1.2;
  letter-spacing: -0.05em;
}
_::-webkit-full-page-media, _:future, :root #header .container .left a.logo {
  font-family: sans-serif;
  font-size: 26px;
  letter-spacing: 0;
  white-space: nowrap;
}

#header .container .left a.logo span {
  display: inline-block;
}

#header .container .right {
  width: auto;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 32px;
}

#header .container .right .links {
  width: auto;
  height: 2.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#header .container .right .links li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

#header .container .right .links li::before {
  content: "";
  width: 1px;
  height: 20px;
  background-color: #ddd;
  display: block;
  margin: 0 16px;
}

#header .container .right .links li:last-child {
  padding-left: 0;
  margin-left: 32px;
}

#header .container .right .links li:first-child::before, #header .container .right .links li:last-child::before {
  display: none;
}

#header .container .right .links li a img {
  padding-top: 3px;
}

#header .container .right .links li a i {
  padding-right: 7px;
}

#header .container .right .links li a i.fas {
	font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em;
}

#header .container .right .search-box {
  margin-top: 13px;
}

#header .container .right .search-box .search-bar {
  width: 315px;
  font-size: 1.3rem;
  background-color: white;
  border-color: #cccccc;
  border: 1px solid #ccc;
  display: block;
  padding: 1rem !important;
  height: 3.3rem;
  float: left;
}

#header .container .right .search-box button {
  background: #57b6e1;
  border-top: 1px solid #57b6e1;
  border-right: 1px solid #57b6e1;
  border-bottom: 1px solid #57b6e1;
  border-left: 0;
  font-size: 1.4rem;
  color: #fff;
  width: 70px;
  height: 3.3rem;
  float: left;
}

#header .container #Menu-btn, #header .container #SpSearch {
  display: none;
}

#header #globalnavi {
  margin: 0;
  background-color: #03234b;
}

#header #globalnavi #goback {
  display: none;
}

#header #globalnavi #globalnavilist {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  height: 43px;
  margin: 0 auto;
  padding-top: 4px;
  position: relative;
}

#header #globalnavi #globalnavilist > li {
  list-style-type: none;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 4px;
  width: auto;
  min-height: 39px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 12px;
  -webkit-transition: all 0s 0s;
  -o-transition: all 0s 0s;
  transition: all 0s 0s;
}

#header #globalnavi #globalnavilist > li:first-child {
  margin-left: 0;
}

#header #globalnavi #globalnavilist > li::before {
  content: "";
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0s 0s;
  -o-transition: all 0s 0s;
  transition: all 0s 0s;
}

#header #globalnavi #globalnavilist > li:hover {
  background-color: #fff;
  -webkit-transition: all 0s .3s;
  -o-transition: all 0s .3s;
  transition: all 0s .3s;
}

#header #globalnavi #globalnavilist > li:hover::before {
  content: "";
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0s .3s;
  -o-transition: all 0s .3s;
  transition: all 0s .3s;
  width: 100vw;
  height: calc(100vh - 133px);
  position: fixed;
  top: 133px;
  left: 0;
  z-index: 50;
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

#header #globalnavi #globalnavilist > li:hover > a {
  color: #03234b;
  text-decoration: none;
  -webkit-transition: all 0s .3s;
  -o-transition: all 0s .3s;
  transition: all 0s .3s;
}

#header #globalnavi #globalnavilist > li:hover > .globalnavisublist {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0s .3s;
  -o-transition: all 0s .3s;
  transition: all 0s .3s;
}

#header #globalnavi #globalnavilist > li.scroll:hover {
  background-color: transparent;
}

#header #globalnavi #globalnavilist > li.scroll:hover::before {
  visibility: hidden;
  opacity: 0;
}

#header #globalnavi #globalnavilist > li.scroll:hover > a {
  color: #fff;
}

#header #globalnavi #globalnavilist > li.scroll:hover > .globalnavisublist {
  visibility: hidden;
  opacity: 0;
}

#header #globalnavi #globalnavilist > li span {
  font-size: 14px;
  font-weight: normal;
}

#header #globalnavi #globalnavilist > li#globalnavilist01 {
  max-width: 130px;
}

#header #globalnavi #globalnavilist > li#globalnavilist02 {
  max-width: 267px;
  position: static;
}

#header #globalnavi #globalnavilist > li#globalnavilist02 > .globalnavisublist {
  top: 43px;
}

#header #globalnavi #globalnavilist > li#globalnavilist02 > .globalnavisublist > div:nth-child(2) {
  padding-top: 90px;
}

#header #globalnavi #globalnavilist > li#globalnavilist03 {
  max-width: 215px;
}

#header #globalnavi #globalnavilist > li#globalnavilist04 {
  max-width: 210px;
  position: static;
}

#header #globalnavi #globalnavilist > li#globalnavilist04 > .globalnavisublist {
  top: 43px;
}

#header #globalnavi #globalnavilist > li#globalnavilist04 > .globalnavisublist > div > ul > li > div > ul li {
  white-space: normal;
}

#header #globalnavi #globalnavilist > li#globalnavilist04 > .globalnavisublist > div:nth-child(2) > ul > li {
  margin-bottom: 1.5em;
}

#header #globalnavi #globalnavilist > li#globalnavilist04 > .globalnavisublist > div:nth-child(4) > ul > li:first-child {
  margin-bottom: 1.2em;
}

#header #globalnavi #globalnavilist > li#globalnavilist05 {
  max-width: 210px;
}

#header #globalnavi #globalnavilist > li#globalnavilist06 {
  max-width: 100px;
}

#header #globalnavi #globalnavilist > li#globalnavilist07 {
  max-width: 210px;
}


#header #globalnavi #globalnavilist > li > a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0s 0s;
  -o-transition: all 0s 0s;
  transition: all 0s 0s;
}

#header #globalnavi #globalnavilist > li > .globalnavisublist li a:hover {
	text-decoration: underline;
}

#header #globalnavi #globalnavilist > li > .globalnavisublist {
  visibility: hidden;
  position: absolute;
  min-width: 100%;
  top: 39px;
  left: 0;
  z-index: 50;
  padding: 30px 24px 30px 30px;
  background-color: #fff;
  -webkit-transition: opacity 0s 0s;
  -o-transition: opacity 0s 0s;
  transition: opacity 0s 0s;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #globalnavilist01 .globalnavisublist {width: 340px !important;}
}

_:-ms-lang(x)::-ms-backdrop, #header #globalnavi #globalnavilist > li#globalnavilist01 > .globalnavisublist {
	width: 270px;
}
_:-ms-lang(x)::-ms-backdrop, #header #globalnavi #globalnavilist > li#globalnavilist05 > .globalnavisublist {
	width: 210px;
}
_:-ms-lang(x)::-ms-backdrop, #header #globalnavi #globalnavilist > li#globalnavilist06 > .globalnavisublist {
	width: 210px;
}
_:-ms-lang(x)::-ms-backdrop, #header #globalnavi #globalnavilist > li#globalnavilist07 > .globalnavisublist {
	width: 210px;
}

#header #globalnavi #globalnavilist > li#globalnavilist03 > .globalnavisublist {
	width: 215px;
}

#header #globalnavi #globalnavilist > li > .globalnavisublist > div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#header #globalnavi #globalnavilist > li > .globalnavisublist > div h2 {
  font-size: 18px;
  margin-bottom: 28px;
}

#header #globalnavi #globalnavilist > li > .globalnavisublist li {
  padding: 0;
  font-size: 15px;
  font-weight: bold;
  line-height: 2.4;
  /* line-height: calc(36 / 15); */
  white-space: nowrap;
  color: #03234b;
}

#header #globalnavi #globalnavilist > li > .globalnavisublist li i {
  font-size: 18px;
  color: #a3a2a7;
  margin: 0 7px 0 0;
  position: relative;
  top: 1px;
}

#header #globalnavi #globalnavilist > li > .globalnavisublist li a {
  color: #03234b;
}

#header #globalnavi #globalnavilist  > li > .globalnavisublist li a:hover {
  display: block;
  background: #fff;
}
#header #globalnavi #globalnavilist #globalnavilist03 .globalnavisublist li a:hover {
	background: none;
}

#header #globalnavi #globalnavilist > li > .globalnavisublist li ul {
  padding: 0 10px 0 18px;
}

#header #globalnavi #globalnavilist > li > .globalnavisublist li ul li {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 10px;
}

#header .container .left a.sp {
	display: none;
}
#header .container .left a.pc {
	display: block;
}

@media all and (max-width: 1024px) {
  /*検証用
  #slider, #contents, #menu-footer, #copyright, #modal-area {
    max-width: 100% !important;
    min-width: 100% !important;
    overflow: hidden;
  }
  #slider *, #contents *, #menu-footer *, #copyright *, #modal-area * {
    max-width: 100% !important;
    min-width: 100% !important;
  }
  */
  body {
    position: relative;
    right: 0;
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s;
  }
  body.lock {
    overflow: hidden;
    right: 270px;
  }
  body.lock #header {
    right: 270px;
  }
  body .contents {
    /* padding-top: 70px; */
  }
  #header {
    height: 70px;
    border-bottom: 10px solid #03234b;
  }
  #header.hidden {
    top: -75px;
  }
  #header .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 23px;
    padding-top: 0;
  }
  #header .container .left {
    height: 60px;
    padding: 5px 15px 8px;
  }
  #header .container .left a img {
    width: 85px;
  }
  #header .container .left a.mark {
  	width: 85px;
  }
  #header .container .left a.logo {
    font-size: 23px;
    margin-left: 28px;
  }
  #header .container .right {
    height: 65px;
    padding-right: 0;
  }
  #header .container .right .links {
    display: none;
  }
  #header .container .right .search-box {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 375px;
    height: 70px;
    top: 70px;
    right: 0;
    background-color: #f8f8f8;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0s 0s;
    -o-transition: opacity 0s 0s;
    transition: opacity 0s 0s;
    z-index: 100;
  }
  #header .container .right .search-box input,
  #header .container .right .search-box textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    max-width: 100%;
  }
  #header .container .right .search-box.open {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s .3s;
    -o-transition: opacity .3s .3s;
    transition: opacity .3s .3s;
  }
  #header .container .right .search-box form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 0 15px;
  }
  #header .container .right .search-box form .search-bar {
    width: 285px;
    font-size: 1.3rem;
  }
  #header .container .right .search-box form button {
    width: 62px;
  }
  #header .container #SpSearch {
    display: block;
    font-size: 20px;
    color: #575859;
    margin-right: 35px;
    cursor: pointer;
  }
  #header .container #SpSearch.open {
    color: #50a8c9;
  }
  #header .container #Menu-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 19px;
    position: relative;
    cursor: pointer;
  }
  #header .container #Menu-btn::before, #header .container #Menu-btn::after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #59595b;
    position: absolute;
    left: 0;
  }
  #header .container #Menu-btn::before {
    top: 0;
  }
  #header .container #Menu-btn::after {
    bottom: 0;
  }
  #header .container #Menu-btn span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #59595b;
  }
  #header .container #Menu-btn.open span {
    opacity: 0;
  }
  #header .container #Menu-btn.open::before, #header .container #Menu-btn.open::after {
    background-color: #42adde;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    width: 29px;
  }
  #header .container #Menu-btn.open::before {
    top: 8px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #header .container #Menu-btn.open::after {
    bottom: 8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #header #globalnavi {
    margin: 0;
    background-color: #efefef;
    position: fixed;
    top: 0;
    right: -270px;
    width: 270px;
    height: 100vh;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  #header #globalnavi.open {
    right: 0;
  }
  #header #globalnavi #goback {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    color: #666;
    margin: 15px 20px 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 100;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  #header #globalnavi #goback.active {
    visibility: visible;
    opacity: 1;
  }
  #header #globalnavi #goback i {
    font-size: 20px;
    color: #555;
    margin-right: 8px;
  }
  #header #globalnavi #subnavlinks li {
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px solid #ededed;
    padding: 0 0 0 20px;
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  #header #globalnavi #subnavlinks li p.name {
  	font-weight: bold;
  }
  #header #globalnavi #subnavlinks li a {
    color: #666666;
  }
  #header #globalnavi #subnavlinks li a i {
  	margin-right: 0.75em;
  }
  #header #globalnavi #subnavlinks li:last-child {
    display: none;
  }
  #header #globalnavi #globalnavilist {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 270px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding-top: 4px;
    position: relative;
    z-index: 50;
  }
  #header #globalnavi #globalnavilist > li {
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px solid #dddddd;
    padding: 0 0 0 20px;
    width: 100%;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: 0;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    max-width: 100% !important;
    position: static !important;
    line-height: 1.2;
  }
  #header #globalnavi #globalnavilist > li:first-child {
    margin-left: 0;
  }
  #header #globalnavi #globalnavilist > li::before {
    content: "";
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0s 0s;
    -o-transition: all 0s 0s;
    transition: all 0s 0s;
  }
  #header #globalnavi #globalnavilist > li:hover {
    background-color: transparent;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
  }
  #header #globalnavi #globalnavilist > li:hover::before {
    display: none;
  }
  #header #globalnavi #globalnavilist > li:hover > a {
    color: #03234b;
    text-decoration: none;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
  }
  #header #globalnavi #globalnavilist > li:hover > .globalnavisublist {
    visibility: visible;
    opacity: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }
  #header #globalnavi #globalnavilist > li span {
    font-size: 12px;
  }
  #header #globalnavi #globalnavilist > li a {
    color: #03234b;
    display: inline-block;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    width: auto;
    height: auto;
  }
  #header #globalnavi #globalnavilist > li a:hover {
    background-color: transparent;
  }
  #header #globalnavi #globalnavilist > li i.sp {
    font-size: 24px !important;
    color: #555 !important;
    margin: 0 0 0 auto !important;
    padding: 0 20px;
    cursor: pointer;
    display: inline-block !important;
  }
  #header #globalnavi #globalnavilist > li#globalnavilist02 .globalnavisublist > div:nth-child(2) {
    padding-top: 90px;
  }
  #header #globalnavi #globalnavilist > li#globalnavilist04 {
    position: static;
  }
  #header #globalnavi #globalnavilist > li#globalnavilist04 .globalnavisublist > div > ul > li {
    margin-bottom: 0 !important;
  }
  #header #globalnavi #globalnavilist > li#globalnavilist04 .globalnavisublist > div > ul > li > div > ul li {
    white-space: normal;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist {
    visibility: visible;
    width: 100%;
    top: 0 !important;
    left: auto;
    right: -270px;
    padding: 0;
    background-color: #f8f8f8;
    height: 100vh;
    opacity: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 38px;
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s;
    z-index: 55;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist.open {
    right: 0;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist .menuTitle {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    white-space: normal;
    line-height: 1.2;
    height: 48px;
    border-bottom: 1px solid #ededed;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist > div {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding-top: 0 !important;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist > div h2 {
    font-size: 15px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    white-space: normal;
    line-height: 1.2;
    height: 48px;
    border-bottom: 1px solid #ededed;
    display: none;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    white-space: normal;
    height: 48px;
    border-bottom: 1px solid #ededed;
    font-weight: normal;
    line-height: 1.2;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist li i {
    display: none;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist li a:hover {
    background-color: transparent;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist li > div {
    padding: 38px 0 0;
    position: absolute;
    top: 0;
    right: -270px;
    background-color: #f8f8f8;
    height: 100vh;
    -webkit-transition: right .3s;
    -o-transition: right .3s;
    transition: right .3s;
    width: 270px;
    z-index: 60;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist li > div.open {
    right: 0;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist li > div ul {
    padding: 0;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist li > div ul li {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    margin-bottom: 0;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist li > div a {
    color: #03234b;
  }
  #header #globalnavi #globalnavilist > li > .globalnavisublist li > div a:hover {
    display: block;
    background-color: transparent;
  }
}

@media all and (max-width: 640px) {
  #header {
    height: 70px;
    border-bottom: 10px solid #03234b;
  }
  #header.hidden {
    top: -75px;
  }
  #header .container .left a.logo {
    font-size: 18px;
  }
  #header .container .right .search-box {
    width: 100%;
  }
  #header .container .right .search-box .search-bar {
    width: 285px;
    font-size: 1.3rem;
  }
  #header .container .right .search-box button {
    width: 62px;
  }
  #header .container #SpSearch {
    margin-right: 20px;
  }
}

@media all and (max-width: 480px) {
	#header .container .left a.sp {
		display: block;
	}
	#header .container .left a.pc {
		display: none;
	}
	#header .container .left a.mark {
		width: 65px;
	}
	#header .container .left a.mark img {
		width: 100%;
	}
	#header .container .left a.logo {
		margin-left: 24px;
		font-size: 4.6vw !important;
		line-height: 130% !important;
	}
	#header .container .right p.name {
		display: none;
	}
}

/* =========================================================
 * BreadCrumbs
** ====================================================== */
#breadcrumbs {
  background: #fcfcfc;
  border-top: 1px solid #e1e6e8;
  border-bottom: 1px solid #e1e6e8;
  margin-top: 30px;
}

#breadcrumbs .container {
  width: 1200px;
  margin: 0 auto;
  padding: 8px 20px;
  font-size: 1.2rem;
}

#breadcrumbs .container li {
  display: inline-block;
  margin-right: 10px;
}

#breadcrumbs .container li.current {
  font-weight: bolder;
}

#breadcrumbs .container li a:hover {
  text-decoration: underline;
}

#breadcrumbs .container li:after {
  content: "\203A";
  top: -1px;
  color: #666666;
  padding-left: 15px;
}

#breadcrumbs .container li.current:after {
  content: none;
}

/* =========================================================
 * Contact
** ====================================================== */
#contact {
  margin: 20px 0 40px;
}

#contact .container {
  width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  font-size: 1.2rem;
  text-align: center;
}

#contact .container a.inquiry-button {
  background: #3CB4E6;
  border: 1px solid #3CB4E6;
  padding: 5px 20px;
  color: #fff;
  font-size: 24px;
  -webkit-transition: background-color 300ms ease-out;
  -o-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}

#contact .container a.inquiry-button:hover {
  background: #fff;
  border: 1px solid #3CB4E6;
  color: #03234b;
}

/* =========================================================
 * Contents
** ====================================================== */
#contents {
  width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* =========================================================
 * Footer
** ====================================================== */
#menu-footer {
  background: #03234b;
  margin-bottom: 1.25rem;
  margin-top: 20px;
  min-width: 1200px;
}

#menu-footer .container {
  width: 1200px;
  margin: 0 auto;
  padding: 20px;
  color: #fff;
}

#menu-footer .container li.box {
  float: left;
  width: 215px;
  font-size: 1.4rem;
  font-weight: bolder;
  border-left: 1px solid #264375;
  padding-left: 1.5rem;
}

#menu-footer .container li.wide {
  width: 255px;
}

#menu-footer .container li.vertical {
  margin-top: 30px;
}

#menu-footer .container li.box ul {
  margin: 1em 0;
}

#menu-footer .container li.box a {
  color: #3CB4E6;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 2;
}

#menu-footer .container li.box a:hover {
  color: #fff;
}

#menu-footer .container li.box ul.first {
  float: left;
  margin-left: 0;
}

#menu-footer .container li.box ul.second {
  float: left;
  margin-left: 2em;
}

#menu-footer .container li.box ul.child {
  margin: 0;
  padding-left: 25px;
}

#menu-footer .container li.box ul .mtitle {
  font-size: 1.3rem;
  font-weight: normal;
  padding-bottom: 0.5em;
}

#menu-footer .container li.box ul .margin-top {
	margin-top: 1em;
}

#copyright {
  width: 1200px;
  margin: 10px auto 20px auto;
  padding: 0 20px;
  position: relative;
}

#copyright span {
  color: #ccc;
}

#copyright a {
  border-right: 1px solid #ccc;
  padding-right: 10px;
  margin-right: 10px;
}

#copyright a:last-child {
  border: none;
}

#copyright p.copy {
  color: #90989e;
  padding-top: 10px;
  padding-bottom: 5px;
}

#copyright a.footer-contact {
  display: block;
  padding: 8px 20px;
  background: #3CB4E6;
  position: absolute;
  right: 0;
  top: 12px;
  color: #fff;
  font-size: 1.6rem;
}

/* 
#copyright a.footer-contact:before {
  font-family: 'FontAwesome';
  content: "\f0e0";
  	margin-right: 8px;
 */
#copyright #link-icon {
  display: block;
  position: absolute;
  right: 20px;
  top: 12px;
}

#copyright #link-icon a {
  border-right: 0;
  margin-right: 0;
  padding-right: 5px;
}

#copyright #link-icon a:last-child {
  padding-right: 0;
}

#copyright #link-icon img {
  width: 35px;
  height: 35px;
}

/* =========================================================
 * Top
** ====================================================== */
#slider {
  margin-top: 30px;
  min-width: 1060px;
}

.slider{
  display: none;
}
.slider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

.slider {
  margin: 0;
}

.slick-next {
  right: 20px;
  z-index: 99;
}

.slick-prev {
  left: 15px;
  z-index: 100;
}

.slick-prev:before {
  font-family: FontAwesome !important;
  content: '\f053' !important;
  font-size: 40px;
}

.slick-next:before {
  font-family: FontAwesome !important;
  content: '\f054' !important;
  font-size: 40px;
}

.slick-dots li.slick-active button:before,
.slick-dots li button:before {
  font-size: 4rem;
  padding-top: 5px;
}

.slick-slide img {
  width: 100%;
}

#contents .wrap .main-block {
  width: 860px;
  float: left;
}

#contents .wrap .seminar-block {
  width: 400px;
  margin-right: 20px;
  float: left;
  position: relative;
}

#contents .wrap .news-block {
  width: 400px;
  margin-right: 40px;
  float: left;
  position: relative;
}

#contents .wrap .aside {
  width: 300px;
  float: left;
}

#contents .wrap .seminar-block h3,
#contents .wrap .news-block h3 {
  font-size: 1.8rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

#contents .wrap .golist {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  padding: 3px 12px;
  border: 1px solid #03234b;
  cursor: pointer;
  background: #fff;
}

#contents .wrap .golist:hover {
  background: #3CB4E6;
  border: 1px solid #3CB4E6;
  color: #fff;
}

#contents .wrap dl.list {
  padding-top: 12px;
}

#contents .wrap .seminar-block dl.list dt,
#contents .wrap .seminar-block dl.list dd {
  display: block;
  width: 100%;
}

#contents .wrap .news-block dl.list dt,
#contents .wrap .news-block dl.list dd {
  display: inline-block;
}

#contents .wrap .seminar-block dl.list dt,
#contents .wrap .news-block dl.list dt {
  font-size: 1.4rem;
  vertical-align: top;
}

#contents .wrap .news-block dl.list dt {
  width: 45px;
}

#contents .wrap .seminar-block dl.list dd,
#contents .wrap .news-block dl.list dd {
  font-size: 1.6rem;
  font-weight: bolder;
}

#contents .wrap .news-block dl.list dd {
  width: 340px;
}

#contents .wrap dl.list a {
  color: #3CB4E6;
}

#contents .wrap dl.list a:hover {
  text-decoration: underline;
}

#contents .wrap .finder-block {
  width: 820px;
  background: url(../images/icon_MCUFinder.png) no-repeat;
  padding-left: 125px;
  margin-top: 40px;
  padding-top: 3px;
}

#contents .wrap .finder-block div {
  border-top: 1px solid #ddd;
}

#contents .wrap .finder-block div h5 {
  font-size: 1.8rem;
  padding: 10px 0;
}

#contents .wrap .finder-block div li {
  float: left;
  width: 250px;
}

#contents .wrap .finder-block div li:first-child {
  width: 210px;
}

#contents .wrap .finder-block div li:last-child {
  width: 220px;
}

#contents .wrap .finder-block div li ol.apps {
  margin-left: 20px;
  display: inline-block;
  width: 210px;
}

#contents .wrap .finder-block div li ol.apps li {
  width: 100px !important;
  padding-left: 0;
}

#contents .wrap .finder-block div li ol.apps li:first-child {
  border-right: 1px solid #ddd;
  margin-right: 10px;
}

#contents .wrap .finder-block .submit a {
  font-size: 1.6rem;
  font-weight: bolder;
  display: block;
  margin-top: 10px;
  color: #3CB4E6;
}

#contents .wrap .finder-block .submit a:hover {
  text-decoration: underline;
}

#contents .wrap .finder-block .submit a:before {
  font-family: 'FontAwesome';
  content: "\f138";
  margin-right: 3px;
}

#contents .wrap .aside h3 {
  background: #03234b;
  font-size: 1.7rem;
  font-weight: bolder;
  color: #fff;
  padding: 5px 15px;
  width: 100%;
  position: relative;
}

#contents .wrap .aside .login-box {
  background: #f4f4f4;
  padding: 10px 15px;
}

#contents .wrap .aside .login-box .submit input {
  display: block;
  background: #3CB4E6;
  border: 0;
  width: 150px;
  margin: 0 auto;
  padding: 8px 20px;
  font-size: 1.6rem;
  font-weight: bolder;
  color: #fff;
}

#contents .wrap .aside .login-box input[type="submit" i] {
  color: #fff !important;
}

#contents .wrap .aside .login-box h4 {
  font-size: 1.6rem;
  margin-top: 10px;
  padding: 7px 0;
  border-top: 1px solid #cdcdcd;
}

#contents .wrap .aside h3.link {
  margin-top: 30px;
}

#contents .wrap .aside h3.link a {
  color: #fff;
}

#contents .wrap .aside h3.link:after {
  font-family: 'FontAwesome';
  content: "\F054";
  position: absolute;
  right: 10px;
}

#contents .wrap .aside h3.link:hover {
  background: #3CB4E6;
}

#contents .wrap .aside form dl {
  width: 100%;
}

#contents .wrap .aside form dl dt {
  float: left;
  clear: both;
  line-height: 2.5;
  font-weight: normal;
  padding-top: 7px;
}

#contents .wrap .aside form dl dd {
  padding-left: 6em;
  padding-top: 7px;
  line-height: 2.5;
}

#contents .wrap .aside form dl dd input {
  font-size: 1.8rem;
  padding: 0.3em;
  width: 190px;
  border: none;
  border: 1px solid #ddd;
}

#contents .wrap .aside .submit {
  margin: 15px auto 0;
  text-align: center;
}

#contents .wrap .aside .submit a {
  display: block;
  margin-top: 10px;
  color: #3CB4E6;
}

#contents .wrap .aside .submit a:hover {
  text-decoration: underline;
}

#contents .wrap .aside .submit a:before {
  font-family: 'FontAwesome';
  content: "\f138";
  margin-right: 3px;
}

#contents .wrap .aside .merit {
	width: 100%;
  	text-align: center;
  	border-top: 1px solid #ddd;
  	margin-top: 20px;
  	padding: 20px 0 10px;
}
#contents .wrap .aside .merit a {
	font-size: 15px;
	font-weight: bold;
}

#contents .wrap .aside .merit a:hover {
  text-decoration: underline;
}

#contents .wrap .aside ul.merit li {
  list-style-type: disc;
  padding-bottom: 0.5em;
  margin-left: 1.5em;
}

#contents .wrap .aside .add-banner {
  padding-bottom: 30px;
}

#contents .wrap .aside .add-banner img {
  width: 300px;
}

#contents .big-banner {
  margin-bottom: 30px;
}

#contents .big-banner p.left img {
  padding-right: 16px;
  margin-bottom: 20px;
}

#contents .big-banner p.right img {
  padding-right: 40px;
}

#contents .big-banner p {
  position: relative;
}

#contents .big-banner p.left span.title {
  display: block;
  position: absolute;
  left: 25px;
  top: 20px;
  font-size: 2.4rem;
  line-height: 1.2;
  color: #fff;
  font-weight: bolder;
}

#contents .big-banner p.right span.title {
  display: block;
  position: absolute;
  left: 610px;
  top: 20px;
  font-size: 2.4rem;
  line-height: 1.2;
  color: #fff;
  font-weight: bolder;
}

#contents .big-banner p.left span.title span,
#contents .big-banner p.right span.title span {
  font-size: 1.3rem;
}

/* =========================================================
 * Contents
** ====================================================== */
#contents header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  border-bottom: 1px solid #bac5cb;
  position: relative;
}

#contents.index header {
  margin-bottom: 0;
  border-bottom: 0;
}

#contents.index header .big-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}

#contents header#search {
	display: block;
}

#contents header .bookmark {
  margin-left: 10px;
}

#contents header#news .bookmark {
}

#contents header .bookmark span {
  display: none;
}

#contents header .bookmark a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 205px;
  height: inherit;
  padding: 0;
  padding-right: 20px;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: bolder;
  border: 2px solid #3CB4E6;
  color: #3CB4E6;
  background: #fff;
  margin-left: 10px;
}

#contents header .bookmark a:hover {
  background: #3CB4E6;
  color: #fff;
}

#contents header .bookmark p {
  display: block;
  position: relative;
  width: 180px;
  height: inherit;
  padding: 20px 20px;
  font-size: 1.6rem;
  font-weight: bolder;
  text-align: center;
  border: 2px solid #3CB4E6;
  color: #3CB4E6;
  background: #fff;
}

#contents header .bookmark_clipped {
  position: absolute;
  top: 0;
  right: 0;
  width: 180px;
  display: block;
  padding: 10px 20px;
  font-size: 1.6rem;
  font-weight: bolder;
  text-align: center;
  background: #bbb;
  border: 2px solid #bbb;
  color: #eee;
}

#contents header .bookmark_clipped span {
  display: block;
}

#contents header .bookmark_clipped p {
  display: none;
}

#contents header .buy {
  margin-left: 10px;
}

#contents header .buy a {
  display: block;
  position: relative;
  width: 430px;
  height: 47px;
  padding: 10px 20px 10px 20px;
  font-size: 1.6rem;
  font-weight: bolder;
  border: 2px solid #3CB4E6;
  color: #3CB4E6;
  background: transparent url(../images/c1s_logo_big.png) no-repeat 80px 2px;
  background-size: 120px auto;
}

#contents header .buy a span {
  display: block;
  width: 170px;
  font-size: 1.1rem;
  line-height: 15px;
  float: right;
  color: #444;
  margin-right: 20px;
  margin-top: -0.2em;
  font-weight: normal;
}

#contents header .buy a span strong {
  font-weight: bolder;
}

#contents header .buy a:after,
#contents header .bookmark a:after {
  font-family: 'FontAwesome';
  content: "\F054";
  position: absolute;
  right: 10px;
}

#contents h1 {
  font-size: 2.6rem;
  padding: 17px 0 12px;
  color: #03234b;
  min-width: 530px;
}

#contents h1.break span {
	display: block;
}

#contents #outline-wrap h1 {
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid #bac5cb;
}

#contents .big-banner h1 {
  width: 300px;
  min-width: 300px;
  float: right;
  font-size: 14px;
  border-bottom: none;
  padding: 0;
  font-weight: normal;
}

#contents .big-banner h1 span {
  display: block;
  font-size: 20px;
  font-weight: bolder;
  padding-bottom: 10px;
}

#contents section {
  margin-bottom: 40px;
}

#contents section.wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#contents section.wrap-min {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

#contents .description {
  width: 880px;
}

#contents .description-wide {
  width: 100%;
}

#contents .description h2,
#contents .description-wide h2 {
  font-size: 2rem;
  padding: 15px 0 0;
  color: #444;
}

#contents .description div,
#contents .description-wide div {
  padding-top: 10px;
}

#contents .description p,
#contents .description-wide p {
  font-size: 1.4rem;
  line-height: 1.8;
  color: #444;
  padding-top: 0.5em;
  padding-bottom: 1em;
}

#contents .description figure,
#contents .description-wide figure {
  margin-bottom: 15px;
}

#contents .description-wide h3 {
	font-size: 1.5rem;
	color: #444;
}

#contents aside {
  background: #eee;
  padding: 20px;
  margin-top: 15px;
}

#contents aside p {
  margin: 0;
  padding: 0 0 15px;
}

#contents h4 {
  font-size: 1.8rem;
  padding: 15px 0 10px;
  color: #444;
}

.table-title {
  cursor: pointer;
}

.table-title,
.table-title-noopen,
.table-title-sub {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background: #03234b;
  margin: 0 0 30px;
  padding: 10px 20px;
  position: relative;
}

.table-title.active::after {
  font-family: 'FontAwesome';
  content: "\f077";
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -15px;
}

.table-title::after {
  font-family: 'FontAwesome';
  content: "\f078";
  position: absolute;
  top: 42.5%;
  right: 15px;
  margin-top: -10px;
}

#contents section .datatables {
  margin-bottom: 40px;
}

#contents section .datatables {
  font-size: 1.4rem;
}

#contents section .datatables ul.title {
  border-top: 1px solid #ccc;
}

#contents section .datatables ul.title,
#contents section .datatables ul.data {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#contents section .datatables ul.data:first-child {
  border-top: 1px solid #ccc;
}

#contents section .datatables ul.title li,
#contents section .datatables ul.data li {
  display: table-cell;
  border-right: 1px solid #ccc;
  padding: 5px 5px;
  vertical-align: middle;
  position: relative;
  overflow-wrap: break-word;
  word-break: break-all;
}

#contents section .datatables ul.title li:last-child,
#contents section .datatables ul.data li:last-child {
  border-right: none;
}

#contents section .datatables ul.title {
  background: #eee;
  font-weight: bolder;
  text-align: center;
}

#contents section .datatables ul.data li.number a,
#contents section .datatables ul.data li.number-s a,
#contents section .datatables ul.data li.product a {
  color: #3CB4E6;
  font-size: 1.5rem;
  font-weight: bolder;
}

#contents section .datatables ul.data:hover {
  background: whitesmoke;
}

#contents section .datatables li a.detail {
  background: #3CB4E6;
  padding: 3px 6px;
  font-size: 1.2rem;
  font-weight: bolder;
  color: #fff;
}

#contents section .datatables li a.detail:after {
  font-family: 'FontAwesome';
  content: "\f138";
  padding-left: 5px;
}

#contents section .datatables li a.detail:hover {
  opacity: 0.6;
}

/* add 2018-07-30 */
#contents section .datatables li a.bookmark {
  border: 2px solid #3CB4E6;
  background: #fff;
  padding: 2px 4px 1px;
  font-size: 1.1rem;
  font-weight: bolder;
  color: #3CB4E6;
}

#contents section .datatables li a.bookmark:after {
  font-family: 'FontAwesome';
  content: "\F054";
  padding-left: 5px;
}

#contents section .datatables li a.bookmark:hover {
  opacity: 0.6;
}

#contents section .datatables li .bookmark_clipped {
  border: 2px solid #bbb;
  background: #bbb;
  padding: 2px 4px 1px;
  font-size: 1.1rem;
  font-weight: bolder;
  color: #eee;
}

#contents section .datatables li .bookmark_clipped span {
  display: block;
}

#contents section .datatables li .bookmark_clipped p {
  display: none;
}

/* end add 2018-07-30 */
#contents section .datatables li strong {
  font-weight: bolder;
  color: #E6007E;
  padding-left: 8px;
}

#contents section .datatables ul.title li.sort {
  cursor: pointer;
}

#contents section .datatables ul.title li.sort:after {
  font-family: 'FontAwesome';
  content: "\f0dc";
  position: absolute;
  right: 0.5em;
}

#contents section .datatables ul.title li.sort:hover:after {
  color: #3CB4E6;
}

/* セル・センタリング指定 */
#contents section .datatables ul.data li.member,
#contents section .datatables ul.data li.download,
#contents section .datatables ul.data li.japanese,
#contents section .datatables ul.data li.supplier,
#contents section .document-sup .title li.supplier,
#contents section .datatables #reference-manual-download li.download,
#contents section .datatables #reference-manual-download li.update,
#contents section .datatables #reference-manual-download li.uploaddate {
  text-align: center;
}

/* セル・幅指定 --製品ライン-- */
#contents section .datatables #product-line li.product {
  width: 300px;
}

#contents section .datatables #product-line li.outline {
  width: 860px;
}

/* セル・幅指定 --ドキュメント-- */
#contents section .datatables .document li.number,
#contents section .datatables .document li.member {
  width: 110px;
}

#contents section .datatables .document li.download {
  width: 160px;
}

#contents section .datatables .document li.log {
  width: 120px;
  text-align: center;
}

#contents section .datatables .document li.information {
  width: 247px;
}

#contents section .datatables .document li.related {
  width: 398px;
  word-break: normal;
}

/* mod 2018-07-30 */
#contents section .datatables .document li.notes {
  width: 125px;
  text-align: center;
}

/* end mod 2018-07-30 */
/* セル・幅指定 --リファレンス マニュアル (日本語)ほか-- */
#contents section #users_manual .document li.download,
#contents section #users_manual_j .document li.download,
#contents section #other-document .document li.download,
#contents section #reference_manual .document li.download,
#contents section #reference_manual_j .document li.download,
#contents section #programming_manual .document li.download,
#contents section #application_note .document li.download,
#contents section #application_note_j .document li.download {
  width: 100px;
}

#contents section #users_manual .document li.japanese,
#contents section #users_manual_j .document li.japanese,
#contents section #other-document .document li.japanese,
#contents section #reference_manual .document li.japanese,
#contents section #reference_manual_j .document li.japanese,
#contents section #programming_manual .document li.japanese,
#contents section #application_note .document li.japanese,
#contents section #application_note_j .document li.japanese {
  width: 100px;
}

#contents section #users_manual .document li.information,
#contents section #users_manual_j .document li.information,
#contents section #other-document .document li.information,
#contents section #reference_manual .document li.information,
#contents section #reference_manual_j .document li.information,
#contents section #programming_manual .document li.information,
#contents section #application_note .document li.information,
#contents section #application_note_j .document li.information {
  width: 207px;
}

/* セル・幅指定 --技術ノート（会員のみ）／トレーニング資料（日本語）-- */
#contents section .document#t-technical_note li.number,
#contents section .document#t-training-materials_j li.number {
  width: 317px;
}

#contents section .document#t-technical_note li.member,
#contents section .document#t-training-materials_j li.member {
  width: 100px;
}

#contents section .document#t-technical_note li.japanese,
#contents section .document#t-training-materials_j li.japanese {
  width: 100px;
}

/* カタログ（日本語）-- */
#contents section .document#t-brochure_j li.number {
  width: 230px;
}

#contents section .document#t-brochure_j li.japanese {
  width: 100px;
}

#contents section .document#t-brochure_j li.information {
  width: 227px;
}

#contents section .document#t-brochure_j li.related {
  width: 380px;
}

/* セル・幅指定 --プレゼンテーション（日本語）-- */
#contents section .document#t-presentation_j li.number {
  width: 417px;
}

#contents section .document#t-presentation_j li.japanese {
  width: 100px;
}

/* セル・幅指定 --SW開発環境／HW開発環境（デフォルト）-- */
#contents section .document-ex li.information {
  width: 247px;
}

#contents section .document-ex li.related {
  width: 400px;
  word-break: normal;
}

#contents section .document-ex li.supplier {
  width: 120px;
}

/* mod 2018-07-30 */
#contents section .document-ex li.notes {
  width: 125px;
  text-align: center;
}

/* end mod 2018-07-30 */
#contents section .document-ex li.category {
  width: 150px;
}

#contents section .document-ex li.member {
  width: 110px;
}

/* マイページのパートナーソリューション部用 */
#contents section .document-ex li.supplier-s-title {
  width: 264px;
  text-align: center;
}

#contents section .document-ex li.supplier-one {
  width: 224px;
  padding: 0;
  vertical-align: baseline;
  text-align: left;
}

#contents section .document-ex li.supplier-s {
  width: 224px;
  text-align: center;
}

#contents section .document-ex li.supplier-s ol li {
  display: inline-block !important;
  vertical-align: middle !important;
  padding: 0;
}

#contents section .document-ex li.supplier-s ol li.logomark {
  display: block;
  width: 90px;
  min-height: 1px;
  border-right: 0;
}

#contents section .document-ex li.supplier-s ol li.logomark img {
  width: 80px;
  height: auto;
}

#contents section .document-ex li.supplier-s ol li.company {
  display: block;
  width: 100px;
  display: block;
  text-align: left;
}

#contents section .document-ex li.number-s {
  width: 170px;
}

#contents section .document-ex li.information-s {
  width: 240px;
}

#contents section .document-ex li.related-s {
  width: 400px;
  word-break: normal;
}

#contents section .document-ex li.notes-s {
  width: 84px;
  text-align: center;
}

/* セル・幅指定 -サードパーティ-- */
.textleft {
  text-align: left;
}

#contents section .document-sup li.supplier-one {
  width: 224px;
  padding: 0;
  vertical-align: baseline;
  text-align: left;
}

#contents section .document-sup li.supplier {
  width: 224px;
  padding: 0;
  vertical-align: baseline;
  text-align: left;
}

#contents section .document-sup li.suppliername {
  width: 220px;
  padding: 0;
  vertical-align: baseline;
  text-align: left;
}

#contents section .document-sup li.supplier ol li {
  display: inline-block !important;
  vertical-align: middle !important;
  padding: 0;
}

#contents section .document-sup li.supplier ol li.logomark {
  display: block;
  width: 90px;
  min-height: 1px;
  border-right: 0;
}

#contents section .document-sup li.supplier ol li.logomark img {
  width: 80px;
  height: auto;
}

#contents section .document-sup li.supplier ol li.company {
  display: block;
  width: 100px;
  display: block;
  text-align: left;
}

#contents section .document-sup li.number {
  width: 170px;
}

#contents section .document-sup li.information {
  width: 240px;
}

#contents section .document-sup li.information2 {
  width: 190px;
}

#contents section .document-sup li.related {
  width: 400px;
  word-break: normal;
}

#contents section .document-sup li.related2 {
  width: 300px;
  word-break: normal;
}

#contents section .document-sup li.notes {
  width: 130px;
  text-align: center;
}

#contents section .document-sup li.category {
  width: 150px;
}

#contents section .document-ex#t-eval li.number,
#contents section .document-ex#t-discovery li.number,
#contents section .document-ex#t-nucleo li.number,
#contents section .document-ex#t-x-nucleo li.number,
#contents section .document-ex#t-unity_dev li.number,
#contents section .document-ex#t-3rd_debugger li.number,
#contents section .document-ex#t-os li.number,
#contents section .document-ex#t-middleware li.number,
#contents section .document-ex#t-clock_hw li.number,
#contents section .document-ex#t-programmer li.number,
#contents section .document-ex#t-sw_hw_dev li.number,
#contents section .document-ex#t-cad li.number {
  width: 300px;
}

#contents section .document-ex#t-other li.number,
#contents section .document-ex#t-other-thirdparty li.number {
  width: 150px;
  word-break: normal !important;
}

#contents section .document-ex#t-other li.related,
#contents section .document-ex#t-other-thirdparty li.related {
  width: 390px;
}

#contents section .document-ex#t-pc_soft li.number,
#contents section .document-ex#t-other-sw_dev li.number,
#contents section .document-ex#t-firmware li.number,
#contents section .document-ex#t-3rd_eval li.number {
  width: 190px;
}

#contents section .document-ex#t-debugger li.number {
  width: 130px;
  word-break: normal !important;
}

#contents section .document-ex#t-debugger li.related {
  width: 300px;
}

/* セル・幅指定 --リファレンスマニュアル・詳細ページ-- */
#contents section .datatables #reference-manual-download li.download,
#contents section .datatables #reference-manual-download li.update,
#contents section .datatables #reference-manual-download li.uploaddate {
  width: 170px;
  padding-top: 13px;
  padding-bottom: 13px;
}

#contents section .datatables #reference-manual-download li.version {
  min-width: 130px;
  font-weight: bolder;
}

#contents section .datatables #reference-manual-download li.english,
#contents section .datatables #reference-manual-download li.japanese {
  width: 510px;
  font-size: 1.6rem;
}

/* セル・幅指定 --リファレンスマニュアル・詳細ページ-- */
#contents section .datatables .one-language {
  width: 640px;
}

/* 製品パラメータ詳細 */
#contents section #parameter-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
}

#contents section #parameter-table table,
#contents section #parameter-table table th,
#contents section #parameter-table table td {
  width: 280px;
  margin: 0 5px;
  border: 1px solid #ccc;
  border-collapse: collapse;
}

#contents section #parameter-table table th,
#contents section #parameter-table table td {
  padding: 5px 10px;
}

#contents section #parameter-table table th {
  text-align: center;
  background: #eee;
}

#contents section #parameter-table table td.parameter {
  width: 55%;
}

#contents section .datatables .morebtn {
  font-weight: bolder;
  display: block;
  text-align: right;
}

#contents section .datatables .hide-class .morebtn:before {
  font-family: 'FontAwesome';
  content: "\f078 ";
  color: #03234b;
  font-size: 1.2rem;
  padding-right: 3px;
}

#contents section .datatables .show-class .morebtn:before {
  font-family: 'FontAwesome';
  content: "\f00d";
  color: #03234b;
  font-size: 1.2rem;
  padding-right: 3px;
}

#contents section .dl-xlsx-btn {
  width: 320px;
  height: 48px;
  margin-bottom: 40px;
  margin-left: auto;
  position: relative;
  border: 2px solid #3CB4E6;
  padding: 10px 20px;
  background: #fff;
  color: #3CB4E6;
  font-size: 1.6rem;
}

#contents section .dl-xlsx-btn input {
  display: block;
  font-weight: bolder;
  color: inherit;
  background: inherit;
  border: none;
  padding: 10px 20px;
  margin: -10px -20px;
  width: 316px;
  height: 44px;
  text-align: left;
}

#contents section .dl-xlsx-btn:hover {
  background: #3CB4E6;
  color: #fff;
}

#contents section .dl-xlsx-btn:after {
  font-family: 'FontAwesome';
  content: "\f016";
  font-weight: bolder;
  position: absolute;
  font-size: 1.6em;
  top: 3px;
  right: 10px;
}

/* パラメトリックサーチ */
#contents section .parametric {
  width: 1160px;
  height: 560px;
  margin: 0 auto 40px auto;
  overflow: auto;
  border: 1px solid #03234b;
}

#contents section .parametric table,
#contents section .parametric table tr,
#contents section .parametric table th,
#contents section .parametric table td {
  border: 1px solid #ccc;
  border-collapse: collapse;
  white-space: nowrap;
}

#contents section .parametric table {
  font-size: 1.1rem;
  color: #444;
}

#contents section .parametric table tr,
#contents section .parametric table th {
  padding: 3px 7px;
}

#contents section .parametric table td {
  padding: 8px 7px;
}

#contents section .parametric table thead tr.title,
#contents section .parametric table thead tr.sort {
  background: #f7f7f7;
}

#contents section .parametric table thead tr.sort {
  text-align: center;
}

#contents section .parametric table thead tr th label {
  display: block;
  padding: 3px 0;
  margin-right: 5px;
}

#contents section .parametric table thead tr th div {
  padding: 5px 10px 5px 0;
  width: 95%;
  height: 100px;
  overflow: auto;
  overflow-x: hidden;
}

#contents section .parametric table thead tr.sort th {
  font-size: 1.8rem;
  padding: 0 7px;
  text-align: center !important;
}

#contents section .parametric table thead tr.sort th i {
  margin: 0 5px;
  color: #999;
}

#contents section .parametric table thead tr.sort th i:hover {
  color: #3CB4E6;
  cursor: pointer;
}

#contents section .parametric table thead tr th input[type="checkbox"] {
  margin-right: 3px;
}

#contents section .parametric table tbody td a {
  color: #3CB4E6;
  font-size: 1.3rem;
  font-weight: bolder;
}

#contents section .parametric table tbody td a:hover {
  text-decoration: underline !important;
}

#contents section .parametric table tbody td:first-child {
  background: #f7f7f7;
  width: 160px !important;
}

#contents section .datatables #product-line li.directry a:before {
  font-family: 'FontAwesome';
  content: "\f054";
  color: #ccc;
  padding: 0 10px;
}

#contents section .datatables #product-line li.directry a:first-child:before {
  content: none;
}

/* =========================================================
 * Detail Page
** ====================================================== */
#contents .description .download-link,
#contents .description .zip-link {
  border-top: 2px solid #03234b;
  border-bottom: 2px solid #03234b;
  margin-top: 40px;
  padding: 10px 0;
  width: 100%;
}

#contents .description .shop-link {
  border-top: 2px solid #03234b;
  border-bottom: 2px solid #03234b;
  margin-top: 40px;
  padding: 10px 0 10px 210px;
  width: 100%;
  background: url("../images/c1s_logo_big.png") no-repeat 20px 35px;
}

#contents .description .thirdparty-link {
  border-top: 2px solid #03234b;
  border-bottom: 2px solid #03234b;
  margin-top: 40px;
  padding: 10px 0 10px 100px;
  width: 100%;
}

#contents .description .thirdparty-link-new {
  margin-top: 20px;
  padding: 10px 0;
  width: 100%;
}

#contents .description .download-link:before {
  font-family: 'FontAwesome';
  content: "\f1c1";
  font-size: 5rem;
  color: #E6007E;
  float: left;
  padding-left: 80px;
  padding-top: 5px;
  padding-right: 20px;
}

#contents .description .zip-link:before {
  font-family: 'FontAwesome';
  content: "\f1c6";
  font-size: 5rem;
  color: #E6007E;
  float: left;
  padding-left: 80px;
  padding-top: 5px;
  padding-right: 20px;
}

#contents .description .zip-link a,
#contents .description .download-link a,
#contents .description .shop-link a,
#contents .description .thirdparty-link a,
#contents .description .thirdparty-link-new a {
  color: #3CB4E6;
}

#contents .description .zip-link h2:hover,
#contents .description .download-link h2:hover,
#contents .description .shop-link h2:hover,
#contents .description .thirdparty-link h2:hover,
#contents .description .thirdparty-link-new h2:hover {
  opacity: 0.6;
}

#contents .description .zip-link p.caution,
#contents .description .download-link p.caution {
  padding-left: 142px;
}

#contents .description .thirdparty-link h2,
#contents .description .thirdparty-link-new h2 {
  color: #3CB4E6;
  float: left;
}

#contents .description .thirdparty-link .button,
#contents .description .thirdparty-link-new .button {
  margin: 15px 0 0 0;
}

#contents .description .thirdparty-link .button a {
  padding: 5px 15px;
  background: #3CB4E6;
  color: #fff;
  font-weight: bolder;
  font-size: 1.8rem;
}

#contents .description .thirdparty-link-new .button a {
  padding: 5px 8px 5px 15px;
  background: #3CB4E6;
  color: #fff;
  font-weight: bolder;
  font-size: 1.8rem;
}

#contents .description .thirdparty-link-new .button a:after {
  font-family: 'FontAwesome';
  content: "\f08e";
  padding-left: 10px;
}

#contents .description .download-link h2 span,
#contents .description .zip-link h2 span,
#contents .description .shop-link h2 span,
#contents .description .thirdparty-link h2 span,
#contents .description .thirdparty-link-new h2 span {
  display: block;
}

#contents .related-products,
#contents .related-link {
  padding: 10px 20px;
  margin-top: 40px;
  border: 1px solid #ccc;
}

#contents .related-products h4,
#contents .related-link h4 {
  padding: 0 0 10px;
}

#contents .related-products p {
  margin-bottom: 10px;
}

#contents .related-products p a {
  font-size: 1.6rem;
  color: #3CB4E6 !important;
}

#contents .related-products p a:hover {
  text-decoration: underline;
}

#contents .related-link .double dl {
  width: 49%;
  padding: 5px 0;
  float: left;
  line-height: 1.7;
}

#contents .related-link .double dl:nth-child(2n) {
  border-left: 1px dotted #bbb;
  padding-left: 20px;
}

#contents .related-link .double dl dt,
#contents .related-link .double dl dd {
  font-size: 1.5rem;
  line-height: 1.3;
  float: left;
  padding: 5px 0;
}

#contents .related-link .double dl dt {
  width: 45%;
  padding-right: 20px;
}

#contents .related-link .double dl dd {
  width: 55%;
}

#contents .related-link .double dl dd a {
  font-weight: bolder;
  color: #3CB4E6 !important;
}

#contents .related-link .double dl dd a:hover {
  text-decoration: underline;
}

#contents .related-link .single ul {
  width: 100%;
  float: left;
  line-height: 1.7;
  border-bottom: 1px solid #eee;
  font-size: 1.5rem;
  line-height: 1.3;
}

#contents .related-link .single ul:first-child {
  border-top: 1px solid #eee;
}

#contents .related-link .single ul:last-child {
  margin-bottom: 20px;
}

#contents .related-link .single li {
  float: left;
  padding: 8px 0;
}

#contents .related-link .single li.title {
  width: 30%;
  padding-right: 20px;
}

#contents .related-link .single li.link {
  width: 30%;
  padding-right: 20px;
}

#contents .related-link .single li.link a {
  font-weight: bolder;
  color: #3CB4E6 !important;
}

#contents .related-link .single li.link a:hover {
  text-decoration: underline;
}

#contents .related-link .single li.outline {
  width: 40%;
}

#contents ul.index-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 60px 0 0;
}

#contents ul.index-list li {
  width: 268px;
  margin-right: 30px;
}

#contents ul.index-list li:last-child {
  margin-right: 0;
}

#contents ul.index-list h2 {
  font-size: 1.6rem;
  background: #03234b;
  margin-bottom: 20px;
  padding: 5px 15px;
  color: #fff;
}

#contents ul.index-list h2 a {
  color: #fff;
}

#contents ul.index-list li ul {
  margin-bottom: 40px;
}

#contents ul.index-list li li {
  font-size: 1.5rem;
  margin-left: 0;
  line-height: 1.6;
  text-indent: -1.7rem;
  margin-left: 1.5rem;
  padding-bottom: 0.5rem
}

#contents ul.index-list li li:before {
  font-family: 'FontAwesome';
  content: "\F054";
  font-size: 1.3rem;
  padding-right: 7px;
  color: #ccc;
}

#contents ul.index-list a:hover {
  text-decoration: underline;
}

#contents section.design {
    margin-bottom: 0;
}

#contents .description ol.partner-company {
  padding: 15px 0 15px;
}

#contents .description ol.partner-company li {
  display: inline;
}

#contents .description ol.partner-company li:last-child {
  vertical-align: bottom;
  font-size: 1.8rem;
  padding-left: 20px;
}

#contents .description ol.partner-company li img {
  width: 120px;
}

#contents .description h4.normal {
  font-weight: normal;
}

#contents .description .thirdparty-table {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  font-size: 1.4rem;
  margin-top: 35px;
}

#contents .description .thirdparty-table th,
#contents .description .thirdparty-table td {
  border: 1px solid #ccc;
  border-collapse: collapse;
}

#contents .description .thirdparty-table th {
  padding: 5px 10px;
  background: #eee;
  text-align: center;
}

#contents .description .thirdparty-table td {
  padding: 10px;
}

#contents .description .thirdparty-table td.link {
  width: 35%;
}

#contents .description .thirdparty-table p.button {
  display: block;
  padding: 5px 0 !important;
}

#contents .description .thirdparty-table .button a {
  padding: 3px 7px 3px 15px;
  margin: 5px 0;
  background: #3CB4E6;
  color: #fff;
  font-weight: bolder;
  font-size: 1.4rem;
}

#contents .description .thirdparty-table .button a:after {
  font-family: 'FontAwesome';
  content: "\f08e";
  padding-left: 10px;
}

#contents .description figure.thirdparty-main img {
  max-width: 840px;
}

/* =========================================================
 * My page
** ====================================================== */
#contents .entry-leadtext {
  width: 860px;
  margin: 30px auto 10px auto;
  font-size: 1.6rem;
}

#contents .entry-leadtext a {
  font-weight: bolder;
  color: #3CB4E6;
}

#contents .entry-leadtext a:hover {
  text-decoration: underline;
}

#contents #entry-form,
#contents #entry-form-confirm {
  width: 860px;
  margin: 30px auto;
  padding: 20px 30px;
  background: #f8f8f8;
  color: #444;
}

#contents #entry-form dl,
#contents #entry-form-confirm dl {
  padding-bottom: 13px;
  margin-bottom: 13px;
  border-bottom: 1px solid #fff;
}

#contents #entry-form dt,
#contents #entry-form-confirm dt {
  float: left;
  color: #666;
  width: 235px;
  font-weight: bolder;
  padding-top: 5px;
  padding-right: 1rem;
  font-size: 1.6rem;
}

#contents #entry-form span,
#contents #entry-form-confirm span {
  font-size: 1.3rem;
  font-weight: normal;
}

#contents #entry-form span.block,
#contents #entry-form-confirm span.block {
  display: block;
  padding-top: 0.5em;
}

#contents #entry-form span.red,
#contents #entry-form-confirm span.red {
  color: #E6007E;
  font-weight: bolder;
}

#contents #entry-form dd,
#contents #entry-form-confirm dd {
  width: 535px;
  float: left;
}

#contents #entry-form-confirm dd {
  font-size: 1.6rem;
  padding-top: 5px;
}

#contents #entry-form dd span,
#contents #entry-form-confirm dd span {
  color: #777;
}

#contents #entry-form dd span.name-1 {
  padding-left: 1em;
  padding-right: 0.5em;
}

#contents #entry-form dd span.name-2 {
  padding-left: 2em;
  padding-right: 0.5em;
}

#contents #entry-form dd span.name-3 {
  padding-left: 0;
  padding-right: 0.5em;
}

#contents #entry-form dd span.name-4 {
  padding-left: 1em;
  padding-right: 0.5em;
}

#contents #entry-form dt.required:before,
#contents #entry-form-confirm dt.required:before {
  content: "必須";
  background: #E6007E;
  color: #fff;
  padding: 0px 5px;
  margin-right: 8px;
  font-size: 1.1rem;
  font-weight: normal;
  vertical-align: middle;
}

#contents #entry-form input,
#contents #entry-form-confirm input {
  font-size: 1.6rem;
  padding: 5px;
}

#contents #entry-form input.long,
#contents #form-wrap input.long {
  width: 565px;
}

#contents #entry-form input.middle,
#contents #form-wrap input.middle {
  width: 400px;
}

#contents #entry-form input.short,
#contents #form-wrap input.short {
  width: 250px;
}

#contents #entry-form input.thin,
#contents #form-wrap input.thin {
  width: 150px;
}

#contents #entry-form .submit,
#contents #entry-form-confirm .submit {
  margin: 0 auto;
  width: 500px;
  text-align: center;
  padding: 40px 0;
}

#contents #entry-form .comfirm-send-button,
#contents #entry-form-confirm .comfirm-send-button,
#contents #entry-form .comfirm-reset-button,
#contents #entry-form-confirm .comfirm-reset-button {
  float: left;
  margin: 0 15px;
}

#contents #entry-form .comfirm-send-button,
#contents #entry-form-confirm .comfirm-send-button {
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#contents #entry-form .comfirm-send-button:hover,
#contents #entry-form-confirm .comfirm-send-button:hover {
  background: #fff;
  color: #3CB4E6;
}

#contents #entry-form .comfirm-send-button:disabled {
  opacity: 0.5;
}

#contents #entry-form .comfirm-reset-button,
#contents #entry-form-confirm .comfirm-reset-button {
  font-size: 1.5rem;
  padding: 10px 20px;
  background: #ddd;
  border: 1px solid #ccc;
}

#contents #entry-form .comfirm-reset-button:hover,
#contents #entry-form-confirm .comfirm-reset-button:hover {
  background: #fff;
  color: #999;
}

#contents #entry-form p.family,
#contents #entry-form-confirm p.family {
  display: block;
  width: 100%;
  color: #555;
}

#contents #entry-form p.series,
#contents #entry-form-confirm p.series {
  display: block;
  width: 100%;
  padding-left: 30px;
  color: #555;
}

#contents #entry-form p.family label,
#contents #entry-form-confirm p.family label {
  display: block;
  padding: 2px 1.5em 2px 0;
  font-size: 1.4rem;
  font-weight: bolder;
}

#contents #entry-form p.series label,
#contents #entry-form-confirm p.series label {
  display: block;
  float: left;
  width: 200px;
  padding: 2px 1.5em 2px 0;
  font-size: 1.4rem;
  vertical-align: middle;
}

#contents #entry-form label input,
#contents #entry-form-confirm label input {
  margin-right: 5px;
}

#contents #entry-form .check,
#contents #entry-form-confirm .check {
  background: #fff;
  padding: 20px;
  margin: 40px 0 0 0;
  font-size: 1.5rem;
}

#contents #entry-form .check span,
#contents #entry-form-confirm .check span {
  display: block;
  padding: 20px 0 0 100px;
}

#contents #entry-form .check label,
#contents #entry-form-confirm .check label {
  padding: 2px 1.5em 2px 0;
  font-size: 1.5rem;
  font-weight: bolder;
  color: #555;
}

#contents #entry-form .check p,
#contents #entry-form-confirm .check p {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

#contents #entry-form .check p:last-child,
#contents #entry-form-confirm .check p:last-child {
  border-bottom: 0;
}

#contents #entry-form .check a,
#contents #entry-form-confirm .check a {
  color: #3CB4E6;
}

#contents #entry-form .check a:hover,
#contents #entry-form-confirm .check a:hover {
  text-decoration: underline;
}

#contents #entry-form-thanks {
  text-align: center;
  padding: 100px 0 200px;
}

#contents #entry-form-thanks h2 {
  font-size: 2rem;
  margin-bottom: 1em;
}

#contents #entry-form-thanks p {
  font-size: 1.5rem;
  margin-bottom: 4em;
}

#contents #entry-form-thanks a.button {
  display: block;
  margin: 0 auto;
  width: 180px;
  padding: 8px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#contents #entry-form-thanks a.button:hover,
#contents #form-wrap a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#contents h2.form-wrap {
  width: 860px;
  margin: 30px auto 0;
  padding: 7px 20px;
  background: #03234b;
  font-size: 1.5rem;
  color: #fff;
}

#contents #form-wrap {
  width: 860px;
  margin: 0 auto 30px;
  padding: 20px 100px 40px;
  background: #f8f8f8;
  color: #444;
  border: 1px solid #03234b;
}

#contents #form-wrap .login {
  font-size: 1.5rem;
  margin-bottom: 15px;
}

#contents #form-wrap .login:first-child {
  margin-top: 40px;
}

#contents #form-wrap .login dt,
#contents #form-wrap .login dd {
  float: left;
}

#contents #form-wrap .login dt {
  width: 10em;
  padding-top: 10px;
  font-weight: bolder;
}

#contents #form-wrap .login dt span {
  display: block;
  font-weight: normal;
}

#contents #form-wrap input {
  font-size: 1.7rem;
  padding: 8px;
}

#contents #form-wrap a.button {
  display: block;
  margin: 2em auto;
  width: 210px;
  padding: 12px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#contents #form-wrap .submit {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

#contents #form-wrap .send-button {
  margin: 2em auto 0.5em 0;
  width: 210px;
  padding: 12px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#contents #form-wrap .send-button:hover {
  background: #fff;
  color: #3CB4E6;
}

#contents #form-wrap .send-button:disabled {
  opacity: 0.5;
}

#contents #form-wrap a.entry-button {
  display: block;
  margin: 0 auto 2em;
  width: 210px;
  padding: 5px 10px;
  font-size: 1.6rem;
  font-weight: bolder;
  text-align: center;
  background: #fff;
  border: 2px solid #3CB4E6;
  color: #3CB4E6;
}

#contents #form-wrap a.entry-button:hover {
  background: #3CB4E6;
  color: #fff;
}

#contents #form-wrap .login-link {
  margin: 0 auto 1.5em;
  width: 210px;
}

#contents #form-wrap .login-link li {
  line-height: 2em;
  padding: 0;
}

#contents #form-wrap .login-link li a:before {
  font-family: 'FontAwesome';
  content: "\f054";
  padding-right: 5px;
}

#contents #form-wrap .login-link li a:hover {
  text-decoration: underline;
}

#contents #form-wrap .leadtext {
  margin: 30px auto 10px auto;
  font-size: 1.6rem;
}

#contents #form-wrap .leadtext-thanks {
  margin: 100px auto;
  text-align: center;
  font-size: 1.8rem;
}

#contents #form-wrap span.block,
#contents #form-wrap-confirm span.block {
  display: block;
  padding-top: 0.5em;
}

#contents #form-wrap span.red,
#contents #form-wrap-confirm span.red {
  color: #E6007E;
  font-weight: bolder;
}

#contents .withdrawal {
  width: 100%;
  text-align: center;
  padding-top: 30px;
}

#contents .withdrawal a {
  font-size: 1.5rem;
  padding: 10px 40px;
  background: #ddd;
  border: 1px solid #ccc;
}

#contents .withdrawal a:hover {
  background: #fff;
  color: #999;
}

/* =========================================================
 * Faq
** ====================================================== */
#contents header ul.category {
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 1.6rem;
  font-weight: bolder;
}

#contents header ul.category li {
  float: left;
  padding-right: 2em;
}

#contents header ul.category li:before {
  font-family: 'FontAwesome';
  content: "\f054";
  padding-right: 5px;
  color: #999;
}

#contents #faq-wrap {
  width: 860px;
  margin: 0 auto;
}

#contents #faq-wrap h2 {
  width: 860px;
  margin: 40px auto 20px;
  padding: 7px 20px;
  background: #03234b;
  font-size: 1.8rem;
  color: #fff;
}

#contents #faq-wrap dl.acdn {
  font-size: 1.4rem;
}

#contents #faq-wrap dl.acdn dt {
  display: block;
  cursor: pointer;
  font-size: 1.6rem;
  text-indent: -27px;
  padding: 15px 0 15px 27px;
  border-top: 1px solid #ddd;
}

#contents #faq-wrap dl.acdn dt:first-child {
  border-top: none;
}

#contents #faq-wrap dl.acdn dt:before {
  content: "Q. ";
  font-size: 1.8rem;
  font-weight: bolder;
}

#contents #faq-wrap dl.acdn dt:hover {
  text-decoration: underline;
}

#contents #faq-wrap dl.acdn dd {
  display: none;
  padding: 0 0 15px 25px;
  text-indent: -24px;
  color: #444;
}

dl.acdn dd:before {
  content: "A. ";
  font-size: 1.8rem;
}

/* =========================================================
 * Seminar
** ====================================================== */
#contents #seminar-wrap {
  width: 860px;
  margin: 30px auto 0;
}

#contents #seminar-wrap ul.seminar-list {
  font-size: 1.5rem;
  line-height: 1.2;
  padding: 0;
}

#contents #seminar-wrap ul.seminar-list li {
  float: left;
  border-top: 1px solid #dedede;
  padding: 10px 15px;
}

#contents #seminar-wrap ul.seminar-list li.date {
  width: 24%;
}

#contents #seminar-wrap ul.seminar-list li.site {
  width: 10%;
  text-align: center;
  font-weight: bolder;
}

#contents #seminar-wrap ul.seminar-list li.title {
  width: 66%;
  font-size: 1.6rem;
}

#contents #seminar-wrap ul.seminar-list li a {
  color: #3CB4E6;
  font-weight: bolder;
}

#contents #seminar-wrap ul.seminar-list:hover {
  background: #eee;
}

#contents #seminar-wrap ul.seminar-list:last-child {
  border-bottom: 1px solid #dedede;
}

#contents #seminar-wrap ul.seminar-list:first-child {
  margin-top: 40px;
}

#contents #seminar-wrap p.icon {
  display: block;
  width: 190px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bolder;
  background: #999;
  color: #fff;
  margin-right: 15px;
  padding: 2px 0;
}

#contents #seminar-wrap p.btnicon {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #999;
  color: #fff;
}

#contents #seminar-wrap .maintext {
  font-size: 1.5rem;
  line-height: 1.8;
  margin-top: 2em;
}

#contents #seminar-wrap .maintext p {
  margin-bottom: 1em;
}

#contents #seminar-wrap figure {
  padding: 0 0 2em;
  text-align: center;
}

#contents #seminar-wrap ul.detail-list {
  font-size: 1.5rem;
  line-height: 1.8;
  border-bottom: 1px solid #ddd;
}

#contents #seminar-wrap ul.entry {
  background: #f3f3f3;
}

#contents #seminar-wrap ul:first-child {
  border-top: 1px solid #ddd;
  margin-top: 40px;
}

#contents #seminar-wrap ul.detail-list .title,
#contents #seminar-wrap ul.detail-list .contents {
  float: left;
  padding: 10px;
}

#contents #seminar-wrap ul.detail-list .title {
  width: 22%;
  font-weight: bolder;
}

#contents #seminar-wrap ul.detail-list .contents {
  width: 78%;
}

#contents #seminar-wrap ul.detail-list .contents p {
  margin-bottom: 1em;
}

#contents #seminar-wrap .comfirm-send-button,
#contents #seminar-wrap .comfirm-reset-button {
  float: left;
  margin: 0 15px;
}

#contents #seminar-wrap .comfirm-send-button {
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#contents #seminar-wrap .comfirm-send-button:hover {
  background: #fff;
  color: #3CB4E6;
}

#contents #seminar-wrap .comfirm-reset-button {
  font-size: 1.5rem;
  padding: 10px 20px;
  background: #ddd;
  border: 1px solid #ccc;
}

#contents #seminar-wrap .comfirm-reset-button:hover {
  background: #fff;
  color: #999;
}

#contents #seminar-wrap .submit {
  width: 480px;
  margin: 50px auto;
  text-align: center;
}

#contents #seminar-wrap .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#contents #seminar-wrap .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#contents #seminar-wrap .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 2em;
}

#contents #seminar-wrap .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#contents #seminar-wrap h1 {
  padding: 10px 0 !important;
}

#contents .leadtext {
  font-size: 1.4rem;
  margin: 1em 0 2em;
}

#contents .leadtext a {
  font-weight: bolder;
  color: #3CB4E6;
}

#contents #seminar-thanks {
  text-align: center;
  padding: 100px 0 200px;
}

#contents #seminar-thanks h2 {
  font-size: 2rem;
  margin-bottom: 3em;
}

#contents #seminar-thanks a.button {
  display: block;
  margin: 0 auto;
  width: 240px;
  padding: 8px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#contents #seminar-thanks a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

/* =========================================================
 * News
** ====================================================== */
#contents #news-wrap {
  width: 860px;
  margin: 30px auto 0;
}

#contents #news-wrap dl {
  font-size: 1.5rem;
  line-height: 1.6;
  padding: 13px 0;
}

#contents #news-wrap dl dt,
#contents #news-wrap dl dd {
  display: table-cell;
}

#contents #news-wrap dl dt {
  font-size: 1.4rem;
  color: #666;
}

#contents #news-wrap dl dd a {
  color: #3CB4E6;
}

#contents #news-wrap dl dd a:hover {
  text-decoration: underline;
}

#contents #news-wrap dl dt {
  width: 122px;
  padding-right: 10px;
}

#contents #news-wrap dl dd {
  width: 730px;
}

/*
#contents #news-wrap dl.press:before {
	content: "プレスリリース";
	display: block;
	width: 110px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bolder;
	background: #03234b;
	color: #fff;
	float: left;
	margin-right: 15px;
	padding: 2px 0;
}
#contents #news-wrap dl.news:before {
	content: "ニュース";
	display: block;
	width: 110px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bolder;
	background: #3CB4E6;
	color: #fff;
	float: left;
	margin-right: 15px;
	padding: 2px 0;
}
#contents #news-wrap dl.newproduct:before {
	content: "新製品";
	display: block;
	width: 110px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bolder;
	background: #8C0078;
	color: #fff;
	float: left;
	margin-right: 15px;
	padding: 2px 0;
}
#contents #news-wrap dl.update:before {
	content: "アップデート";
	display: block;
	width: 110px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bolder;
	background: #49B170;
	color: #fff;
	float: left;
	margin-right: 15px;
	padding: 2px 0;
}
#contents #news-wrap dl.caution:before {
	content: "重要なお知らせ";
	display: block;
	width: 110px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bolder;
	background: #E6007E;
	color: #fff;
	float: left;
	margin-right: 15px;
	padding: 2px 0;
}
#contents #news-wrap dl.discon:before {
	content: "製造中止";
	display: block;
	width: 110px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bolder;
	background: #FFD200;
	color: #fff;
	float: left;
	margin-right: 15px;
	padding: 2px 0;
}
#contents #news-wrap dl.others:before {
	content: "その他";
	display: block;
	width: 110px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bolder;
	background: #8C0078;
	color: #fff;
	float: left;
	margin-right: 15px;
	padding: 2px 0;
}
*/
#contents .page-numbers {
  text-align: center;
  margin: 50px auto;
}

#contents .page-numbers li {
  display: inline-block;
  font-size: 1.5rem;
  margin-right: 7px;
}

#contents .page-numbers li > * {
  padding: 8px 16px;
  border: 1px solid #ccc;
  color: #000;
}

#contents .page-numbers .prev,
#contents .page-numbers .next {
  background: #eee;
  font-weight: bolder;
  color: #666;
}

#contents .page-numbers li:last-child {
  margin-right: 0;
}

#contents .page-numbers .current {
  background: #03234b;
  color: #fff;
  font-weight: bolder;
}

#contents .page-numbers .current:hover,
#contents .page-numbers li a:hover {
  background: #cce5f0;
  color: #000;
}

#contents #news-wrap .date {
  font-size: 1.4rem;
  padding-top: 10px;
  border-top: 1px solid #bac5cb;
}

#contents #news-wrap .maintext {
  font-size: 1.5rem;
  line-height: 1.8;
  padding-top: 1.5em;
}

#contents #news-wrap .maintext p {
  margin-bottom: 1em;
}

#contents #news-wrap .maintext figure {
  width: 360px;
  height: auto;
  float: right;
  margin-left: 25px;
  margin-bottom: 15px;
}

#contents #news-wrap .maintext figure img {
  width: 360px;
  height: auto;
}

#contents #news-wrap .maintext figure p {
  font-size: 1.3rem;
  line-height: 1.4;
  padding: 10px 0;
  color: #666;
}

#contents #news-wrap .maintext a {
  color: #3CB4E6;
}

#contents #news-wrap .maintext a:hover {
  text-decoration: underline;
}

#contents #news-wrap p.icon-press {
  display: block;
  width: 100px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bolder;
  background: #E6007E;
  color: #fff;
  margin-right: 15px;
  padding: 2px 0;
}

#contents #news-wrap p.icon-news {
  display: block;
  width: 100px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bolder;
  background: #8C0078;
  color: #fff;
  margin-right: 15px;
  padding: 2px 0;
}

#contents #news-wrap h1 {
  border-bottom: 0;
  margin-bottom: 0;
  padding: 10px 0 !important;
}

#contents #news-wrap h2 {
  font-size: 2rem;
  font-weight: normal;
  padding: 0;
  margin-bottom: 10px;
}

/* =========================================================
 * Outline
** ====================================================== */
#contents #outline-wrap {
  width: 860px;
  margin: 30px auto 0;
}

#contents #outline-wrap dl {
  font-size: 1.5rem;
  line-height: 1.6;
  padding: 13px 0;
}

#contents #outline-wrap dl dt,
#contents #outline-wrap dl dd {
  display: table-cell;
}

#contents #outline-wrap dl dt {
  font-size: 1.4rem;
  color: #666;
}

#contents #outline-wrap dl dd a {
  color: #3CB4E6;
}

#contents #outline-wrap dl dd a:hover {
  text-decoration: underline;
}

#contents #outline-wrap dl dt {
  width: 120px;
  padding-right: 15px;
}

#contents #outline-wrap dl dd {
  width: 620px;
}

#contents #outline-wrap .date {
  font-size: 1.4rem;
  color: #3CB4E6;
}

#contents #outline-wrap .maintext {
  font-size: 1.5rem;
  line-height: 1.8;
  padding-top: 1.5em;
}

#contents #outline-wrap .maintext p {
  margin-bottom: 1em;
}

#contents #outline-wrap .maintext a {
  color: #3CB4E6;
}

#contents #outline-wrap .maintext a:hover {
  text-decoration: underline;
}

#contents #outline-wrap p.icon-press {
  display: block;
  width: 100px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bolder;
  background: #E6007E;
  color: #fff;
  margin-right: 15px;
  padding: 2px 0;
}

#contents #outline-wrap p.icon-news {
  display: block;
  width: 100px;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bolder;
  background: #8C0078;
  color: #fff;
  margin-right: 15px;
  padding: 2px 0;
}

#contents #outline-wrap ul.outline-stm {
  font-weight: bolder;
  font-size: 1.8rem;
  margin-bottom: 1.5em;
}

#contents #outline-wrap ul.outline-stm p {
  font-weight: normal;
  font-size: 1.4rem;
}

#contents #outline-wrap ul.outline-stm li p {
  margin-left: 13px;
}

#contents #outline-wrap ul.outline-stm li:before {
  font-family: 'FontAwesome';
  content: "\f054";
  font-size: 1.4rem;
  padding-right: 3px;
  color: #3CB4E6;
}

#contents #outline-wrap figure.outline-stm {
  position: relative;
  width: 100%;
  height: 846px;
  background: url(../images/outline-mcu_base8.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}

#contents #outline-wrap figure.outline-stm .stm8 {
  position: absolute;
  width: 135px;
  height: 108px;
  top: -15px;
  left: 270px;
}

#contents #outline-wrap figure.outline-stm .stm8s {
  position: absolute;
  top: 439px;
  left: 190px;
}

#contents #outline-wrap figure.outline-stm .stm8l {
  position: absolute;
  top: 621px;
  left: 190px;
}

#contents #outline-wrap figure.outline-stm .stm8al {
  position: absolute;
  top: 736px;
  left: 190px;
}

#contents #outline-wrap figure.outline-stm .stm8af {
  position: absolute;
  top: 771px;
  left: 190px;
}

#contents #outline-wrap figure.outline-stm .stm32 {
  position: absolute;
  width: 100px;
  height: 108px;
  top: -12px;
  left: 615px;
}

#contents #outline-wrap figure.outline-stm .stm32h7 {
  position: absolute;
  top: 155px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32f7 {
  position: absolute;
  top: 190px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32f4 {
  position: absolute;
  top: 225px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32f2 {
  position: absolute;
  top: 260px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32f3 {
  position: absolute;
  top: 334px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32f1 {
  position: absolute;
  top: 369px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32g0 {
  position: absolute;
  top: 404px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32f0 {
  position: absolute;
  top: 439px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32l5 {
  position: absolute;
  top: 481px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32l4plus {
  position: absolute;
  top: 516px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32l4 {
  position: absolute;
  top: 551px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32l1 {
  position: absolute;
  top: 586px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32l0 {
  position: absolute;
  top: 621px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32wl {
  position: absolute;
  top: 661px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32wb {
  position: absolute;
  top: 696px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32mp1 {
  position: absolute;
  top: 114px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm .stm32g4 {
  position: absolute;
  top: 299px;
  left: 525px;
}
#contents #outline-wrap .outline-stm8-set {
	position: relative;
	margin-top: 1em;
}
#contents #outline-wrap ul.outline-stm8 {
  font-size: 1.5rem;
  margin-bottom: 2.5em;
  position: relative;
}

#contents #outline-wrap ul.outline-stm8 a {
  font-weight: bolder;
}

#contents #outline-wrap ul.outline-stm8 li:before {
  font-family: 'FontAwesome';
  content: "\f054";
  font-size: 1.2rem;
  padding-right: 3px;
  color: #3CB4E6;
}

#contents #outline-wrap ul.outline-stm8-figure li {
  float: left;
  width: 200px;
  margin: 0 20px 0 0;
  padding: 10px 20px;
  text-align: center;
  line-height: 1.3;
  min-height: 340px;
}

#contents #outline-wrap ul.outline-stm8-figure li:last-child {
  margin-right: 0;
}

#contents #outline-wrap ul.outline-stm8-figure li#stm8s {
  border: 1px solid #03234b;
}

#contents #outline-wrap ul.outline-stm8-figure li#stm8a {
  border: 1px solid #FFD200;
}

#contents #outline-wrap ul.outline-stm8-figure li#stm8l {
  border: 1px solid #49B170;
}

#contents #outline-wrap ul.outline-stm8-figure li h2 {
  font-size: 1.4rem;
  height: 50px;
}

#contents #outline-wrap ul.outline-stm8-figure li h2 span {
  font-size: 2rem;
}

#contents #outline-wrap ul.outline-stm8-figure li p {
  margin-top: 20px;
  font-size: 1.2rem;
}

#contents #outline-wrap ul.outline-stm8-figure li p.link {
  font-size: 1.4rem;
  font-weight: bolder;
  margin: 10px 0;
}

#contents #outline-wrap ul.outline-stm8-figure li img {
  height: 130px;
}
#contents #outline-wrap figure.outline-stm8 {
	position: absolute;
	top: -30px;
	right: 0;
}
#contents #outline-wrap figure.outline-stm8 img {
	width: 150px;
	height: 150px;
}

#contents #outline-wrap h2 {
  font-size: 2rem;
  margin: 15px 0;
}

#contents #outline-wrap ul.outline-stm32 {
  font-size: 1.5rem;
  margin-bottom: 2.5em;
}

#contents #outline-wrap ul.outline-stm32 a {
  font-weight: bolder;
}

#contents #outline-wrap ul.outline-stm32 li:before {
  font-family: 'FontAwesome';
  content: "\f054";
  font-size: 1.2rem;
  padding-right: 3px;
  color: #3CB4E6;
}

#contents #outline-wrap figure.outline-stm32 {
  position: relative;
  width: 100%;
  height: 508px;
  margin-top: 30px;
  margin-bottom: 20px;
  background: url(../images/outline-mcu_stm32_base6.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}

#contents #outline-wrap figure.outline-stm32 a img {
  width: 75px;
  height: 75px;
}

#contents #outline-wrap figure.outline-stm32 .stm32f2 {
  position: absolute;
  top: 133px;
  left: 267px;
}

#contents #outline-wrap figure.outline-stm32 .stm32f4 {
  position: absolute;
  top: 133px;
  left: 387px;
}

#contents #outline-wrap figure.outline-stm32 .stm32f7 {
  position: absolute;
  top: 133px;
  left: 595px;
}

#contents #outline-wrap figure.outline-stm32 .stm32h7 {
  position: absolute;
  top: 133px;
  left: 675px;
}

#contents #outline-wrap figure.outline-stm32 .stm32f0 {
  position: absolute;
  top: 216px;
  left: 104px;
}

#contents #outline-wrap figure.outline-stm32 .stm32g0 {
  position: absolute;
  top: 216px;
  left: 184px;
}

#contents #outline-wrap figure.outline-stm32 .stm32f1 {
  position: absolute;
  top: 216px;
  left: 267px;
}

#contents #outline-wrap figure.outline-stm32 .stm32f3 {
  position: absolute;
  top: 216px;
  left: 350px;
}

#contents #outline-wrap figure.outline-stm32 .stm32l0 {
  position: absolute;
  top: 298px;
  left: 145px;
}

#contents #outline-wrap figure.outline-stm32 .stm32l1 {
  position: absolute;
  top: 298px;
  left: 266px;
}

#contents #outline-wrap figure.outline-stm32 .stm32l4 {
  position: absolute;
  top: 298px;
  left: 350px;
}

#contents #outline-wrap figure.outline-stm32 .stm32l4plus {
  position: absolute;
  top: 298px;
  left: 430px;
}

#contents #outline-wrap figure.outline-stm32 .stm32l5 {
  position: absolute;
  top: 298px;
  left: 513px;
}

#contents #outline-wrap figure.outline-stm32 .stm32wb {
  position: absolute;
  top: 380px;
  left: 350px;
}

#contents #outline-wrap figure.outline-stm32 .stm32wl {
  position: absolute;
  top: 380px;
  left: 430px;
}

#contents #outline-wrap figure.outline-stm32 .stm32mp1 {
  position: absolute;
  top: 50px;
  left: 763px;
}

#contents #outline-wrap figure.outline-stm32 .stm32g4 {
  position: absolute;
  top: 216px;
  left: 430px;
}

#contents #outline-wrap figure.outline-stm32 .tenyears {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 265px;
  left: 686px;
}

/* =========================================================
 * Benefits
** ====================================================== */

#contents #outline-wrap .benefits {
	font-size: 1.6rem;
	padding-bottom: 2em;
	border-bottom: 1px solid #bac5cb;
}
#contents #outline-wrap .benefits p {
	display: block;
	margin-left: 45px;
	margin-bottom: 0;
}
#contents #outline-wrap .benefits a {
	color: #03234b;
}
#contents #outline-wrap .benefits li {
	padding: 0.75em 0;
}
#contents #outline-wrap .benefits li span {
	display: block;
	width: 30px;
	font-weight: bold;
	text-align: center;
	margin-right: 10px;
	background: #03234b;
	color: #ffffff;
	float: left;
}
#contents #outline-wrap .submit {
	width: 100%;
	margin: 0 auto;
	text-align: center;
    font-weight: bolder;
    font-size: 1.8rem;
	color: #03234b;
	padding-top: 30px;
}
#contents #outline-wrap .submit a.entry-button {
	display: block;
    width: 200px;
    padding: 10px 20px;
    font-size: 2rem;
    font-weight: bolder;
    background: #3CB4E6;
    border: 2px solid #3CB4E6;
    color: #fff;
	margin: 20px auto 0;
}
#contents #outline-wrap .submit a.entry-button:hover {
	background: #ffffff;
	color: #3CB4E6;
	text-decoration: none;
	transition-duration: .3s;
}


.benefit-list li {
	list-style-type: disc;
	font-weight: bold;
	margin-left: 1.5em;
}
.benefit-list {
	margin: 1em 0;
}
/* =========================================================
 * Mypage
** ====================================================== */
#contents header .mypage-link {
  position: absolute;
  right: 0;
  top: 10px;
}

#contents header .mypage-link li {
  float: left;
  margin-left: 10px;
  padding: 10px;
}

#contents header .mypage-link li a {
  display: block;
  font-weight: bolder;
  font-size: 1.5rem;
  text-align: center;
}

#contents header .mypage-link li a:before {
  font-family: 'FontAwesome';
  content: "\f138";
  padding-right: 5px;
}

#contents section#mypage .data .check {
  background: #b6cc01;
}

.table-title-mypage {
  font-size: 1.8rem;
  font-weight: bold;
  background: #03234b;
  color: #fff;
  border: 3px solid #03234b;
  margin: 40px 0 30px;
  padding: 2px 20px;
  position: relative;
}

#contents section#mypage .datatables {
  margin-bottom: 20px;
}

#contents section#mypage .datatables h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#contents section#mypage input.button {
  background: #b6cc01;
  padding: 10px 15px;
  color: #fff;
  border: 2px solid #b6cc01;
  font-weight: bolder;
  font-size: 1.5rem;
}

#contents section#mypage input.button:hover {
  background: #fff;
  color: #b6cc01;
}

/* セル・幅指定 --製品ライン-- */
#contents section#mypage .datatables #product-line li.check {
  width: 40px;
  text-align: center;
}

#contents section#mypage .datatables #product-line li.product {
  width: 300px;
}

#contents section#mypage .datatables #product-line li.directry {
  width: 820px;
}

/* セル・幅指定 --ドキュメント-- */
#contents section#mypage .datatables .document li.check {
  width: 40px;
  text-align: center;
}

#contents section#mypage .datatables .document li.number,
#contents section#mypage .datatables .document li.member,
#contents section#mypage .datatables .document li.japanese {
  width: 105px;
}

#contents section#mypage .datatables .document li.log {
  width: 160px;
}

#contents section#mypage .datatables .document li.download {
  width: 200px;
}

#contents section#mypage .datatables .document li.information {
  width: 270px;
}

#contents section#mypage .datatables .document li.related {
  width: 340px;
}

#contents section#mypage .datatables .document li.notes {
  width: 103px;
}

/* セル・幅指定 --技術ノート（会員のみ）／プレゼンテーション（日本語）／トレーニング資料（日本語）-- */
#contents section#mypage .datatables .document#t-technical_note li.number,
#contents section#mypage .datatables .document#t-presentation_j li.number,
#contents section#mypage .datatables .document#t-training-materials_j li.number {
  width: 300px;
}

/* セル・幅指定 --SW開発環境（PCソフト）-- */
#contents section#mypage .datatables .document-ex li.check {
  width: 40px;
  text-align: center;
}

#contents section#mypage .datatables .document-ex li.category {
  width: 100px;
}

#contents section#mypage .datatables .document-ex li.number {
  width: 180px;
}

#contents section#mypage .datatables .document-ex li.member {
  width: 100px;
}

#contents section#mypage .datatables .document-ex li.information,
#contents section#mypage .datatables .document-ex li.related {
  width: 270px;
}

#contents section#mypage .datatables .document-ex li.supplier {
  width: 100px;
}

#contents section#mypage .datatables .document-ex li.notes {
  width: 103px;
}

/* =========================================================
 * Others
** ====================================================== */
#contents p.caution {
  color: #E6007E;
  font-size: 1.2rem;
}

.slider {
  margin: 0;
}

.slick-next {
  right: 10px;
  z-index: 99;
}

.slick-prev {
  left: 10px;
  z-index: 100;
}

.slick-prev:before {
  font-family: FontAwesome !important;
  content: '\f053' !important;
  font-size: 40px;
}

.slick-next:before {
  font-family: FontAwesome !important;
  content: '\f054' !important;
  font-size: 40px;
}

.banners img {
  vertical-align: top;
}

h4.roboto {
  font-size: 17px;
}

.home-events-list,
.home-news-list {
  border-top: 1px solid #e0e0e0;
}

.button.small {
  padding-top: 0.2rem;
  padding-right: 1rem;
  padding-bottom: 0.2rem;
  padding-left: 1rem;
}

.has-edesign ul li {
  margin: 15px 0 0;
}

.newsmedium {
  font-size: 16px;
}

.home-news-list > li {
  height: auto;
}

.home-events-list .la-date,
.home-news-list .la-date span {
  font-size: 14px;
}

.home-news-list .la-date {
  border-right: none;
  font-weight: normal;
  line-height: auto;
  color: #555;
}

.row.large-12 .large-8 {
  width: 68%;
}

.aside.large-4 {
  width: 30%;
}

.aside .edesign {
  background: #f4f4f4;
}

.aside .edesign p.titlebar {
  font-size: 17px;
  text-align: left;
}

.aside dl {
  width: 90%;
  margin: 0 auto;
}

.aside dl dt {
  float: left;
  clear: both;
  line-height: 2.5;
  font-weight: normal;
}

.aside dl dd {
  padding-left: 7em;
  line-height: 2.5;
}

.aside .list {
  border-top: 1px solid #ddd;
}

.aside .list h4.roboto {
  font-size: 15px;
}

.aside .edesign.lightblue .fa-chevron-right:before {
  content: "";
}

.aside .edesign.lightblue {
  position: relative;
}

.aside .edesign.lightblue .titlebar:before {
  font-family: 'FontAwesome';
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -12px;
}

.finder {
  border-top: 1px solid #e0e0e0;
  margin-left: 126px;
}

.finder h5 {
  color: #03234b;
  font-weight: bold;
}

.finder p.left {
  color: #03234b;
  font-size: 13px;
  width: 220px;
  margin: 0 20px;
}

.finder p.left .ui-link {
  font-size: 15px;
  font-weight: bold;
  display: block;
}

.finder ul li {
  margin: 0;
  padding: 0;
}

.finder ul li:first-child {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 2px solid #38b1e3;
}

.menu-footer.large-block-grid-5 {
  width: auto;
}

.footer-button {
  background: #3CB4E6;
  border-color: #3CB4E6;
  padding: 5px 20px;
  color: #fff;
}

p.lead {
  margin-bottom: 0.5rem;
}

.dataTables_wrapper {
  position: relative;
}

.dataTables_wrapper strong {
  font-size: 15px;
}

.dataTables_wrapper .table-button-ltblue {
  width: 7em;
  border: 2px solid #6cb2e6;
  background: #6cb2e6;
  color: #fff;
  margin-bottom: 1px;
  font-size: 12px;
}

.dataTables_wrapper .table-button-ltblue:hover,
.table-button-blue:focus {
  background: #6cb2e6;
  color: #ffffff;
  border: 2px solid #6cb2e6;
}

.dataTables_wrapper .text-blue {
  color: #03234b !important;
}

.membership {
  width: 80px;
}

.note {
  width: 160px;
}

.edesign.grey {
  background-color: #eee;
}

.sidebar-button {
  background: #fff url(../images/icon_arrow_button_white.png) no-repeat 100%;
  color: #102c5a;
  color: #102c5a;
  font-size: 18px;
  font-weight: bold;
}

.sidebar-button.white {
  border-color: #fff;
  background-color: #fff;
  color: #102c5a;
}

.sidebar-button.white:hover,
.sidebar-button.white:focus {
  background: #fff url(../images/icon_arrowrightcolumnbutton_white.png) no-repeat 90%;
  color: #102c5a;
}

.sidebar-button.white.reversed {
  background: #fff url(../images/icon_arrowrightcolumnbutton_white.png) no-repeat 90%;
  color: #102c5a;
}

.sidebar-button.white.reversed:hover,
.sidebar-button.white.reversed:focus {
  background-color: #fff;
}

.sp {
	display: none;
}

/* --------------------------------------------
    PAGE TOP
--------------------------------------------- */
#pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000 !important;
}

#pagetop a {
  display: block;
  z-index: 1000 !important;
  padding: 2px 0 0;
  border-radius: 35px;
  width: 40px;
  height: 40px;
  background-color: #bbb;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pagetop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/* --------------------------------------------
    MODAL0044：SLA0044
--------------------------------------------- */
#modal-content0044 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content0044 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content0044 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content0044 .text-block p,
#modal-content0044 .text-block h4,
#modal-content0044 .text-block ol {
  padding-bottom: 1em;
}

#modal-content0044 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content0044 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay0044 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content0044 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content0044 .submit a {
  color: #3CB4E6;
}

#modal-content0044 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content0044 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content0044 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content0044 .submit input {
  margin-right: 0.5rem;
}

#modal-content0044 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content0044 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content0044 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content0044 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content0044 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content0044 table,
#modal-content0044 table th,
#modal-content0044 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content0044 table th,
#modal-content0044 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content0044 table td.left {
  text-align: left;
}

#modal-content0044 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL1：SLA0047
--------------------------------------------- */
#modal-content1 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content1 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content1 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content1 .text-block p,
#modal-content1 .text-block h4,
#modal-content1 .text-block ol {
  padding-bottom: 1em;
}

#modal-content1 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content1 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay1 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content1 .submit {
  width: 80%;
  margin: 30px auto;
  text-align: center;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content1 .check {
  width: 420px;
  margin: 0 auto;
  text-align: left;
}

/*
#modal-content1 .submit {
	width: 420px;
	margin: 30px auto;
	text-align: left;
	line-height: 1.8em;
	font-size: 1.4rem;
}
*/
#modal-content1 .submit a {
  color: #3CB4E6;
}

#modal-content1 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content1 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content1 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content1 .submit input {
  margin-right: 0.5rem;
}

#modal-content1 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content1 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content1 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content1 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content1 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content1 table,
#modal-content1 table th,
#modal-content1 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content1 table th,
#modal-content1 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content1 table td.left {
  text-align: left;
}

#modal-content1 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL2：SLA0048
--------------------------------------------- */
#modal-content2 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content2 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content2 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content2 .text-block p,
#modal-content2 .text-block h4,
#modal-content2 .text-block ol {
  padding-bottom: 1em;
}

#modal-content2 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content2 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay2 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content2 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content2 .submit a {
  color: #3CB4E6;
}

#modal-content2 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content2 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content2 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content2 .submit input {
  margin-right: 0.5rem;
}

#modal-content2 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content2 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content2 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content2 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content2 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content2 table,
#modal-content2 table th,
#modal-content2 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content2 table th,
#modal-content2 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content2 table td.left {
  text-align: left;
}

#modal-content2 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL3：SLA0068
--------------------------------------------- */
#modal-content3 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content3 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content3 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content3 .text-block p,
#modal-content3 .text-block h4,
#modal-content3 .text-block ol {
  padding-bottom: 1em;
}

#modal-content3 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content3 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay3 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content3 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content3 .submit a {
  color: #3CB4E6;
}

#modal-content3 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content3 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content3 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content3 .submit input {
  margin-right: 0.5rem;
}

#modal-content3 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content3 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content3 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content3 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content3 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content3 table,
#modal-content3 table th,
#modal-content3 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content3 table th,
#modal-content3 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content3 table td.left {
  text-align: left;
}

#modal-content3 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL4：SLA-PMSM
--------------------------------------------- */
#modal-content4 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content4 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content4 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content4 .text-block p,
#modal-content4 .text-block h4,
#modal-content4 .text-block ol {
  padding-bottom: 1em;
}

#modal-content4 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content4 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay4 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content4 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content4 .submit a {
  color: #3CB4E6;
}

#modal-content4 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content4 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content4 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content4 .submit input {
  margin-right: 0.5rem;
}

#modal-content4 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content4 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content4 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content4 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content4 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content4 table,
#modal-content4 table th,
#modal-content4 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content4 table th,
#modal-content4 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content4 table td.left {
  text-align: left;
}

#modal-content4 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL5：SLA0051
--------------------------------------------- */
#modal-content5 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content5 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content5 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content5 .text-block p,
#modal-content5 .text-block h4,
#modal-content5 .text-block ol {
  padding-bottom: 1em;
}

#modal-content5 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content5 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay5 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content5 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content5 .submit a {
  color: #3CB4E6;
}

#modal-content5 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content5 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content5 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content5 .submit input {
  margin-right: 0.5rem;
}

#modal-content5 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content5 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content5 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content5 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content5 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content5 table,
#modal-content5 table th,
#modal-content5 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content5 table th,
#modal-content5 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content5 table td.left {
  text-align: left;
}

#modal-content5 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL6：SLA0052
--------------------------------------------- */
#modal-content6 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content6 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content6 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content6 .text-block p,
#modal-content6 .text-block h4,
#modal-content6 .text-block ol {
  padding-bottom: 1em;
}

#modal-content6 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content6 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay6 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content6 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content6 .submit a {
  color: #3CB4E6;
}

#modal-content6 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content6 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content6 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content6 .submit input {
  margin-right: 0.5rem;
}

#modal-content6 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content6 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content6 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content6 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content6 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content6 table,
#modal-content6 table th,
#modal-content6 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content6 table th,
#modal-content6 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content6 table td.left {
  text-align: left;
}

#modal-content6 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL7：SLA0055
--------------------------------------------- */
#modal-content7 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content7 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content7 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content7 .text-block p,
#modal-content7 .text-block h4,
#modal-content7 .text-block ol {
  padding-bottom: 1em;
}

#modal-content7 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content7 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay7 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content7 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content7 .submit a {
  color: #3CB4E6;
}

#modal-content7 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content7 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content7 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content7 .submit input {
  margin-right: 0.5rem;
}

#modal-content7 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content7 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content7 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content7 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content7 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content7 table,
#modal-content7 table th,
#modal-content7 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content7 table th,
#modal-content7 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content7 table td.left {
  text-align: left;
}

#modal-content7 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL0060：SLA0060
--------------------------------------------- */
#modal-content0060 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content0060 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content0060 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content0060 .text-block p,
#modal-content0060 .text-block h4,
#modal-content0060 .text-block ol {
  padding-bottom: 1em;
}

#modal-content0060 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content0060 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay0060 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content0060 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content0060 .submit a {
  color: #3CB4E6;
}

#modal-content0060 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content0060 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content0060 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content0060 .submit input {
  margin-right: 0.5rem;
}

#modal-content0060 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content0060 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content0060 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content0060 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content0060 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content0060 table,
#modal-content0060 table th,
#modal-content0060 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content0060 table th,
#modal-content0060 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content0060 table td.left {
  text-align: left;
}

#modal-content0060 table th {
  background: #f5f5f5;
}


/* --------------------------------------------
    MODAL8：SLA0077
--------------------------------------------- */
#modal-content8 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content8 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content8 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content8 .text-block p,
#modal-content8 .text-block h4,
#modal-content8 .text-block ol {
  padding-bottom: 1em;
}

#modal-content8 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content8 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay8 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content8 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content8 .submit a {
  color: #3CB4E6;
}

#modal-content8 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content8 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content8 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content8 .submit input {
  margin-right: 0.5rem;
}

#modal-content8 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content8 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content8 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content8 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content8 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content8 table,
#modal-content8 table th,
#modal-content8 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content8 table th,
#modal-content8 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content8 table td.left {
  text-align: left;
}

#modal-content8 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL9：SLA0080
--------------------------------------------- */
#modal-content9 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content9 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content9 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content9 .text-block p,
#modal-content9 .text-block h4,
#modal-content9 .text-block ol {
  padding-bottom: 1em;
}

#modal-content9 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content9 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay9 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content9 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content9 .submit a {
  color: #3CB4E6;
}

#modal-content9 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content9 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content9 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content9 .submit input {
  margin-right: 0.5rem;
}

#modal-content9 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content9 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content9 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content9 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content9 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content9 table,
#modal-content9 table th,
#modal-content9 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content9 table th,
#modal-content9 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content9 table td.left {
  text-align: left;
}

#modal-content9 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL0078：SLA0078
--------------------------------------------- */
#modal-content0078 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content0078 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content0078 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content0078 .text-block p,
#modal-content0078 .text-block h4,
#modal-content0078 .text-block ol {
  padding-bottom: 1em;
}

#modal-content0078 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content0078 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay0078 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content0078 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content0078 .submit a {
  color: #3CB4E6;
}

#modal-content0078 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content0078 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content0078 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content0078 .submit input {
  margin-right: 0.5rem;
}

#modal-content0078 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content0078 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content0078 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content0078 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content0078 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content0078 table,
#modal-content0078 table th,
#modal-content0078 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content0078 table th,
#modal-content0078 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content0078 table td.left {
  text-align: left;
}

#modal-content0078 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL0081：SLA0081
--------------------------------------------- */
#modal-content0081 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content0081 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content0081 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content0081 .text-block p,
#modal-content0081 .text-block h4,
#modal-content0081 .text-block ol {
  padding-bottom: 1em;
}

#modal-content0081 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content0081 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay0081 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content0081 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content0081 .submit a {
  color: #3CB4E6;
}

#modal-content0081 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content0081 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content0081 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content0081 .submit input {
  margin-right: 0.5rem;
}

#modal-content0081 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content0081 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content0081 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content0081 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content0081 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content0081 table,
#modal-content0081 table th,
#modal-content0081 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content0081 table th,
#modal-content0081 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content0081 table td.left {
  text-align: left;
}

#modal-content0081 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL0083：SLA0083
--------------------------------------------- */
#modal-content0083 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content0083 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content0083 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content0083 .text-block p,
#modal-content0083 .text-block h4,
#modal-content0083 .text-block ol {
  padding-bottom: 1em;
}

#modal-content0083 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content0083 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay0083 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content0083 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content0083 .submit a {
  color: #3CB4E6;
}

#modal-content0083 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content0083 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content0083 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content0083 .submit input {
  margin-right: 0.5rem;
}

#modal-content0083 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content0083 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content0083 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content0083 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content0083 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content0083 table,
#modal-content0083 table th,
#modal-content0083 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content0083 table th,
#modal-content0083 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content0083 table td.left {
  text-align: left;
}

#modal-content0083 table th {
  background: #f5f5f5;
}


/* --------------------------------------------
    MODAL0087：SLA0087
--------------------------------------------- */
#modal-content0087 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content0087 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content0087 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content0087 .text-block p,
#modal-content0087 .text-block h4,
#modal-content0087 .text-block ol {
  padding-bottom: 1em;
}

#modal-content0087 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content0087 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay0087 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content0087 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content0087 .submit a {
  color: #3CB4E6;
}

#modal-content0087 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content0087 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content0087 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content0087 .submit input {
  margin-right: 0.5rem;
}

#modal-content0087 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content0087 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content0087 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content0087 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content0087 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content0087 table,
#modal-content0087 table th,
#modal-content0087 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content0087 table th,
#modal-content0087 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content0087 table td.left {
  text-align: left;
}

#modal-content0087 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL0094：SLA0094
--------------------------------------------- */
#modal-content0094 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content0094 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content0094 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content0094 .text-block p,
#modal-content0094 .text-block h4,
#modal-content0094 .text-block ol {
  padding-bottom: 1em;
}

#modal-content0094 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content0094 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay0094 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content0094 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content0094 .submit a {
  color: #3CB4E6;
}

#modal-content0094 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content0094 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content0094 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content0094 .submit input {
  margin-right: 0.5rem;
}

#modal-content0094 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content0094 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content0094 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content0094 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content0094 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content0094 table,
#modal-content0094 table th,
#modal-content0094 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content0094 table th,
#modal-content0094 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content0094 table td.left {
  text-align: left;
}

#modal-content0094 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL0095：SLA0095
--------------------------------------------- */
#modal-content0095 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content0095 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content0095 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content0095 .text-block p,
#modal-content0095 .text-block h4,
#modal-content0095 .text-block ol {
  padding-bottom: 1em;
}

#modal-content0095 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content0095 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay0095 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content0095 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content0095 .submit a {
  color: #3CB4E6;
}

#modal-content0095 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content0095 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content0095 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content0095 .submit input {
  margin-right: 0.5rem;
}

#modal-content0095 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content0095 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content0095 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content0095 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content0095 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content0095 table,
#modal-content0095 table th,
#modal-content0095 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content0095 table th,
#modal-content0095 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content0095 table td.left {
  text-align: left;
}

#modal-content0095 table th {
  background: #f5f5f5;
}


/* --------------------------------------------
    MODAL0104：SLA0104
--------------------------------------------- */
#modal-content0104 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content0104 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content0104 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content0104 .text-block p,
#modal-content0104 .text-block h4,
#modal-content0104 .text-block ol {
  padding-bottom: 1em;
}

#modal-content0104 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content0104 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay0104 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content0104 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content0104 .submit a {
  color: #3CB4E6;
}

#modal-content0104 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content0104 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content0104 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content0104 .submit input {
  margin-right: 0.5rem;
}

#modal-content0104 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content0104 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content0104 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content0104 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content0104 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content0104 table,
#modal-content0104 table th,
#modal-content0104 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content0104 table th,
#modal-content0104 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content0104 table td.left {
  text-align: left;
}

#modal-content0104 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL0111：SLA0111
--------------------------------------------- */
#modal-content0111 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content0111 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content0111 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content0111 .text-block p,
#modal-content0111 .text-block h4,
#modal-content0111 .text-block ol {
  padding-bottom: 1em;
}

#modal-content0111 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content0111 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay0111 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content0111 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content0111 .submit a {
  color: #3CB4E6;
}

#modal-content0111 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content0111 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content0111 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content0111 .submit input {
  margin-right: 0.5rem;
}

#modal-content0111 .submit #send {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content0111 .submit #send:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content0111 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content0111 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content0111 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content0111 table,
#modal-content0111 table th,
#modal-content0111 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content0111 table th,
#modal-content0111 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content0111 table td.left {
  text-align: left;
}

#modal-content0111 table th {
  background: #f5f5f5;
}


/* --------------------------------------------
    MODAL11：SLA0047(軍事利用等の同意チェックボックス付)
--------------------------------------------- */
#modal-content11 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content11 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content11 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content11 .text-block p,
#modal-content11 .text-block h4,
#modal-content11 .text-block ol {
  padding-bottom: 1em;
}

#modal-content11 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content11 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay11 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content11 .submit {
  width: 80%;
  margin: 30px auto;
  text-align: center;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content11 .check {
  width: 420px;
  margin: 0 auto;
  text-align: left;
}

/*
#modal-content11 .submit {
	width: 420px;
	margin: 30px auto;
	text-align: left;
	line-height: 1.8em;
	font-size: 1.4rem;
}
*/
#modal-content11 .submit a {
  color: #3CB4E6;
}

#modal-content11 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content11 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content11 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content11 .submit input {
  margin-right: 0.5rem;
}

#modal-content11 .submit #send11 {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content11 .submit #send11:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content11 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content11 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content11 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content11 table,
#modal-content11 table th,
#modal-content11 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content11 table th,
#modal-content11 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content11 table td.left {
  text-align: left;
}

#modal-content11 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL12：SLA0048(軍事利用等の同意チェックボックス付)
--------------------------------------------- */
#modal-content12 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content12 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content12 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content12 .text-block p,
#modal-content12 .text-block h4,
#modal-content12 .text-block ol {
  padding-bottom: 1em;
}

#modal-content12 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content12 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay12 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content12 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content12 .check {
  width: 420px;
  margin: 0 auto;
  text-align: left;
}

#modal-content12 .submit a {
  color: #3CB4E6;
}

#modal-content12 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content12 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content12 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content12 .submit input {
  margin-right: 0.5rem;
}

#modal-content12 .submit #send12 {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content12 .submit #send12:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content12 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content12 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content12 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content12 table,
#modal-content12 table th,
#modal-content12 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content12 table th,
#modal-content12 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content12 table td.left {
  text-align: left;
}

#modal-content12 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL13：SLA0068(軍事利用等の同意チェックボックス付)
--------------------------------------------- */
#modal-content13 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content13 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content13 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content13 .text-block p,
#modal-content13 .text-block h4,
#modal-content13 .text-block ol {
  padding-bottom: 1em;
}

#modal-content13 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content13 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay13 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content13 .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content13 .check {
  width: 420px;
  margin: 0 auto;
  text-align: left;
}

#modal-content13 .submit a {
  color: #3CB4E6;
}

#modal-content13 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content13 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content13 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content13 .submit input {
  margin-right: 0.5rem;
}

#modal-content13 .submit #send13 {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content13 .submit #send13:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content13 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content13 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content13 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content13 table,
#modal-content13 table th,
#modal-content13 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content13 table th,
#modal-content13 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content13 table td.left {
  text-align: left;
}

#modal-content13 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL0078：SLA0078(軍事利用等の同意チェックボックス付)
--------------------------------------------- */
#modal-content0078c {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content0078c h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content0078c .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content0078c .text-block p,
#modal-content0078c .text-block h4,
#modal-content0078c .text-block ol {
  padding-bottom: 1em;
}

#modal-content0078c .text-block h4 {
  font-size: 1.7rem;
}

#modal-content0078c .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay0078c {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content0078c .submit {
  width: 420px;
  margin: 30px auto;
  text-align: left;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content0078c .check {
  width: 420px;
  margin: 0 auto;
  text-align: left;
}

#modal-content0078c .submit a {
  color: #3CB4E6;
}

#modal-content0078c .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content0078c .submit a.button span {
  font-size: 1.4rem;
}

#modal-content0078c .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content0078c .submit input {
  margin-right: 0.5rem;
}

#modal-content0078c .submit #send0078c {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content0078c .submit #send0078c:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content0078c .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content0078c .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content0078c .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content0078c table,
#modal-content0078c table th,
#modal-content0078c table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content0078c table th,
#modal-content0078c table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content0078c table td.left {
  text-align: left;
}

#modal-content0078c table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL14：SLA-PMSM(軍事利用等の同意チェックボックス付)
--------------------------------------------- */
#modal-content14 {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content14 h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content14 .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content14 .text-block p,
#modal-content14 .text-block h4,
#modal-content14 .text-block ol {
  padding-bottom: 1em;
}

#modal-content14 .text-block h4 {
  font-size: 1.7rem;
}

#modal-content14 .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay14 {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content14 .submit {
  width: 80%;
  margin: 30px auto;
  text-align: center;
  line-height: 1.8em;
  font-size: 1.4rem;
}

#modal-content14 .check {
  width: 420px;
  margin: 0 auto;
  text-align: left;
}

/*
#modal-content14 .submit {
	width: 420px;
	margin: 30px auto;
	text-align: left;
	line-height: 1.8em;
	font-size: 1.4rem;
}
*/
#modal-content14 .submit a {
  color: #3CB4E6;
}

#modal-content14 .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content14 .submit a.button span {
  font-size: 1.4rem;
}

#modal-content14 .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content14 .submit input {
  margin-right: 0.5rem;
}

#modal-content14 .submit #send14 {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  margin-top: 1em;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
  cursor: pointer;
}

#modal-content14 .submit #send14:disabled {
  background: #ddd;
  border: 2px solid #ddd;
  cursor: default;
}

#modal-content14 .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 1em;
}

#modal-content14 .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content14 .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

#modal-content14 table,
#modal-content14 table th,
#modal-content14 table td {
  border: 1px solid #ddd;
  border-collapse: collapse;
}

#modal-content14 table th,
#modal-content14 table td {
  padding: 0.5em;
  text-align: center;
}

#modal-content14 table td.left {
  text-align: left;
}

#modal-content14 table th {
  background: #f5f5f5;
}

/* --------------------------------------------
    MODAL-bookmark
--------------------------------------------- */
#modal-content-bookmark,
#modal-content-dl {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#modal-content-bookmark h3,
#modal-content-dl h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#modal-content-bookmark .text-block,
#modal-content-dl .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#modal-content-bookmark .text-block p,
#modal-content-bookmark .text-block h4,
#modal-content-bookmark .text-block ol,
#modal-content-dl .text-block p,
#modal-content-dl .text-block h4,
#modal-content-dl .text-block ol {
  padding-bottom: 1em;
}

#modal-content-bookmark .text-block h4,
#modal-content-dl .text-block h4 {
  font-size: 1.7rem;
}

#modal-content-bookmark .text-block ol li,
#modal-content-dl .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#modal-overlay-bookmark,
#modal-overlay-dl {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#modal-content-bookmark .submit,
#modal-content-dl .submit {
  width: 80%;
  margin: 30px auto;
  text-align: center;
}

#modal-content-bookmark .submit a.button,
#modal-content-dl .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#modal-content-bookmark .submit a.button span,
#modal-content-dl .submit a.button span {
  font-size: 1.4rem;
}

#modal-content-bookmark .submit a.button:hover,
#modal-content-dl .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#modal-content-bookmark .submit .leadtext,
#modal-content-dl .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 2em;
}

#modal-content-bookmark .submit .entry,
#modal-content-dl .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#modal-content-bookmark .submit .entry a,
#modal-content-dl .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

/* add 2018-07-30 */
#mini-modal-content-bookmark,
#mini-modal-content-dl {
  width: 70%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #ddd;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 501;
}

#mini-modal-content-bookmark h3,
#mini-modal-content-dl h3 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

#mini-modal-content-bookmark .text-block,
#mini-modal-content-dl .text-block {
  border: 1px solid #ddd;
  height: 260px;
  padding: 20px;
  overflow-y: scroll;
  font-size: 1.4rem;
}

#mini-modal-content-bookmark .text-block p,
#mini-modal-content-bookmark .text-block h4,
#mini-modal-content-bookmark .text-block ol,
#mini-modal-content-dl .text-block p,
#mini-modal-content-dl .text-block h4,
#mini-modal-content-dl .text-block ol {
  padding-bottom: 1em;
}

#mini-modal-content-bookmark .text-block h4,
#mini-modal-content-dl .text-block h4 {
  font-size: 1.7rem;
}

#mini-modal-content-bookmark .text-block ol li,
#mini-modal-content-dl .text-block ol li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

#mini-modal-overlay-bookmark,
#mini-modal-overlay-dl {
  z-index: 500;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

#mini-modal-content-bookmark .submit,
#mini-modal-content-dl .submit {
  width: 80%;
  margin: 30px auto;
  text-align: center;
}

#mini-modal-content-bookmark .submit a.button,
#mini-modal-content-dl .submit a.button {
  display: block;
  margin: 0 auto;
  width: 250px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#mini-modal-content-bookmark .submit a.button span,
#mini-modal-content-dl .submit a.button span {
  font-size: 1.4rem;
}

#mini-modal-content-bookmark .submit a.button:hover,
#mini-modal-content-dl .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#mini-modal-content-bookmark .submit .leadtext,
#mini-modal-content-dl .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 2em;
}

#mini-modal-content-bookmark .submit .entry,
#mini-modal-content-dl .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
}

#mini-modal-content-bookmark .submit .entry a,
#mini-modal-content-dl .submit .entry a {
  font-weight: bolder;
  font-size: 1.8rem;
  color: #3CB4E6;
}

/* end add 2018-07-30 */
/* --------------------------------------------
    SEARCH RESULT
--------------------------------------------- */
#contents .search-box {
  width: 670px;
  margin: 0 auto 10px auto;
}

#contents .search-box .search-bar {
  width: 600px;
  font-size: 1.6rem;
  margin-top: 13px;
}

input[type="search"] {
  background-color: white;
  border-color: #cccccc;
  border: 1px solid #ccc;
  display: block;
  padding: 1rem !important;
  height: 3.3rem;
}

#contents .search-box button {
  background: #57b6e1;
    border-top: 1px solid #57b6e1;
    border-right: 1px solid #57b6e1;
    border-bottom: 1px solid #57b6e1;
  border-left: 0;
  font-size: 1.4rem;
  color: #fff;
  width: 70px;
  height: 3.3rem;
  margin-top: 13px;
}

#contents .search-box input,
#contents .search-box button {
  float: left;
}

#contents .searchword {
  border: 1px solid #03234b;
  padding: 20px;
  font-size: 1.8rem;
  margin: 30px auto;
}

/* セル・幅指定 --検索結果-- */
#contents section .datatables #search-result li.category {
  width: 400px;
}

#contents section .datatables #search-result li.product {
  width: 200px;
}

#contents section .datatables #search-result li.outline {
  width: 560px;
}

#contents section .display-more-button {
  padding: 20px 0 0;
}

#contents section .display-more-button a {
  display: block;
  width: 300px;
  padding: 10px 0;
  font-size: 1.5rem;
  text-align: center;
  margin: 0 auto;
  background: #bbb;
  color: #fff;
  font-weight: bolder;
  cursor: pointer;
}

#contents section .display-more-button a:hover {
  opacity: 0.6;
}

/* =========================================================
 * Contact
** ====================================================== */
#contents #contact-wrap {
	padding: 0 150px 60px;
  /* padding: 105px 0 60px 355px; */
}

#contents #contact-wrap p.st,
#contents #contact-wrap ul.st {
  font-size: 1.6rem;
}

#contents #contact-wrap p.st {
  padding-bottom: 0 !important;
}

#contents #contact-wrap ul.st {
  margin: 1em 0;
}

#contents #contact-wrap ul.st li {
  float: left;
  margin-right: 2.8em;
}

#contents #contact-wrap p {
  font-size: 1.5rem;
  line-height: 1.6;
  padding: 13px 0;
}

#contents #contact-wrap p span {
  font-weight: bolder;
}

#contents #contact-wrap h2 {
  font-size: 1.8rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-top: 25px;
}

#contents #contact-wrap h3 {
  font-size: 1.8rem;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-top: 25px;
  margin-bottom: 10px;
}

#contents #contact-wrap .distributor,
#contents #contact-wrap p.st,
#contents #contact-wrap ul.st {
  margin-left: 110px;
}

#contents #contact-wrap .distributor {
  margin-top: 15px;
}

#contents #contact-wrap .distributor dt,
#contents #contact-wrap .distributor dd {
  font-size: 1.4rem;
  float: left;
}

#contents #contact-wrap .distributor dt {
  width: 35em;
  line-height: 1.8em;
}

#contents #contact-wrap .office {
  margin-top: 15px;
  margin-left: 15px;
}
#contents #contact-wrap .office p {
	padding: 0 0 10px;
}
#contents #contact-wrap .office p em {
	font-weight: bold;
}
#contents #contact-wrap h4 {
	color: #74757C;
	font-size: 1.75rem;
	padding: 0 0 10px;
	color: #3CB4E6;
}
#contents #contact-wrap h4 i {
  margin-right: 0.4em;
}

/* =========================================================
 * Presentation
** ====================================================== */
#contents #presentation-wrap {
  width: 1160px;
  margin: 30px auto 0;
}

#contents #presentation-wrap h2 {
  font-size: 2.4rem;
  font-weight: bolder;
  margin: 0 20px 30px;
  width: 1120px;
  border-bottom: 1px dotted #ccc;
}

#contents #presentation-wrap ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

#contents #presentation-wrap ul li {
  width: 250px;
  margin: 0 20px 20px 20px;
  font-size: 1.4rem;
  line-height: 1.4em;
  position: relative;
}

#contents #presentation-wrap ul li i {
  position: absolute;
  font-size: 5rem;
  padding: 45px 105px;
  text-shadow: 2px 2px 6px #fff, -2px -2px 6px #fff;
}

#contents #presentation-wrap ul li span {
  display: block;
  font-weight: bolder;
  background-color: #fff;
}

#contents #presentation-wrap ul li figure {
  width: 250px;
  height: 141px;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 250px auto;
  background-position: left -24px;
  border: 1px solid #bbb;
  margin-bottom: 8px;
}

#contents #presentation-wrap ul li figure::before {
  background-color: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 141px;
  content: ' ';
}

#contents #presentation-wrap ul li a:hover figure::before {
  background-color: rgba(0, 0, 0, 0);
}

#contents #presentation-wrap ul li a:hover i {
  color: #3CB4E6;
}

#contents #presentation-wrap h3.presentation-more {
  width: 10em;
  padding: 5px 20px;
  margin: 0 auto 20px;
  font-size: 1.3rem;
  cursor: pointer;
  text-align: center;
  border: 1px solid #03234b;
}

#contents #presentation-wrap h3.presentation-more:hover {
  color: #fff;
  background: #3CB4E6;
  border: 1px solid #3CB4E6;
}

#contents #presentation-wrap h3::before {
  content: "もっと見る";
}

#contents #presentation-wrap h3.active::before {
  content: "閉じる";
}

/* =========================================================
 * Rules
** ====================================================== */
#contents #modelnum-wrap {
  width: 1200px;
  margin: 40px auto 0;
}

#contents #modelnum-wrap h2 {
  font-size: 1.4rem;
  font-weight: bolder;
  text-align: center;
  padding: 20px 0 10px 0;
}

#contents #modelnum-wrap table.rules {
  width: 1160px;
  border: 1px solid #fff;
  border-collapse: collapse;
}

#contents #modelnum-wrap table.rules td {
  width: 165px;
  border: 1px solid #fff;
  border-collapse: collapse;
  text-align: center;
  font-size: 2rem;
  font-weight: bolder;
  color: #fff;
}

#contents #modelnum-wrap .number-detail {
  width: 165px;
  float: left;
  padding: 10px;
  font-size: 1.2rem;
  background: url(../images/rules-border.png) no-repeat center top;
}

#contents #modelnum-wrap .number-detail table.rule-num,
#contents #modelnum-wrap .number-detail table.rule-num th,
#contents #modelnum-wrap .number-detail table.rule-num td {
  border: 1px solid #ccc;
  border-collapse: collapse;
}

#contents #modelnum-wrap .number-detail table.rule-num th,
#contents #modelnum-wrap .number-detail table.rule-num td {
  padding: 3px;
  text-align: center;
}

#contents #modelnum-wrap .number-detail table.rule-num th {
  background: #f3f3f3;
}

#contents #modelnum-wrap .number-detail table.rule-num td {
  background: #fff;
}

#contents #modelnum-wrap .number-detail p.right {
  text-align: right;
}

#contents .color-blue {
  background: #3CB4E6;
}

#contents .color-deepblue {
  background: #03234b;
}

#contents .color-pink {
  background: #E6007E;
}

#contents .color-brown {
  background: #8C0078;
}

#contents .color-green {
  background: #49B170;
}

#contents .color-deepgreen {
  background: #04572F;
}

#contents .color-yellow {
  background: #FFD200;
}

/* =========================================================
 * Others
** ====================================================== */
#contents #others-wrap {
  width: 860px;
  margin: 30px auto 0;
  font-size: 1.4rem;
}

#contents #others-wrap p {
  padding-bottom: 1em;
  line-height: 1.8;
}

#contents #others-wrap p.main-logo {
  text-align: left;
}

#contents #others-wrap p.topline {
  padding-top: 1em;
  border-top: 1px solid #ccc;
}

#contents #others-wrap a {
  color: #3CB4E6;
}

#contents #others-wrap p img {
  padding: 0 1em;
}

#contents #others-wrap a:hover {
  color: #3CB4E6;
  text-decoration: underline;
}

#contents #others-wrap figure.center {
  text-align: center;
  margin-bottom: 2em;
}

#contents #others-wrap ul.about-top {
  margin: 1em 0;
  padding-bottom: 1em;
  border-bottom: 1px solid #ddd;
}

#contents #others-wrap ul.about-top li {
  list-style-type: disc;
  margin-left: 1.5em;
}

#contents #others-wrap ul.about-bottom {
  margin: 1em 0 2em;
}

#contents #others-wrap ul.about-bottom li {
  list-style-type: disc;
  margin-left: 1.5em;
}

#contents #others-wrap h2 {
  font-size: 1.6rem;
  font-weight: bolder;
}

#contents #others-wrap h2.blue {
  font-size: 2rem;
  background: #3CB4E6;
  color: #fff;
  padding: 5px 15px;
  margin: 1em 0;
}

#contents #others-wrap h3 {
  font-size: 1.5rem;
  color: #3CB4E6;
  font-weight: bolder;
  padding-bottom: 1em;
}

#contents #others-wrap .contact {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #ccc;
  font-size: 1.6rem;
}

#contents #others-wrap .contact span {
  display: block;
  font-weight: bolder;
  padding-bottom: 0.5em;
}

#contents #others-wrap .contact p {
  margin-left: 3em;
  padding-bottom: 0;
}

#contents #others-wrap .security-right {
  float: right;
  margin: 80px 340px 0 0;
}

#contents #others-wrap .bold {
  font-weight: bolder;
}

#contents #others-wrap table {
  font-size: 1.5rem;
  border: 0;
  margin: 0;
  padding: 0;
}

#contents #others-wrap table th {
  padding: 8px 15px;
  width: 280px;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
}

#contents #others-wrap table td {
  padding: 8px 15px;
  font-weight: bolder;
  border-bottom: 1px solid #ddd;
}

#contents #others-wrap table th span {
  font-weight: bolder;
}

#contents #others-wrap .maintext {
  font-size: 1.6rem;
}

#contents #others-wrap .maintext ul {
  margin-left: 5em;
  margin-bottom: 1.5em;
}

#contents #others-wrap .maintext ul li {
  list-style-type: disc;
}

.event_subtitle_list {
  font-weight: normal;
  font-size: 90%;
}

.event_subtitle_detail {
  font-weight: normal;
  font-size: 80%;
}

/* =========================================================
 * for parametric sarch
** ====================================================== */
section .parametric *,
section .parametric *:before,
section .parametric *:after {
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}

/* =========================================================
 * G4 TEST
** ====================================================== */
#contents #outline-wrap figure.outline-stm_MP1 {
  position: relative;
  width: 100%;
  height: 810px;
  background: url(../images/outline-mcu_base7.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm8 {
  position: absolute;
  width: 135px;
  height: 108px;
  top: -15px;
  left: 270px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm8s {
  position: absolute;
  top: 439px;
  left: 190px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm8l {
  position: absolute;
  top: 621px;
  left: 190px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm8al {
  position: absolute;
  top: 701px;
  left: 190px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm8af {
  position: absolute;
  top: 737px;
  left: 190px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32 {
  position: absolute;
  width: 100px;
  height: 108px;
  top: -12px;
  left: 615px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32h7 {
  position: absolute;
  top: 155px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32f7 {
  position: absolute;
  top: 190px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32f4 {
  position: absolute;
  top: 225px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32f2 {
  position: absolute;
  top: 260px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32f3 {
  position: absolute;
  top: 334px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32f1 {
  position: absolute;
  top: 369px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32g0 {
  position: absolute;
  top: 404px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32f0 {
  position: absolute;
  top: 439px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32l5 {
  position: absolute;
  top: 481px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32l4plus {
  position: absolute;
  top: 516px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32l4 {
  position: absolute;
  top: 551px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32l1 {
  position: absolute;
  top: 586px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32l0 {
  position: absolute;
  top: 621px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32wb {
  position: absolute;
  top: 661px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32mp1 {
  position: absolute;
  top: 114px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm_MP1 .stm32g4 {
  position: absolute;
  top: 299px;
  left: 525px;
}

#contents #outline-wrap figure.outline-stm32_MP1 {
  position: relative;
  width: 100%;
  height: 508px;
  margin-top: 30px;
  margin-bottom: 20px;
  background: url(../images/outline-mcu_stm32_base6.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}

#contents #outline-wrap figure.outline-stm32_MP1 a img {
  width: 75px;
  height: 75px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32f2 {
  position: absolute;
  top: 133px;
  left: 267px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32f4 {
  position: absolute;
  top: 133px;
  left: 387px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32f7 {
  position: absolute;
  top: 133px;
  left: 595px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32h7 {
  position: absolute;
  top: 133px;
  left: 675px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32f0 {
  position: absolute;
  top: 216px;
  left: 104px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32g0 {
  position: absolute;
  top: 216px;
  left: 184px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32f1 {
  position: absolute;
  top: 216px;
  left: 267px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32f3 {
  position: absolute;
  top: 216px;
  left: 350px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32l0 {
  position: absolute;
  top: 298px;
  left: 145px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32l1 {
  position: absolute;
  top: 298px;
  left: 266px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32l4 {
  position: absolute;
  top: 298px;
  left: 350px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32l4plus {
  position: absolute;
  top: 298px;
  left: 430px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32l5 {
  position: absolute;
  top: 298px;
  left: 513px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32wb {
  position: absolute;
  top: 380px;
  left: 387px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32mp1 {
  position: absolute;
  top: 50px;
  left: 763px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .stm32g4 {
  position: absolute;
  top: 216px;
  left: 430px;
}

#contents #outline-wrap figure.outline-stm32_MP1 .tenyears {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 265px;
  left: 686px;
}

/* =========================================================
 * G4 TESTここまで
** ====================================================== */


/* ======================================================
　Password Check - Common Parts
　　・Password reset page
　　・Member registration page
====================================================== */
.passwd-validation{
  width: 100%;
  margin-top: 15px;
  padding: 20px 30px;
  background-color: #fff;
}
.passwd-validation-success{
  border:4px solid #04572f !important;
}

.passwd-validation-error{
  border:4px solid #e6007e !important;
}

.passwd-validation-condition-error{
  color: #e6007e !important;
}
.passwd-validation-condition-success{
  color: #04572f !important;
}
.passwd-caution {
  color: #000;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 0 10px;
}
.passwd-importnt{
  color: #000;
  padding: 0.7em 0;
}
.passwd-charactors {
  margin-left: 0;
  padding-left: 0;
}
.passwd-charactors li {
  list-style-type: none;
  position: relative;
  padding-left: 15px;
}
.passwd-charactors li:before,
.passwd-setup-instruction--update li:before,
.passwd-setup-instruction--reset li:before,
.passwd-setup-instruction--registration li:before{
  background: transparent;
  border: 1px solid #ccc;
  border-radius: 1px;
  content: '';
  height: 12px;
  left: -2px;
  position: absolute;
  top: 9px;
  transform: translateY(-40%);
  transition: all .3s ease;
  width: 12px
}
.passwd-charactors li:after,
.passwd-setup-instruction--update li:after,
.passwd-setup-instruction--reset li:after,
.passwd-setup-instruction--registration li:after{
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  content: '';
  height: 7px;
  left: 2px;
  position: absolute;
  top: 5px;
  transform: rotate(45deg);
  width: 4px
}
.passwd-charactors li.passwd-validation-condition-success:before,
.passwd-setup-instruction--update li.passwd-validation-condition-success:before,
.passwd-setup-instruction--reset li.passwd-validation-condition-success:before,
.passwd-setup-instruction--registration li.passwd-validation-condition-success:before{
  background: #3cb4e6;
  border-color: #3cb4e6
}

/* ======================================================
　Password Reset Page
====================================================== */
.pwreset_wrp{
  width: 100%!important;
  padding-left: 30px!important;
  padding-right: 30px!important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.pwreset_box{
  width: 52%;
}
.pwreset_box_check{
  width: 45%;
  margin-left: 30px;
  margin-top: 40px;
}
@media (max-width:1024px){
  .pwreset_box{
    width: 100%!important;
  }
  .pwreset_box_check{
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
}


/* ======================================================
　Whitepaper DL Page
====================================================== */
#contents #cam-wrap .submit a.button {
  display: block;
  margin: 0 auto;
  width: 200px;
  padding: 10px 20px;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  background: #3CB4E6;
  border: 2px solid #3CB4E6;
  color: #fff;
}

#contents #cam-wrap .submit a.button:hover {
  background: #fff;
  color: #3CB4E6;
}

#contents #cam-wrap .submit .leadtext {
  font-size: 1.5rem;
  font-weight: bolder;
  margin-bottom: 2em;
}

#contents #cam-wrap .submit .entry {
  margin-top: 1em;
  font-size: 1.6rem;
  text-align: center;
}