@charset "UTF-8";

/* CSS Document */


/*------------------------------------------------------
リセット
------------------------------------------------------*/

html, body, #ion-all div, #ion-all span, #ion-all applet, #ion-all object, #ion-all iframe, #ion-all h1, #ion-all h2, #ion-all h3, #ion-all h4, #ion-all h5, #ion-all h6, #ion-all p, #ion-all blockquote, #ion-all pre, #ion-all a, #ion-all abbr, #ion-all acronym, #ion-all address, #ion-all big, #ion-all cite, #ion-all code, #ion-all del, #ion-all dfn, #ion-all em, #ion-all img, #ion-all ins, #ion-all kbd, #ion-all q, #ion-all s, #ion-all samp, #ion-all small, #ion-all strike, #ion-all strong, #ion-all sub, #ion-all sup, #ion-all tt, #ion-all var, #ion-all b, #ion-all u, #ion-all i, #ion-all center, #ion-all dl, #ion-all dt, #ion-all dd, #ion-all ol, #ion-all ul, #ion-all li, #ion-all fieldset, #ion-all form, #ion-all label, #ion-all legend, #ion-all table, #ion-all caption, #ion-all tbody, #ion-all tfoot, #ion-all thead, #ion-all tr, #ion-all th, #ion-all td, #ion-all article, #ion-all aside, #ion-all canvas, #ion-all details, #ion-all embed, #ion-all figure, #ion-all figcaption, #ion-all footer, #ion-all header, #ion-all hgroup, #ion-all menu, #ion-all nav, #ion-all output, #ion-all ruby, #ion-all section, #ion-all summary, #ion-all time, #ion-all mark, #ion-all audio, #ion-all video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

#ion-all article, #ion-all aside, #ion-all details, #ion-all figcaption, #ion-all figure, #ion-all footer, #ion-all header, #ion-all hgroup, #ion-all menu, #ion-all nav, #ion-all section {
  display: block;
}

body{
  line-height: 1;
  font-family: 'Noto Sans JP', sans-serif;
  width: 100%;
}

#ion-all ol, #ion-all ul {
  list-style: none;
}

#ion-all a, #ion-all p {
  text-decoration: none;
}

#ion-all blockquote, q {
  quotes: none;
}

#ion-all blockquote:before, #ion-all blockquote:after, #ion-all q:before, #ion-all q:after {
  content: '';
  content: none;
}

#ion-all table {
  border-collapse: collapse;
  border-spacing: 0;
}


/*------------------------------------------------------
デバイス共通
------------------------------------------------------*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

#ion-all img {
  border-style: none;
  width: 100%;
}

#ion-section-first {
  width: 100%;
}

#ion-section-kaisetu {
  width: 100%;
}

#ion-section-virus {
  width: 100%;
}

#ion-section-company {
  width: 100%;
}

#ion-section-mark {
  width: 100%;
}

#ion-section-contact {
  width: 100%;
}

#ion-section-contact {
  width: 100%;
}

#ion-all .ion-text {
  font-size: 17px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.8em;
}

#ion-all .ion-text-white {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.8em;
}

#ion-all .ion-bluetext {
  color: #24AADA;
  font-size: 15px;
  font-weight: 300;
  font-style: normal;
}

#ion-all .ion-waterback {
  background-color: #f5f5f5;
}

#ion-all .ion-blueback {
  background-color: #24AADA;
}

#ion-all .ion-blackback {
  background-color: #191919;
}

#ion-all .ion-text-center {
  text-align: center;
}

#ion-all .ion-text-left {
  text-align: left;
}


/*------------------------------------------------------
PC
------------------------------------------------------*/

@media screen and (min-width: 900px) {
  /*------------------------------------------------------*/
  #ion-all .ion-text-spleft {
    text-align: left;
  }
  #ion-all .ion-text-spcenter {
    text-align: center;
  }
  #ion-all .ion-wrapper {
    padding: 80px 0 80px 0;
    text-align: center;
    margin: 0 auto;
  }
  #ion-all .ion-wrapper-single {
    padding: 80px 0 0 0;
  }
  #ion-all .ion-innerbox-wide {
    width: 1100px;
    margin: 0 auto;
  }
  #ion-all .ion-innerbox-normal {
    width: 900px;
    margin: 0 auto;
  }
  #ion-all .ion-innerbox-small {
    width: 600px;
    margin: 0 auto;
  }
  #ion-all .ion-midashi {
    width: 60px;
    margin-bottom: 10px;
    display: inline-block;
  }
  #ion-all .ion-mt15 {
    margin-top: 15px;
  }
  #ion-all .ion-mt30 {
    margin-top: 30px;
  }
  #ion-all .ion-mt50 {
    margin-top: 50px;
  }
  #ion-all .ion-mt70 {
    margin-top: 70px;
  }
  #ion-all .ion-mt90 {
    margin-top: 90px;
  }
  #ion-all .ion-dis-p {
    display: none;
  }
  #ion-all .ion-h2 {
    font-size: 30px;
  }
  #ion-all .ion-h3-blue {
    font-size: 30px;
    color: #24AADA;
    font-weight: 300;
    line-height: 1.5em;
  }
  #ion-all .ion-h3-white {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
    line-height: 1.5em;
  }
  /*header------------------------------------------------------*/
  #ion-all header {
    width: 100%;
    position: fixed;
    background-color: #fff;
    top: -1px;
    z-index: 100;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  }
  #ion-all .ion-header {
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #ion-all .ion-header-right {
    display: flex;
    justify-content: flex-end;
    padding: 0 20px;
    align-items: center;
  }
  #ion-all .ion-header-spright {
    display: none;
  }
  #ion-all .ion-tcare-logo {
    width: 110px;
    padding: 10px 0;
  }
  #ion-all .ion-header-list {
    display: flex;
    margin-right: 20px;
    height: 100%;
    vertical-align: middle;
  }
  #ion-all .ion-header-list li {
    margin-left: 20px;
    font-weight: bold;
    font-size: 0.9em;
  }
  #ion-all .ion-header-contact {
    background-color: #24AADA;
    color: #fff;
    font-weight: bold;
    width: 150px;
    text-align: center;
    padding: 15px 0;
    border-radius: 25px;
    font-size: 0.9em;
/*    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);*/
  }
  #ion-all .ion-header-list a:link {
    text-decoration: none;
    color: #000;
  }
  #ion-all .ion-header-list a:visited {
    text-decoration: none;
    color: #000;
  }
  #ion-all .ion-header-list a:hover {
    text-decoration: none;
    color: #24AADA;
  }
  #ion-all .ion-header-contact a:link {
    text-decoration: none;
    color: #FFF;
  }
  #ion-all .ion-header-contact a:visited {
    text-decoration: none;
    color: #FFF;
  }
  /*KV------------------------------------------------------*/
  #ion-all .ion-first {
    margin-top: 50px;
    width: 100%;
    height: 550px;
    text-align: center;
    background-image: url("image/ion-kv1.png");
    padding-top: 80px;
  }
  #ion-all .ion-h1 {
    color: #fff;
    font-size: 60px;
    margin-top: 30px;
    line-height: 1.2em;
    font-weight: 100;
  }
  #ion-all .ion-h1 span {
    font-weight: bold;
    margin-left: 20px;
  }
  #ion-all .ion-kv-inner {
    position: relative;
    text-align: center;
    height: 100%;
    display: block;
  }
  #ion-all .ion-kv-under {
    position: absolute;
    width: 100%;
    bottom: -5px;
  }
  #ion-all .ion-kvtitle {
    width: 200px;
    display: inline-block;
  }
  #ion-all .ion-kv-text {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
  }
  #ion-all .ion-eria {
    padding: 20px 30px;
    border: 2px solid #fff;
    margin: 20px 10px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
  }
  /*冒頭------------------------------------------------------*/
  #ion-all .ion-about {
    justify-content: center;
    display: inline-flex;
  }
  #ion-all .ion-about-img {
    width: 600px;
    align-self: center;
  }
  #ion-all .ion-about-right {
    padding-left: 50px;
  }
  #ion-all .ion-jyoseikin {
    padding: 30px 100px 50px 100px;
    border-radius: 50px 0 50px 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    text-align: center;
  }
  #ion-all .ion-jyoseikin-title {
    font-size: 30px;
    color: #24AADA;
    font-weight: thin;
    line-height: 1.2em;
    border-bottom: 4px solid #f5f5f5;
    padding-bottom: 10px;
    margin-top: 10px;
  }
  #ion-all .ion-idea {
    width: 50px;
    display: inline-block;
  }
  #ion-all .ion-jyoseikin-text {
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.6em;
  }
  #ion-all .ion-jyoseikin-text span {
    color: #24AADA;
    background-color: #f5f5f5;
    font-weight: bold;
    padding: 10px;
    display: block;
    margin: 15px 0 15px 0;
    border-radius: 10px;
  }
  /*実績------------------------------------------------------*/
  #ion-all .ion-jisseki {
    display: flex;
    justify-content: center;
    margin-top: 70px;
  }
  #ion-all .ion-jisseki-left {
    align-self: center;
    width: 40%;
  }
  #ion-all .ion-jisseki-right {
    align-self: center;
    padding: 60px;
    width: 50%;
  }
  #ion-all .ion-jisseki-title {
    color: #24AADA;
    font-size: 25px;
  }
  /*対象施設------------------------------------------------------*/
  #ion-all .ion-shisetsu {
    text-align: center;
  }
  #ion-all .ion-shisetsu-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #ion-all .ion-shisetsu-list-child {
    width: 23%;
    margin-bottom: 30px;
  }
  /*イオンの解説------------------------------------------------------*/
  #ion-all .ion-kaisetsu {
    width: 100%;
    height: 350px;
    text-align: center;
    background-image: url("image/ion-kv2.png");
    padding-top: 120px;
  }
  #ion-all .ion-h2-blue {
    font-size: 35px;
    line-height: 1.5em;
    width: 600px;
    text-align: center;
    padding: 20px;
    color: #fff;
    font-weight: 100;
    background-color: rgba(36, 170, 218, 0.8);
    margin: 0 auto;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  }
  #ion-all .ion-h2-blue span {
    font-weight: bold;
  }
  /*ポイント------------------------------------------------------*/
  #ion-all .ion-point-cover {
    display: flex;
    justify-content: center;
  }
  #ion-all .ion-point-img {
    width: 700px;
    align-self: center;
  }
  #ion-all .ion-point-right {
    padding-left: 60px;
    text-align: left;
    align-self: center;
    width: 60%;
  }
  #ion-all .ion-5point-inner {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 20px 0 20px 0;
  }
  #ion-all .ion-5point-inner-left {
    align-self: center;
    text-align: center;
    vertical-align: middle;
    background-color: #24AADA;
    border-radius: 15px 0 15px 0;
    padding: 20px;
  }
  #ion-all .ion-5point-inner-left p {
    color: #fff;
    line-height: 1.5em;
    font-weight: bold;
    font-size: 15px;
  }
  #ion-all .ion-5point-inner-right {
    align-self: center;
    vertical-align: middle;
    text-align: left;
    margin-left: 30px;
  }
  /*目的と対象------------------------------------------------------*/
  #ion-all .ion-box-cover {
    text-align: center;
    position: relative;
  }
  #ion-all .ion-box {}
  #ion-all .ion-box-title {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background-color: #24AADA;
    padding: 20px;
    width: 200px;
    border-radius: 20px 0 20px 0;
    display: inline-block;
    position: absolute;
    top: -40px;
    left: 325px;
  }
  #ion-all .ion-box-list {
    text-align: center;
    padding: 50px 30px 30px 30px;
/*
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(6, minmax(80px, 1fr));
*/
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #ion-all .ion-box-list2 {
    text-align: center;
    padding: 50px 30px 30px 30px;
/*
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(5, minmax(80px, 1fr));
*/
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #ion-all .ion-box-list-child {
    width: 15%;
    }

  #ion-all .ion-box-list p, #ion-all .ion-box-list2 p {
    color: #24AADA;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
  }
  /*ウイルスへの効果------------------------------------------------------*/
  #ion-all .ion-virus {
    width: 100%;
    height: 350px;
    text-align: center;
    background-image: url("image/ion-kv3.png");
    padding-top: 120px;
  }
  #ion-all .ion-sokutei {
    display: flex;
    justify-content: center;
  }
  #ion-all .ion-sokutei-box {
    width: 30%;
  }
  #ion-all .ion-sankaku-cover {
    align-self: center;
    display: inline-block;
    width: 5%;
    padding: 10px;
    text-align: center;
  }
  #ion-all .ion-sankaku {
    width: 15px;
    height: 15px;
    border: 5px solid;
    border-color: #fff #fff transparent transparent;
    transform: rotate(45deg);
  }
  #ion-all .ion-shiken {
    display: flex;
    justify-content: center;
  }
  #ion-all .ion-shiken-box {
    padding: 0 30px;
    width: 300px;
    align-self: flex-end;
  }
  #ion-all .ion-shiken-title {
    font-weight: bold;
    font-size: 17px;
    border-bottom: 2px solid #24AADA;
    padding-bottom: 15px;
    line-height: 1.5em;
    margin-bottom: 20px;
  }
  #ion-all .ion-taisakukouka-cover {
    padding: 50px;
    border-radius: 50px 0 50px 0;
    background-color: #fff;
    text-align: center;
  }
  #ion-all .ion-taisakukouka {
    display: flex;
    justify-content: space-between;
  }
  #ion-all .ion-taisakukouka-box {
    align-self: flex-start;
    padding: 30px;
    flex-basis: 25%;
    border-radius: 20px 0 20px 0;
    position: relative;
    background-color: #fff;
    margin: 0 10px;
  }
  #ion-all .ion-taisakukouka-img {
    height: 80px;
    width: 80px;
    display: inline-block;
  }
  #ion-all .ion-taisakukouka-title {
    font-weight: bold;
    font-size: 17px;
    line-height: 1.5em;
    color: #24AADA;
  }
  /*企業リスト------------------------------------------------------*/
  #ion-all .ion-company {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #ion-all .ion-company-list {
    width: 120px;
    height: 80px;
    padding: 5px;
    margin: 10px;
    background-color: #fff;
    border: 2px solid #f5f5f5;
  }
  /*保証マーク------------------------------------------------------*/
  #ion-all .ion-mark {
    display: flex;
    justify-content: center;
  }
  #ion-all .ion-mark-right {
    width: 30%;
    align-self: center;
  }
  #ion-all .ion-mark-left {
    width: 70%;
    padding-left: 30px;
    align-self: center;
  }
  /*エリア------------------------------------------------------*/
  #ion-all .ion-area-text span {
    color: #24AADA;
    font-weight: bold;
    font-size: 18px;
    padding: 10px 15px;
    border: 2px solid #24AADA;
    margin: 5px;
  }
  /*コンタクト------------------------------------------------------*/
  #ion-all .ion-btn-contact {
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    padding: 30px;
    font-weight: thin;
    color: #24AADA;
    font-size: 25px;
    text-align: center;
  }
  #ion-all .ion-btn-contact:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 6px 2px -4px rgba(0, 0, 0, 0.2);
  }
  #ion-all .ion-tel {
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  #ion-all .ion-btn-contact a:link {
    text-decoration: none;
    color: #24AADA;
  }
  #ion-all .ion-btn-contact a:visited {
    text-decoration: none;
    color: #24AADA;
  }
  /*フッター------------------------------------------------------*/
  #ion-all .ion-footer-box {
    display: flex;
    justify-content: space-between;
  }
  #ion-all .ion-footer-box span {
    font-weight: bold;
    margin-left: -10px;
    display: inline-block;
  }
}


/*------------------------------------------------------
SP
------------------------------------------------------*/

@media screen and (max-width: 900px) {
  /*------------------------------------------------------*/
  #ion-all .ion-text-spleft {
    text-align: center;
  }
  #ion-all .ion-text-spcenter {
    text-align: left;
  }
  #ion-all .ion-wrapper {
    padding: 40px 0 40px 0;
    text-align: center;
  }
  #ion-all .ion-wrapper-single {
    padding: 40px 0 0 0;
  }
  #ion-all .ion-innerbox-wide {
    padding: 0 16px;
  }
  #ion-all .ion-innerbox-normal {
    padding: 0 16px;
  }
  #ion-all .ion-innerbox-small {
    padding: 0 16px;
  }
  #ion-all .ion-midashi {
    width: 40px;
    margin-bottom: 5px;
    display: inline-block;
  }
  #ion-all .ion-mt15 {
    margin-top: 10px;
  }
  #ion-all .ion-mt30 {
    margin-top: 20px;
  }
  #ion-all .ion-mt50 {
    margin-top: 35px;
  }
  #ion-all .ion-mt70 {
    margin-top: 50px;
  }
  #ion-all .ion-mt90 {
    margin-top: 50px;
  }
  #ion-all .ion-h2 {
    font-size: 22px;
  }
  #ion-all .ion-h3-blue {
    font-size: 22px;
    color: #24AADA;
    font-weight: 300;
    line-height: 1.5em;
  }
  #ion-all .ion-h3-white {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    line-height: 1.5em;
  }
  #ion-all .ion-dis-s {
    display: none;
  }
  /*header------------------------------------------------------*/
  #ion-all header {
    width: 100%;
    position: fixed;
    background-color: #fff;
    top: -1px;
    z-index: 100;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  }
  #ion-all .ion-header {
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #ion-all .ion-header-right {
    display: none;
  }
  #ion-all .ion-nav-title {
    background-color: #24AADA;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    padding: 20px;
    line-height: 1.5em;
  }
  #ion-all .ion-header-spright {
    padding: 15px;
  }
  #ion-all .ion-header-splist {
    padding: 0 40px;
  }
  #ion-all .ion-header-splist li {
    border-top: 1px solid #24AADA;
    padding: 15px;
    font-weight: bold;
  }
  #ion-all .ion-header-splist li a:link {
    text-decoration: none;
    color: #24AADA;
  }
  #ion-all .ion-header-splist li a:visited {
    text-decoration: none;
    color: #24AADA;
  }
  #ion-all .ion-tcare-logo {
    width: 90px;
    padding: 5px 0;
  }
  #ion-nav-drawer {
    position: relative;
  }
  /*チェックボックス等は非表示に*/
  #ion-all .ion-nav-unshown {
    display: none;
  }
  /*アイコンのスペース*/
  #ion-nav-open {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
  }
  /*ハンバーガーアイコンをCSSだけで表現*/
  #ion-nav-open span, #ion-nav-open span:before, #ion-nav-open span:after {
    position: absolute;
    height: 3px;
    /*線の太さ*/
    width: 25px;
    /*長さ*/
    border-radius: 3px;
    background: #555;
    display: block;
    content: '';
    cursor: pointer;
  }
  #ion-nav-open span:before {
    bottom: -8px;
  }
  #ion-nav-open span:after {
    bottom: -16px;
  }
  /*閉じる用の薄黒カバー*/
  #ion-nav-close {
    display: none;
    /*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;
    /*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
  }
  /*中身*/
  #ion-nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    /*最前面に*/
    width: 90%;
    /*右側に隙間を作る（閉じるカバーを表示）*/
    max-width: 330px;
    /*最大幅（調整してください）*/
    height: 100%;
    background: #fff;
    /*背景色*/
    transition: .3s ease-in-out;
    /*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
    /*左に隠しておく*/
  }
  /*チェックが入ったらもろもろ表示*/
  #ion-nav-input:checked~#ion-nav-close {
    display: block;
    /*カバーを表示*/
    opacity: .5;
  }
  #ion-nav-input:checked~#ion-nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    /*中身を表示（右へスライド）*/
    box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
  }
  /*KV------------------------------------------------------*/
  #ion-all .ion-first {
    width: 100%;
    height: 400px;
    text-align: center;
    background-image: url("image/ion-kv1.png");
    background-size: cover;
    background-position: center center;
    padding-top: 80px;
  }
  #ion-all .ion-h1 {
    color: #fff;
    font-size: 50px;
    margin-top: 15px;
    line-height: 1.2em;
    font-weight: 100;
  }
  #ion-all .ion-h1 span {
    font-weight: bold;
    margin-left: 10px;
  }
  #ion-all .ion-kv-inner {
    position: relative;
    text-align: center;
    height: 100%;
    display: block;
  }
  #ion-all .ion-kv-under {
    position: absolute;
    width: 100%;
    bottom: -5px;
  }
  #ion-all .ion-kvtitle {
    width: 120px;
    display: inline-block;
  }
  #ion-all .ion-kv-text {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-top: 20px;
    line-height: 1.8em;
    letter-spacing: 0.2em;
  }
  #ion-all .ion-eria {
    padding: 10px 20px;
    border: 2px solid #fff;
    margin: 0px 10px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
  }
  /*冒頭------------------------------------------------------*/
  #ion-all .ion-about {
    text-align: center;
  }
  #ion-all .ion-about-img {
    display: none;
  }
  #ion-all .ion-about-right {
    text-align: center !important;
  }
  #ion-all .ion-jyoseikin {}
  #ion-all .ion-jyoseikin-title {
    font-size: 20px;
    color: #24AADA;
    font-weight: thin;
    line-height: 1.2em;
    margin-top: 10px;
  }
  #ion-all .ion-idea {
    width: 40px;
    display: inline-block;
  }
  #ion-all .ion-jyoseikin-text {
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.6em;
  }
  #ion-all .ion-jyoseikin-text span {
    color: #24AADA;
    background-color: #f5f5f5;
    font-weight: bold;
    padding: 10px;
    display: block;
    margin: 10px 0 10px 0;
    border-radius: 5px;
  }
  /*実績------------------------------------------------------*/
  #ion-all .ion-jisseki {
    margin-top: 40px;
  }
  #ion-all .ion-jisseki-left {
    align-self: center;
    width: 70%;
    display: block;
    margin: 15px auto 0 auto;
  }
  #ion-all .ion-jisseki-right {
    align-self: center;
  }
  #ion-all .ion-jisseki-title {
    color: #24AADA;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.5em;
  }
  /*対象施設------------------------------------------------------*/
  #ion-all .ion-shisetsu {
    text-align: center;
  }
  #ion-all .ion-shisetsu-list {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(100px, 1fr));
  }
  #ion-all .ion-shisetsu-list-child {
    width: 30%;
    margin-bottom: 20px;
  }

  /*イオンの解説------------------------------------------------------*/
  #ion-all .ion-kaisetsu {
    width: 100%;
    height: 300px;
    text-align: center;
    background-image: url("image/ion-kv2.png");
    background-size: cover;
    background-position: center center;
    padding-top: 100px;
  }
  #ion-all .ion-h2-blue {
    font-size: 25px;
    line-height: 1.5em;
    width: 80%;
    border-radius: 30px 0 30px 0;
    text-align: center;
    padding: 20px;
    color: #fff;
    font-weight: 100;
    background-color: rgba(36, 170, 218, 0.8);
    margin: 0 auto;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  }
  #ion-all .ion-h2-blue span {
    font-weight: bold;
  }
  /*ポイント------------------------------------------------------*/
  #ion-all .ion-point-cover {}
  #ion-all .ion-point-img {
    display: none;
  }
  #ion-all .ion-point-right {}
  #ion-all .ion-5point-inner {
    margin-bottom: 10px;
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 20px 0 20px 0;
    text-align: center;
  }
  #ion-all .ion-5point-inner-left {
    text-align: center;
    vertical-align: middle;
    background-color: #24AADA;
    border-radius: 15px 0 15px 0;
    padding: 10px;
    width: 60px;
    display: block;
  }
  #ion-all .ion-5point-inner-left p {
    color: #fff;
    line-height: 1.5em;
    font-weight: bold;
    font-size: 15px;
  }
  #ion-all .ion-5point-inner-right {
    vertical-align: middle;
    text-align: left;
    margin-top: 10px;
  }
  /*目的と対象------------------------------------------------------*/
  #ion-all .ion-box-cover {
    text-align: center;
    position: relative;
  }
  #ion-all .ion-box {}
  #ion-all .ion-box-title {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    background-color: #24AADA;
    padding: 15px;
    width: 200px;
    border-radius: 10px 0 10px 0;
    margin-bottom: 20px;
    justify-content: center;
    margin: 0 auto;
  }
  #ion-all .ion-box-list {
    text-align: center;
    padding: 20px 15px 15px 15px;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(80px, 1fr));
  }
  #ion-all .ion-box-list2 {
    text-align: center;
    padding: 15px;
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, minmax(80px, 1fr));
  }
  #ion-all .ion-box-list p, #ion-all .ion-box-list2 p {
    color: #24AADA;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
  }
  /*ウイルスへの効果------------------------------------------------------*/
  #ion-all .ion-virus {
    width: 100%;
    height: 300px;
    text-align: center;
    background-image: url("image/ion-kv3.png");
    background-size: cover;
    background-position: center center;
    padding-top: 120px;
  }
  #ion-all .ion-sokutei {
    display: flex;
    justify-content: center;
  }
  #ion-all .ion-sokutei-box {
    padding: 0 10px;
  }
  #ion-all .ion-sankaku-cover {
    display: none;
  }
  #ion-all .ion-sankaku {
    display: none;
  }
  #ion-all .ion-shiken {
    display: flex;
    justify-content: center;
  }
  #ion-all .ion-shiken-box {
    padding: 0px 10px;
    align-self: flex-end;
  }
  #ion-all .ion-shiken-title {
    font-weight: bold;
    font-size: 17px;
    border-bottom: 2px solid #24AADA;
    padding-bottom: 15px;
    line-height: 1.5em;
    margin-bottom: 20px;
  }
  #ion-all .ion-taisakukouka-cover {
    padding: 50px;
    border-radius: 50px 0 50px 0;
    background-color: #fff;
    text-align: center;
  }
  #ion-all .ion-taisakukouka {
    display: flex;
    flex-direction: column;
  }
  #ion-all .ion-taisakukouka-box {
    padding: 15px;
    text-align: center;
    border-radius: 20px 0 20px 0;
    position: relative;
    background-color: #fff;
    margin: 15px;
  }
  #ion-all .ion-taisakukouka-img {
    height: 80px;
    width: 80px;
    display: inline-block;
  }
  #ion-all .ion-taisakukouka-title {
    font-weight: bold;
    font-size: 17px;
    line-height: 1.5em;
    color: #24AADA;
  }
  /*企業リスト------------------------------------------------------*/
  #ion-all .ion-company {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #ion-all .ion-company-list {
    width: 70px;
    height: 45px;
    padding: 0px;
    margin: 5px;
    background-color: #fff;
    border: 2px solid #f5f5f5;
  }
  /*保証マーク------------------------------------------------------*/
  #ion-all .ion-mark {
    display: flex;
    flex-direction: column;
  }
  #ion-all .ion-mark-right {
    width: 200px;
    display: block;
    margin: 0 auto;
  }
  #ion-all .ion-mark-left {}
  /*エリア------------------------------------------------------*/
  #ion-all .ion-area-text span {
    color: #24AADA;
    font-weight: bold;
    font-size: 18px;
    padding: 15px 15px;
    border: 2px solid #24AADA;
    margin: 5px;
    display: inline-block;
  }
  /*コンタクト------------------------------------------------------*/
  #ion-all .ion-btn-contact {
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    padding: 30px;
    font-weight: bold;
    color: #24AADA;
    font-size: 20px;
    text-align: center;
  }
  #ion-all .ion-tel {
    letter-spacing: 0.1em;
    font-weight: bold;
  }
  #ion-all .ion-btn-contact a:link {
    text-decoration: none;
    color: #24AADA;
  }
  #ion-all .ion-btn-contact a:visited {
    text-decoration: none;
    color: #24AADA;
  }
  /*フッター------------------------------------------------------*/
  #ion-all .ion-footer-box {
    padding: 0 30px;
  }
  #ion-all .ion-footer-box-left {
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
  }
  #ion-all .ion-footer-box-right {
    margin-top: 30px;
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
  }
  #ion-all .ion-footer-box span {
    font-weight: bold;
    margin-left: -10px;
    display: inline-block;
  }
}


/*------------------------------------------------------
2020-06-16　助成金追加
------------------------------------------------------*/


/*バナースペース------------------------------------------------------*/

#ion-all .ion-bnr {
    display: block;
    width: 100%;
    height: 75px;
    position: relative;
}
#ion-all .ion-bnr a {
    display: block;
    width: 100%;
    line-height: 60px;
    padding-top: 5px;
    position: absolute;
    bottom: -60px;
    text-align: center;
    color: #FFF;
    background: #ff99aa;
    transition: .2s ease-out;
    font-size: 18px;
}
#ion-all .ion-bnr a i {
    font-size: 20px;
}
#ion-all .ion-bnr a:hover {
    background: #ffb8c4;
    transition: .2s ease-out;
}

@media screen and (max-width: 900px) {
#ion-all .ion-bnr {
    height: 55px;
    position: relative;
}
#ion-all .ion-bnr a {
    line-height: 50px;
    padding-top: 5px;
    bottom: -50px;
    font-size: 14px;
}
#ion-all .ion-bnr a i {
    font-size: 18px;
}
}

/*バナースペース------------------------------------------------------*/

#ion-all .ion-btn {
    display: inline-block;
    background-color: #24AADA;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 15px 30px;
    border-radius: 25px;
    font-size: 0.9em;
    margin-top: 24px;
    transition: .2s ease-out;
}
#ion-all .ion-btn:hover {
    opacity: .7;
    transition: .2s ease-out;
} 


/*アイコン------------------------------------------------------*/

@font-face {
  font-family: 'ion';
  src:  url('fonts/ion.eot?nxyn8p');
  src:  url('fonts/ion.eot?nxyn8p#iefix') format('embedded-opentype'),
    url('fonts/ion.ttf?nxyn8p') format('truetype'),
    url('fonts/ion.woff?nxyn8p') format('woff'),
    url('fonts/ion.svg?nxyn8p#ion') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ion' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-iconmonstr-light-bulb-15:before {
  content: "\e901";
}
.icon-iconmonstr-light-bulb-18:before {
  content: "\e900";
}