@charset "UTF-8";
/* common */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix::after {
  content: "";
  display: table;
  clear: both; }
.sp_display{display:none;}
.sp_none{display:inline;}
#header {
  position: fixed;
  z-index: 99991002;
  display: block;
  width: 100%;
  background: #fff;
  border-bottom: 4px solid #303030;
  padding: 0 20px;
  height: 100px; }
  #header .header_container {
    display: flex;
    width: 100%;
    align-items: center;
    max-width: 1300 px;
    margin: 0 auto; }
    #header .header_container .headerlogo {
      width: 20%;
      text-align: left; }
      #header .header_container .headerlogo img {
        width: 100%;
        max-width: 160px;
        height: auto; }
    #header .header_container .headermenu {
      width: 90%;
      font-family: 'Open Sans', sans-serif;
      font-weight: 600;
      position: relative; }
      #header .header_container .headermenu .grandmenu {
        text-align: right;
        width: auto; }
        #header .header_container .headermenu .grandmenu ul {
          list-style-type: none;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
          #header .header_container .headermenu .grandmenu ul li {
            font-size: 15px;
            white-space: nowrap; }
          #header .header_container .headermenu .grandmenu ul li.langenli {
            padding: 26px 0; }
            #header .header_container .headermenu .grandmenu ul li a {
              display: block;
              padding: 35px 15px;
              color: #303030; }
            #header .header_container .headermenu .grandmenu ul li:last-of-type {
              padding-left: 2em; }
              #header .header_container .headermenu .grandmenu ul li:last-of-type ul {
                list-style-type: none; }
                #header .header_container .headermenu .grandmenu ul li:last-of-type ul li {
                  padding: 0; }
                  #header .header_container .headermenu .grandmenu ul li:last-of-type ul li:first-of-type {
                    font-size: 12.4px; }
                  #header .header_container .headermenu .grandmenu ul li:last-of-type ul li:last-of-type {
                    font-size: 13px; }
                  #header .header_container .headermenu .grandmenu ul li:last-of-type ul li a {
                    padding: 10px 5px;
                    color: #b7b7b7; }
                  #header .header_container .headermenu .grandmenu ul li:last-of-type ul li.active a {
                    color: #303030; }
                    #header .header_container .headermenu .grandmenu ul li:last-of-type ul li.active a:before {
                      content: '●';
                      display: inline-block;
                      float: left;
                      color: #303030; }

.header_navi .header_navi_item {
  z-index: 99991003;
  position: fixed;
  width: 100%;
  left: 0;
  top: 95px;
  right: 0;
  background: rgba(83, 83, 83, 0.85);
  padding: 2em 15px;
  display: none; }
  .header_navi .header_navi_item.active {
    display: block;
    opacity: 1; }
  .header_navi .header_navi_item .mennutitle {
    color: #fff;
    text-align: center;
    font-family: 'Vollkorn', sans-serif;
    font-weight: 400;
    font-size: 48px;
    margin-bottom: 1em; }
    .header_navi .header_navi_item .mennutitle span {
      font-family: initial;
      font-size: 21px; }
  .header_navi .header_navi_item .mennuitems {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 14px; }
    .header_navi .header_navi_item .mennuitems ul {
      list-style-type: none;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .header_navi .header_navi_item .mennuitems ul li {
        text-align: left;
        display: inline-block;
        padding-right: 50px;
            padding-bottom: 2em;
        color: #fff; }
        .header_navi .header_navi_item .mennuitems ul li:last-of-type {
          padding-right: 0; }
        .header_navi .header_navi_item .mennuitems ul li a:before {
          content: "\ea3c";
          font-family: icomoon !important;
          speak: none;
          font-style: normal;
          font-weight: 400;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          color: #dadada;
          padding-right: 10px;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        .header_navi .header_navi_item .mennuitems ul li a:hover {
          background: #7c7c7c;
          transition: all 0.3s; }
        .header_navi .header_navi_item .mennuitems ul li ul {
          margin-top: 1.5em; }

#js-menu {
  display: none; }

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }

/* top page */
#container .topmain {
  width: 100%;
  text-align: center;
  line-height: 0;
  background-size: contain;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  #container .topmain img {
    width: 100%;
    height: auto;
    line-height: 0; }

/* inner adjust tag*/
.pagetitle {
  padding-top: 100px;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #303030;
}
.pagetitle .bg {
  line-height: 0;
}
.pagetitle .bg img {
  width: 100%;
  height: auto;
  max-height: 505px;
  object-fit: cover;
}
.pagetitle .headline {
  width: 100%;
  max-width: 1000px;
  padding: 0 20px;
  position: absolute;
  top: 100px;
  bottom: 0;
  left: 0;
  right: 0;
  height: 85px;
  margin: auto;
}
.pagetitle .headline.outlinewhite{
  /*text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;*/
color:#fff;
}

.pagetitle .headline h1 {
  font-size: 48px;
  font-family: 'Vollkorn';
}

.pagetitle .headline.smd h1 {
  font-size: 36px;
  text-align: center;
}

.pagetitle .headline.smd h1 img {
  margin: 0 0 0 10px;
}

.pagetitle .headline h1 span {
  font-size: 18px;
  font-weight: 600;
}

.pagetitle.other .bg img {
  width: 100%;
  height: auto;
  max-height: 235px;
  object-fit: cover;
}

section.smd p {
  margin: 0 0 50px 0;
  font-size: 16px;
}

section.smd p.text-l {
  position: relative;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
section.smd p.text-l::before,
section.smd p.text-l::after {
  position: absolute;
  top: 0;
  content: '';
  width: 20px;
  height: 100%;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
section.smd p.text-l::before {
  left: 0;
  border-left: 1px solid #555;
}
section.smd p.text-l::after {
  right: 0;
  border-right: 1px solid #555;
}

section.smd dl.ng-area  {
  display: flex;
  justify-content: center;
  margin: 0 0 100px 0;
}

section.smd dl.ng-area  dt {
  margin: 0 40px 0 0;
}

section.smd dl.ng-area  dd {
  margin: 20px 0 0 0;
  padding: 0;
}

section.smd dl.ng-area  dd p.ng-logo {
  margin: 0 0 10px 0;
  padding: 0;
}

section.smd dl.ng-area dd p.ng-text {
  margin: 0;
  padding: 0;
}

section.smd dl.ng-area dd p.ng-text a {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .pagetitle .headline.smd {
    top: 0%;
  }
  
  .pagetitle .headline.smd h1 {
    line-height: 1.4;
  }

  .pagetitle .headline.smd h1 img {
    margin: 0;
  }

  section.smd dl.ng-area  {
    display: block;
    text-align: center;
  }

  section.smd dl.ng-area  dt {
    margin: 0;
  }
}


.ir-frame {
  margin: 30px auto;
}

.page_contact {
  margin-top: 60px;
}


.page_topics-list .pageHead-inner {
  margin: 40px auto;
      position: static ;
}

.page_topics-list .category {
  text-align: right;
      position: static ;
}

.page_topics-list .category ul {
  position: static;
  margin: 0 auto 0 0;
}

.page_topics-list .pageHead_bg {
  margin: 60px 0 0;
}

.page_topics-list .topics-detail-inner {
  margin-top: 60px;
}

.yu-mincho{
  font-family: "Yu Mincho", "YuMincho";
}
.about-attitude{
min-height:auto;
}
.about-attitude.about-vision{
    margin-bottom: 0;}


@media screen and (max-width: 999px) {
#header {
  position: fixed;
  z-index: 99991002;
  display: block;
  width: 100%;
  background: #fff;
  border-bottom: 4px solid #303030;
  padding: 0 4px;
  height: 100px; }
  #header .header_container {
    display: flex;
    width: 100%;
    align-items: center;
    max-width: 1300 px;
    margin: 0 auto; }
    #header .header_container .headerlogo {
      width: 20%;
      text-align: left; }
      #header .header_container .headerlogo img {
        width: 100%;
        max-width: 160px;
        height: auto; }
    #header .header_container .headermenu {
      width: 90%;
      font-family: 'Open Sans', sans-serif;
      font-weight: 600;
      position: relative; }
      #header .header_container .headermenu .grandmenu {
        text-align: right;
        width: auto; }
        #header .header_container .headermenu .grandmenu ul {
          list-style-type: none;
          display: flex;
          justify-content: flex-end;
          align-items: center; }
          #header .header_container .headermenu .grandmenu ul li {
            font-size: 15px;
            white-space: nowrap; }
          #header .header_container .headermenu .grandmenu ul li.langenli {
            padding: 26px 0; }
            #header .header_container .headermenu .grandmenu ul li a {
              display: block;
              padding: 35px 7px;
              color: #303030; }
            #header .header_container .headermenu .grandmenu ul li:last-of-type {
              padding-left: 0.75em; }
              #header .header_container .headermenu .grandmenu ul li:last-of-type ul {
                list-style-type: none; }
                #header .header_container .headermenu .grandmenu ul li:last-of-type ul li {
                  padding: 0; }
                  #header .header_container .headermenu .grandmenu ul li:last-of-type ul li:first-of-type {
                    font-size: 12.4px; }
                  #header .header_container .headermenu .grandmenu ul li:last-of-type ul li:last-of-type {
                    font-size: 13px; }
                  #header .header_container .headermenu .grandmenu ul li:last-of-type ul li a {
                    padding: 10px 5px;
                    color: #b7b7b7; }
                  #header .header_container .headermenu .grandmenu ul li:last-of-type ul li.active a {
                    color: #303030; }
                    #header .header_container .headermenu .grandmenu ul li:last-of-type ul li.active a:before {
                      content: '●';
                      display: inline-block;
                      float: left;
                      color: #303030; }

}



@media screen and (max-width: 767px) {
  #container {
    padding-top: 60px; }
.sp_display{display:block;}
.sp_none{display:none;}
  #header {
    position: fixed;
    z-index: 99991002;
    display: block;
    width: 100%;
    background: #fff;
    border-bottom: 4px solid #303030;
    padding: 0 20px;
    height: 70px;
    transition: all 0.5s; }
    #header .header_container {
      display: flex;
      width: 100%;
      align-items: center;
      max-width: 1300 px;
      margin: 0 auto; }
      #header .header_container .headerlogo {
        width: 50%;
        text-align: left;
        padding: 12px 0; }
        #header .header_container .headerlogo img {
          width: 100%;
          max-width: 160px;
          height: auto; }
      #header .header_container .headermenu {
        display: none;
        width: 90%;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        position: relative; }
        #header .header_container .headermenu .grandmenu {
          text-align: right;
          width: auto; }
          #header .header_container .headermenu .grandmenu ul {
            list-style-type: none;
            display: flex;
            justify-content: flex-end;
            align-items: center; }
            #header .header_container .headermenu .grandmenu ul li {
              font-size: 15px;
              white-space: nowrap; }
              #header .header_container .headermenu .grandmenu ul li a {
                display: block;
                padding: 35px 15px;
                color: #303030; }
              #header .header_container .headermenu .grandmenu ul li:last-of-type {
                padding-left: 2em; }
                #header .header_container .headermenu .grandmenu ul li:last-of-type ul {
                  list-style-type: none; }
                  #header .header_container .headermenu .grandmenu ul li:last-of-type ul li {
                    padding: 0; }
                    #header .header_container .headermenu .grandmenu ul li:last-of-type ul li:first-of-type {
                      font-size: 12.4px; }
                    #header .header_container .headermenu .grandmenu ul li:last-of-type ul li:last-of-type {
                      font-size: 13px; }
                    #header .header_container .headermenu .grandmenu ul li:last-of-type ul li a {
                      padding: 10px 5px;
                      color: #b7b7b7; }
                    #header .header_container .headermenu .grandmenu ul li:last-of-type ul li.active a {
                      color: #303030; }
                      #header .header_container .headermenu .grandmenu ul li:last-of-type ul li.active a:before {
                        content: '●';
                        display: inline-block;
                        float: left;
                        color: #303030; }

  .header_navi {
    display: none;
    z-index: 99991001;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto; }
    .header_navi.active {
      display: block;
      opacity: 1; }
    .header_navi .header_navi_item {
      z-index: 99991001;
      position: unset;
      width: 100%;
      left: 0;
      top: 96px;
      right: 0;
      background: rgba(83, 83, 83, 0.85);
      padding: 2em 0;
      display: block; }
      .header_navi .header_navi_item.active {
        display: block;
        opacity: 1; }
      .header_navi .header_navi_item .mennutitle {
        color: #fff;
        text-align: center;
        font-family: 'Vollkorn', sans-serif;
        font-weight: 400;
        font-size: 24px;
        margin-bottom: 1em; }
        .header_navi .header_navi_item .mennutitle span {
          display: block;
          font-family: initial;
          font-size: 18px; }
      .header_navi .header_navi_item .mennuitems {
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        font-size: 16px;
        padding: 2em;
        background: rgba(83, 83, 83, 0.85); }
        .header_navi .header_navi_item .mennuitems ul {
          list-style-type: none;
          display: flex;
          justify-content: center;
      flex-wrap: wrap;
          flex-wrap: wrap; }
          .header_navi .header_navi_item .mennuitems ul li {
            width: 100%;
            text-align: left;
            display: block;
            padding-right: 50px;
            padding-bottom: 2em;
            color: #fff; }
            .header_navi .header_navi_item .mennuitems ul li:last-of-type {
              padding-right: 0; }
            .header_navi .header_navi_item .mennuitems ul li a:before {
              content: "\ea3c";
              font-family: icomoon !important;
              speak: none;
              font-style: normal;
              font-weight: 400;
              font-variant: normal;
              text-transform: none;
              line-height: 1;
              color: #dadada;
              padding-right: 10px;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale; }
            .header_navi .header_navi_item .mennuitems ul li a:hover {
              background: #7c7c7c;
              transition: all 0.3s; }
            .header_navi .header_navi_item .mennuitems ul li ul {
              margin-top: 0em;
              padding-left: 1.5em; }
        .header_navi .header_navi_item .mennuitems.langs {
          padding: 2em 15px; }
          .header_navi .header_navi_item .mennuitems.langs ul {
            list-style-type: none;
            text-align: center; }
            .header_navi .header_navi_item .mennuitems.langs ul li {
              padding: 0 1em;
              display: inline-block;
              width: auto; }
              .header_navi .header_navi_item .mennuitems.langs ul li a {
                color: #b7b7b7;
                padding: 15px; }
                .header_navi .header_navi_item .mennuitems.langs ul li a:before {
                  content: ''; }
              .header_navi .header_navi_item .mennuitems.langs ul li.active a {
                color: #fff; }
                .header_navi .header_navi_item .mennuitems.langs ul li.active a:before {
                  content: '●';
                  display: inline-block;
                  color: #fff; }

  #js-menu {
    display: block;
    position: fixed;
    top: 0;
    right: 10px;
    cursor: pointer;
    z-index: 99991002;
    width: 60px;
    height: 45px;
    padding: 16px; }
    #js-menu .menu-trigger,
    #js-menu .menu-trigger span {
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box; }
    #js-menu .menu-trigger {
      position: relative;
      width: 35px;
      height: 31px; }
    #js-menu .menu-trigger span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 3px;
      background-color: #000;
      border-radius: 3px; }
    #js-menu .menu-trigger span:nth-of-type(1) {
      top: 0; }
    #js-menu .menu-trigger span:nth-of-type(2) {
      top: 14px; }
    #js-menu .menu-trigger span:nth-of-type(3) {
      bottom: 0; }
    #js-menu .menu-trigger.active {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg); }
    #js-menu .menu-trigger.active span:nth-of-type(1) {
      -webkit-transform: translateY(14px) rotate(-45deg);
      transform: translateY(14px) rotate(-45deg); }
    #js-menu .menu-trigger.active span:nth-of-type(2) {
      -webkit-transform: translateY(0) rotate(45deg);
      transform: translateY(0) rotate(45deg); }
    #js-menu .menu-trigger.active span:nth-of-type(3) {
      opacity: 0; }

   .pagetitle {
    padding-top: 0;
  }
   .pagetitle .headline {
    top: 25%;
  }
   .pagetitle .headline h1 {
    font-size: 30px;
  }
   .pagetitle .headline h1 span {
    font-size: 14px;
  }
   .pagetitle.other .headline h1 {
    font-size: 28px;
  }
   .pagetitle.other .headline h1 span {
    font-size: 14px;
    display: block;
  }

.about-attitude-inner{
    margin: 25px 0 0;
    padding-bottom: 25px;
}
.about-message_r-inner{
    margin-top: 30px;
}

}

.about-message{background-color: transparent;}
.about-attitude-inner.noneborder{
border-bottom:0 !important;
margin:0;
padding-top:50px;

}
#message .heading_about{text-align:center;}
#message .text_letter{text-align:center;}
#vision .heading_about{text-align:center;}
#vision .text_letter{text-align:center;}
#message .about-predident_container {
  display: flex;
  width: 90%;
  margin: 0 auto;
  padding: 0;
}
#message .about-predident_l {
  width:50%;
}
#message .about-predident_r {
  width: 50%;
}

#message .about-predident_r .text_letter{ text-align:left!important;padding:0 2em;}

#message .about_president_img {
  width: 50%;
  background-size: 500px;
  background-position: center top;
  background-repeat:no-repeat;
  background-image:url(../img/president.jpg);
  height: 600px;
  position: static;
}

#message .about-predident-name{ text-align:right!important;padding:2em;font-size: 20px;}
.about-message-history{ padding-top: 3em; }


@media screen and (max-width: 767px) {
#message .about-predident_container{
display:block;
}
#message .about-predident_l{ width:100%; display:block;;}
#message .about-predident_r{ width:100%; display:block;margin-top:1em;}
#message .about-predident_r .text_letter{ text-align:left!important;padding:0 2em;}
#message .about_president_img{background-size:100%;background-position:center top;background-repeat:no-repeat;background-image:url(../img/president.jpg);height: 28em;position: static;    top: 0;}
#message .about-predident-name{ text-align:right!important;padding:2em;}
#message .about-predident-name img{ width:70%;max-width:300px;}
.about-message-history{ padding-top: 3em; }

}

.wysiwyg ul.dotlist{
list-style-type: none;
margin-bottom: 2em;
font-size: 14px;
}
.wysiwyg ul.dotlist li{
counter-increment: none;
margin: 0 0 15px;
padding-left:1em;
text-indent: -1em;
}
.wysiwyg ul.dotlist li:before{
content: '・';
width:1em;
text-align:center;
    position: static;
}
.wysiwyg ul.dotlist ul{
list-style-type: none;
margin-top: 1.5em;
margin-left: 1.5em;
}


.img2x{
width:50%;
height:auto;
}


.wysiwyg table.privacypolicytable tr th{
width: 30%;
}

/*--- keyframes ---*/
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }
@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }


.footer-sns {
  display: flex;  
}

.footer-sns ul {
  display: flex;  
}

.footer-sns ul li:nth-child(2) {
      margin: 0 0 0 10px;
}

.icon-instagram:before {
  content: "\ea92";
}

@media screen and (max-width: 767px) {
  .footer-sns .footer-sns-list i {
      font-size: 15px;
      position: relative;
      top: -0;
  }
}



/* tech blog - 200925
-----------------------------*/

.page_tech-list .pagetitle .bg img {
  max-height: 505px;
}

.page_tech-list .headline {
  display: flex;
  top: 190px;
  height: auto;
}

.page_tech-list .headline h1 {
  width: 588px;
  margin: 55px 90px 0 0;
}

.page_tech-list .headline h1 img {
  width: 100%;
  height: auto;
}

.page_tech-list .headline div.right-text {
  width: 216px;
  color: #ffffff;
}

.page_tech-list .headline div.right-text p.text-fst {
  margin: 0 0 10px 0;
  font-weight: bold;
  text-align: center;
}

.page_tech-list .headline div.right-text p.text-ai {
  margin: 0 0 10px 0;
  font-size: 200%;
  font-weight: bold;
  text-align: center;
}

.page_tech-list .headline div.right-text p.text-lst {
  font-size: 80%;
  line-height: 2.0;
}

.page_tech-list .tech-tag-list {
  margin: 0 0 50px 0;
}

.page_tech-list .tech-tag-list dl {
  display: flex;
}

.page_tech-list .tech-tag-list dl dt {
  margin: 0 10px 0 0;
  padding: 2px 0;
}

.page_tech-list .tech-tag-list dl dd ul {
  display: flex;
}

.page_tech-list .tech-tag-list dl dd ul li a {
  display: block;
  margin: 0 5px 0 0;
  padding: 2px 10px;
  background: #ffffff;
  border: 1px solid #00afe8;
  border-radius: 20px;
  color: #00afe8;
  font-size: 90%;
}

.page_tech-list .tech-tag-list dl dd ul li.is-current a {
  background: #00afe8;
  border: 1px solid #00afe8;
  color: #ffffff;
}



.page_tech-list .panel_text .panel-data {
  position: relative;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: left;
}

.page_tech-list .panel-data p.panel-date:after {
    content: "";
    border-left: none;
    height: auto;

    position: relative;
    right: -0;
    top: 0;
}

.page_tech-list .panel_text .tech-tag a {
  color: #00afe8;
  font-size: 85%;
}

@media screen and (max-width: 767px) {
  .page_tech-list .headline {
    position: relative;
    display: block;
    top: 0;
    padding: 0 0 10px 0;
    background: #0097d6;
  }

  .page_tech-list .headline h1 {
    position: absolute;
    width: 90%;
    margin: 10px 5% 0 5%;
    top: -130px;
  }

  .page_tech-list .headline h1 img {
    width: 100%;
    height: auto;
  }

  .page_tech-list .headline div.right-text {
    width: 90%;
    margin: 0 auto;
  }

  .page_tech-list .tech-tag-list {
    margin: 0 0 20px 10px;
  }

  .page_tech-list .tech-tag-list dl {
    display: block;
  }

  .page_tech-list .tech-tag-list dl dd ul li a {
    padding: 2px 8px;
    font-size: 80%;
}
}



/* tech blog > single - 200925
-----------------------------*/

.page_tech-list.tech-single {
  background: #0097d7 url(/assets/themes/smn/img/techblog/bg_tech-single.png) no-repeat center 100px;
}

.page_tech-list.tech-single .pagetitle {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 125px;
  border:none;
}

.page_tech-list.tech-single .pagetitle h1 {
  width: 270px;
}

.page_tech-list.tech-single .topics-detail-header {
  padding: 50px 70px;
  background: #ffffff;
}

.page_tech-list.tech-single .topics-detail-header-inner {
  position: relative;
  width: 100%;
  margin: 0;
  color: #0c2866;
}

.page_tech-list.tech-single .topics-detail-header-inner p.icon_bear {
  position: absolute;
  top: -111px;
  right: -86px;
}

.page_tech-list.tech-single .topics-detail-header-inner p.icon_bear img {
  width: 80%;
  height: auto;
}

.page_tech-list.tech-single .topics-detail-header-inner h2 {
  font-size: 240%;
  font-weight: normal;
  line-height: 1.6;
}

.page_tech-list.tech-single .topics-detail-header-inner h5.knowledge {
  display: flex;
  margin: 24px 0 20px 0;
  padding: 24px 0 0 0;
  border-top: 1px solid #0097d7;
  font-weight: bold;
}

.page_tech-list.tech-single .topics-detail-header-inner h5.knowledge p {
  font-weight: normal;
}

.page_tech-list.tech-single .topics-detail-header-inner .topics-detail-category a {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 2px 10px;
  background: #00afe8;
  border: 1px solid #00afe8;
  border-radius: 20px;
  color: #ffffff;
}

.page_tech-list.tech-single .topics-detail-content {
  width: 100%;
  margin: 0;
  padding: 50px 45px;
  background: #ffffff;
  border: 25px solid #d0ecf6;
}

.page_tech-list.tech-single .topics-detail-content .wysiwyg p {
  font-size: 100%;
}

.page_tech-list.tech-single .topics-detail-content .wysiwyg p strong {
  background: url(/assets/themes/smn/img/techblog/icon_stit.png) no-repeat right center;
  padding: 0 50px 0 0;
  color: #0c2866;
  font-size: 170%;
  font-weight: bold;
}

.page_tech-list.tech-single .topics-detail-content .wysiwyg a {
  color: #0097d7;
  border-bottom: none;
  text-decoration: none;
}

.page_tech-list.tech-single .topics-detail-content div.sns_icon ul {
  display: flex;
  justify-content: flex-end;
}

.page_tech-list.tech-single .topics-detail-content div.sns_icon ul li {
  margin: 0 0 0 20px;
}

.page_tech-list.tech-single .topics-detail-backtolist {
  background: url(/assets/themes/smn/img/techblog/teckblog-back_singlePageTop.png);
}

.page_tech-list.tech-single .topics-detail-backtolist a {
  color: #ffffff;
}

.page_tech-list.tech-single .topics-detail-backtolist a i {
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .page_tech-list.tech-single .pagetitle {
    padding-top: 20px;
  }

  .page_tech-list.tech-single .topics-detail-header {
    padding: 20px 20px;
    background: #ffffff;
  }

  .page_tech-list.tech-single .topics-detail-header-inner {
    padding: 0;
  }

  .page_tech-list.tech-single .topics-detail-header-inner h2 {
    font-size: 180%;
    line-height: 1.4;
  }

  .page_tech-list.tech-single .topics-detail-header-inner p.icon_bear {
    right: -30px;
  }

  .page_tech-list.tech-single .topics-detail-header-inner h5.knowledge {
    display: block;
  }

  .page_tech-list.tech-single .topics-detail-header-inner .topics-detail-category a {
    margin: 0 5px 10px 0;
  }

  .page_tech-list.tech-single .topics-detail-content {
    padding: 20px 20px;
    border: 20px solid #d0ecf6;
  }

  .page_tech-list.tech-single .topics-detail-content .wysiwyg p strong {
    font-size: 140%;
  }
}



@media screen and (min-width: 768px) {
.about-message-history .table_history {
    width: 650px;
    margin: 0 auto 50px auto;
}