@media (1080px <= width) and (780px <= height) and (hover: hover) and (pointer: fine) {
    /* ------------------------------------------------------------
      hx title
  ------------------------------------------------------------ */
  
  h1,
  h2 {
    /* font-family: 'Ubuntu', sans-serif; */
      margin-bottom: 50px;
  }
  
  h2 {
    font-size: 40px;
      letter-spacing: 0.2em;
      margin-bottom: 30px;
  }
  
  /* 大文字内のspanタグのフォント変更 */
  h1 span,
  h2 span,
  h3 span {
    font-size: 12px;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
  }
  

  /* ===== reset.css ===== */
  /*
  html5doctor.com Reset Stylesheet
  v1.4
  2009-07-27
  Author: Richard Clark - http://richclarkdesign.com
  */
  
  html, body, div, span, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  abbr, address, cite, code,
  del, dfn, em, img, ins, kbd, q, samp,
  small, strong, sub, var,
  b, i,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, dialog, figure, footer, header,
  hgroup, menu, nav, section,
  time, mark, audio, video {
      margin:0;
      padding:0;
      border:0;
      outline:0;
      font-size:100%;
      font-weight:normal;
      vertical-align:baseline;
      background:transparent;
  }
  
  article, aside, dialog, figure, footer, header,
  hgroup, nav, section {
    display:block;
  }
  
  nav ul {
    list-style:none;
  }
  
  blockquote, q {
    quotes:none;
  }
  
  blockquote:before, blockquote:after,
  q:before, q:after {
    content:'';
      content:none;
  }
  
  a {
    margin:0;
      padding:0;
      border:0;
      font-size:100%;
      vertical-align:baseline;
      background:transparent;
  }
  
  ins {
    background-color:#ff9;
      color:#000;
      text-decoration:none;
  }
  
  mark {
    background-color:#ff9;
      color:#000;
      font-style:italic;
      font-weight:bold;
  }
  
  del {
    text-decoration: line-through;
  }
  
  abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
      cursor:help;
  }
  
  table {
    border-collapse:collapse;
      border-spacing:0;
  }
  
  hr {
    display:block;
      height:1px;
      border:0;
      border-top:1px solid #cccccc;
      margin:1em 0;
      padding:0;
  }
  
  input, select {
    vertical-align:middle;
  }
  
  img {
    vertical-align:bottom
  }
  
  ul {
    list-style:none;
      margin:0;
      padding:0;
  }
  
  
  /* ------------------------------------------------------------
      hx title
  ------------------------------------------------------------ */
  
  h1 {
    font-size: 40px;
      letter-spacing: 0.2em;
      line-height: 0.8;
      color: #00AB8D;
      text-shadow:1px 1px 1px #fff;
  }
  
  h3::before {
    content: "";
      width: 16px;
      height: 12px;
      border-top:1px solid #00AB8D;
      margin-right: 10px;
      display: inline-block;
  }
  
  /* ===== style2.css ===== */
  /*----------------------------------------------------
    Common
  ----------------------------------------------------*/
  body {
    height: 100%;
    font-size: 1.5rem;
    line-height: 1.8;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    color: #333333;
    letter-spacing: 1px;
    word-wrap: break-word;
    box-sizing: border-box;
    background-color: #fcfcfc;
  }
  
  #service-main {
    width:80%;
      margin: auto;
  }
  
  section {
    padding: 10px; /*width: 100%;*/ clear: both; margin-bottom: 20px;
  }
  
  h1 {
    border-left:1px solid #00ab8d; padding-left:15px; font-size:1.8rem; color:#00ab8d;
  }
  
  .deco-underline {
    text-decoration: underline;
      text-decoration-color: #ccc;
  }
  
  .deco-no {
    text-decoration: none;
  }
  
  .no-wrap {
    white-space: nowrap;
  }
  
  .normal {
    white-space: normal;
  }
  
  .no-border {
    border: none!important;
  }
  
  .mobile-only {
    display: none;
  }

  .block {
    display: block;
  }
  
  .bgcolor-white {
    background-color: white;
  }
  
  .bgcolor-lightgray {
    background-color: #9FA0A0;
  }
  
  .bgcolor-silver {
    background-color: silver;
  }
  
  .bgcolor-darkgray {
    background-color: darkgray;
  }
  
  .bgcolor-green1 {
    background-color: #3EB370;
  }
  
  .bgcolor-green2 {
    background-color: #BEDFC2;
  }
  
  .bgcolor-green3 {
    background-color: #EBF5EC;
  }
  
  .bgcolor-green4 {
    background-color: #69BD83;
  }
  
  .bgcolor-darkgreen {
    background-color: #3EB370;
  }
  
  .bgcolor-asparagusgreen {
    background-color: #a5d4ad;
  }
  
  .bgcolor-olivedrab {
    background-color: #a2d7d4;
  }
  
  .bgcolor-yellow1 {
    background-color: #fff9b1;
  }
  
  .bgcolor-yellow2 {
    background-color: #FFF270;
  }
  
  .bgcolor-cream {
    /*background-color: #0073BD;*/
      background-color: #3EB370;
  }
  
  .bgcolor-orange {
    background-color: #9fd9f6;
  }
  
  .bgcolor-skyblue {
    background-color: #F5B090;
  }
  
  .bgcolor-marineblue {
    background-color: #A3BCE2;
  }
  
  .font-darkred {
    color: #d7003a;
  }
  
  .font-white {
    color: white;
  }
  
  .pd5 {
    padding: 10px;
  }
  
  .pdl10 {
    padding-left: 10px;
  }
  
  .mgt20 {
    margin-top: 20px;
  }
  
  .mgr10 {
    margin-right: 10px;
  }
  
  .mgr20 {
    margin-right: 10px;
  }
  
  .mgb10 {
    margin-bottom: 10px;
  }
  
  .mgb20 {
    margin-bottom: 20px;
  }
  
  .font-15 {
    font-size: 1.5rem;
  }
  
  .font-14 {
    font-size: 1.4rem;
  }
  
  .font-13 {
    font-size: 1.3rem;
  }
  
  .font-12 {
    font-size: 1.2rem;
  }
  
  .font-11 {
    font-size: 1.1rem;
  }
  
  .font-10 {
    font-size: 1.0rem;
  }
  
  .center {
    text-align: center;
  }
  
  .position-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  /*! Emma.css 0.7.0 | emmet-like utility classes | MIT License | git.io/emma */
  .u-pos-s {
    position: static !important;
  }
  
  .u-pos-a {
    position: absolute !important;
  }
  
  .u-pos-r {
    position: relative !important;
  }
  
  .u-pos-f {
    position: fixed !important;
  }
  
  .u-t-a {
    top: auto !important;
  }
  
  .u-t-0 {
    top: 0 !important;
  }
  
  .u-r-a {
    right: auto !important;
  }
  
  .u-r-0 {
    right: 0 !important;
  }
  
  .u-b-a {
    bottom: auto !important;
  }
  
  .u-b-0 {
    bottom: 0 !important;
  }
  
  .u-l-a {
    left: auto !important;
  }
  
  .u-l-0 {
    left: 0 !important;
  }
  
  .u-z-a {
    z-index: auto !important;
  }
  
  .u-z-0 {
    z-index: 0 !important;
  }
  
  .u-z-1 {
    z-index: 1 !important;
  }
  
  .u-z-2 {
    z-index: 2 !important;
  }
  
  .u-z-3 {
    z-index: 3 !important;
  }
  
  .u-z-4 {
    z-index: 4 !important;
  }
  
  .u-z-5 {
    z-index: 5 !important;
  }
  
  .u-z-6 {
    z-index: 6 !important;
  }
  
  .u-z-9999 {
    z-index: 9999 !important;
  }
  
  .u-fl-n {
    float: none !important;
  }
  
  .u-fl-l {
    float: left !important;
  }
  
  .u-fl-r {
    float: right !important;
  }
  
  .u-cl-n {
    clear: none !important;
  }
  
  .u-cl-l {
    clear: left !important;
  }
  
  .u-cl-r {
    clear: right !important;
  }
  
  .u-cl-b {
    clear: both !important;
  }
  
  .u-d-n {
    display: none !important;
  }
  
  .u-d-b {
    display: block !important;
  }
  
  .u-d-f {
    display: flex !important;
  }
  
  .u-d-if {
    display: inline-flex !important;
  }
  
  .u-d-i {
    display: inline !important;
  }
  
  .u-d-ib {
    display: inline-block !important;
  }
  
  .u-d-li {
    display: list-item !important;
  }
  
  .u-d-ri {
    display: run-in !important;
  }
  
  .u-d-cp {
    display: compact !important;
  }
  
  .u-d-tb {
    display: table !important;
  }
  
  .u-d-itb {
    display: inline-table !important;
  }
  
  .u-d-tbcp {
    display: table-caption !important;
  }
  
  .u-d-tbcl {
    display: table-column !important;
  }
  
  .u-d-tbclg {
    display: table-column-group !important;
  }
  
  .u-d-tbhg {
    display: table-header-group !important;
  }
  
  .u-d-tbfg {
    display: table-footer-group !important;
  }
  
  .u-d-tbr {
    display: table-row !important;
  }
  
  .u-d-tbrg {
    display: table-row-group !important;
  }
  
  .u-d-tbc {
    display: table-cell !important;
  }
  
  .u-v-v {
    visibility: visible !important;
  }
  
  .u-v-h {
    visibility: hidden !important;
  }
  
  .u-v-c {
    visibility: collapse !important;
  }
  
  .u-ov-v {
    overflow: visible !important;
  }
  
  .u-ov-h {
    overflow: hidden !important;
  }
  
  .u-ov-s {
    overflow: scroll !important;
  }
  
  .u-ov-a {
    overflow: auto !important;
  }
  
  .u-ovx-v {
    overflow-x: visible !important;
  }
  
  .u-ovx-h {
    overflow-x: hidden !important;
  }
  
  .u-ovx-s {
    overflow-x: scroll !important;
  }
  
  .u-ovx-a {
    overflow-x: auto !important;
  }
  
  .u-ovy-v {
    overflow-y: visible !important;
  }
  
  .u-ovy-h {
    overflow-y: hidden !important;
  }
  
  .u-ovy-s {
    overflow-y: scroll !important;
  }
  
  .u-ovy-a {
    overflow-y: auto !important;
  }
  
  .u-bxz-cb {
    box-sizing: content-box !important;
  }
  
  .u-bxz-bb {
    box-sizing: border-box !important;
  }
  
  .u-bxsh-n {
    box-shadow: none !important;
  }
  
  .u-m-a {
    margin: auto !important;
  }
  
  .u-m-0 {
    margin: 0 !important;
  }
  
  .u-m-0_a {
    margin: 0 auto !important;
  }
  
  .u-m-xs {
    margin: 1rem !important;
  }
  
  .u-m-sm {
    margin: 2rem !important;
  }
  
  .u-m-mm {
    margin: 4rem !important;
  }
  
  .u-m-md {
    margin: 6rem !important;
  }
  
  .u-m-lg {
    margin: 8rem !important;
  }
  
  .u-m-xl {
    margin: 10rem !important;
  }
  
  .u-mt-0 {
    margin-top: 0 !important;
  }
  
  .u-mt-xs {
    margin-top: 1rem !important;
  }
  
  .u-mt-sm {
    margin-top: 2rem !important;
  }
  
  .u-mt-mm {
    margin-top: 4rem !important;
  }
  
  .u-mt-md {
    margin-top: 6rem !important;
  }
  
  .u-mt-lg {
    margin-top: 8rem !important;
  }
  
  .u-mt-xl {
    margin-top: 10rem !important;
  }
  
  .u-mr-a {
    margin-right: auto !important;
  }
  
  .u-mr-0 {
    margin-right: 0 !important;
  }
  
  .u-mr-xs {
    margin-right: 1rem !important;
  }
  
  .u-mr-sm {
    margin-right: 2rem !important;
  }
  
  .u-mr-mm {
    margin-right: 4rem !important;
  }
  
  .u-mr-md {
    margin-right: 6rem !important;
  }
  
  .u-mr-lg {
    margin-right: 8rem !important;
  }
  
  .u-mr-xl {
    margin-right: 10rem !important;
  }
  
  .u-mb-0 {
    margin-bottom: 0 !important;
  }
  
  .u-mb-xs {
    margin-bottom: 1rem !important;
  }
  
  .u-mb-sm {
    margin-bottom: 2rem !important;
  }
  
  .u-mb-mm {
    margin-bottom: 4rem !important;
  }
  
  .u-mb-md {
    margin-bottom: 6rem !important;
  }
  
  .u-mb-lg {
    margin-bottom: 8rem !important;
  }
  
  .u-mb-xl {
    margin-bottom: 10rem !important;
  }
  
  .u-ml-a {
    margin-left: auto !important;
  }
  
  .u-ml-0 {
    margin-left: 0 !important;
  }
  
  .u-ml-xs {
    margin-left: 1rem !important;
  }
  
  .u-ml-sm {
    margin-left: 2rem !important;
  }
  
  .u-ml-mm {
    margin-left: 4rem !important;
  }
  
  .u-ml-md {
    margin-left: 6rem !important;
  }
  
  .u-ml-lg {
    margin-left: 8rem !important;
  }
  
  .u-ml-xl {
    margin-left: 10rem !important;
  }
  
  .u-p-0 {
    padding: 0 !important;
  }
  
  .u-p-xs {
    padding: 1rem !important;
  }
  
  .u-p-sm {
    padding: 2rem !important;
  }
  
  .u-p-mm {
    padding: 4rem !important;
  }
  
  .u-p-md {
    padding: 6rem !important;
  }
  
  .u-p-lg {
    padding: 8rem !important;
  }
  
  .u-p-xl {
    padding: 10rem !important;
  }
  
  .u-pt-0 {
    padding-top: 0 !important;
  }
  
  .u-pt-xs {
    padding-top: 1rem !important;
  }
  
  .u-pt-sm {
    padding-top: 2rem !important;
  }
  
  .u-pt-mm {
    padding-top: 4rem !important;
  }
  
  .u-pt-md {
    padding-top: 6rem !important;
  }
  
  .u-pt-lg {
    padding-top: 8rem !important;
  }
  
  .u-pt-xl {
    padding-top: 10rem !important;
  }
  
  .u-pr-0 {
    padding-right: 0 !important;
  }
  
  .u-pr-xs {
    padding-right: 1rem !important;
  }
  
  .u-pr-sm {
    padding-right: 2rem !important;
  }
  
  .u-pr-mm {
    padding-right: 4rem !important;
  }
  
  .u-pr-md {
    padding-right: 6rem !important;
  }
  
  .u-pr-lg {
    padding-right: 8rem !important;
  }
  
  .u-pr-xl {
    padding-right: 10rem !important;
  }
  
  .u-pb-0 {
    padding-bottom: 0 !important;
  }
  
  .u-pb-xs {
    padding-bottom: 1rem !important;
  }
  
  .u-pb-sm {
    padding-bottom: 2rem !important;
  }
  
  .u-pb-mm {
    padding-bottom: 4rem !important;
  }
  
  .u-pb-md {
    padding-bottom: 6rem !important;
  }
  
  .u-pb-lg {
    padding-bottom: 8rem !important;
  }
  
  .u-pb-xl {
    padding-bottom: 10rem !important;
  }
  
  .u-pl-0 {
    padding-left: 0 !important;
  }
  
  .u-pl-xs {
    padding-left: 1rem !important;
  }
  
  .u-pl-sm {
    padding-left: 2rem !important;
  }
  
  .u-pl-mm {
    padding-left: 4rem !important;
  }
  
  .u-pl-md {
    padding-left: 6rem !important;
  }
  
  .u-pl-lg {
    padding-left: 8rem !important;
  }
  
  .u-pl-xl {
    padding-left: 10rem !important;
  }
  
  .u-w-a {
    width: auto !important;
  }
  
  .u-w-0 {
    width: 0 !important;
  }
  
  .u-w-1p {
    width: 1% !important;
  }
  
  .u-w-10p {
    width: 10% !important;
  }
  
  .u-w-20p {
    width: 20% !important;
  }
  
  .u-w-25p {
    width: 25% !important;
  }
  
  .u-w-30p {
    width: 30% !important;
  }
  
  .u-w-33p {
    width: 33% !important;
  }
  
  .u-w-40p {
    width: 40% !important;
  }
  
  .u-w-50p {
    width: 50% !important;
  }
  
  .u-w-60p {
    width: 60% !important;
  }
  
  .u-w-66p {
    width: 66% !important;
  }
  
  .u-w-70p {
    width: 70% !important;
  }
  
  .u-w-75p {
    width: 75% !important;
  }
  
  .u-w-80p {
    width: 80% !important;
  }
  
  .u-w-90p {
    width: 90% !important;
  }
  
  .u-w-100p {
    width: 100% !important;
  }
  
  .u-h-a {
    height: auto !important;
  }
  
  .u-h-0 {
    height: 0 !important;
  }
  
  .u-h-100p {
    height: 100% !important;
  }
  
  .u-maw-n {
    max-width: none !important;
  }
  
  .u-maw-1p {
    max-width: 1% !important;
  }
  
  .u-maw-10p {
    max-width: 10% !important;
  }
  
  .u-maw-20p {
    max-width: 20% !important;
  }
  
  .u-maw-25p {
    max-width: 25% !important;
  }
  
  .u-maw-30p {
    max-width: 30% !important;
  }
  
  .u-maw-33p {
    max-width: 33% !important;
  }
  
  .u-maw-40p {
    max-width: 40% !important;
  }
  
  .u-maw-50p {
    max-width: 50% !important;
  }
  
  .u-maw-60p {
    max-width: 60% !important;
  }
  
  .u-maw-66p {
    max-width: 66% !important;
  }
  
  .u-maw-70p {
    max-width: 70% !important;
  }
  
  .u-maw-75p {
    max-width: 75% !important;
  }
  
  .u-maw-80p {
    max-width: 80% !important;
  }
  
  .u-maw-90p {
    max-width: 90% !important;
  }
  
  .u-maw-100p {
    max-width: 100% !important;
  }
  
  .u-mah-n {
    max-height: none !important;
  }
  
  .u-mah-100p {
    max-height: 100% !important;
  }
  
  .u-miw-0 {
    min-width: 0 !important;
  }
  
  .u-mih-0 {
    min-height: 0 !important;
  }
  
  .u-ol-n {
    outline: none !important;
  }
  
  .u-olw-tn {
    outline-width: thin !important;
  }
  
  .u-olw-md {
    outline-width: medium !important;
  }
  
  .u-olw-tc {
    outline-width: thick !important;
  }
  
  .u-ols-n {
    outline-style: none !important;
  }
  
  .u-ols-dt {
    outline-style: dotted !important;
  }
  
  .u-ols-ds {
    outline-style: dashed !important;
  }
  
  .u-ols-s {
    outline-style: solid !important;
  }
  
  .u-ols-db {
    outline-style: double !important;
  }
  
  .u-ols-g {
    outline-style: groove !important;
  }
  
  .u-ols-r {
    outline-style: ridge !important;
  }
  
  .u-ols-i {
    outline-style: inset !important;
  }
  
  .u-ols-o {
    outline-style: outset !important;
  }
  
  .u-bfv-h {
    backface-visibility: hidden !important;
  }
  
  .u-bfv-v {
    backface-visibility: visible !important;
  }
  
  .u-bd-n {
    border: none !important;
  }
  
  .u-bd-0 {
    border: 0 !important;
  }
  
  .u-bdcl-c {
    border-collapse: collapse !important;
  }
  
  .u-bdcl-s {
    border-collapse: separate !important;
  }
  
  .u-bdc-t {
    border-color: transparent !important;
  }
  
  .u-bdc-cc {
    border-color: currentColor !important;
  }
  
  .u-bdc-white {
    border-color: #ffffff !important;
  }
  
  .u-bdc-silver {
    border-color: #dddddd !important;
  }
  
  .u-bdc-gray {
    border-color: #aaaaaa !important;
  }
  
  .u-bdc-black {
    border-color: #111111 !important;
  }
  
  .u-bdc-navy {
    border-color: #001f3f !important;
  }
  
  .u-bdc-blue {
    border-color: #0074d9 !important;
  }
  
  .u-bdc-aqua {
    border-color: #7fdbff !important;
  }
  
  .u-bdc-teal {
    border-color: #39cccc !important;
  }
  
  .u-bdc-olive {
    border-color: #3d9970 !important;
  }
  
  .u-bdc-green {
    border-color: #2ecc40 !important;
  }
  
  .u-bdc-lime {
    border-color: #01ff70 !important;
  }
  
  .u-bdc-yellow {
    border-color: #ffdc00 !important;
  }
  
  .u-bdc-orange {
    border-color: #ff851b !important;
  }
  
  .u-bdc-red {
    border-color: #ff4136 !important;
  }
  
  .u-bdc-maroon {
    border-color: #85144b !important;
  }
  
  .u-bdc-fuchsia {
    border-color: #f012be !important;
  }
  
  .u-bdc-purple {
    border-color: #b10dc9 !important;
  }
  
  .u-bdc-primary {
    border-color: #0275d8 !important;
  }
  
  .u-bdc-success {
    border-color: #5cb85c !important;
  }
  
  .u-bdc-info {
    border-color: #5bc0de !important;
  }
  
  .u-bdc-warning {
    border-color: #f0ad4e !important;
  }
  
  .u-bdc-danger {
    border-color: #d9534f !important;
  }
  
  .u-bdi-n {
    border-image: none !important;
  }
  
  .u-bds-n {
    border-style: none !important;
  }
  
  .u-bds-h {
    border-style: hidden !important;
  }
  
  .u-bds-dt {
    border-style: dotted !important;
  }
  
  .u-bds-ds {
    border-style: dashed !important;
  }
  
  .u-bds-s {
    border-style: solid !important;
  }
  
  .u-bds-db {
    border-style: double !important;
  }
  
  .u-bds-w {
    border-style: wave !important;
  }
  
  .u-bds-g {
    border-style: groove !important;
  }
  
  .u-bds-r {
    border-style: ridge !important;
  }
  
  .u-bds-i {
    border-style: inset !important;
  }
  
  .u-bds-o {
    border-style: outset !important;
  }
  
  .u-bdw-0 {
    border-width: 0 !important;
  }
  
  .u-bdw-1 {
    border-width: 1px !important;
  }
  
  .u-bdw-2 {
    border-width: 2px !important;
  }
  
  .u-bdw-3 {
    border-width: 3px !important;
  }
  
  .u-bdw-4 {
    border-width: 4px !important;
  }
  
  .u-bdw-5 {
    border-width: 5px !important;
  }
  
  .u-bdw-6 {
    border-width: 6px !important;
  }
  
  .u-bdtw-0 {
    border-top-width: 0 !important;
  }
  
  .u-bdtw-1 {
    border-top-width: 1px !important;
  }
  
  .u-bdtw-2 {
    border-top-width: 2px !important;
  }
  
  .u-bdtw-3 {
    border-top-width: 3px !important;
  }
  
  .u-bdtw-4 {
    border-top-width: 4px !important;
  }
  
  .u-bdtw-5 {
    border-top-width: 5px !important;
  }
  
  .u-bdtw-6 {
    border-top-width: 6px !important;
  }
  
  .u-bdrw-0 {
    border-right-width: 0 !important;
  }
  
  .u-bdrw-1 {
    border-right-width: 1px !important;
  }
  
  .u-bdrw-2 {
    border-right-width: 2px !important;
  }
  
  .u-bdrw-3 {
    border-right-width: 3px !important;
  }
  
  .u-bdrw-4 {
    border-right-width: 4px !important;
  }
  
  .u-bdrw-5 {
    border-right-width: 5px !important;
  }
  
  .u-bdrw-6 {
    border-right-width: 6px !important;
  }
  
  .u-bdbw-0 {
    border-bottom-width: 0 !important;
  }
  
  .u-bdbw-1 {
    border-bottom-width: 1px !important;
  }
  
  .u-bdbw-2 {
    border-bottom-width: 2px !important;
  }
  
  .u-bdbw-3 {
    border-bottom-width: 3px !important;
  }
  
  .u-bdbw-4 {
    border-bottom-width: 4px !important;
  }
  
  .u-bdbw-5 {
    border-bottom-width: 5px !important;
  }
  
  .u-bdbw-6 {
    border-bottom-width: 6px !important;
  }
  
  .u-bdlw-0 {
    border-left-width: 0 !important;
  }
  
  .u-bdlw-1 {
    border-left-width: 1px !important;
  }
  
  .u-bdlw-2 {
    border-left-width: 2px !important;
  }
  
  .u-bdlw-3 {
    border-left-width: 3px !important;
  }
  
  .u-bdlw-4 {
    border-left-width: 4px !important;
  }
  
  .u-bdlw-5 {
    border-left-width: 5px !important;
  }
  
  .u-bdlw-6 {
    border-left-width: 6px !important;
  }
  
  .u-bdt-n {
    border-top: none !important;
  }
  
  .u-bdt-0 {
    border-top: 0 !important;
  }
  
  .u-bdtc-t {
    border-top-color: transparent !important;
  }
  
  .u-bdtc-cc {
    border-top-color: currentColor !important;
  }
  
  .u-bdr-n {
    border-right: none !important;
  }
  
  .u-bdr-0 {
    border-right: 0 !important;
  }
  
  .u-bdrc-t {
    border-right-color: transparent !important;
  }
  
  .u-bdrc-cc {
    border-right-color: currentColor !important;
  }
  
  .u-bdb-n {
    border-bottom: none !important;
  }
  
  .u-bdb-0 {
    border-bottom: 0 !important;
  }
  
  .u-bdbc-t {
    border-bottom-color: transparent !important;
  }
  
  .u-bdbc-cc {
    border-bottom-color: currentColor !important;
  }
  
  .u-bdl-n {
    border-left: none !important;
  }
  
  .u-bdl-0 {
    border-left: 0 !important;
  }
  
  .u-bdlc-t {
    border-left-color: transparent !important;
  }
  
  .u-bdlc-cc {
    border-left-color: currentColor !important;
  }
  
  .u-bdrs-xs {
    border-radius: 0.1rem !important;
  }
  
  .u-bdrs-sm {
    border-radius: 0.2rem !important;
  }
  
  .u-bdrs-md {
    border-radius: 0.25rem !important;
  }
  
  .u-bdrs-lg {
    border-radius: 0.3rem !important;
  }
  
  .u-bdrs-xl {
    border-radius: 0.4rem !important;
  }
  
  .u-bdrs-0 {
    border-radius: 0 !important;
  }
  
  .u-bdrs-1 {
    border-radius: 1px !important;
  }
  
  .u-bdrs-2 {
    border-radius: 2px !important;
  }
  
  .u-bdrs-3 {
    border-radius: 3px !important;
  }
  
  .u-bdrs-4 {
    border-radius: 4px !important;
  }
  
  .u-bdrs-5 {
    border-radius: 5px !important;
  }
  
  .u-bdrs-6 {
    border-radius: 6px !important;
  }
  
  .u-bdrs-100p {
    border-radius: 100% !important;
  }
  
  .u-bg-n {
    background: none !important;
  }
  
  .u-bgc-t {
    background-color: transparent !important;
  }
  
  .u-bgc-cc {
    background-color: currentColor !important;
  }
  
  .u-bgc-white {
    background-color: #ffffff !important;
  }
  
  .u-bgc-silver {
    background-color: #dddddd !important;
  }
  
  .u-bgc-gray {
    background-color: #F4F3F0 !important;
  }
  
  .u-bgc-black {
    background-color: #111111 !important;
  }
  
  .u-bgc-navy {
    background-color: #001f3f !important;
  }
  
  .u-bgc-blue {
    background-color: #0074d9 !important;
  }
  
  .u-bgc-aqua {
    background-color: #7fdbff !important;
  }
  
  .u-bgc-teal {
    background-color: #39cccc !important;
  }
  
  .u-bgc-olive {
    background-color: #3d9970 !important;
  }
  
  .u-bgc-green {
    background-color: #2ecc40 !important;
  }
  
  .u-bgc-lime {
    background-color: #01ff70 !important;
  }
  
  .u-bgc-yellow {
    background-color: #ffdc00 !important;
  }
  
  .u-bgc-orange {
    background-color: #ff851b !important;
  }
  
  .u-bgc-red {
    background-color: #ff4136 !important;
  }
  
  .u-bgc-maroon {
    background-color: #85144b !important;
  }
  
  .u-bgc-fuchsia {
    background-color: #f012be !important;
  }
  
  .u-bgc-purple {
    background-color: #b10dc9 !important;
  }
  
  .u-bgc-primary {
    background-color: #0275d8 !important;
  }
  
  .u-bgc-success {
    background-color: #5cb85c !important;
  }
  
  .u-bgc-info {
    background-color: #5bc0de !important;
  }
  
  .u-bgc-warning {
    background-color: #f0ad4e !important;
  }
  
  .u-bgc-danger {
    background-color: #d9534f !important;
  }
  
  .u-bgi-n {
    background-image: none !important;
  }
  
  .u-bgr-n {
    background-repeat: no-repeat !important;
  }
  
  .u-bgr-x {
    background-repeat: repeat-x !important;
  }
  
  .u-bgr-y {
    background-repeat: repeat-y !important;
  }
  
  .u-bgr-sp {
    background-repeat: space !important;
  }
  
  .u-bgr-rd {
    background-repeat: round !important;
  }
  
  .u-bga-f {
    background-attachment: fixed !important;
  }
  
  .u-bga-s {
    background-attachment: scroll !important;
  }
  
  .u-bgp-t {
    background-position: top !important;
  }
  
  .u-bgp-r {
    background-position: right !important;
  }
  
  .u-bgp-b {
    background-position: bottom !important;
  }
  
  .u-bgp-l {
    background-position: left !important;
  }
  
  .u-bgp-c {
    background-position: center !important;
  }
  
  .u-bgsz-a {
    background-size: auto !important;
  }
  
  .u-bgsz-ct {
    background-size: contain !important;
  }
  
  .u-bgsz-cv {
    background-size: cover !important;
  }
  
  .u-c-i {
    color: inherit !important;
  }
  
  .u-c-white {
    color: #ffffff !important;
  }
  
  .u-c-silver {
    color: #dddddd !important;
  }
  
  .u-c-gray {
    color: #aaaaaa !important;
  }
  
  .u-c-black {
    color: #111111 !important;
  }
  
  .u-c-navy {
    color: #001f3f !important;
  }
  
  .u-c-blue {
    color: #0074d9 !important;
  }
  
  .u-c-aqua {
    color: #7fdbff !important;
  }
  
  .u-c-teal {
    color: #39cccc !important;
  }
  
  .u-c-olive {
    color: #3d9970 !important;
  }
  
  .u-c-green {
    color: #2ecc40 !important;
  }
  
  .u-c-lime {
    color: #01ff70 !important;
  }
  
  .u-c-yellow {
    color: #ffdc00 !important;
  }
  
  .u-c-orange {
    color: #ff851b !important;
  }
  
  .u-c-red {
    color: #ff4136 !important;
  }
  
  .u-c-maroon {
    color: #85144b !important;
  }
  
  .u-c-fuchsia {
    color: #f012be !important;
  }
  
  .u-c-purple {
    color: #b10dc9 !important;
  }
  
  .u-c-primary {
    color: #0275d8 !important;
  }
  
  .u-c-success {
    color: #5cb85c !important;
  }
  
  .u-c-info {
    color: #5bc0de !important;
  }
  
  .u-c-warning {
    color: #f0ad4e !important;
  }
  
  .u-c-danger {
    color: #d9534f !important;
  }
  
  .u-tbl-a {
    table-layout: auto !important;
  }
  
  .u-tbl-f {
    table-layout: fixed !important;
  }
  
  .u-lis-n {
    list-style: none !important;
  }
  
  .u-lisp-i {
    list-style-position: inside !important;
  }
  
  .u-lisp-o {
    list-style-position: outside !important;
  }
  
  .u-list-n {
    list-style-type: none !important;
  }
  
  .u-list-d {
    list-style-type: disc !important;
  }
  
  .u-list-c {
    list-style-type: circle !important;
  }
  
  .u-list-s {
    list-style-type: square !important;
  }
  
  .u-list-dc {
    list-style-type: decimal !important;
  }
  
  .u-list-dclz {
    list-style-type: decimal-leading-zero !important;
  }
  
  .u-list-lr {
    list-style-type: lower-roman !important;
  }
  
  .u-list-ur {
    list-style-type: upper-roman !important;
  }
  
  .u-lisi-n {
    list-style-image: none !important;
  }
  
  .u-va-sup {
    vertical-align: super !important;
  }
  
  .u-va-t {
    vertical-align: top !important;
  }
  
  .u-va-tt {
    vertical-align: text-top !important;
  }
  
  .u-va-m {
    vertical-align: middle !important;
  }
  
  .u-va-bl {
    vertical-align: baseline !important;
  }
  
  .u-va-b {
    vertical-align: bottom !important;
  }
  
  .u-va-tb {
    vertical-align: text-bottom !important;
  }
  
  .u-va-sub {
    vertical-align: sub !important;
  }
  
  .u-ta-l {
    text-align: left !important;
  }
  
  .u-ta-c {
    text-align: center !important;
  }
  
  .u-ta-r {
    text-align: right !important;
  }
  
  .u-ta-j {
    text-align: justify !important;
  }
  
  .u-td-n {
    text-decoration: none !important;
  }
  
  .u-td-u {
    text-decoration: underline !important;
  }
  
  .u-td-o {
    text-decoration: overline !important;
  }
  
  .u-td-l {
    text-decoration: line-through !important;
  }
  
  .u-te-n {
    text-emphasis: none !important;
  }
  
  .u-te-ac {
    text-emphasis: accent !important;
  }
  
  .u-te-dt {
    text-emphasis: dot !important;
  }
  
  .u-te-c {
    text-emphasis: circle !important;
  }
  
  .u-te-ds {
    text-emphasis: disc !important;
  }
  
  .u-te-b {
    text-emphasis: before !important;
  }
  
  .u-te-a {
    text-emphasis: after !important;
  }
  
  .u-ti-0 {
    text-indent: 0 !important;
  }
  
  .u-ti--9999 {
    text-indent: -9999px !important;
  }
  
  .u-tov-e {
    text-overflow: ellipsis !important;
  }
  
  .u-tov-c {
    text-overflow: clip !important;
  }
  
  .u-tt-n {
    text-transform: none !important;
  }
  
  .u-tt-c {
    text-transform: capitalize !important;
  }
  
  .u-tt-u {
    text-transform: uppercase !important;
  }
  
  .u-tt-l {
    text-transform: lowercase !important;
  }
  
  .u-tsh-n {
    text-shadow: none !important;
  }
  
  .u-lh-nm {
    line-height: normal !important;
  }
  
  .u-lh-i {
    line-height: inherit !important;
  }
  
  .u-lh-0 {
    line-height: 0 !important;
  }
  
  .u-lh-1 {
    line-height: 1 !important;
  }
  
  .u-lh-2 {
    line-height: 2 !important;
  }
  
  .u-lh-3 {
    line-height: 3 !important;
  }
  
  .u-lh-4 {
    line-height: 4 !important;
  }
  
  .u-lh-5 {
    line-height: 5 !important;
  }
  
  .u-lh-6 {
    line-height: 6 !important;
  }
  
  .u-lh-xs {
    line-height: 1.25 !important;
  }
  
  .u-lh-sm {
    line-height: 1.33 !important;
  }
  
  .u-lh-md {
    line-height: 1.5 !important;
  }
  
  .u-lh-lg {
    line-height: 1.75 !important;
  }
  
  .u-lh-xl {
    line-height: 2 !important;
  }
  
  .u-whs-nm {
    white-space: normal !important;
  }
  
  .u-whs-p {
    white-space: pre !important;
  }
  
  .u-whs-nw {
    white-space: nowrap !important;
  }
  
  .u-whs-pw {
    white-space: pre-wrap !important;
  }
  
  .u-whs-pl {
    white-space: pre-line !important;
  }
  
  .u-wob-nm {
    word-break: normal !important;
  }
  
  .u-wob-k {
    word-break: keep-all !important;
  }
  
  .u-wob-ba {
    word-break: break-all !important;
  }
  
  .u-wow-nm {
    word-wrap: normal !important;
  }
  
  .u-wow-n {
    word-wrap: none !important;
  }
  
  .u-wow-u {
    word-wrap: unrestricted !important;
  }
  
  .u-wow-s {
    word-wrap: suppress !important;
  }
  
  .u-wow-bw {
    word-wrap: break-word !important;
  }
  
  .u-lts-nm {
    letter-spacing: normal !important;
  }
  
  .u-fw-nm {
    font-weight: normal !important;
  }
  
  .u-fw-b {
    font-weight: bold !important;
  }
  
  .u-fw-br {
    font-weight: bolder !important;
  }
  
  .u-fw-l {
    font-weight: 200 !important;
  }
  
  .u-fw-lr {
    font-weight: lighter !important;
  }
  
  .u-fw-100 {
    font-weight: 100 !important;
  }
  
  .u-fw-200 {
    font-weight: 200 !important;
  }
  
  .u-fw-300 {
    font-weight: 300 !important;
  }
  
  .u-fw-400 {
    font-weight: 400 !important;
  }
  
  .u-fw-500 {
    font-weight: 500 !important;
  }
  
  .u-fw-600 {
    font-weight: 600 !important;
  }
  
  .u-fw-700 {
    font-weight: 700 !important;
  }
  
  .u-fw-800 {
    font-weight: 800 !important;
  }
  
  .u-fw-900 {
    font-weight: 900 !important;
  }
  
  .u-fs-nm {
    font-style: normal !important;
  }
  
  .u-fs-i {
    font-style: italic !important;
  }
  
  .u-fs-o {
    font-style: oblique !important;
  }
  
  .u-fv-nm {
    font-variant: normal !important;
  }
  
  .u-fv-sc {
    font-variant: small-caps !important;
  }
  
  .u-fz-xs {
    font-size: 1.1rem !important;
  }
  
  .u-fz-sm {
    font-size: 1.3rem !important;
  }
  
  .u-fz-md {
    font-size: 1.5rem !important;
  }
  
  .u-fz-lg {
    font-size: 1.8rem !important;
  }
  
  .u-fz-xl {
    font-size: 2.0rem !important;
  }
  
  .u-fz-sr {
    font-size: smaller !important;
  }
  
  .u-fz-lr {
    font-size: larger !important;
  }
  
  .u-fz-10 {
    font-size: 10px !important;
  }
  
  .u-fz-11 {
    font-size: 11px !important;
  }
  
  .u-fz-12 {
    font-size: 12px !important;
  }
  
  .u-fz-13 {
    font-size: 13px !important;
  }
  
  .u-fz-14 {
    font-size: 14px !important;
  }
  
  .u-fz-15 {
    font-size: 15px !important;
  }
  
  .u-fz-16 {
    font-size: 16px !important;
  }
  
  .u-fz-17 {
    font-size: 17px !important;
  }
  
  .u-fz-18 {
    font-size: 18px !important;
  }
  
  .u-fz-19 {
    font-size: 19px !important;
  }
  
  .u-fz-20 {
    font-size: 20px !important;
  }
  
  .u-fz-h1 {
    font-size: 2.5rem !important;
  }
  
  .u-fz-h2 {
    font-size: 2rem !important;
  }
  
  .u-fz-h3 {
    font-size: 1.75rem !important;
  }
  
  .u-fz-h4 {
    font-size: 1.5rem !important;
  }
  
  .u-fz-h5 {
    font-size: 1.25rem !important;
  }
  
  .u-fz-h6 {
    font-size: 1rem !important;
  }
  
  .u-ff-s {
    font-family: serif !important;
  }
  
  .u-ff-ss {
    font-family: sans-serif !important;
  }
  
  .u-ff-c {
    font-family: cursive !important;
  }
  
  .u-ff-f {
    font-family: fantasy !important;
  }
  
  .u-ff-m {
    font-family: monospace !important;
  }
  
  .u-ff-a {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  }
  
  .u-ff-t {
    font-family: "Times New Roman", Times, Baskerville, Georgia, serif !important;
  }
  
  .u-ff-v {
    font-family: Verdana, Geneva, sans-serif !important;
  }
  
  .u-ff-l {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif !important;
  }
  
  .u-ff-j {
    font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
  }
  
  .u-op-0 {
    opacity: 0 !important;
  }
  
  .u-op-0_1 {
    opacity: 0.1 !important;
  }
  
  .u-op-0_2 {
    opacity: 0.2 !important;
  }
  
  .u-op-0_3 {
    opacity: 0.3 !important;
  }
  
  .u-op-0_4 {
    opacity: 0.4 !important;
  }
  
  .u-op-0_5 {
    opacity: 0.5 !important;
  }
  
  .u-op-0_6 {
    opacity: 0.6 !important;
  }
  
  .u-op-0_7 {
    opacity: 0.7 !important;
  }
  
  .u-op-0_8 {
    opacity: 0.8 !important;
  }
  
  .u-op-0_9 {
    opacity: 0.9 !important;
  }
  
  .u-op-1 {
    opacity: 1 !important;
  }
  
  .u-rsz-n {
    resize: none !important;
  }
  
  .u-rsz-b {
    resize: both !important;
  }
  
  .u-rsz-h {
    resize: horizontal !important;
  }
  
  .u-rsz-v {
    resize: vertical !important;
  }
  
  .u-cur-a {
    cursor: auto !important;
  }
  
  .u-cur-d {
    cursor: default !important;
  }
  
  .u-cur-c {
    cursor: crosshair !important;
  }
  
  .u-cur-ha {
    cursor: hand !important;
  }
  
  .u-cur-he {
    cursor: help !important;
  }
  
  .u-cur-m {
    cursor: move !important;
  }
  
  .u-cur-p {
    cursor: pointer !important;
  }
  
  .u-cur-t {
    cursor: text !important;
  }
  
  .u-fxd-r {
    flex-direction: row !important;
  }
  
  .u-fxd-rr {
    flex-direction: row-reverse !important;
  }
  
  .u-fxd-c {
    flex-direction: column !important;
  }
  
  .u-fxd-cr {
    flex-direction: column-reverse !important;
  }
  
  .u-fxw-n {
    flex-wrap: nowrap !important;
  }
  
  .u-fxw-w {
    flex-wrap: wrap !important;
  }
  
  .u-fxw-wr {
    flex-wrap: wrap-reverse !important;
  }
  
  .u-jc-fs {
    justify-content: flex-start !important;
  }
  
  .u-jc-fe {
    justify-content: flex-end !important;
  }
  
  .u-jc-c {
    justify-content: center !important;
  }
  
  .u-jc-sb {
    justify-content: space-between !important;
  }
  
  .u-jc-sa {
    justify-content: space-around !important;
  }
  
  .u-ai-fs {
    align-items: flex-start !important;
  }
  
  .u-ai-fe {
    align-items: flex-end !important;
  }
  
  .u-ai-c {
    align-items: center !important;
  }
  
  .u-ai-b {
    align-items: baseline !important;
  }
  
  .u-ai-s {
    align-items: stretch !important;
  }
  
  .u-ac-fs {
    align-content: flex-start !important;
  }
  
  .u-ac-fe {
    align-content: flex-end !important;
  }
  
  .u-ac-c {
    align-content: center !important;
  }
  
  .u-ac-sb {
    align-content: space-between !important;
  }
  
  .u-ac-sa {
    align-content: space-around !important;
  }
  
  .u-ac-s {
    align-content: stretch !important;
  }
  
  .u-ord--1 {
    order: -1 !important;
  }
  
  .u-ord-0 {
    order: 0 !important;
  }
  
  .u-ord-1 {
    order: 1 !important;
  }
  
  .u-ord-2 {
    order: 2 !important;
  }
  
  .u-ord-3 {
    order: 3 !important;
  }
  
  .u-ord-4 {
    order: 4 !important;
  }
  
  .u-ord-5 {
    order: 5 !important;
  }
  
  .u-ord-6 {
    order: 6 !important;
  }
  
  .u-ord-9999 {
    order: 9999 !important;
  }
  
  .u-fx-n {
    flex: none !important;
  }
  
  .u-fx-1_1_a {
    flex: 1 1 auto !important;
  }
  
  .u-fx-1_0_a {
    flex: 1 0 auto !important;
  }
  
  .u-fx-1_1_1 {
    flex: 1 1 1px !important;
  }
  
  .u-as-a {
    align-self: auto !important;
  }
  
  .u-as-fs {
    align-self: flex-start !important;
  }
  
  .u-as-fe {
    align-self: flex-end !important;
  }
  
  .u-as-c {
    align-self: center !important;
  }
  
  .u-as-b {
    align-self: baseline !important;
  }
  
  .u-as-s {
    align-self: stretch !important;
  }
  
  .u-wfsm-a {
    -webkit-font-smoothing: antialiased !important;
  }
  
  .u-wfsm-sa {
    -webkit-font-smoothing: subpixel-antialiased !important;
  }
  
  .u-wfsm-n {
    -webkit-font-smoothing: none !important;
  }
  
  .u-obf-f {
    object-fit: fill !important;
  }
  
  .u-obf-ct {
    object-fit: contain !important;
  }
  
  .u-obf-cv {
    object-fit: cover !important;
  }
  
  .u-obf-n {
    object-fit: none !important;
  }
  
  .u-obf-sd {
    object-fit: scale-down !important;
  }
  
  .u-cf:before, .u-cf:after {
    content: " "; display: table;
  }
  
  .u-cf:after {
    clear: both;
  }
  
  .u-tetr {
    max-width: 100%; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; word-wrap: normal !important;
  }
  
  .u-tehi {
    overflow: hidden !important; text-indent: 200% !important; white-space: nowrap !important;
  }
  
  .u-reli {
    list-style: none; padding-left: 0;
  }
  
  .u-abce {
    bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0;
  }
  
  /*ページ内リンク(inner-link)の停止位置調整*/
  .u-il-mp {
    margin-top: -56px;
      padding-top:56px;
  }
  
  /*追加*/
  /* header分ずらす用 */
  .u-mt-80 {
    margin-top: 80px;
  }
  
  /*CS original style*/
  
  .u-b-3 {
    border: 3px solid #1A1B1D;
  }
  
  /* ------------------------------------------------------------
      PC用定義
  ------------------------------------------------------------ */
  
  .u-pc-flex {
    display: flex;
  }
  
  .u-ml-mb {
    margin-left: 20px;
  }
  
  @media screen and (max-width: 767px) {
    .u-pc-flex{
    display: block;
  }
  
  }
  
  /* ------------------------------------------------------------
      スマホ用定義
  ------------------------------------------------------------ */
  
  /*スマホのみに表示させる*/
  .u-sp-db {
    display:none;
  }
  
  .u-sp-img-100p {
    width: auto;
  }
  
  
  /*---------------------------
  
  COMMON
  
  -----------------------------*/
  
  * {
    box-sizing: border-box;
  }
  
  li {
    list-style: none;
  }
  
  .inner img,
  .inner--sm img {
    max-width: 100%;
  }
  
  th,
  td {
    border: 1px solid #ccc;
      
  }
  
  th {
    background: #D2E7E1;
  }
  
  /*---------------------------
  
  TEXT
  
  -----------------------------*/
  
  .annotation {
    font-size: 12px;
      color: #888;
      position: relative;
      padding-left: 15px;
  }
  
  .annotation:before {
    content: '※';
      position: absolute;
      top: 0;
      left: 0;
  }
  
  .lead_text {
    text-align: center;
  }
  
  .note {
    background: #fff;
      padding: 40px;
      border: 1px solid #ccc;
  }
  
  .bg_gray .note {
    border: none;
  }
  
  .text-marker {
    background: linear-gradient(transparent 50%, #fffa84 50%);
  }
  
  
  /*---------------------------
  
  LIST
  
  -----------------------------*/
  
  .list_circle li {
    position: relative;
      padding-left: 25px;
  }
  
  .list_circle li:before {
    content: '●';
      color: #00AB8D;
      position: absolute;
      top: 0;
      left: 0;
  }
  
  /*---------------------------
  
  TITLE
  
  -----------------------------*/
  
  .title_page {
      padding-top: 110px;
      box-sizing: border-box;
      margin: auto;
      z-index: 20;
      position: relative;
      font-size: 32px;
      line-height: 1;
      color: #fff;
      text-shadow: 0 0 3px rgba(0, 0, 0, .3);
      letter-spacing: 0.02em;
      /*    既存上書き*/
      top: auto;
      left: 0;
      text-align: left;
      border: none;
  }
  
  .title_section {
      font-size: clamp(1rem, 2vw, 2.5rem);
      line-height: 1.2;
      color: #00AB8D;
      border: none;
      padding-left: 0;
      text-align: center;
      margin: 0 0 40px 0;
      letter-spacing: 0.02em;
  }
  
  .title_segment {
      font-size: clamp(0.8rem, 2vw, 2rem);
      border-left: 1px solid #00AB8D;
      line-height: 1.2;
      padding-left: 20px;
      margin-bottom: 30px;
      letter-spacing: 0.02em;
  }
  
  .bg_gray {
      background: #f5f5f5;
  }
  
  .main_color {
    color: #00AB8D;
  }

  
  
  /*---------------------------
  
  COLUMN
  
  -----------------------------*/
  
  .col2_list,
  .col3_list,
  .col4_list,
  .col5_list {
    display: flex;
      flex-wrap: wrap;
  }
  
  .col2_list li {
    flex-basis: 48.5%;
      max-width: 48.5%;
      margin-right: 3%;
      box-sizing: border-box;
  }
  
  .col2_list li:nth-child(even) {
    margin-right: 0;
  }
  
  .col2_list li:nth-child(n+3) {
    margin-top: 2rem;
  }
  
  .col3_list li {
    flex-basis: 32%;
      max-width: 32%;
      margin-right: 2%;
      box-sizing: border-box;
  }
  
  .col3_list li:nth-child(3n) {
    margin-right: 0;
  }
  
  .col3_list li:nth-child(n+4) {
    margin-top: 2rem;
  }
  
  .col4_list li {
    flex-basis: 23.5%;
      max-width: 23.5%;
      margin-right: 2%;
      box-sizing: border-box;
  }
  
  .col4_list li:nth-child(4n) {
    margin-right: 0;
  }
  
  .col4_list li:nth-child(n+5) {
    margin-top: 2rem;
  }
  
  .col5_list li {
    flex-basis: 18.4%;
      max-width: 18.4%;
      margin-right: 2%;
      box-sizing: border-box;
  }
  
  .col5_list li:nth-child(5n) {
    margin-right: 0;
  }
  
  .col5_list li:nth-child(n+6) {
    margin-top: 2rem;
  }
  
  /*set*/
  
  .col3_list .title {
    font-size: 18px;
      text-align: center;
      font-weight: bold;
      line-height: 1.5;
  }
  
  .col3_list .img {
    max-width: 100%;
      margin-bottom: 20px;
  }
  
  .col3_list .text {
    font-size: 13px;
      color: #999;
      line-height: 1.5;
  }
  
  .col3_list li:nth-child(even),
      .col4_list li:nth-child(even),
      .col5_list li:nth-child(even) {
    margin-right: 0;
  }
  
  .col3_list li:nth-child(n+2),
      .col2_list li:nth-child(n+2),
      .col4_list li:nth-child(n+2),
      .col5_list li:nth-child(n+2) {
    margin-top: 2rem;
  }
  
  .sp-col1>li:nth-child(odd),
      .sp-col1>li:nth-child(even) {
    flex-basis: 100%;
          max-width: 100%;
          margin-right: 0;
  }
  
  /*---------------------------
  
  ITサポート
  
  -----------------------------*/
  
  .itsupport_feature img {
      width: 80%;
      display: block;
      margin: 0 auto 20px auto;
      border-radius: 10%;
      object-fit: cover;
      background-color: #f8f9fa;
      padding: 10px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }
  
  .itsupport_feature__text {
      color: #00AB8D;
      font-weight: bold;
      text-align: center;
  }
  
  /*---------------------------
  
  電気削減
  
  -----------------------------*/
  
  .denki_feature img {
      width: 70%;
      display: block;
      margin: 0 auto 20px auto;
  }
  
  .denki_feature__text {
      color: #00AB8D;
      font-weight: bold;
      text-align: center;
  }
  
  .cost_annotation {
    font-size: 12px;
      color: #DC5342;
      font-weight: bold;
      text-align: center;
  }
  
  .why_list li {
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
      padding: 30px;
  }
  
  .why_list__title {
    color: #00AB8D;
      font-size: 18px;
      font-weight: bold;
      line-height: 1.5;
      margin-bottom: 20px;
      text-align: center;
  }
  
  .cost_case img {
    width: 80%;
      display: block;
      margin: auto
  }
  
  .ceo_message {
    display: flex;
      align-items: flex-start;
  }
  
  .ceo_message__text {
    flex-basis: 66%;
      margin-right: 4%;
  }
  
  .ceo_message__img {
    flex-basis: 30%;
      width: 30%;
  }
  
  .ceo_message__name {
    text-align: right;
  }
  
  .denki_img {
    background: url(/shared/images/service/denki_kv.jpg) center center no-repeat;
      background-size: cover;
      position: relative;
      height: 250px;
  }
  
  .why_list__title br {
    display: none;
  }
  
  /* ===== common.css ===== */
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  共有css
  
  制作対象となるページに依存せず、使いまわしのできる要素のみを
  記載しましょう。
  
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* ------------------------------------------------------------
      clearfix　
  ------------------------------------------------------------ */
  .clearfix:after {
    content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
  }
  
  * html .clearfix {
    height: 1px;
      /*\*//*/
      height: auto;
      overflow: hidden;
      /**/
  }
  
  /* ------------------------------------------------------------
      css3
  ------------------------------------------------------------ */
  
  .no_transition {
    -webkit-transition:none!important;
    -moz-transition:none!important;
    -o-transition:none!important;
    transition:none!important;
  }
  
  /* ------------------------------------------------------------
      float
  ------------------------------------------------------------ */
  .clearboth {
    clear:both;
  }
  
  .floatleft {
    float:left !important;
  }
  
  .floatright {
    float:right !important;
  }
  
  /* ------------------------------------------------------------
      margin　
  ------------------------------------------------------------ */
  .mg0 {
    margin:0 !important;
  }
  
  .mg20 {
    margin:20px;
  }
  
  .mgbtm0 {
    margin-bottom:0px !important;
  }
  
  .mgbtm5 {
    margin-bottom:5px !important;
  }
  
  .mgbtm10 {
    margin-bottom:10px !important;
  }
  
  .mgbtm15 {
    margin-bottom:15px !important;
  }
  
  .mgbtm20 {
    margin-bottom:20px !important;
  }
  
  .mgbtm25 {
    margin-bottom:25px !important;
  }
  
  .mgbtm30 {
    margin-bottom:30px !important;
  }
  
  .mgbtm40 {
    margin-bottom:40px !important;
  }
  
  .mgbtm50 {
    margin-bottom:50px !important;
  }
  
  .mgbtm60 {
    margin-bottom:60px !important;
  }
  
  .mgbtm70 {
    margin-bottom:70px !important;
  }
  
  .mgbtm80 {
    margin-bottom:80px !important;
  }
  
  .mgbtm155 {
    margin-bottom:155px !important;
  }
  
  .mgtop0 {
    margin-top:0px !important;
  }
  
  .mgtop5 {
    margin-top:5px !important;
  }
  
  .mgtop10 {
    margin-top:10px !important;
  }
  
  .mgtop15 {
    margin-top:15px !important;
  }
  
  .mgtop20 {
    margin-top:20px !important;
  }
  
  .mgtop25 {
    margin-top:25px !important;
  }
  
  .mgtop30 {
    margin-top:30px !important;
  }
  
  .mgtop40 {
    margin-top:40px !important;
  }
  
  .mgtop50 {
    margin-top:50px !important;
  }
  
  .mgtop-40 {
    margin-top:-40px;
  }

  .mgtop-2r {
    margin-top:2rem;
  }
  
  .mglt0 {
    margin-left:0px !important;
  }
  
  .mglt5 {
    margin-left:5px !important;
  }
  
  .mglt10 {
    margin-left:10px !important;
  }
  
  .mglt15 {
    margin-left:15px !important;
  }
  
  .mglt20 {
    margin-left:20px !important;
  }
  
  .mglt25 {
    margin-left:25px !important;
  }
  
  .mglt30 {
    margin-left:30px !important;
  }
  
  .mglt40 {
    margin-left:40px !important;
  }
  
  .mglt50 {
    margin-left:50px !important;
  }
  
  .mglt60 {
    margin-left:60px !important;
  }
  
  .mglt120 {
    margin-left:120px !important;
  }
  
  .mglt140 {
    margin-left:140px !important;
  }
  
  .mglt210 {
    margin-left:210px !important;
  }
  
  .mgrt0 {
    margin-right:0 !important;
  }
  
  .mgrt5 {
    margin-right:5px !important;
  }
  
  .mgrt10 {
    margin-right:10px !important;
  }
  
  .mgrt15 {
    margin-right:15px !important;
  }
  
  .mgrt20 {
    margin-right:20px !important;
  }
  
  .mgrt25 {
    margin-right:25px !important;
  }
  
  .mgrt30 {
    margin-right:30px !important;
  }
  
  .mgrt40 {
    margin-right:40px !important;
  }
  
  .mgrt50 {
    margin-right:50px !important;
  }
  
  .mgrt60 {
    margin-right:60px !important;
  }
  
  .mgrt95 {
    margin-right:95px !important;
  }
  
  .mgrt100 {
    margin-right:100px !important;
  }
  
  .mgbtmxx {
    margin-bottom:140px !important;
  }
  
  .mgw20 {
    margin-left:20px;
      margin-right:20px;
  }
  
  /* ------------------------------------------------------------
      padding
  ------------------------------------------------------------ */
  .pd0 {
    padding:0 !important;
  }
  
  .pd10 {
    padding:10px !important;
  }
  
  .pd20 {
    padding:20px !important;
  }
  
  .pdtop0 {
    padding-top:0 !important;
  }
  
  .pdtop10 {
    padding-top:10px !important;
  }
  
  .pdtop15 {
    padding-top:15px;
  }
  
  .pdtop20 {
    padding-top:20px !important;
  }
  
  .pdtop40 {
    padding-top:40px !important;
  }
  
  .pdtop60 {
    padding-top:60px !important;
  }
  
  .pdbtm0 {
    padding-bottom:0 !important;
  }
  
  .pdbtm5 {
    padding-bottom:5px !important;
  }
  
  .pdbtm10 {
    padding-bottom:10px !important;
  }
  
  .pdbtm15 {
    padding-bottom:15px !important;
  }
  
  .pdbtm20 {
    padding-bottom:20px !important;
  }
  
  .pdbtm30 {
    padding-bottom:30px !important;
  }
  
  .pdbtm40 {
    padding-bottom:40px !important;
  }
  
  .pdbtm60 {
    padding-bottom:60px !important;
  }
  
  .pdbtm70 {
    padding-bottom:70px !important;
  }
  
  .pdlt25 {
    padding-left:25px;
  }
  
  .pdlt40 {
    padding-left:40px !important;
  }
  
  .pdrt0 {
    padding-right:0 !important;
  }
  
  .pdrt25 {
    padding-right:25px;
  }
  
  .pdw0 {
    padding-left:0;
      padding-right:0;
  }
  
  .pdw20 {
    padding-left:20px !important;
      padding-right:20px !important;
  }
  
  .pdh10 {
    padding-top:10px;
      padding-bottom:10px;
  }
  
  .pdH30 {
    padding-top:30px !important;
      padding-bottom:30px !important;
  }
  
  /* ------------------------------------------------------------
      fontstyle
  ------------------------------------------------------------ */
  .number_font {
    font-family:Century Gothic,sans-serif;
  }
  
  .bold {
    font-weight:bold;
  }
  
  /*共通強調用ラインマーカー*/
  
  .marker {
    background:url(/img/common/marker_bg.png) repeat;
  }
  
  /* .webfont {
    font-family: 'Ubuntu', sans-serif;
  } */
  
  /* ------------------------------------------------------------
      text-align
  ------------------------------------------------------------ */
  .text_right {
    text-align:right !important;
  }
  
  .text_left {
    text-align:left !important;
  }
  
  .text_center {
    text-align:center !important;
  }
  
  /* ------------------------------------------------------------
      image button acrtive
  ------------------------------------------------------------ */
  a[href]:hover>img {
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha(opacity=70);
      opacity:0.7;
      
  }
  
  a[href]>img {
    -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
  }
  
  /* ------------------------------------------------------------
      list_style
  ------------------------------------------------------------ */
  
  ul.list_disc {
    list-style: disc;
      margin-left: 20px;
  }
  
  .image-center {
    display: block;
    margin: 0 auto;
  }
}