@media (min-width: 741px) {
  /* PC */
  .sp {
    display: none !important;
  }

  #main {
    width: 100%;
  }
  .breadcrumb {
    max-width: 960px;
    width: 100%;
    margin: 0 auto 20px;
  }
}

@media (max-width: 740px) {
  /* SP */
  .pc {
    display: none !important;
  }

  #main {
    padding-top: 0;
  }

  .hamburger-btn {
    display: none !important;
  }
  .sizz {
    right: 0 !important;
  }
}

@media (min-width: 741px) {
  /* PC */
  #library html, #library body, #library div, #library span, #library object, #library iframe, #library h1, #library h2, #library h3, #library h4, #library h5, #library h6, #library p, #library blockquote, #library pre, #library abbr, #library address, #library cite, #library code, #library del, #library dfn, #library em, #library img, #library ins, #library kbd, #library q, #library samp, #library small, #library strong, #library sub, #library sup, #library var, #library b, #library i, #library dl, #library dt, #library dd, #library ol, #library ul, #library li, #library fieldset, #library form, #library label, #library legend, #library table, #library caption, #library tbody, #library tfoot, #library thead, #library tr, #library th, #library td, #library article, #library aside, #library canvas, #library details, #library figcaption, #library figure, #library footer, #library header, #library hgroup, #library menu, #library nav, #library section, #library summary, #library #library time, #library mark, #library audio, #library video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /*font-size:98%;*/
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }
  #library article, #library aside, #library details, #library figcaption, #library figure, #library #library footer, #library header, #library hgroup, #library menu, #library nav, #library section {
    display: block;
  }
  #library nav ul {
    list-style: none;
  }
  #library blockquote, q {
    quotes: none;
  }
  #library blockquote:before, #library blockquote:after, #library q:before, #library q:after {
    content: '';
    content: none;
  }
  #library a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }
  /* change colours to suit your needs */
  #library ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
  }
  /* change colours to suit your needs */
  #library mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
  }
  #library del {
    text-decoration: line-through;
  }
  #library abbr[title], #library dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
  }
  #library table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  /* change border colour to suit your needs */
  #library hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
  }
  #library input, #library select {
    vertical-align: middle;
  }
  #library input, #library textarea {
    margin: 0;
    padding: 0;
  }
  #library ol, #library ul {
    list-style: none;
  }
  #library caption, #library th {
    text-align: left;
  }
  #library a:focus {
    outline: none;
  }
  #library .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  #library .clearfix {
    min-height: 1px;
  }
  #library .clearfix {
    height: 1px;
    /*¥*/
    /*/
  height: auto;
  overflow: hidden;
  /**/
  }
  #library .both {
    clear: both;
  }
  #library .inline_block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
  #library img {
    max-width: 100%;
    height: auto !important;
  }
  #library table {
    width: 100%;
  }
  #library a, #library a:hover, #library a img {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  #library a img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";
    /* ie 8 */
    -moz-opacity: 0.7;
    /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;
    /* Safari 1.x */
  }
  /*Firefoxだけに適用されるCSSハック*/
  @-moz-document url-prefix() {
    #library a img:hover {
      opacity: 0.8;
    }
  }
  /*IE10以降に適用されるCSSハック（一応）*/
  @media all and (-ms-high-contrast: none) {
    #library a img:hover {
      opacity: 0.7;
      filter: alpha(opacity=70);
      /* ie lt 8 */
      -ms-filter: "alpha(opacity=70)";
      /* ie 8 */
      -moz-opacity: 0.7;
      /* FF lt 1.5, Netscape */
      -khtml-opacity: 0.7;
      /* Safari 1.x */
    }
  }
  /*IE11だけに適用されるCSSハック*/
  @media all and (-ms-high-contrast: none) {
    #library *::-ms-backdrop, #library a img:hover {
      opacity: 0.7;
      filter: alpha(opacity=70);
      /* ie lt 8 */
      -ms-filter: "alpha(opacity=70)";
      /* ie 8 */
      -moz-opacity: 0.7;
      /* FF lt 1.5, Netscape */
      -khtml-opacity: 0.7;
      /* Safari 1.x */
    }
  }
  /* ---------------------------
  util
  --------------------------- */
  /* logtag */
  #library #logtag {
    display: none;
  }
  /* clearfix */
  #library .clearfix {
    zoom: 1;
  }
  #library .clearfix:after {
    content: '';
    display: block;
    clear: both;
  }
  /**
  * force float-left
  */
  #library .fl {
    float: left !important;
  }
  /**
  * force float-right
  */
  #library .fr {
    float: right !important;
  }
  /**
  * force clear-both
  */
  #library .clear {
    clear: both !important;
  }
  /* position */
  #library .relative {
    position: relative;
  }
  #library .absolute {
    position: absolute;
  }
  /* text-align */
  /**
  * force align-left
  */
  #library .al {
    text-align: left !important;
  }
  /**
  * force align-right
  */
  #library .ar {
    text-align: right !important;
  }
  /**
  * force align-center
  */
  #library .ac {
    text-align: center !important;
  }
  /* bold */
  #library .bold, #library strong {
    font-weight: bold;
  }
  /* caption */
  #library .caption {
    font-size: 11px;
  }
  /* margin-padding */
  /**
  * force margin-top XXpx
  */
  #library .mt00 {
    margin-top: 0px !important;
  }
  #library .mt05 {
    margin-top: 5px !important;
  }
  #library .mt10 {
    margin-top: 10px !important;
  }
  #library .mt15 {
    margin-top: 15px !important;
  }
  #library .mt20 {
    margin-top: 20px !important;
  }
  #library .mt25 {
    margin-top: 25px !important;
  }
  #library .mt30 {
    margin-top: 30px !important;
  }
  #library .mt35 {
    margin-top: 35px !important;
  }
  #library .mt40 {
    margin-top: 40px !important;
  }
  #library .mt45 {
    margin-top: 45px !important;
  }
  #library .mt50 {
    margin-top: 50px !important;
  }
  #library .mt55 {
    margin-top: 55px !important;
  }
  #library .mt60 {
    margin-top: 60px !important;
  }
  #library .mt65 {
    margin-top: 65px !important;
  }
  #library .mt70 {
    margin-top: 70px !important;
  }
  #library .mt75 {
    margin-top: 75px !important;
  }
  #library .mt80 {
    margin-top: 80px !important;
  }
  #library .mt85 {
    margin-top: 85px !important;
  }
  #library .mt90 {
    margin-top: 90px !important;
  }
  #library .mt95 {
    margin-top: 95px !important;
  }
  #library .mt100 {
    margin-top: 100px !important;
  }
  /**
  * force margin-right XXpx
  */
  #library .mr00 {
    margin-right: 0px !important;
  }
  #library .mr05 {
    margin-right: 5px !important;
  }
  #library .mr10 {
    margin-right: 10px !important;
  }
  #library .mr15 {
    margin-right: 15px !important;
  }
  #library .mr20 {
    margin-right: 20px !important;
  }
  #library .mr25 {
    margin-right: 25px !important;
  }
  #library .mr30 {
    margin-right: 30px !important;
  }
  #library .mr35 {
    margin-right: 35px !important;
  }
  #library .mr40 {
    margin-right: 40px !important;
  }
  #library .mr45 {
    margin-right: 45px !important;
  }
  #library .mr50 {
    margin-right: 50px !important;
  }
  #library .mr55 {
    margin-right: 55px !important;
  }
  #library .mr60 {
    margin-right: 60px !important;
  }
  #library .mr65 {
    margin-right: 65px !important;
  }
  #library .mr70 {
    margin-right: 70px !important;
  }
  #library .mr75 {
    margin-right: 75px !important;
  }
  #library .mr80 {
    margin-right: 80px !important;
  }
  #library .mr85 {
    margin-right: 85px !important;
  }
  #library .mr90 {
    margin-right: 90px !important;
  }
  #library .mr95 {
    margin-right: 95px !important;
  }
  #library .mr100 {
    margin-right: 100px !important;
  }
  /**
  * force margin-bottom XXpx
  */
  #library .mb00 {
    margin-bottom: 0px !important;
  }
  #library .mb05 {
    margin-bottom: 5px !important;
  }
  #library .mb10 {
    margin-bottom: 10px !important;
  }
  #library .mb15 {
    margin-bottom: 15px !important;
  }
  #library .mb20 {
    margin-bottom: 20px !important;
  }
  #library .mb25 {
    margin-bottom: 25px !important;
  }
  #library .mb30 {
    margin-bottom: 30px !important;
  }
  #library .mb35 {
    margin-bottom: 35px !important;
  }
  #library .mb40 {
    margin-bottom: 40px !important;
  }
  #library .mb45 {
    margin-bottom: 45px !important;
  }
  #library .mb50 {
    margin-bottom: 50px !important;
  }
  #library .mb55 {
    margin-bottom: 55px !important;
  }
  #library .mb60 {
    margin-bottom: 60px !important;
  }
  #library .mb65 {
    margin-bottom: 65px !important;
  }
  #library .mb70 {
    margin-bottom: 70px !important;
  }
  #library .mb75 {
    margin-bottom: 75px !important;
  }
  #library .mb80 {
    margin-bottom: 80px !important;
  }
  #library .mb85 {
    margin-bottom: 85px !important;
  }
  #library .mb90 {
    margin-bottom: 90px !important;
  }
  #library .mb95 {
    margin-bottom: 95px !important;
  }
  #library .mb100 {
    margin-bottom: 100px !important;
  }
  /**
  * force margin-left XXpx
  */
  #library .ml00 {
    margin-left: 0px !important;
  }
  #library .ml05 {
    margin-left: 5px !important;
  }
  #library .ml10 {
    margin-left: 10px !important;
  }
  #library .ml15 {
    margin-left: 15px !important;
  }
  #library .ml20 {
    margin-left: 20px !important;
  }
  #library .ml25 {
    margin-left: 25px !important;
  }
  #library .ml30 {
    margin-left: 30px !important;
  }
  #library .ml35 {
    margin-left: 35px !important;
  }
  #library .ml40 {
    margin-left: 40px !important;
  }
  #library .ml45 {
    margin-left: 45px !important;
  }
  #library .ml50 {
    margin-left: 50px !important;
  }
  #library .ml55 {
    margin-left: 55px !important;
  }
  #library .ml60 {
    margin-left: 60px !important;
  }
  #library .ml65 {
    margin-left: 65px !important;
  }
  #library .ml70 {
    margin-left: 70px !important;
  }
  #library .ml75 {
    margin-left: 75px !important;
  }
  #library .ml80 {
    margin-left: 80px !important;
  }
  #library .ml85 {
    margin-left: 85px !important;
  }
  #library .ml90 {
    margin-left: 90px !important;
  }
  #library .ml95 {
    margin-left: 95px !important;
  }
  #library .ml100 {
    margin-left: 100px !important;
  }
  /**
  * force padding-top XXpx
  */
  #library .pt00 {
    padding-top: 0px !important;
  }
  #library .pt05 {
    padding-top: 5px !important;
  }
  #library .pt10 {
    padding-top: 10px !important;
  }
  #library .pt15 {
    padding-top: 15px !important;
  }
  #library .pt20 {
    padding-top: 20px !important;
  }
  #library .pt25 {
    padding-top: 25px !important;
  }
  #library .pt30 {
    padding-top: 30px !important;
  }
  #library .pt35 {
    padding-top: 35px !important;
  }
  #library .pt40 {
    padding-top: 40px !important;
  }
  #library .pt45 {
    padding-top: 45px !important;
  }
  #library .pt50 {
    padding-top: 50px !important;
  }
  #library .pt55 {
    padding-top: 55px !important;
  }
  #library .pt60 {
    padding-top: 60px !important;
  }
  #library .pt65 {
    padding-top: 65px !important;
  }
  #library .pt70 {
    padding-top: 70px !important;
  }
  #library .pt75 {
    padding-top: 75px !important;
  }
  #library .pt80 {
    padding-top: 80px !important;
  }
  #library .pt85 {
    padding-top: 85px !important;
  }
  #library .pt90 {
    padding-top: 90px !important;
  }
  #library .pt95 {
    padding-top: 95px !important;
  }
  #library .pt100 {
    padding-top: 100px !important;
  }
  /**
  * force padding-right XXpx
  */
  #library .pr00 {
    padding-right: 0px !important;
  }
  #library .pr05 {
    padding-right: 5px !important;
  }
  #library .pr10 {
    padding-right: 10px !important;
  }
  #library .pr15 {
    padding-right: 15px !important;
  }
  #library .pr20 {
    padding-right: 20px !important;
  }
  #library .pr25 {
    padding-right: 25px !important;
  }
  #library .pr30 {
    padding-right: 30px !important;
  }
  #library .pr35 {
    padding-right: 35px !important;
  }
  #library .pr40 {
    padding-right: 40px !important;
  }
  #library .pr45 {
    padding-right: 45px !important;
  }
  #library .pr50 {
    padding-right: 50px !important;
  }
  #library .pr55 {
    padding-right: 55px !important;
  }
  #library .pr60 {
    padding-right: 60px !important;
  }
  #library .pr65 {
    padding-right: 65px !important;
  }
  #library .pr70 {
    padding-right: 70px !important;
  }
  #library .pr75 {
    padding-right: 75px !important;
  }
  #library .pr80 {
    padding-right: 80px !important;
  }
  #library .pr85 {
    padding-right: 85px !important;
  }
  #library .pr90 {
    padding-right: 90px !important;
  }
  #library .pr95 {
    padding-right: 95px !important;
  }
  #library .pr100 {
    padding-right: 100px !important;
  }
  /**
  * force padding-bottom XXpx
  */
  #library .pb00 {
    padding-bottom: 0px !important;
  }
  #library .pb05 {
    padding-bottom: 5px !important;
  }
  #library .pb10 {
    padding-bottom: 10px !important;
  }
  #library .pb15 {
    padding-bottom: 15px !important;
  }
  #library .pb20 {
    padding-bottom: 20px !important;
  }
  #library .pb25 {
    padding-bottom: 25px !important;
  }
  #library .pb30 {
    padding-bottom: 30px !important;
  }
  #library .pb35 {
    padding-bottom: 35px !important;
  }
  #library .pb40 {
    padding-bottom: 40px !important;
  }
  #library .pb45 {
    padding-bottom: 45px !important;
  }
  #library .pb50 {
    padding-bottom: 50px !important;
  }
  #library .pb55 {
    padding-bottom: 55px !important;
  }
  #library .pb60 {
    padding-bottom: 60px !important;
  }
  #library .pb65 {
    padding-bottom: 65px !important;
  }
  #library .pb70 {
    padding-bottom: 70px !important;
  }
  #library .pb75 {
    padding-bottom: 75px !important;
  }
  #library .pb80 {
    padding-bottom: 80px !important;
  }
  #library .pb85 {
    padding-bottom: 85px !important;
  }
  #library .pb90 {
    padding-bottom: 90px !important;
  }
  #library .pb95 {
    padding-bottom: 95px !important;
  }
  #library .pb100 {
    padding-bottom: 100px !important;
  }
  /**
  * force padding-left XXpx
  */
  #library .pl00 {
    padding-left: 0px !important;
  }
  #library .pl05 {
    padding-left: 5px !important;
  }
  #library .pl10 {
    padding-left: 10px !important;
  }
  #library .pl15 {
    padding-left: 15px !important;
  }
  #library .pl20 {
    padding-left: 20px !important;
  }
  #library .pl25 {
    padding-left: 25px !important;
  }
  #library .pl30 {
    padding-left: 30px !important;
  }
  #library .pl35 {
    padding-left: 35px !important;
  }
  #library .pl40 {
    padding-left: 40px !important;
  }
  #library .pl45 {
    padding-left: 45px !important;
  }
  #library .pl50 {
    padding-left: 50px !important;
  }
  #library .pl55 {
    padding-left: 55px !important;
  }
  #library .pl60 {
    padding-left: 60px !important;
  }
  #library .pl65 {
    padding-left: 65px !important;
  }
  #library .pl70 {
    padding-left: 70px !important;
  }
  #library .pl75 {
    padding-left: 75px !important;
  }
  #library .pl80 {
    padding-left: 80px !important;
  }
  #library .pl85 {
    padding-left: 85px !important;
  }
  #library .pl90 {
    padding-left: 90px !important;
  }
  #library .pl95 {
    padding-left: 95px !important;
  }
  #library .pl100 {
    padding-left: 100px !important;
  }
  /**align**/
  #library .alignCenter {
    text-align: center;
  }
  /* img */
  #library img {
    vertical-align: bottom;
  }
  #library * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #library *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #library html {
    height: 100%;
    min-width: 1024px;
  }
  #library body {
    color: #333333;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    line-height: 1.4;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-rendering: optimizelegibility;
    background: url(../images/side_bg.png) fixed;
  }
  #library input, #library button, #library select, #library textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  #library ::selection, ::-moz-selection {
    color: #fff;
    background-color: #eee;
  }
  #library iframe {
    border: none;
  }
  #library .container {
    width: 1024px;
    margin: 0 auto;
  }
  #library a {
    color: #0068db;
    font-weight: inherit;
    text-decoration: none;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  #library a:hover {
    color: #40a2f2;
    text-decoration: underline;
  }
  #library a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  #library a img {
    -moz-transition: opacity 0.2s 0;
    -o-transition: opacity 0.2s 0;
    -webkit-transition: opacity 0.2s 0;
    transition: opacity 0.2s 0;
  }
  #library a img:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  #library img {
    display: block;
    max-width: 100%;
  }
  #library .clearfix {
    *zoom: 1;
  }
  #library .clearfix:before, .clearfix:after {
    content: " ";
    display: table;
  }
  #library .clearfix:after {
    clear: both;
  }
  #library sup {
    vertical-align: super;
    font-size: 72%;
  }
  /**********************************************共通ヘッダフッタのリサイズ**/
  #library #benesse-header .benesse-header__inner, #library #benesse-footer .benesse-footer__inner {
    max-width: 1024px !important;
  }
  /**********************************************ナビ**/
  #library .ml-nav {
    position: absolute;
    top: 228px;
    left: 0;
    width: 100%;
    min-width: 1048px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .04);
    z-index: 100;
  }
  #library .ml-nav.fixed {
    position: fixed;
    top: 0;
  }
  #library .ml-nav-inner {
    width: 944px;
    height: 56px;
    overflow: hidden;
    margin: 0 auto;
  }
  #library .ml-nav p {
    float: left;
    padding: 16px 0 0;
  }
  #library .ml-nav ul {
    float: right;
  }
  #library .ml-nav li {
    position: relative;
    float: left;
    margin: 0 40px 0 0;
    padding: 21px 0 0;
  }
  #library .ml-nav li:last-child {
    margin: 0;
  }
  #library .ml-nav li img:last-child {
    position: absolute;
    top: 21px;
    left: 0;
    opacity: 0;
  }
  /**********************************************ヘッダー**/
  #library .ml-header {
    /* background: url(../images/header_bg.jpg) no-repeat 50% 50%; */
    background: url(../images/header_bg.png) no-repeat 50% 50%;
    background-size: cover;
  }
  #library .ml-header h1 {
    padding: 165px 0 110px;
  }
  #library .ml-header h1 img {
    margin: 0 auto;
  }
  #library .ml-header-inner {
    background: rgba(255, 255, 255, .9);
  }
  #library .ml-header ul {
    position: relative;
    top: -56px;
    width: 810px;
    overflow: hidden;
    margin: 0 auto;
  }
  #library .ml-header li {
    float: left;
    width: 388px;
  }
  #library .ml-header li:nth-of-type(2) {
    float: right;
  }
  #library .ml-header li:nth-of-type(3) {
    width: 100%;
    margin-top: 20px;
  }
  #library .ml-header li a {
    display: block;
    height: 112px;
    padding: 30px 0 0;
    border-radius: 4px;
    text-align: center;
    background: url(../images/icon_arrow_01.png) no-repeat 348px 50%;
    box-sizing: border-box;
  }
  #library .ml-header li:first-child a {
    background-color: #2942a6;
  }
  #library .ml-header li:first-child a:hover {
    background-color: #192e84;
  }
  #library .ml-header li:nth-of-type(2) a {
    background-color: #dd7b24;
    padding-top: 20px;
  }
  #library .ml-header li:nth-of-type(2) a:hover {
    background-color: #d66603;
  }
  #library .ml-header li:nth-of-type(3) a {
    padding-top: 20px;
    height: 64px;
    background-image: url(../images/icon_arrow_01.png);
    background-position-x: 98%;
    background-color: #8f95ac;
  }
  #library .ml-header li:nth-of-type(3) a:hover {
    background-color: #6f799c;
  }
  #library .ml-header li a img {
    margin: 0 auto;
  }
  #library .ml-header li a:hover img, #library .ml-header li a img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    /* ie lt 8 */
    -ms-filter: "alpha(opacity=100)";
    /* ie 8 */
    -moz-opacity: 1;
    /* FF lt 1.5, Netscape */
    -khtml-opacity: 1;
    /* Safari 1.x */
  }
  /**********************************************outLine**/
  #library #wrapper {
    background: url(../images/main_bg.jpg) no-repeat 50% 50% fixed;
    background-size: cover;
    overflow: hidden;
  }
  /**********************************************UsefulStyle**/
  /* bnr-area */
  #library .ml-bnr{
    margin: auto;
    text-align: center;
  }
  #library .ml-bnr-area{
    display: inline-block;
  }
  #library .ml-bnr-img{
    width: 940px;
  }
  #library .ml-txtlink-wrap{
    text-align: right;
    width: 940px;
    margin: auto;
    margin-bottom:65px;
  }
  #library .ml-txtlink{
    display: inline-block;
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
  }
  #library .ml-bnr h2 img{
    margin: auto;
    display: inline-block;
    margin-bottom: 35px;
  }
  #library .ml-bnr-list{
    margin: auto;
    width: 940px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #library .ml-bnr-item{
    width: 300px;
    margin-bottom: 20px;
  }
  #library .ml-features {
    padding: 90px 0 60px;
  }
  #library .ml-features h2 {
    margin: 0 0 50px;
  }
  #library .ml-features h2 img {
    margin: 0 auto;
  }
  #library .ml-features-box-01, #library .ml-features-box-02 {
    width: 944px;
    overflow: hidden;
    margin: 0 auto 15px;
    padding: 55px 70px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .85);
  }
  #library .ml-features-box-03 {
    width: 944px;
    overflow: hidden;
    margin: 0 auto 15px;
    padding: 55px 40px 25px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .85);
  }
  .ml-features-box-01 h3, .ml-features-box-02 h3, #library .ml-features-box-03 h3 {
    margin: 0 0 35px;
  }
  .ml-features-box-01 h3 img, .ml-features-box-02 h3 img, #library .ml-features-box-03 h3 img {
    margin: 0 auto;
  }
  #library .ml-features-box-01 figure {
    float: left;
  }
  #library .ml-features-box-02 figure {
    float: right;
  }
  #library .ml-features-box-01 p {
    float: right;
    width: 420px;
    line-height: 1.8;
    padding: 20px 0 0;
    font-size: 18px;
  }
  #library .ml-features-box-02 p {
    float: left;
    width: 420px;
    line-height: 1.8;
    padding: 20px 0 0;
    font-size: 18px;
  }
  #library .ml-features-box-03 p {
    line-height: 1.8;
    margin: 0 0 40px;
    font-size: 18px;
    text-align: center;
  }
  #library .ml-features-box-03 ul {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #library .ml-features-box-03 li {
    margin: 0 28px 30px 0;
  }
  #library .ml-features-box-03 li:nth-child(6n) {
    margin-right: 0;
  }
  #library .ml-features-box-03 li img {
    margin: 0 auto;
  }
  #library .ml-features-notes {
    width: 944px;
    margin: 0 auto;
    color: #fff;
    font-size: 12px;
  }
  #library .ml-function {
    padding: 100px 0 90px;
    background: rgba(0, 141, 207, .85);
  }
  #library .ml-function h2 {
    margin: 0 0 60px;
  }
  #library .ml-function h2 img {
    margin: 0 auto;
  }
  #library .ml-function ul {
    width: 944px;
    overflow: hidden;
    margin: 0 auto;
  }
  #library .ml-function li {
    float: left;
    width: 288px;
    margin: 0 40px 0 0;
    color: #fff;
  }
  #library .ml-function li:last-child {
    margin: 0;
  }
  #library .ml-function li figure {
    margin: 0 0 30px;
  }
  #library .ml-function li figure img {
    margin: 0 auto;
  }
  #library .ml-function li dt {
    line-height: 1.5;
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }
  #library .ml-function li dd {
    line-height: 1.8;
  }
  #library .ml-read,
  #library .ml-bnr {
    padding: 100px 0 90px;
    background: rgba(73, 56, 37, .85);
  }
  #library .ml-read h2 {
    margin: 0 0 60px;
  }
  #library .ml-read h2 img {
    margin: 0 auto;
  }
  #library .ml-read ul {
    width: 944px;
    overflow: hidden;
    margin: 0 auto;
  }
  #library .ml-read li {
    float: left;
    width: 288px;
    overflow: hidden;
    margin: 0 40px 40px 0;
    color: #fff;
  }
  #library .ml-read-bnr {
    width: 940px;
    margin: auto;
    display: block;
    margin-top: 70px;
  }
  #library .ml-read-bnr .ml-read-bnrimg {
    width: 940px;
  }
  #library .ml-read li:nth-child(3n) {
    margin-right: 0;
  }
  #library .ml-read li:nth-child(3n+1) {
    clear: both;
  }
  #library .ml-read li figure {
    float: left;
  }
  #library .ml-read li p {
    margin: 0 0 0 140px;
  }
  #library .ml-read li p:nth-child(2) {
    margin-bottom: 10px;
    font-size: 12px;
  }
  #library .ml-read li p:nth-child(3) {
    margin-bottom: 15px;
    font-weight: bold;
  }
  #library .ml-read li p:nth-child(4) {
    font-size: 12px;
  }
  #library .ml-read-notes {
    width: 944px;
    margin: 0 auto;
    color: #fff;
    font-size: 12px;
  }
  #library .ml-device {
    padding: 100px 0 90px;
    background: rgba(234, 230, 222, .85);
  }
  #library .ml-device h2 {
    margin: 0 0 80px;
  }
  #library .ml-device h2 img {
    margin: 0 auto;
  }
  #library .ml-device ul {
    width: 944px;
    overflow: hidden;
    margin: 0 auto 40px;
  }
  #library .ml-device li {
    float: left;
    width: 160px;
    margin: 0 97px 0 0;
  }
  #library .ml-device li:last-child {
    margin: 0;
  }
  #library .ml-device li img {
    margin: 0 auto;
  }
  #library .ml-device>dl {
    display: table;
    width: 944px;
    margin: 0 auto;
    border-top: 1px solid #8f8882;
    border-bottom: 1px solid #8f8882;
  }
  #library .ml-device>dl>dt {
    display: table-cell;
    width: 205px;
    vertical-align: middle;
  }
  #library .ml-device>dl>dt img {
    margin: 0 auto;
  }
  #library .ml-device>dl>dd {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.8;
    padding: 30px 0;
  }
  #library .ml-device>dl>dd dl {
    margin: 0 0 15px;
  }
  #library .ml-device>dl>dd dt {
    float: left;
  }
  #library .ml-device>dl>dd dd {
    margin: 0 0 0 100px;
  }
  #library .ml-device>dl>dd p {
    margin: 0 0 0 1em;
    font-size: 12px;
    text-indent: -1em;
  }
  #library .ml-experiences {
    padding: 100px 0 80px;
    background: rgba(73, 56, 37, .85);
  }
  #library .ml-experiences h2 {
    margin: 0 0 60px;
  }
  #library .ml-experiences h2 img {
    margin: 0 auto;
  }
  #library .ml-experiences-inner {
    width: 944px;
    overflow: hidden;
    margin: 0 auto;
  }
  #library .ml-experiences ul {
    float: left;
    width: 452px;
  }
  #library .ml-experiences ul:last-child {
    float: right;
  }
  #library .ml-experiences li {
    margin: 0 0 20px;
    padding: 0 0 30px;
  }
  #library .ml-experiences li p:first-child {
    line-height: 1.8;
    padding: 25px 30px 15px;
    font-size: 16px;
    font-style: italic;
  }
  #library .ml-experiences li p:last-child {
    padding: 0 30px 5px;
    text-align: right;
  }
  #library .ml-experiences-boy {
    color: #abd3d5;
    background: url(../images/experiences_frame_01.png) no-repeat 0 100%;
  }
  #library .ml-experiences-girl {
    color: #e6bdc0;
    background: url(../images/experiences_frame_02.png) no-repeat 0 100%;
  }
  #library .ml-experiences-boy p:first-child {
    border: 2px solid rgba(193, 248, 255, .5);
    border-bottom: none;
    border-radius: 15px 15px 0 0;
  }
  #library .ml-experiences-boy p:last-child {
    border-right: 2px solid rgba(193, 248, 255, .5);
    border-left: 2px solid rgba(193, 248, 255, .5);
  }
  #library .ml-experiences-girl p:first-child {
    border: 2px solid rgba(254, 214, 221, .5);
    border-bottom: none;
    border-radius: 15px 15px 0 0;
  }
  #library .ml-experiences-girl p:last-child {
    border-right: 2px solid rgba(254, 214, 221, .5);
    border-left: 2px solid rgba(254, 214, 221, .5);
  }
  #library .ml-faq {
    padding: 100px 0 50px;
    background: rgba(255, 255, 255, .8);
  }
  #library .ml-faq h2 {
    margin: 0 0 80px;
  }
  #library .ml-faq h2 img {
    margin: 0 auto;
  }
  #library .ml-faq-inner {
    width: 944px;
    overflow: hidden;
    margin: 0 auto;
  }
  #library .ml-faq dl {
    float: left;
    width: 432px;
    margin: 0 0 40px;
  }
  #library .ml-faq dl:nth-child(2n) {
    float: right;
  }
  #library .ml-faq dl:nth-child(2n+1) {
    clear: both;
  }
  #library .ml-faq dt {
    margin: 0 0 20px;
    padding: 0 0 0 80px;
    color: #008dcf;
    font-size: 20px;
    font-weight: bold;
    background: url(../images/faq_icon_q.png) no-repeat 0 3px;
  }
  #library .ml-faq dd {
    line-height: 1.8;
    padding: 0 0 0 80px;
  }

  /* 200310 */
  #library .ml-header .rinji-riyou-list {
    position: relative;
    top: 0;
  }
  #library .ml-header-btnarea--lead {
    text-align: center;
    margin: auto auto 30px;
    font-size: 16px;
    font-weight: bold;
    color: #444444;
  }
  #library .ml-headear-btnarea2 {
    padding: 0 0 40px;
  }
  #library .ml-header li.rinji-riyou-list--list {
    float: none;
    margin: auto;
  }
  #library .ml-header .rinji-riyou-list--list .rinji-riyou-list--link {
    background-color: #2942a6;
    width: 388px;
    height: 70px;
    padding: 0;
    display: flex;
    align-items: center;
  }
  #library .ml-header .rinji-riyou-list--list .rinji-riyou-list--link:hover {
    background-color: #192e84;
  }
  #library .rinji-riyou-list--link>img {
    width: 180px;
  }

  #library .ml-features-box-ttl {
    margin-bottom: 20px;
  }
  #library .ml-features-box-ttl img {
    margin: 0 auto;
  }
}

@media (max-width: 740px) {
  /* SP */
  #library html, #library body, div, #library span, object, #library iframe, h1, #library h2, h3, #library h4, h5, #library h6, p, #library blockquote, pre, abbr, #library address, cite, #library code, del, #library dfn, em, #library img, ins, #library kbd, q, #library samp, small, #library strong, sub, #library sup, var, b, #library i, dl, #library dt, dd, #library ol, ul, #library li, fieldset, #library form, label, #library legend, table, #library caption, tbody, #library tfoot, thead, #library tr, th, #library td, article, #library aside, canvas, #library details, figcaption, #library figure, footer, #library header, hgroup, #library menu, nav, #library section, summary, #library time, #library mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /*font-size:98%;*/
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }
  #library body {
    line-height: 1;
  }
  #library article, #library aside, details, #library figcaption, figure, #library footer, #library header, hgroup, #library menu, nav, section {
    display: block;
  }
  #library nav ul {
    list-style: none;
  }
  #library blockquote, q {
    quotes: none;
  }
  #library blockquote:before, #library blockquote:after, #library q:before, q:after {
    content: '';
    content: none;
  }
  #library a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }
  /* change colours to suit your needs */
  #library ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
  }
  /* change colours to suit your needs */
  #library mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
  }
  #library del {
    text-decoration: line-through;
  }
  #library abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
  }
  #library table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  /* change border colour to suit your needs */
  #library hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
  }
  #library input, select {
    vertical-align: middle;
  }
  #library html {
    overflow-y: scroll;
  }
  #library input, textarea {
    margin: 0;
    padding: 0;
  }
  #library ol, ul {
    list-style: none;
  }
  #library caption, th {
    text-align: left;
  }
  #library a:focus {
    outline: none;
  }
  #library .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  #library .clearfix {
    min-height: 1px;
  }
  #library * html .clearfix {
    height: 1px;
    /*¥*/
    /*/
height: auto;
overflow: hidden;
/**/
  }
  #library .both {
    clear: both;
  }
  #library .inline_block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
  #library img {
    max-width: 100%;
    height: auto !important;
  }
  #library table {
    width: 100%;
  }
  #library a, #library a:hover, a img {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  #library a img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";
    /* ie 8 */
    -moz-opacity: 0.7;
    /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;
    /* Safari 1.x */
  }
  /* ---------------------------
    util
--------------------------- */
  /* logtag */
  #library #logtag {
    display: none;
  }
  /* clearfix */
  #library .clearfix {
    zoom: 1;
  }
  #library .clearfix:after {
    content: '';
    display: block;
    clear: both;
  }
  /**
   * force float-left
   */
  #library .fl {
    float: left !important;
  }
  /**
   * force float-right
   */
  #library .fr {
    float: right !important;
  }
  /**
   * force clear-both
   */
  #library .clear {
    clear: both !important;
  }
  /* position */
  #library .relative {
    position: relative;
  }
  #library .absolute {
    position: absolute;
  }
  /* text-align */
  /**
* force align-left
*/
  #library .al {
    text-align: left !important;
  }
  /**
* force align-right
*/
  #library .ar {
    text-align: right !important;
  }
  /**
* force align-center
*/
  #library .ac {
    text-align: center !important;
  }
  /* bold */
  #library .bold, strong {
    font-weight: bold;
  }
  /* caption */
  #library .caption {
    font-size: 11px;
  }
  /* margin-padding */
  /**
* force margin-top XXpx
*/
  #library .mt00 {
    margin-top: 0px !important;
  }
  #library .mt05 {
    margin-top: 5px !important;
  }
  #library .mt10 {
    margin-top: 10px !important;
  }
  #library .mt15 {
    margin-top: 15px !important;
  }
  #library .mt20 {
    margin-top: 20px !important;
  }
  #library .mt25 {
    margin-top: 25px !important;
  }
  #library .mt30 {
    margin-top: 30px !important;
  }
  #library .mt35 {
    margin-top: 35px !important;
  }
  #library .mt40 {
    margin-top: 40px !important;
  }
  #library .mt45 {
    margin-top: 45px !important;
  }
  #library .mt50 {
    margin-top: 50px !important;
  }
  #library .mt55 {
    margin-top: 55px !important;
  }
  #library .mt60 {
    margin-top: 60px !important;
  }
  #library .mt65 {
    margin-top: 65px !important;
  }
  #library .mt70 {
    margin-top: 70px !important;
  }
  #library .mt75 {
    margin-top: 75px !important;
  }
  #library .mt80 {
    margin-top: 80px !important;
  }
  #library .mt85 {
    margin-top: 85px !important;
  }
  #library .mt90 {
    margin-top: 90px !important;
  }
  #library .mt95 {
    margin-top: 95px !important;
  }
  #library .mt100 {
    margin-top: 100px !important;
  }
  /**
* force margin-right XXpx
*/
  #library .mr00 {
    margin-right: 0px !important;
  }
  #library .mr05 {
    margin-right: 5px !important;
  }
  #library .mr10 {
    margin-right: 10px !important;
  }
  #library .mr15 {
    margin-right: 15px !important;
  }
  #library .mr20 {
    margin-right: 20px !important;
  }
  #library .mr25 {
    margin-right: 25px !important;
  }
  #library .mr30 {
    margin-right: 30px !important;
  }
  #library .mr35 {
    margin-right: 35px !important;
  }
  #library .mr40 {
    margin-right: 40px !important;
  }
  #library .mr45 {
    margin-right: 45px !important;
  }
  #library .mr50 {
    margin-right: 50px !important;
  }
  #library .mr55 {
    margin-right: 55px !important;
  }
  #library .mr60 {
    margin-right: 60px !important;
  }
  #library .mr65 {
    margin-right: 65px !important;
  }
  #library .mr70 {
    margin-right: 70px !important;
  }
  #library .mr75 {
    margin-right: 75px !important;
  }
  #library .mr80 {
    margin-right: 80px !important;
  }
  #library .mr85 {
    margin-right: 85px !important;
  }
  #library .mr90 {
    margin-right: 90px !important;
  }
  #library .mr95 {
    margin-right: 95px !important;
  }
  #library .mr100 {
    margin-right: 100px !important;
  }
  /**
* force margin-bottom XXpx
*/
  #library .mb00 {
    margin-bottom: 0px !important;
  }
  #library .mb05 {
    margin-bottom: 5px !important;
  }
  #library .mb10 {
    margin-bottom: 10px !important;
  }
  #library .mb15 {
    margin-bottom: 15px !important;
  }
  #library .mb20 {
    margin-bottom: 20px !important;
  }
  #library .mb25 {
    margin-bottom: 25px !important;
  }
  #library .mb30 {
    margin-bottom: 30px !important;
  }
  #library .mb35 {
    margin-bottom: 35px !important;
  }
  #library .mb40 {
    margin-bottom: 40px !important;
  }
  #library .mb45 {
    margin-bottom: 45px !important;
  }
  #library .mb50 {
    margin-bottom: 50px !important;
  }
  #library .mb55 {
    margin-bottom: 55px !important;
  }
  #library .mb60 {
    margin-bottom: 60px !important;
  }
  #library .mb65 {
    margin-bottom: 65px !important;
  }
  #library .mb70 {
    margin-bottom: 70px !important;
  }
  #library .mb75 {
    margin-bottom: 75px !important;
  }
  #library .mb80 {
    margin-bottom: 80px !important;
  }
  #library .mb85 {
    margin-bottom: 85px !important;
  }
  #library .mb90 {
    margin-bottom: 90px !important;
  }
  #library .mb95 {
    margin-bottom: 95px !important;
  }
  #library .mb100 {
    margin-bottom: 100px !important;
  }
  /**
* force margin-left XXpx
*/
  #library .ml00 {
    margin-left: 0px !important;
  }
  #library .ml05 {
    margin-left: 5px !important;
  }
  #library .ml10 {
    margin-left: 10px !important;
  }
  #library .ml15 {
    margin-left: 15px !important;
  }
  #library .ml20 {
    margin-left: 20px !important;
  }
  #library .ml25 {
    margin-left: 25px !important;
  }
  #library .ml30 {
    margin-left: 30px !important;
  }
  #library .ml35 {
    margin-left: 35px !important;
  }
  #library .ml40 {
    margin-left: 40px !important;
  }
  #library .ml45 {
    margin-left: 45px !important;
  }
  #library .ml50 {
    margin-left: 50px !important;
  }
  #library .ml55 {
    margin-left: 55px !important;
  }
  #library .ml60 {
    margin-left: 60px !important;
  }
  #library .ml65 {
    margin-left: 65px !important;
  }
  #library .ml70 {
    margin-left: 70px !important;
  }
  #library .ml75 {
    margin-left: 75px !important;
  }
  #library .ml80 {
    margin-left: 80px !important;
  }
  #library .ml85 {
    margin-left: 85px !important;
  }
  #library .ml90 {
    margin-left: 90px !important;
  }
  #library .ml95 {
    margin-left: 95px !important;
  }
  #library .ml100 {
    margin-left: 100px !important;
  }
  /**
* force padding-top XXpx
*/
  #library .pt00 {
    padding-top: 0px !important;
  }
  #library .pt05 {
    padding-top: 5px !important;
  }
  #library .pt10 {
    padding-top: 10px !important;
  }
  #library .pt15 {
    padding-top: 15px !important;
  }
  #library .pt20 {
    padding-top: 20px !important;
  }
  #library .pt25 {
    padding-top: 25px !important;
  }
  #library .pt30 {
    padding-top: 30px !important;
  }
  #library .pt35 {
    padding-top: 35px !important;
  }
  #library .pt40 {
    padding-top: 40px !important;
  }
  #library .pt45 {
    padding-top: 45px !important;
  }
  #library .pt50 {
    padding-top: 50px !important;
  }
  #library .pt55 {
    padding-top: 55px !important;
  }
  #library .pt60 {
    padding-top: 60px !important;
  }
  #library .pt65 {
    padding-top: 65px !important;
  }
  #library .pt70 {
    padding-top: 70px !important;
  }
  #library .pt75 {
    padding-top: 75px !important;
  }
  #library .pt80 {
    padding-top: 80px !important;
  }
  #library .pt85 {
    padding-top: 85px !important;
  }
  #library .pt90 {
    padding-top: 90px !important;
  }
  #library .pt95 {
    padding-top: 95px !important;
  }
  #library .pt100 {
    padding-top: 100px !important;
  }
  /**
   * force padding-right XXpx
   */
  #library .pr00 {
    padding-right: 0px !important;
  }
  #library .pr05 {
    padding-right: 5px !important;
  }
  #library .pr10 {
    padding-right: 10px !important;
  }
  #library .pr15 {
    padding-right: 15px !important;
  }
  #library .pr20 {
    padding-right: 20px !important;
  }
  #library .pr25 {
    padding-right: 25px !important;
  }
  #library .pr30 {
    padding-right: 30px !important;
  }
  #library .pr35 {
    padding-right: 35px !important;
  }
  #library .pr40 {
    padding-right: 40px !important;
  }
  #library .pr45 {
    padding-right: 45px !important;
  }
  #library .pr50 {
    padding-right: 50px !important;
  }
  #library .pr55 {
    padding-right: 55px !important;
  }
  #library .pr60 {
    padding-right: 60px !important;
  }
  #library .pr65 {
    padding-right: 65px !important;
  }
  #library .pr70 {
    padding-right: 70px !important;
  }
  #library .pr75 {
    padding-right: 75px !important;
  }
  #library .pr80 {
    padding-right: 80px !important;
  }
  #library .pr85 {
    padding-right: 85px !important;
  }
  #library .pr90 {
    padding-right: 90px !important;
  }
  #library .pr95 {
    padding-right: 95px !important;
  }
  #library .pr100 {
    padding-right: 100px !important;
  }
  /**
* force padding-bottom XXpx
*/
  #library .pb00 {
    padding-bottom: 0px !important;
  }
  #library .pb05 {
    padding-bottom: 5px !important;
  }
  #library .pb10 {
    padding-bottom: 10px !important;
  }
  #library .pb15 {
    padding-bottom: 15px !important;
  }
  #library .pb20 {
    padding-bottom: 20px !important;
  }
  #library .pb25 {
    padding-bottom: 25px !important;
  }
  #library .pb30 {
    padding-bottom: 30px !important;
  }
  #library .pb35 {
    padding-bottom: 35px !important;
  }
  #library .pb40 {
    padding-bottom: 40px !important;
  }
  #library .pb45 {
    padding-bottom: 45px !important;
  }
  #library .pb50 {
    padding-bottom: 50px !important;
  }
  #library .pb55 {
    padding-bottom: 55px !important;
  }
  #library .pb60 {
    padding-bottom: 60px !important;
  }
  #library .pb65 {
    padding-bottom: 65px !important;
  }
  #library .pb70 {
    padding-bottom: 70px !important;
  }
  #library .pb75 {
    padding-bottom: 75px !important;
  }
  #library .pb80 {
    padding-bottom: 80px !important;
  }
  #library .pb85 {
    padding-bottom: 85px !important;
  }
  #library .pb90 {
    padding-bottom: 90px !important;
  }
  #library .pb95 {
    padding-bottom: 95px !important;
  }
  #library .pb100 {
    padding-bottom: 100px !important;
  }
  /**
* force padding-left XXpx
*/
  #library .pl00 {
    padding-left: 0px !important;
  }
  #library .pl05 {
    padding-left: 5px !important;
  }
  #library .pl10 {
    padding-left: 10px !important;
  }
  #library .pl15 {
    padding-left: 15px !important;
  }
  #library .pl20 {
    padding-left: 20px !important;
  }
  #library .pl25 {
    padding-left: 25px !important;
  }
  #library .pl30 {
    padding-left: 30px !important;
  }
  #library .pl35 {
    padding-left: 35px !important;
  }
  #library .pl40 {
    padding-left: 40px !important;
  }
  #library .pl45 {
    padding-left: 45px !important;
  }
  #library .pl50 {
    padding-left: 50px !important;
  }
  #library .pl55 {
    padding-left: 55px !important;
  }
  #library .pl60 {
    padding-left: 60px !important;
  }
  #library .pl65 {
    padding-left: 65px !important;
  }
  #library .pl70 {
    padding-left: 70px !important;
  }
  #library .pl75 {
    padding-left: 75px !important;
  }
  #library .pl80 {
    padding-left: 80px !important;
  }
  #library .pl85 {
    padding-left: 85px !important;
  }
  #library .pl90 {
    padding-left: 90px !important;
  }
  #library .pl95 {
    padding-left: 95px !important;
  }
  #library .pl100 {
    padding-left: 100px !important;
  }
  /**align**/
  #library .alignCenter {
    text-align: center;
  }
  /* img */
  #library img {
    vertical-align: bottom;
  }
  #library * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #library *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #library html {
    height: 100%;
  }
  #library body {
    color: #333333;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    line-height: 1.4;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-rendering: optimizelegibility;
    -webkit-text-size-adjust: 100%;
  }
  #library input, #library button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  #library ::selection, ::-moz-selection {
    color: #fff;
    background-color: #eee;
  }
  #library iframe {
    border: none;
  }
  #library .container {
    width: 1024px;
    margin: 0 auto;
  }
  #library a {
    color: #0068db;
    font-weight: inherit;
    text-decoration: none;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  #library a:hover {
    color: #40a2f2;
    text-decoration: underline;
  }
  #library a:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  #library a img {
    -moz-transition: opacity 0.2s 0;
    -o-transition: opacity 0.2s 0;
    -webkit-transition: opacity 0.2s 0;
    transition: opacity 0.2s 0;
  }
  #library a img:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  #library img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
  }
  #library .clearfix {
    *zoom: 1;
  }
  #library .clearfix:before, #library .clearfix:after {
    content: " ";
    display: table;
  }
  #library .clearfix:after {
    clear: both;
  }
  #library sup {
    vertical-align: super;
    font-size: 72%;
  }
  /**********************************************共通ヘッダフッタのリサイズ**/
  #library #benesse-header .benesse-header__inner, #library #benesse-footer .benesse-footer__inner {
    max-width: 1024px !important;
  }
  /**********************************************outLine**/
  #library #wrapper {
    font-size: 13px;
    background: url(../images/sp/main_bg.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  /**********************************************ヘッダー**/
  #library .ml-header h1 {
    padding: 20px 15px 25px;
    background: url(../images/sp/header_bg_01.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  #library .ml-header-inner {
    background: url(../images/sp/header_bg_02.jpg) no-repeat 50% 50%;
    background-size: cover;
  }
  #library .ml-header ul {
    padding: 20px 20px 5px;
  }
  #library .ml-header li {
    margin: 0 0 15px;
  }
  #library .ml-header li a {
    display: block;
    padding: 15px;
    border-radius: 4px;
    background: url(../images/sp/icon_arrow_01.png) no-repeat 96% 50%;
    background-size: 20px auto;
  }
  #library .ml-header li:first-child a {
    background-color: #2942a6;
  }
  #library .ml-header li:first-child img {
    width: 210px;
    margin: 0;
  }
  #library .ml-header li:nth-of-type(2) a {
    background-color: #dd7b24;
  }
  #library .ml-header li:nth-of-type(2) img {
    width: 261px;
    margin: 0;
  }
  #library .ml-header li:nth-of-type(3) a {
    background-color: #8f95ac;
  }
  #library .ml-header li:nth-of-type(3) img {
    width: 176px;
    margin: 0;
  }
  #library .ml-header-btnarea--lead {
    text-align: center;
    font-size: 4.75vw;
    font-weight: bold;
    color: #444444;
  }
  #library .ml-header .rinji-riyou-list--list {
    margin: 0;
  }
  #library .ml-headear-btnarea2 {
    padding: 20px 0 30px;
  }
  #library .ml-header li:last-child .rinji-riyou-list--link {
    background-color: #2942a6;
    padding: 15px 15px 18px;
  }
  #library .ml-header li:last-child .rinji-riyou-list--link img {
    width: 40vw;
    margin: auto;
  }

  .m-hdr__hamburger--in {
    height: calc(100vh - 62vw);
  }
  .m-hdr__hamburger--in.open-1 {
    padding-bottom: 120px;
    box-sizing: content-box;
  }
  
  /**********************************************ナビ**/
  #library .ml-nav {
    background: #fff;
    box-shadow: 0 -5px 5px rgba(0, 0, 0, .1);
  }
  #library .ml-nav ul {
    overflow: hidden;
  }
  #library .ml-nav li {
    float: left;
    width: 33.3333%;
    border-right: 1px solid #e5e5e5;
    box-sizing: border-box;
  }
  #library .ml-nav li:nth-child(1), #library .ml-nav li:nth-child(2), #library .ml-nav li:nth-child(3) {
    border-bottom: 1px solid #e5e5e5;
  }
  #library .ml-nav li:nth-child(3n) {
    border-right: none;
  }
  #library .ml-nav li a {
    display: block;
    padding: 15px 0 18px;
    text-align: center;
    background: url(../images/sp/icon_arrow_04.png) no-repeat 50% 35px;
    background-size: 7px auto;
  }
  /**********************************************UsefulStyle**/
  /* bnr-area */
  #library .ml-bnr{
    margin: auto;
    text-align: center;
  }
  #library .ml-bnr-area{
    display: inline-block;
  }
  #library .ml-bnr-img{
    max-width: 335px;
    width: 85vw;
  }
  #library .ml-txtlink-wrap{
    text-align: right;
    max-width: 335px;
    width: 85vw;
    margin: auto;
    margin-bottom:40px;
  }
  #library .ml-txtlink{
    display: inline-block;
    color: #fff !important;
    text-decoration: underline;
    font-size: 14px;
  }
  #library .ml-txtlink:hover{
    opacity: 0.8;
  }
  #library .ml-bnr h2 img{
    margin: auto;
    display: inline-block;
    margin-bottom: 35px;
  }
  #library .ml-bnr-list{
    margin: auto;
  }
  #library .ml-bnr-item{
    width: inherit;
    margin-bottom: 10px;
  }
  
  #library .ml-features {
    padding: 45px 8px;
  }
  #library .ml-features h2 {
    margin: 0 0 25px;
  }
  #library .ml-features-box-01, #library .ml-features-box-03 {
    overflow: hidden;
    margin: 0 0 15px;
    padding: 30px;
    border-radius: 4px;
    background: rgba(255, 254, 250, .85);
  }
  #library .ml-features-box-03 {
    padding-bottom: 10px;
  }
  #library .ml-features-box-01 h3, #library .ml-features-box-03 h3 {
    margin: 0 0 20px;
  }
  #library .ml-features-box-01 p, #library .ml-features-box-03 p {
    line-height: 1.8;
    margin: 0 0 20px;
  }
  #library .ml-features-box-03 ul {
    overflow: hidden;
  }
  #library .ml-features-box-03 li {
    float: left;
    width: 33.3333%;
    height: 41px;
    line-height: 41px;
    margin: 0 0 10px;
    text-align: center;
  }
  #library .ml-features-box-03 li img {
    display: inline;
    vertical-align: middle;
  }
  #library .ml-features-notes {
    line-height: 1.8;
    margin: 0 12px 0 22px;
    color: #fff;
    font-size: 10px;
    text-indent: -10px;
  }
  #library .ml-function {
    padding: 45px 20px 15px;
    background: rgba(0, 141, 207, .85);
  }
  #library .ml-function h2 {
    margin: 0 0 30px;
  }
  #library .ml-function li {
    margin: 0 0 30px;
    color: #fff;
  }
  #library .ml-function li figure {
    float: left;
  }
  #library .ml-function li dl {
    margin: 0 0 0 60px;
  }
  #library .ml-function li dt {
    margin: 0 0 15px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
  }
  #library .ml-function li dd {
    line-height: 1.8;
  }
  #library .ml-read,
  #library .ml-bnr {
    padding: 45px 20px;
    background: rgba(73, 56, 37, .85);
  }
  #library .ml-read h2 {
    margin: 0 0 30px;
  }
  #library .ml-read li {
    color: #fff;
  }
  #library .ml-read li figure {
    float: left;
    width: 100px;
    height: 150px;
    text-align: center;
  }
  #library .ml-read li figure img {
    display: inline;
    max-width: 100px;
    max-height: 150px;
    vertical-align: top;
  }
  #library .ml-read li p {
    margin: 0 0 0 120px;
  }
  #library .ml-read li p:nth-child(2) {
    margin-bottom: 10px;
    font-size: 10px;
  }
  #library .ml-read li p:nth-child(3) {
    margin-bottom: 14px;
    font-weight: bold;
  }
  #library .ml-read li p:nth-child(4) {
    font-size: 10px;
  }
  #library .ml-read .bx-controls,
  #library .ml-bnr .bx-controls {
    position: relative;
    margin: 10px 0 0;
    height: 20px;
  }
  #library .ml-bnr .bx-pager,
  #library .ml-read .bx-pager {
    height: 7px;
    line-height: 1;
    padding: 6px 0 0;
    text-align: center;
  }
  #library .ml-bnr .bx-pager-item,
  #library .ml-read .bx-pager-item {
    display: inline;
  }
  #library .ml-bnr .bx-pager-link,
  #library .ml-read .bx-pager-link {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 4px;
    border-radius: 100%;
    text-indent: -9999px;
    background: #a69c92;
  }
  #library .ml-bnr .bx-pager-link.active,
  #library .ml-read .bx-pager-link.active {
    background: #008dcf;
  }
  #library .ml-bnr .bx-prev,
  #library .ml-read .bx-prev {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background: url(../images/sp/icon_arrow_03.png) no-repeat 0 0;
    background-size: 20px auto;
  }
  #library .ml-bnr .bx-next,
  #library .ml-read .bx-next {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background: url(../images/sp/icon_arrow_01.png) no-repeat 0 0;
    background-size: 20px auto;
  }
  #library .ml-read-bnr {
    max-width: 335px;
    margin: auto;
    display: block;
    margin-top: 35px;
  }
  #library .ml-read-bnr .ml-read-bnrimg {
    max-width: 335px;
    width: 85vw;
  }

  #library .ml-read-notes {
    line-height: 1.8;
    margin: 20px 0 0 1em;
    color: #fff;
    font-size: 10px;
    text-indent: -1em;
  }
  #library .ml-device {
    padding: 45px 20px;
    background: rgba(255, 255, 255, .85);
  }
  #library .ml-device h2 {
    margin: 0 0 30px;
  }
  #library .ml-device>dl {
    line-height: 1.8;
    margin: 40px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid #cacdcb;
  }
  #library .ml-device>dl>dt {
    margin: 0 0 20px;
  }
  #library .ml-device>dl>dd dl {
    margin: 0 0 20px;
  }
  #library .ml-device>dl>dd dt {
    float: left;
  }
  #library .ml-device>dl>dd dd {
    margin: 0 0 0 95px;
    text-indent: -.5em;
  }
  #library .ml-device>dl>dd p {
    margin: 0 0 0 1em;
    font-size: 10px;
    text-indent: -1em;
  }
  #library .ml-experiences {
    padding: 45px 20px;
    background: rgba(73, 56, 37, .85);
  }
  #library .ml-experiences h2 {
    margin: 0 0 30px;
  }
  #library .ml-experiences li {
    margin: 0 0 20px;
    padding: 15px 0 0;
  }
  #library .ml-experiences li.hide {
    display: none;
  }
  #library .ml-experiences li p:first-child {
    line-height: 1.8;
    padding: 0 18px 10px;
    font-style: italic;
  }
  #library .ml-experiences li p:last-child {
    padding: 0 18px 25px;
    font-size: 10px;
    text-align: right;
  }
  #library .ml-experiences-boy {
    color: #abd3d5;
    background: url(../images/sp/experiences_frame_01.png) no-repeat 0 0, url(../images/sp/experiences_frame_02.png) no-repeat 100% 0;
    background-size: 250px 25px, 250px 25px;
  }
  #library .ml-experiences-girl {
    color: #e6bdc0;
    background: url(../images/sp/experiences_frame_06.png) no-repeat 0 0, url(../images/sp/experiences_frame_07.png) no-repeat 100% 0;
    background-size: 250px 25px, 250px 25px;
  }
  #library .ml-experiences-boy p:first-child {
    background: url(../images/sp/experiences_frame_05.png) repeat-y 0 0, url(../images/sp/experiences_frame_05.png) repeat-y 100% 0;
    background-size: 1px 25px, 1px 25px;
  }
  #library .ml-experiences-boy p:last-child {
    background: url(../images/sp/experiences_frame_03.png) no-repeat 0 100%, url(../images/sp/experiences_frame_04.png) no-repeat 100% 100%;
    background-size: 250px 50px, 250px 50px;
  }
  #library .ml-experiences-girl p:first-child {
    background: url(../images/sp/experiences_frame_10.png) repeat-y 0 0, url(../images/sp/experiences_frame_10.png) repeat-y 100% 0;
    background-size: 1px 25px, 1px 25px;
  }
  #library .ml-experiences-girl p:last-child {
    background: url(../images/sp/experiences_frame_08.png) no-repeat 0 100%, url(../images/sp/experiences_frame_09.png) no-repeat 100% 100%;
    background-size: 250px 50px, 250px 50px;
  }
  #library .ml-experiences-more {
    color: #fff;
    font-size: 14px;
    text-align: center;
  }
  #library .ml-experiences-more span {
    display: inline-block;
    padding: 0 20px 0 0;
    background: url(../images/sp/icon_arrow_02.png) no-repeat 100% 50%;
    background-size: 15px auto;
  }
  #library .ml-faq {
    padding: 45px 20px 15px;
    background: rgba(255, 255, 255, .85);
  }
  #library .ml-faq h2 {
    margin: 0 0 30px;
  }
  #library .ml-faq dl {
    margin: 0 0 30px;
  }
  #library .ml-faq dt {
    margin: 0 0 10px;
    padding: 0 0 0 50px;
    color: #008dcf;
    font-size: 14px;
    font-weight: bold;
    background: url(../images/sp/faq_icon_q.png) no-repeat 0 0;
    background-size: 37px auto;
  }
  #library .ml-faq dd {
    line-height: 1.8;
    padding: 0 0 0 50px;
  }
}