#main .main-inner .left-part {
    float: left;
    padding-left: 0; }
  #main .main-inner .right-part {
    float: left; }
#main .main-inner .title-lv2 a{
  padding-top:0;
  display: inline-block;
  float: right;
  line-height:33px;
  padding-left:0;
}
#main .main-inner .title-lv2-p{
  background: none;
  border:none;
  margin-top:1%;
}

#head-area ul.socialbutton {
  position: absolute;
  bottom: -40px;
  right: 0; }

#main .main-inner img.width-fit {
  width: 100%;
  height: auto; }
#main .main-inner .main-section {
  margin-bottom: 40px;
  -webkit-text-size-adjust: 100%; }
#main .main-section p {
  font-size: 14px;
  line-height: 1.8; }
  #main .main-section p.caption {
    font-size: 12px;
    text-indent: -1em;
    padding-left: 1em; }
    #main .main-section .item-list{
      font-size: 14px;
      line-height: 1.8;
    }
#main .main-section .part {
  padding: 0 2%;
  margin-top: 20px; }
#main .main-section .part .flexUl{
  display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  flex-wrap: wrap;
  -ms-flex-wrap:wrap;
  -webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;/*--- IE10 ---*/
  -webkit-justify-content: center;/*--- safari（PC）用 ---*/
  -ms-justify-content: center;
  justify-content: center;/*--- safari（PC）用 ---*/
  -webkit-align-items:flex-start;
  align-items: flex-start;
}
#main .main-section .part .flexUl li p{
  color: rgb(215,5,7);
}
  #main .main-section .part h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 5px 0; }
    #main .main-section .part h3.mt {
      margin-top: 30px; }
    #main .main-section .part h3 strong {
      display: block; }
    #main .main-section .part h3 span {
      display: block;
      font-size: 14px;
      line-height: 1.71;
      font-weight: normal; }
      #main .main-section .part h3 span:last-child {
        margin-bottom: 10px; }
#main .main-inner .mainvision {
  padding-bottom: 0; }
  #main .main-inner .mainvision .left-part {
    float: left;
    width: 40.81632653061224%;
    padding-left: 2.040816326530612%;
    padding-right: 3.0612244898%;
    /* 30/980 */ }
  #main .main-inner .mainvision .right-part {
    float: left;
    width: 46.98%;
    /* 431/980 */
    padding-left: 4.59%;
     }
   
    #main .main-inner .mainvision .right-part .logo{
      display: table;
    }
    #main .main-inner .mainvision .right-part .logo img {
      max-width: 90px;
      border-radius: 6px; }
    #main .main-inner .mainvision .right-part .logo span{
      
      display: table-cell;
      vertical-align: middle;
    }
    #main .main-inner .mainvision .right-part .logo span.logo-txt{
      font-size: 40px;
      font-weight: bold;
      padding-left: 15px;
      letter-spacing: 1px;
      white-space: nowrap;
    }
    #main .main-inner .mainvision .right-part .sp-logo{
      display: none;
    }
    #main .main-inner .mainvision .right-part .lead {
      font-size: 18px;
      line-height: 1.4;
      
      padding-bottom: 0; }
#main .main-inner .mainvision .right-part .lead-con{
  font-size: 14px;
  line-height: 1.6;
  border:1px solid #ccc;
  padding:10px;
  margin-top:25px;
}
#main .main-inner .mainvision .right-part .lead-con a{
  text-decoration: underline;
}
#main .main-inner .mainvision .right-part .lead-con span{
  color: rgb(215,5,7);
  display: block;
}
  #main .main-inner .mainvision .description {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.8;
    padding: 0 2.040816326530612%; }
#main .main-inner .news dl {
  font-size: 14px;
  margin-top: 20px;
  padding: 0 2%; }
  #main .main-inner .news dl dt {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: 130px;
    line-height: 1.6; }
  #main .main-inner .news dl dd {
    margin: 0 0 10px 130px;
    padding: 0;
    line-height: 1.6; }
    #main .main-inner .news dl dd a {
      color: #26619e;
      text-decoration: none; }
      #main .main-inner .news dl dd a:hover {
        text-decoration: underline; }
#main .news dd .block {
  display: block; }
#main .news dd .inline-block {
  display: inline-block;
  margin-right: 12px; }
#main .news dd a.inline-block {
  background: url("/common/img/icon-cursor.png") no-repeat 0 50%;
  padding-left: 12px;
  font-weight: bold; }

#main .news .news-accordion dl{
	margin-top: 0px;
}
#main .news .more {
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
}
#main .news .more:hover {
	opacity: 0.6;
}


#main .overview .part.img-section {
  display:-webkit-box;/*--- Androidブラウザ用 ---*/
  display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex;/*--- safari（PC）用 ---*/
  display:flex;
  flex-wrap: wrap;
  -ms-flex-wrap:wrap;
  -webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
  -ms-flex-pack: justify;/*--- IE10 ---*/
  -webkit-justify-content: center;/*--- safari（PC）用 ---*/
  -ms-justify-content: center;
  justify-content: center;/*--- safari（PC）用 ---*/
  -webkit-align-items:center;
  align-items: center;
  margin-top: 25px;
  text-align: center; }
  #main .overview .part.img-section h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 20px 0;
    border-bottom: 2px solid #000;
    padding-bottom: 3px; }
  #main .overview .part.img-section figure {
    display: inline-block;
    margin: 0 20px; }
  #main .overview .part.img-section02 figure {
    display: inline-block;
    margin: 0 35px; }
    #main .overview .part.img-section figure figcaption {
      margin-top: 7px;
      font-size: 14px;
      line-height: 1.71;
      color: #000;
      font-weight: bold; }
  #main .overview .part.img-section img.width-fit {
    max-width: 260px; }
#main .overview .part.img-section img.width-fit-h {
  max-width: 530px; }
  #main .overview .part.img-section img.width-fit-z {
  max-width: 250px; }
  #main .overview .part.img-section img.width-fit-t{
    max-width: 600px;
  }
  #main .overview .part.img-section img.width-fit-w {
  max-width: 310px; }

  #main .overview .part.img-section .sp-img {
    display: none; }
#main .download ul {
  text-align: center; }
  #main .download ul li {
    display: inline-block;
    vertical-align: bottom;
    margin: 0px 30px 30px 30px; }
    #main .download ul li span {
      display: block;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 5px; }
    #main .download ul li a {
      display: block; }
      #main .download ul li a img {
        height: 56px;
        width: auto; }
#main .device ul {
  margin-top: -20px;
  margin-bottom: 30px; }
  #main .device ul li {
    display: inline-block;
    vertical-align: top;
    margin: 30px 1% 0 0;
    width: 175px;
    text-align: center; }
    #main .device ul li.last {
      margin-right: 0; }
    #main .device ul li a {
      display: block; }
      #main .device ul li a img {
        width: 114px;
        height: auto; }
    #main .device ul li span {
      display: block;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.4;
      margin-top: 10px; }

@media screen and (max-width: 640px) {
  #main {
    padding: 10px; }
    #main .main-inner .left-part, #main .main-inner .right-part {
      float: none;
      width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important; }

  #head-area ul.socialbutton {
    position: static; } 
    
  /*#main .overview .part.img-section img.width-fit-h {
  max-width: 530px; }
  #main .overview .part.img-section img.width-fit-z {
  max-width: 250px; }
  #main .overview .part.img-section img.width-fit-t{
    max-width: 660px;
  }
  #main .overview .part.img-section img.width-fit-w {
  max-width: 310px; }*/
  #main .overview .part.img-section02 img.width-fit-z {
  width:49%; }
    #main .overview .part.img-section img.width-fit-sp {
  max-width: 100%; }}
/* main-section
==============================*/
/* Mainvision
==============================*/
@media screen and (max-width: 640px) {
  #main .main-inner .right-part img {
    margin-top: 10px; }
  #main .main-inner .mainvision .left-part {
    text-align: center; }

  #main .main-inner .mainvision .right-part .logo{
      display: table;
      width:120px;
      padding-top:5px;
    }
    #main .main-inner .mainvision .right-part .logo img {
      margin-top:0;
      max-width: 36px;
      border-radius: 3px; }
    #main .main-inner .mainvision .right-part .logo span{
      display: table-cell;
      vertical-align: middle;
    }
    #main .main-inner .mainvision .right-part .logo span.logo-txt{
      width:70%;
      font-size: 12px;
      font-weight: bold;
      padding-left: 5px;
      letter-spacing: 1px;
      white-space: nowrap;
    }
  #main .main-inner .mainvision .right-part .sp-logo{
      display: table;
      width:80%;
      margin:20px auto 15px;
    }
  #main .main-inner .mainvision .right-part .sp-logo img{
    display: block;
    margin: auto;
    border-radius: 10px;
    max-width: 80px; }
  #main .main-inner .mainvision .right-part .sp-logo span{
      display: table-cell;
      vertical-align: middle;
  }
  #main .main-inner .mainvision .right-part .sp-logo span.logo-txt{
      font-size: 34px;
      font-weight: bold;
      padding-left: 10px;
      letter-spacing: 1px;
      white-space: nowrap;
    }
  #main .main-inner .mainvision .right-part .lead {
    text-align: center; }
  #main .main-inner .mainvision .description {
    font-size: 16px;
    margin-top: 25px; } }
/* news
==============================*/
@media screen and (max-width: 640px) {
  #main .main-inner .news dl dt {
    width: auto;
    float: none;
    margin: 15px 0 2px 0; }
    #main .main-inner .news dl dt:first-child {
      margin-top: 0; }
  #main .main-inner .news dl dd {
    margin-left: 0; }
  #main .news dd .sp-block {
    display: block;
    margin: 0 0 5px 0; } }
/* overview
==============================*/
@media screen and (max-width: 640px) {
  #main .overview .part.img-section {
    -webkit-justify-content: space-between;/*--- safari（PC）用 ---*/
    -ms-justify-content: space-between;
    justify-content: space-between;/*--- safari（PC）用 ---*/
    margin-top: 2%; }
    #main .overview .part.img-section .pc-img {
      display: none; }
    #main .overview .part.img-section .sp-img {
      display: block; }
    #main .overview .part.img-section figure {
      display: inline-block;
      margin: 0 auto 10px;
      width: 49%;
      box-sizing: border-box; }
      #main .overview .part.img-section02 figure,#main .overview .part.img-section03 figure {
    width:100%; }
    #main .overview .part.img-section04 figure:last-child{
      width:70%;
    }
  #main .overview .part.img-section img.width-fit-h {
    max-width: 100%; }
      #main .overview .part.img-section figure figcaption {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1; } }
/* download
==============================*/
@media screen and (max-width: 640px) {
  #main .download h2 span {
    float: none; }
  #main .download h2 em {
    display: block;
    margin: -13px 0 -3px 15px; }
  #main .download ul li {
    display: block;
    margin: 0 auto 30px auto; } }
/* device
==============================*/
@media screen and (max-width: 640px) {
  #main .device ul {
    text-align: center; }
    #main .device ul li {
      vertical-align: top;
      margin: 30px 2% 0 2%;
      width: 45%; }
      #main .device ul li a img {
        width: 100%;
        max-width: 200px; } }

/*# sourceMappingURL=style.css.map */


.privacy-wrap{
  margin-top:80px;
  border-top:1px solid #333;
  padding:40px 10px;
}

.privacy-wrap h4{
  font-size: 14px;
  color: #26619e;
  margin-bottom: 20px;
  background: url(/common/img/icon-cursor-down.png) left center no-repeat;
  padding-left: 15px;
  cursor: pointer;
}
.privacy-wrap h4.active{
  background: url(/common/img/icon-cursor-up.png) left center no-repeat;
}
.privacy-wrap .privacy-inner{
  font-size: 14px;
  line-height: 1.8;
  display: none;
}
.privacy-wrap .privacy-inner .txt strong{
  display: inline-block;
  margin-bottom: 10px;
}
.privacy-wrap .privacy-inner dl dt{
  font-weight: bold;
  margin-top:20px;
}
.privacy-wrap .privacy-inner dl dd{
  /*padding-left: 10px;*/
}