@charset "UTF-8";
/* ==========================================================================
イエセレクトテンプレート専用CSS
Copyright (C) 2019 CREATIVEWEB All Rights Reserved.
URL : https://www.creative-web.co.jp/
========================================================================== */
/* Reset
----------------------------------------------------------------- */
/*******************************************************************************
**	LP,イエセレクト用ResetCSS
*******************************************************************************/
body {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

/* number */
body dt {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

/* modern browser */
html > body {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

input, textarea, select, option, label {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

.eng {
  font-family: 'Century Gothic'; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, td, th, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

body {
  font-size: 13px;
  *font-size: small;
  *font: x-small; }

table {
  font-size: inherit;
  font: 100%; }

select, input, textarea {
  font-size: 99%; }

* {
  font-size: 100%;
  font-weight: normal;
  font-style: normal; }

ul, ol, dl {
  list-style-position: outside; }

li p, li pre, li dt, li dd {
  font-size: 100%; }

dd li, dd p, dd pre, dd dt, dd dd {
  font-size: 100%; }

del {
  color: #999;
  text-decoration: line-through; }

ins {
  border-bottom: 1px dotted #ccc;
  text-decoration: none; }

form {
  margin: 0;
  padding: 0; }

input, textarea {
  font-family: Arial, Helvetica,sans-serif; }

input {
  line-height: 1.2; }

textarea {
  padding: 0.4em 10px; }

table {
  border-collapse: collapse; }

img {
  vertical-align: bottom; }

/*
    * 1.基本レイアウト
    * 2.基本設定
    * 3.ヘッダー（header）
    * 4.メイン（mainCol）
    * 5.フッター（footer）
    * 6.レスポンシブ
*/
/* ******************************************************************************
**	1.基本レイアウト
****************************************************************************** */
body {
  color: #333;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 1px; }
  @media screen and (max-width: 750px) {
    body {
      -webkit-text-size-adjust: 100%;
      font-size: 12px;
      z-index: 0; } }

#container {
  width: 100%;
  position: relative; }

#content {
  width: 100%;
  position: relative; }

#header {
  width: 100%;
  min-width: 960px;
  height: 125px;
  position: relative;
  border-top: 5px solid #0E55A6; }
  @media screen and (max-width: 750px) {
    #header {
      min-width: initial;
      height: 42px;
      border-top: none;
      z-index: 1;
      position: fixed;
      top: 0;
      left: 0; } }

#footer {
  width: 100%;
  min-width: 960px;
  position: relative;
  background-color: #0E55A6; }
  @media screen and (max-width: 750px) {
    #footer {
      min-width: initial; } }

/* ******************************************************************************
**	2.基本設定
****************************************************************************** */
/* clear
----------------------------------------------------------------------------- */
.clear {
  clear: both; }

/* clearfix
----------------------------------------------------------------------------- */
.clearfix:after, div.section:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix, div.section {
  display: inline-block; }

* html .clearfix, * html div.section {
  height: 1%; }

.clearfix, div.section {
  display: block; }

/* float
----------------------------------------------------------------------------- */
.floatRight {
  float: right; }

.floatLeft {
  float: left; }

/* text-align
----------------------------------------------------------------------------- */
.alignCenter {
  text-align: center !important; }

.alignRight {
  text-align: right !important; }

.alignleft {
  text-align: left !important; }

/* link
----------------------------------------------------------------------------- */
a {
  color: #0E55A6;
  text-decoration: underline; }
  a:hover {
    text-decoration: none; }

a:hover img, .moreBtn01:hover, .contactBtn01:hover, .moreBtn02:hover {
  filter: alpha(opacity=70);
  /* FOR IE */
  opacity: 0.70;
  /* FOR FF */
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

/* margin
----------------------------------------------------------------------------- */
.marginRight0 {
  margin-right: 0 !important; }

.marginBottom10 {
  margin-bottom: 10px !important; }

.marginBottom20 {
  margin-bottom: 20px !important; }

.marginBottom30 {
  margin-bottom: 30px !important; }

.marginBottom40 {
  margin-bottom: 40px !important; }

.marginBottom50 {
  margin-bottom: 50px !important; }

.marginBottom60 {
  margin-bottom: 60px !important; }

.marginBottom100 {
  margin-bottom: 100px !important; }

.marginBottom200 {
  margin-bottom: 200px !important; }

.marginBottom300 {
  margin-bottom: 300px !important; }

/* font
----------------------------------------------------------------------------- */
sup {
  font-size: 0.7em; }

.bold {
  font-weight: bold; }

.orange {
  color: #FF7F00; }

/* ******************************************************************************
**	3.ヘッダー（header）
****************************************************************************** */
.headerInner01 {
  width: 960px;
  margin: 0 auto;
  position: relative; }
  @media screen and (max-width: 750px) {
    .headerInner01 {
      width: 100%; } }

.headerLogo01 {
  width: 201px;
  height: 43px;
  margin: 20px auto; }
  @media screen and (max-width: 750px) {
    .headerLogo01 {
      display: none; }
      .headerLogo01 img {
        width: 164px;
        height: 35px; } }

.headerNavi01 {
  width: 805px;
  overflow: hidden;
  margin: 0 auto; }
  @media screen and (max-width: 750px) {
    .headerNavi01 {
      display: none;
      width: initial;
      position: relative;
      top: initial;
      overflow: initial;
      z-index: 5; } }

.headerList01 {
  margin: 0 20px 0 0;
  float: left; }
  @media screen and (max-width: 750px) {
    .headerList01 {
      width: 100%;
      float: none;
      margin: 0; }
      .headerList01 a {
        padding: 12px 0 10px;
        background: #0C52A5;
        border-bottom: 1px solid #FFF;
        color: #FFF;
        text-align: center;
        font-size: 1.2em;
        text-decoration: none;
        text-indent: 1px;
        background-image: none;
        display: block; }
        .headerList01 a:hover {
          color: #FFF;
          background: #5486C0; } }

#headerNaviToggle01 {
  display: none; }
  @media screen and (max-width: 750px) {
    #headerNaviToggle01 {
      display: block;
      position: relative;
      width: 100%;
      background: #0C52A5;
      font-size: 1.2em; }
      #headerNaviToggle01 a {
        display: block;
        font-weight: bold;
        position: relative;
        padding: 12px 0 10px;
        border-bottom: 1px solid #FFF;
        color: #FFF;
        text-align: center;
        text-decoration: none; }
        #headerNaviToggle01 a:before {
          margin-top: -6px; }
        #headerNaviToggle01 a:after {
          margin-top: 2px; }
      #headerNaviToggle01:before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background: #FFF; }
      #headerNaviToggle01:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        left: 10px;
        width: 20px;
        height: 4px;
        background: #0C52A5; } }

.headerListNone01 {
  display: none; }
  @media screen and (max-width: 750px) {
    .headerListNone01 {
      display: initial; } }

/* ******************************************************************************
**	4.メイン（main）
****************************************************************************** */
/* トップページ
------------------------------------------------------------------------------ */
.sliderWrap01 {
  display: none;
  width: 100%;
  background-image: url(../img/ieselect/bg_top_01.jpg);
  background-repeat: repeat-x; }
  @media screen and (max-width: 750px) {
    .sliderWrap01 {
      margin: 42px 0 0 0; } }

#topSlider01 {
  position: relative;
  z-index: 0; }

.topSliderBtn01 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20%;
  margin: auto;
  width: 400px;
  height: 50px;
  z-index: 2; }
  @media screen and (max-width: 1279px) {
    .topSliderBtn01 {
      bottom: 15%; } }
  @media screen and (max-width: 750px) {
    .topSliderBtn01 {
      width: 200px;
      height: 30px;
      bottom: 30%; } }
  @media screen and (max-width: 480px) {
    .topSliderBtn01 {
      bottom: 13%; } }

.topSliderLink01 {
  color: #333;
  font-size: 1.3em;
  text-decoration: none;
  text-align: center;
  padding: 10px 0;
  display: block;
  border: 1px solid #333;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }
  @media screen and (max-width: 750px) {
    .topSliderLink01 {
      font-size: 1.1em; } }
  @media screen and (max-width: 480px) {
    .topSliderLink01 {
      font-size: 0.8em;
      padding: 5px 0; } }
  .topSliderLink01:hover {
    filter: alpha(opacity=70);
    /* FOR IE */
    opacity: 0.70;
    /* FOR FF */ }

.topSliderInner01 {
  font-size: 3em;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 20%;
  width: 100%;
  height: 100px;
  z-index: 1; }
  @media screen and (max-width: 1279px) {
    .topSliderInner01 {
      font-size: 2.2em; } }

.titBox01 {
  width: 100%;
  min-width: 960px;
  text-align: center;
  padding: 20px 0;
  background-color: #0E55A6; }
  @media screen and (max-width: 750px) {
    .titBox01 {
      min-width: initial; } }
  @media screen and (max-width: 480px) {
    .titBox01 {
      padding: 10px 0; } }

.tit01 {
  color: #FFF;
  font-size: 2.2em; }
  @media screen and (max-width: 750px) {
    .tit01 {
      font-size: 1.6em; } }
  @media screen and (max-width: 480px) {
    .tit01 {
      font-size: 1.4em; } }

.titBoxBottom01 {
  text-align: center;
  margin: 0 0 60px 0; }
  @media screen and (max-width: 480px) {
    .titBoxBottom01 {
      margin: 0 0 20px 0; } }

.mainContents01 {
  width: 960px;
  margin: 0 auto 60px auto; }
  @media screen and (max-width: 750px) {
    .mainContents01 {
      width: 100%; }
      .mainContents01 img {
        width: 50px;
        height: 25px; } }

.txt01 {
  color: #0E55A6;
  font-size: 1.6em;
  text-align: center;
  margin-bottom: 60px; }
  @media screen and (max-width: 750px) {
    .txt01 {
      font-size: 1.4em; } }
  @media screen and (max-width: 480px) {
    .txt01 {
      font-size: 1.2em;
      margin-bottom: 20px; } }

.col3Box01 {
  width: 100%;
  overflow: hidden; }
  @media screen and (max-width: 750px) {
    .col3Box01 {
      width: 500px;
      margin: 0 auto; } }
  @media screen and (max-width: 480px) {
    .col3Box01 {
      width: 240px; } }

.col3BoxInner01 {
  width: 248px;
  padding: 20px;
  margin: 0 45px 45px 0;
  border: 1px solid #CCC;
  text-align: center;
  float: left;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }
  @media screen and (max-width: 750px) {
    .col3BoxInner01 {
      width: 218px;
      margin: 0 20px 20px 0;
      padding: 20px 10px; }
      .col3BoxInner01 img {
        width: 160px;
        height: 100px; } }
  @media screen and (max-width: 480px) {
    .col3BoxInner01 {
      margin: 0 0 20px 0; } }

.col3BoxInner01:nth-child(3n+0) {
  margin: 0 0 45px 0; }
  @media screen and (max-width: 750px) {
    .col3BoxInner01:nth-child(3n+0) {
      margin: initial; } }

@media screen and (max-width: 750px) {
  .col3BoxInner01:nth-child(3) {
    margin: 0 20px 20px 0; } }

@media screen and (max-width: 750px) {
  .col3BoxInner01:nth-child(2n+0) {
    margin: 0 0 20px 0; } }

.tit02 {
  color: #0E55A6;
  font-size: 1.4em;
  margin-bottom: 20px; }

.txt02 {
  margin-bottom: 20px; }

.txt03 {
  color: #FFF; }

.portalBox01 {
  width: 100%;
  overflow: hidden; }

.txt04 {
  text-align: right;
  margin-bottom: 20px; }

.txt05 {
  text-align: right; }

.portalList01 {
  width: 100%;
  overflow: hidden; }

.portalLog01 {
  float: left;
  width: 21.25%;
  margin: 0 5% 20px 0;
  text-align: center; }
  @media screen and (max-width: 750px) {
    .portalLog01 {
      margin: 0 0 20px 0;
      width: 25%; } }
  @media screen and (max-width: 480px) {
    .portalLog01 {
      height: 75px; } }

.portalLogInner01 {
  padding: 20px 0;
  border: 1px solid #CCC; }
  @media screen and (max-width: 480px) {
    .portalLogInner01 {
      height: 35px; } }

.newsBox01 {
  padding: 0 20px 40px 0; }
  @media screen and (max-width: 750px) {
    .newsBox01 {
      padding: 0 20px 40px 20px; } }

.date01 {
  color: #FF7F00;
  margin-bottom: 5px; }

.newsDetail01 {
  padding: 0 0 10px 20px;
  margin: 0 0 10px 0;
  border-bottom: 1px dashed #0E55A6; }

.diaryBox01 {
  overflow: hidden;
  margin-bottom: 40px; }
  @media screen and (max-width: 750px) {
    .diaryBox01 {
      padding: 0 20px 40px 20px; } }

.diaryBoxInner01 {
  width: 190px;
  margin: 0 40px 0 0;
  padding: 9px;
  border: 1px solid #CCC;
  position: relative;
  float: left; }

.diaryImgBox01 {
  width: 190px;
  height: 128px;
  text-align: center;
  margin-bottom: 5px; }

.diaryImg01 {
  max-width: 190px;
  max-height: 128px;
  text-align: center; }

.txt11 {
  color: #FF7F00;
  font-size: 0.8em;
  margin-bottom: 5px; }

.txtBox01 {
  width: 100%; }

.ico01 {
  position: absolute;
  right: 5px;
  bottom: 5px; }

@media screen and (max-width: 480px) {
  .sp-buttons {
    bottom: 0; } }

/* サブページ
------------------------------------------------------------------------------ */
.titBox02 {
  background-color: #0e55a6;
  min-width: 960px;
  padding: 40px 0 50px 0;
  text-align: center;
  width: 100%; }
  @media screen and (max-width: 750px) {
    .titBox02 {
      min-width: initial;
      margin: 42px 0 0 0; } }

.tit03 {
  color: #fff;
  font-size: 2.2em;
  padding-bottom: 10px;
  margin-bottom: 20px;
  position: relative; }
  .tit03:before {
    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#FFF), to(transparent));
    background-image: -webkit-linear-gradient(left, transparent, #FFF, transparent);
    background-image: -o-linear-gradient(left, transparent, #FFF, transparent);
    background-image: linear-gradient(to right, transparent, #FFF, transparent);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 40%; }

.tit04 {
  color: #FFF;
  font-size: 1.5em;
  margin-bottom: 10px; }

/* イエセレクトとは
------------------------------------------------------------------------------ */
.leftBox01 {
  width: 690px;
  float: left;
  margin-right: 40px; }
  @media screen and (max-width: 750px) {
    .leftBox01 {
      width: 100%;
      margin-right: initial; } }

.listBox01 {
  padding-left: 50px; }

.listInner01 {
  color: #0E55A6;
  font-weight: bold;
  list-style-type: disc;
  margin-bottom: 10px;
  padding-left: 10px; }

.txt07 {
  color: #333;
  font-weight: normal; }

.rightBox01 {
  width: 230px;
  float: left; }
  @media screen and (max-width: 750px) {
    .rightBox01 {
      display: none; } }

.tit05 {
  color: #FFF;
  font-size: 1.6em; }

.moreBtnBox01 {
  width: 300px;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center; }
  @media screen and (max-width: 480px) {
    .moreBtnBox01 {
      width: 240px; } }

.moreBtn01 {
  color: #FFF;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  background-color: #59B200;
  padding: 5px 0;
  display: block;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px; }

.col3Box02 {
  overflow: hidden; }
  @media screen and (max-width: 750px) {
    .col3Box02 {
      width: 542px;
      margin: 0 auto; } }
  @media screen and (max-width: 480px) {
    .col3Box02 {
      width: 284px; } }

.col3BoxInner02 {
  width: 288px;
  height: 288px;
  border: 1px solid #CCC;
  margin: 0 43px 30px 0;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  float: left; }
  @media screen and (max-width: 750px) {
    .col3BoxInner02 {
      width: 150px;
      height: 190px; } }
  @media screen and (max-width: 480px) {
    .col3BoxInner02 {
      width: 130px;
      height: 190px; }
      .col3BoxInner02:nth-child(2n+0) {
        margin: 0 0 20px 0; }
      .col3BoxInner02:nth-child(2n+1) {
        margin: 0 20px 20px 0; } }
  .col3BoxInner02:nth-child(3n+0) {
    margin: 0 0 30px 0; }

.txt08 {
  padding: 10px 0 0 10px; }
  @media screen and (max-width: 480px) {
    .txt08 {
      padding: 10px 4px 0 4px; } }

.listBox02 {
  overflow: hidden;
  position: absolute;
  bottom: 5px;
  right: 0; }

.listInner02 {
  width: 27px;
  height: 27px;
  margin: 0 5px 0 0;
  float: left; }

.col3BoxInnerHover02 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(14, 85, 166, 0.7);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  opacity: 0; }

.col3BoxInner02:hover .col3BoxInnerHover02 {
  opacity: 1; }

.HoverBox01 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 160px;
  height: 80px;
  text-align: center; }

.imgBox01 {
  margin-bottom: 10px; }

.txt09 {
  color: #FFF;
  font-weight: bold;
  font-size: 1.1em; }

.table02 {
  width: 958px;
  margin-bottom: 20px; }
  @media screen and (max-width: 750px) {
    .table02 {
      width: 100%; } }
  .table02 th {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    background: #0E55A6;
    border: 1px solid #CCC;
    padding: 20px 0; }
    @media screen and (max-width: 750px) {
      .table02 th {
        font-size: 0.8em; } }
  .table02 td {
    border: 1px solid #CCC;
    padding: 20px; }
    @media screen and (max-width: 750px) {
      .table02 td {
        padding: 20px 10px; } }
    @media screen and (max-width: 480px) {
      .table02 td {
        padding: 10px 5px;
        font-size: 0.8em; } }

@media screen and (max-width: 750px) {
  .homePageImg01 {
    width: 150px;
    height: 99px; } }

@media screen and (max-width: 480px) {
  .homePageImg01 {
    width: 130px;
    height: 86px; } }

/* よくある質問
------------------------------------------------------------------------------ */
.qaBox01 {
  border-bottom: 1px dotted #333;
  margin-bottom: 20px; }

.question01 {
  color: #0C52A5;
  background-image: url(../img/ieselect/img35_sub_01.jpg);
  background-repeat: no-repeat;
  margin-bottom: 10px;
  padding: 7px 20px 0 50px;
  min-height: 28px; }

.answer01 {
  background-image: url(../img/ieselect/img35_sub_02.jpg);
  background-repeat: no-repeat;
  margin-bottom: 5px;
  padding: 7px 20px 0 50px;
  min-height: 28px; }

.txtLink01 {
  font-size: 0.8em;
  text-align: right;
  margin-bottom: 5px; }

.qaBox02 {
  margin: 0 0 40px 0;
  overflow: hidden; }

.qaBoxInner01 {
  width: 435px;
  float: left; }
  @media screen and (max-width: 750px) {
    .qaBoxInner01 {
      width: 100%;
      float: none; } }

.qaBoxInner02 {
  width: 435px;
  float: right; }
  @media screen and (max-width: 750px) {
    .qaBoxInner02 {
      width: 100%;
      float: none; } }

.qaTit01 {
  width: 385px;
  height: 28px;
  color: #0C52A5;
  font-weight: bold;
  margin: 0 0 20px 0;
  padding: 7px 0 0 50px; }
  @media screen and (max-width: 750px) {
    .qaTit01 {
      width: 100%;
      background-color: #EEE;
      background-repeat: no-repeat; } }

.qaTit01_01 {
  background-image: url(../img/ieselect/bar435_sub_01.jpg); }

.qaTit01_02 {
  background-image: url(../img/ieselect/bar435_sub_02.jpg); }

.qaTit01_03 {
  background-image: url(../img/ieselect/bar435_sub_03.jpg); }

.qaTit01_04 {
  background-image: url(../img/ieselect/bar435_sub_04.jpg); }

.qaList01 {
  width: 435px;
  margin: 0 0 30px 0; }
  @media screen and (max-width: 750px) {
    .qaList01 {
      width: 90%;
      margin: 0 0 30px 0;
      padding: 0 5%; } }
  .qaList01 li {
    margin: 0 0 10px 0; }

/* 料金案内
------------------------------------------------------------------------------ */
.table01 {
  margin-bottom: 20px; }
  @media screen and (max-width: 750px) {
    .table01 {
      width: 90%;
      margin: 0 auto 20px auto; } }
  .table01 th {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    background: #0E55A6;
    border: 1px solid #CCC;
    padding: 20px; }
  .table01 td {
    border: 1px solid #CCC;
    padding: 20px; }

.bgColor01 {
  background-color: #E6F0FD; }

.feeList01 {
  width: 960px;
  overflow: hidden;
  /*floatしたので高さ確保*/
  border-top: none;
  /*dt,dd設定とかぶるので*/ }
  @media screen and (max-width: 750px) {
    .feeList01 {
      width: 90%;
      margin: 0 auto 20px auto; } }
  .feeList01 dt {
    width: 50px;
    float: left;
    padding: 15px 0 15px 0;
    color: #FF7F00;
    font-weight: bold; }
    @media screen and (max-width: 750px) {
      .feeList01 dt {
        width: 15%; } }
  .feeList01 dd {
    width: 910px;
    float: left;
    padding: 15px 0 15px 0; }
    @media screen and (max-width: 750px) {
      .feeList01 dd {
        width: 85%; } }
    .feeList01 dd :after {
      clear: both;
      /*1段ずつfloat解除する設定(いらない？)*/ }

.feeListInner01 li {
  list-style-type: disc !important;
  margin-left: 25px;
  padding: 5px 0 0 5px; }

/* 機能紹介
------------------------------------------------------------------------------ */
.moreBtnBox02 {
  margin: 20px auto 0 auto;
  width: 160px;
  text-align: center; }

.moreBtn02 {
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  padding: 3px 0;
  background-color: #59b200;
  display: block;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px; }

.col2boxInner02 {
  overflow: hidden;
  margin-bottom: 20px; }

.leftBox02 {
  width: 440px;
  padding: 0 19px 0 20px;
  float: left; }
  @media screen and (max-width: 750px) {
    .leftBox02 {
      width: 480px;
      margin: 0 auto 0 auto;
      padding: 0;
      float: initial; } }
  @media screen and (max-width: 480px) {
    .leftBox02 {
      width: 90%; } }

.rightBox02 {
  width: 440px;
  padding: 0 20px 0 18px;
  border-left: 3px solid #CCC;
  float: left; }
  @media screen and (max-width: 750px) {
    .rightBox02 {
      width: 480px;
      margin: 0 auto 0 auto;
      padding: 0;
      float: initial;
      border-left: none; } }
  @media screen and (max-width: 480px) {
    .rightBox02 {
      width: 90%; } }

.txtBox02 {
  margin-bottom: 15px; }

.titBox03 {
  background: url(../img/ieselect/ico_title_01.png) no-repeat;
  min-height: 83px;
  padding: 15px 0 0 70px; }

.tit06 {
  color: #0e55a6;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 10px; }

.tit07 {
  color: #0e55a6;
  font-size: 1.2em; }

.titBox04 {
  background: url(../img/ieselect/ico_title_02.png) no-repeat;
  min-height: 83px;
  padding: 15px 0 0 70px; }

.tit08 {
  color: #FF7F00;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 10px; }

.tit09 {
  color: #FF7F00;
  font-size: 1.2em; }

.imgBox02 {
  text-align: center; }
  @media screen and (max-width: 480px) {
    .imgBox02 img {
      max-width: 280px; } }

.tit10 {
  color: #0e55a6;
  font-size: 1.4em;
  font-weight: bold;
  height: 49px;
  margin-bottom: 15px;
  padding: 60px 0 0 160px;
  background: url(../img/ieselect/bar960_sub_01.jpg) no-repeat; }
  @media screen and (max-width: 750px) {
    .tit10 {
      width: 385px;
      height: 45px;
      margin: 0 auto;
      padding: 22px 0 0 95px;
      background: url(../img/ieselect/bar480_sub_01.jpg) no-repeat; } }
  @media screen and (max-width: 480px) {
    .tit10 {
      width: 230px;
      background: url(../img/ieselect/bar63_sub_01.jpg) no-repeat center left;
      padding: 22px 0 0 70px; } }

.tit11 {
  color: #0e55a6;
  font-size: 1.3em;
  margin: 0 0 20px 20px; }
  @media screen and (max-width: 750px) {
    .tit11 {
      width: 480px;
      margin: 0 auto; } }
  @media screen and (max-width: 480px) {
    .tit11 {
      width: 90%; } }

.leftBox03 {
  width: 490px;
  float: left;
  margin-right: 30px;
  padding-left: 20px; }
  @media screen and (max-width: 750px) {
    .leftBox03 {
      width: 480px;
      text-align: center;
      float: none;
      margin: 0 auto 10px auto;
      padding: 0; }
      .leftBox03 img {
        max-width: 480px; } }
  @media screen and (max-width: 480px) {
    .leftBox03 {
      width: 90%; }
      .leftBox03 img {
        max-width: 280px; } }

.rightBox03 {
  width: 400px;
  float: left; }
  @media screen and (max-width: 750px) {
    .rightBox03 {
      width: 480px;
      margin: 0 auto;
      float: none; } }
  @media screen and (max-width: 480px) {
    .rightBox03 {
      width: 90%; } }

.txt12 {
  font-size: 0.8em; }

.col5Box01 {
  overflow: hidden; }
  @media screen and (max-width: 750px) {
    .col5Box01 {
      width: 480px;
      margin: 0 auto; } }
  @media screen and (max-width: 480px) {
    .col5Box01 {
      width: 300px;
      margin: 0 auto; } }

.linkBox01 {
  text-align: center;
  position: relative;
  z-index: 0;
  width: 180px;
  height: 117px;
  margin: 0 15px 15px 0;
  float: left; }
  @media screen and (max-width: 750px) {
    .linkBox01 {
      width: 87px;
      height: 150px;
      margin: 0 10px 10px 0; } }
  @media screen and (max-width: 480px) {
    .linkBox01 {
      width: 298px;
      height: 45px;
      float: none;
      margin: 0 0 5px 0;
      text-align: initial; } }

.linkBoxInner01 {
  width: 178px;
  height: 100px;
  position: absolute;
  top: 15px;
  z-index: 1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; }
  @media screen and (max-width: 750px) {
    .linkBoxInner01 {
      width: 75px;
      height: 133px;
      padding: 0 5px; } }
  @media screen and (max-width: 480px) {
    .linkBoxInner01 {
      width: 298px;
      height: 45px;
      top: 0px;
      padding: 0; } }

.ico02 {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0; }
  @media screen and (max-width: 480px) {
    .ico02 {
      display: none; } }

.linkBoxOff01 {
  border: 1px solid #0e55a6;
  background-color: #0e55a6; }

.linkBoxOn01 {
  border: 1px solid #CCC; }
  .linkBoxOn01:hover {
    background: rgba(14, 85, 166, 0.3);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }

.txt13 {
  color: #FFF;
  font-size: 1.1em;
  margin-top: 38px; }
  @media screen and (max-width: 480px) {
    .txt13 {
      margin: 13px 0 0 10px; } }

.txt14 {
  color: #0e55a6;
  font-size: 1.1em;
  margin-top: 38px; }
  @media screen and (max-width: 480px) {
    .txt14 {
      margin: 13px 0 0 10px; } }

.linkTxt01 {
  background: url(../img/ieselect/ico_sub_05.png) no-repeat right center;
  font-size: 0.8em;
  padding: 0 20px 0 0;
  margin: 14px 5px 0 0;
  display: block; }
  @media screen and (max-width: 480px) {
    .linkTxt01 {
      margin: 0;
      position: absolute;
      right: 5px;
      top: 15px; } }

/* お客様の声
------------------------------------------------------------------------------ */
.tit12 {
  width: 925px;
  border-left: 15px solid #0E55A6;
  background-color: #eee;
  font-size: 1.5em;
  margin: 0 0 20px 0;
  padding: 10px 0 10px 20px; }
  @media screen and (max-width: 750px) {
    .tit12 {
      width: 92%;
      padding: 1% 0 1% 2.5%; } }

.col2Box02 {
  width: 100%;
  margin: 0 0 10px 0;
  overflow: hidden; }

.col2BoxInner03 {
  width: 358px;
  text-align: center;
  border: 1px solid #ccc;
  margin: 0 20px 0 0;
  float: left; }
  @media screen and (max-width: 750px) {
    .col2BoxInner03 {
      width: 82%;
      float: none;
      margin: 0 auto 20px auto; } }

.voiceImg01 {
  max-width: 358px; }
  @media screen and (max-width: 750px) {
    .voiceImg01 {
      width: 80%; } }

.col2BoxInner04 {
  width: 580px;
  float: left; }
  @media screen and (max-width: 750px) {
    .col2BoxInner04 {
      width: 98%;
      float: none;
      margin: 0 auto; } }

.txt15 {
  font-weight: bold;
  margin: 0 0 5px 0; }

.voiceList01 {
  width: 100%;
  margin: 0 0 5px 0;
  overflow: hidden; }
  .voiceList01 li {
    color: #ccc;
    width: 190px;
    text-align: center;
    margin: 0 5px 5px 0;
    padding: 5px 0;
    background-color: #eee;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
    @media screen and (max-width: 750px) {
      .voiceList01 li {
        width: 49%;
        margin: 0 2% 2% 0; } }
    .voiceList01 li.on {
      color: #fff;
      font-weight: bold;
      width: 184px;
      padding: 3px 0;
      border: 2px solid #0E55A6;
      background-color: #2C86E9; }
      @media screen and (max-width: 750px) {
        .voiceList01 li.on {
          width: 47.7%; } }
    .voiceList01 li:nth-child(3n) {
      margin: 0 0 5px 0; }
      @media screen and (max-width: 750px) {
        .voiceList01 li:nth-child(3n) {
          margin: 0 2% 2% 0; } }
    @media screen and (max-width: 750px) {
      .voiceList01 li:nth-child(2n) {
        margin: 0 0 2% 0; } }

.voicsEvaluation01 {
  overflow: hidden;
  margin: 0 0 5px 0; }

.voiceLeft01 {
  width: 240px;
  float: left; }
  @media screen and (max-width: 750px) {
    .voiceLeft01 {
      width: 100%;
      float: none; } }

.voiceRight01 {
  width: 340px;
  float: left;
  overflow: hidden; }
  @media screen and (max-width: 750px) {
    .voiceRight01 {
      width: 100%;
      float: none; } }
  .voiceRight01 li {
    width: 64px;
    text-align: center;
    margin: 0 5px 5px 0;
    float: left; }
    @media screen and (max-width: 750px) {
      .voiceRight01 li {
        width: 18%;
        margin: 0 2.5% 2.5% 0; } }

.txt16 {
  background: url(../img/ieselect/ico15_sub_01.gif) no-repeat left center;
  font-weight: bold;
  padding: 0 0 0 25px; }

.voiceRight02 {
  width: 340px;
  float: left;
  overflow: hidden; }
  @media screen and (max-width: 750px) {
    .voiceRight02 {
      width: 100%;
      float: none; } }
  .voiceRight02 li {
    color: #ccc;
    width: 64px;
    text-align: center;
    margin: 0 5px 5px 0;
    padding: 5px 0;
    background-color: #eee;
    float: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
    @media screen and (max-width: 750px) {
      .voiceRight02 li {
        width: 18%;
        margin: 0 2.5% 2.5% 0; } }
    .voiceRight02 li.on {
      color: #fff;
      font-weight: bold;
      width: 60px;
      padding: 3px 0;
      border: 2px solid #0E55A6;
      background-color: #2C86E9; }
      @media screen and (max-width: 750px) {
        .voiceRight02 li.on {
          width: 16.5%; } }

.txtBox03 {
  width: 95%;
  background: #eee;
  padding: 2.5%;
  margin: 0 0 10px 0; }

.staffVoice01 {
  width: 100%;
  min-height: 65px;
  background: url(../img/ieselect/ico65_sub_01.jpg) no-repeat left top;
  margin: 0 0 40px 0;
  overflow: hidden; }
  @media screen and (max-width: 750px) {
    .staffVoice01 {
      width: 98%;
      margin: 0 auto 20px auto;
      background-size: 9.5%; } }

.staffVoiceInner01 {
  color: #fff;
  width: 845px;
  min-height: 45px;
  background-color: #0E55A6;
  padding: 10px 20px;
  position: relative;
  float: right; }
  @media screen and (max-width: 750px) {
    .staffVoiceInner01 {
      width: 78%;
      padding: 5%; } }
  .staffVoiceInner01:after {
    border: 10px solid transparent;
    border-right-color: #0E55A6;
    border-left-width: 0;
    width: 0;
    left: -10px;
    content: "";
    display: block;
    top: 20px;
    position: absolute; }
    @media screen and (max-width: 750px) {
      .staffVoiceInner01:after {
        left: -7px;
        top: 10px; } }

.tit13 {
  font-weight: bold;
  border-bottom: 1px dotted #FFF;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0; }

.pager {
  clear: both;
  margin: 30px 0;
  text-align: center; }

.pager span {
  margin: 5px;
  padding: 5px 8px;
  color: #fff;
  background: #0E55A6; }
  .pager span:hover {
    cursor: pointer;
    background: #5688C1; }
  .pager span.current {
    color: #333;
    background: none; }
    .pager span.current:hover {
      cursor: default; }
  .pager span.invalid {
    color: #dcdcdc;
    background: none; }
    .pager span.invalid:hover {
      cursor: default; }
  .pager span.ellipsis {
    color: #0E55A6;
    background: none; }
    .pager span.ellipsis:hover {
      cursor: default; }

.pageNum {
  margin: 30px 0;
  text-align: center; }

/* キャンペーン
------------------------------------------------------------------------------ */
.campaignBox01 {
  width: 980px;
  margin: 0 auto 100px auto;
  text-align: center; }
  @media screen and (max-width: 750px) {
    .campaignBox01 {
      width: 100%; }
      .campaignBox01 img {
        width: 100% !important; } }

.campaignBox02 {
  min-height: 395px;
  font-size: 20px;
  margin: 50px 0;
  background: url(../img/ieselect/campaign/img960_campaign_01.jpg) no-repeat center; }
  @media screen and (max-width: 750px) {
    .campaignBox02 {
      min-height: 300px;
      margin: 10px 0;
      font-size: 12px;
      background-position: bottom; } }
  .campaignBox02 p {
    font-weight: bold; }

.campaignSpan01 {
  color: red;
  font-size: 1.8em;
  font-weight: bold; }

.campaignTxt01 {
  font-size: 0.6em;
  font-weight: bold; }

.campaignTxt02 {
  font-size: 0.6em;
  font-weight: normal !important; }

.campaignBox03 {
  color: red;
  font-size: 3em;
  background: url(../img/ieselect/campaign/img294_campaign_01.jpg) no-repeat center; }
  @media screen and (max-width: 750px) {
    .campaignBox03 {
      font-size: 1.5em;
      background-position: top;
      background-size: 40%; } }
  .campaignBox03 p {
    font-weight: bold; }

.campaignTxt03 {
  color: #333;
  font-size: 0.3em;
  font-weight: bold !important;
  text-align: right;
  margin: 0 0 40px 0; }

@media screen and (max-width: 750px) {
  .campaignImg01 {
    margin: 45px 0 0 0; } }

/* 料金プラン
------------------------------------------------------------------------------ */
.planTable {
  border: 2px solid #CCC;
  margin: 116px 0 0 0; }
  .planTable th {
    font-size: 1.3em;
    width: 25%;
    padding: 10px;
    border: 2px solid #CCC;
    background: #EEE; }
  .planTable td {
    width: 25%;
    padding: 10px;
    border: 2px solid #CCC;
    text-align: center; }
  .planTable .fontMini {
    font-size: 0.6em; }
  .planTable tr:nth-child(odd) td {
    background: #F9F9F9; }

@media screen and (max-width: 750px) {
  .planTableResponsive {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; } }

.planMainBoxWrap {
  height: 164px;
  padding: 0 !important;
  position: relative; }

.planMainBox {
  height: 220px;
  padding: 10px;
  background-position: bottom;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 1px; }

.bgLight {
  background: url(../img/ieselect/img237_plan_01.jpg) no-repeat !important; }

.planTable .bgStandard {
  background: url(../img/ieselect/img237_plan_02.jpg); }

.bgBusiness {
  background: url(../img/ieselect/img237_plan_03.jpg) no-repeat !important; }

.planSubTit {
  color: #FFF;
  font-weight: bold;
  font-size: 0.9em;
  text-align: center;
  margin-top: 52px; }

.planMainTit {
  color: #FFF;
  font-weight: bold;
  text-align: center;
  height: 64px; }

.planTxt {
  font-size: 0.65em;
  height: 80px; }

.reflection-txt {
  width: 150px;
  height: 26px;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }

.planCampaign {
  color: #FFF;
  width: 150px;
  height: 23px;
  background: #FF0000;
  border: 1px solid #FFF;
  margin: 0 auto;
  padding: 3px 0 0 0; }

.planServiceTit {
  color: #FF0000;
  font-weight: bold;
  font-size: 1.5em; }

.reflection {
  height: 100%;
  width: 30px;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out infinite; }

@keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    transform: scale(50) rotate(45deg);
    opacity: 0; } }

@-webkit-keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0; } }

@-moz-keyframes reflection {
  0% {
    -moz-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -moz-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -moz-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -moz-transform: scale(50) rotate(45deg);
    opacity: 0; } }

@-ms-keyframes reflection {
  0% {
    -ms-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -ms-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -ms-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -ms-transform: scale(50) rotate(45deg);
    opacity: 0; } }

@-o-keyframes reflection {
  0% {
    -o-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -o-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -o-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -o-transform: scale(50) rotate(45deg);
    opacity: 0; } }

/* ページボトム
------------------------------------------------------------------------------ */
.col2Box01 {
  overflow: hidden;
  margin-bottom: 40px; }

.col2BoxInner01 {
  width: 450px;
  margin: 0 60px 0 0;
  text-align: center;
  float: left; }
  @media screen and (max-width: 750px) {
    .col2BoxInner01 {
      margin: 0 auto 20px auto;
      float: initial; } }
  @media screen and (max-width: 480px) {
    .col2BoxInner01 {
      width: 300px; }
      .col2BoxInner01 .map {
        width: 100%;
        margin: 0 auto; } }
  .col2BoxInner01:nth-child(2) {
    margin: 0; }
    @media screen and (max-width: 750px) {
      .col2BoxInner01:nth-child(2) {
        margin: 0 auto 20px auto; } }

.txt10 {
  padding: 10px 0 5px 0; }

.tel01 {
  font-size: 1.2em; }

.contactBtnBox01 {
  width: 400px;
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .contactBtnBox01 {
      width: 300px; } }

.contactBtn01 {
  color: #FFF;
  font-size: 1.2em;
  text-decoration: none;
  background-color: #59B200;
  background-image: url(../img/ieselect/img36_sub_01.png);
  background-repeat: no-repeat;
  background-position: 30px center;
  display: block;
  padding: 20px 0 20px 90px; }
  @media screen and (max-width: 480px) {
    .contactBtn01 {
      padding: 10px 0 10px 50px;
      background-position: 10px center; } }

@media screen and (max-width: 480px) {
  #map1, #map2 {
    display: none; } }

/* ******************************************************************************
**	5.フッター（footer）
****************************************************************************** */
.pageTop01 {
  background-color: #F1F1F1;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  text-align: center; }

.pageTopBtn01 {
  display: block;
  width: 100%;
  padding: 15px 0; }

.footerInner01 {
  width: 960px;
  color: #FFF;
  margin: 0 auto;
  padding: 40px 0;
  overflow: hidden; }
  @media screen and (max-width: 750px) {
    .footerInner01 {
      width: 100%; } }

.footer2Col01 {
  width: 525px;
  margin: 0 20px 0 0;
  float: left; }
  @media screen and (max-width: 750px) {
    .footer2Col01 {
      margin: 0 auto;
      float: initial; } }

.footer2Col02 {
  width: 415px;
  float: left; }
  @media screen and (max-width: 750px) {
    .footer2Col02 {
      display: none; } }

.footerLogo01 {
  margin: 0 0 13px 0; }
  @media screen and (max-width: 750px) {
    .footerLogo01 {
      display: block;
      margin: 0 20px 0 0;
      float: left; } }

.footerSnsBox01 {
  overflow: hidden;
  margin-bottom: 10px; }
  @media screen and (max-width: 750px) {
    .footerSnsBox01 {
      display: block;
      float: left; } }

.footerSnsList01 {
  float: left;
  margin-right: 10px; }

.txt06 {
  font-size: 0.7em;
  margin: 0 0 10px 0; }
  @media screen and (max-width: 750px) {
    .txt06 {
      clear: both; } }

.footerLinkBox01 {
  overflow: hidden; }
  @media screen and (max-width: 480px) {
    .footerLinkBox01 {
      display: none; } }

.footerList01 {
  float: left;
  margin: 0 10px 0 0; }
  @media screen and (max-width: 750px) {
    .footerList01 img {
      width: 25px;
      height: 25px; } }

.footerNavi01 {
  width: 185px;
  margin: 0 20px 0 0;
  float: left; }

.footerNaviList01 {
  width: 210px;
  margin: 0 0 10px 0; }

.footerNaviLink01 {
  color: #FFF; }

@media screen and (max-width: 750px) {
  .footerLogoImg01 {
    width: 230px;
    height: 25px; } }

/* ******************************************************************************
**	6.レスポンシブ
****************************************************************************** */
@media screen and (max-width: 750px) {
  .sp-button {
    width: 10px;
    height: 10px; } }

/* ******************************************************************************
**	7.イエセレAIランキング予測LP
****************************************************************************** */
@media screen and (max-width: 1080px) {
  .pc {
    display: none; } }

.tab {
  display: none; }
  @media screen and (max-width: 1080px) {
    .tab {
      display: initial; } }

.sp {
  display: none; }
  @media screen and (max-width: 750px) {
    .sp {
      display: initial; } }

@media (min-width: 750px) {
  a[href^="tel:"] {
    pointer-events: none; } }

.contain {
  overflow-x: hidden; }

.l-header {
  width: 100%;
  height: 80px;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 500; }
  .l-header:hover {
    cursor: pointer; }
  @media screen and (max-width: 1080px) {
    .l-header {
      position: fixed; } }
  @media screen and (max-width: 750px) {
    .l-header {
      height: 48px; } }
  .l-header__logo img {
    width: 201px;
    height: 43px; }
    @media screen and (max-width: 750px) {
      .l-header__logo img {
        width: 80%;
        height: 80%; } }
  .l-header__logo a {
    display: block; }
  .l-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 16px 100px; }
    @media screen and (max-width: 1080px) {
      .l-header__inner {
        margin: 16px 48px; } }
    @media screen and (max-width: 750px) {
      .l-header__inner {
        margin: 8px 16px; } }
  .l-header__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 50px;
    overflow: hidden; }
    .l-header__list li {
      margin-right: 28px;
      white-space: nowrap; }
      .l-header__list li:last-child {
        margin-right: 0; }
      @media screen and (max-width: 1080px) {
        .l-header__list li {
          margin-right: 16px; } }
      .l-header__list li a {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 18px;
        font-weight: 500;
        color: #333;
        text-decoration: none; }
        .l-header__list li a:hover {
          opacity: .7; }
        @media screen and (max-width: 1080px) {
          .l-header__list li a {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 16px;
            font-weight: 500;
            color: #333; } }
    .l-header__list .btn01 a {
      width: 230px;
      -webkit-transition: all 0.5s 0s ease;
      -o-transition: all 0.5s 0s ease;
      transition: all 0.5s 0s ease;
      background-color: #138AB5;
      text-align: center;
      height: 53px;
      border-radius: 35px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 20px;
      font-weight: bold;
      color: #fff;
      line-height: 53px;
      text-decoration: none;
      display: inline-block; }
      .l-header__list .btn01 a:hover {
        opacity: .7; }

.nav:hover {
  cursor: pointer; }

@media screen and (max-width: 1080px) {
  .nav__box {
    position: fixed;
    top: 8px;
    right: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 54px;
    width: 54px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 110; } }

@media screen and (max-width: 750px) {
  .nav__box {
    top: -4px;
    right: 0;
    height: 54px;
    width: 54px; } }

@media screen and (max-width: 1080px) {
  .nav__box span,
  .nav__box span:before,
  .nav__box span:after {
    content: "";
    display: block;
    height: 3px;
    width: 35px;
    border-radius: 3px;
    background: #138AB5;
    position: absolute; } }

@media screen and (max-width: 750px) {
  .nav__box span,
  .nav__box span:before,
  .nav__box span:after {
    width: 25px; } }

@media screen and (max-width: 1080px) {
  .nav__box span::before {
    bottom: 10px; } }

@media screen and (max-width: 750px) {
  .nav__box span::before {
    bottom: 8px; } }

@media screen and (max-width: 1080px) {
  .nav__box span::after {
    top: 10px; } }

@media screen and (max-width: 750px) {
  .nav__box span::after {
    top: 8px; } }

.nav__content {
  width: 100%;
  height: 400px;
  position: fixed;
  top: -100%;
  left: 0;
  z-index: 90;
  background-color: #fff;
  -webkit-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
  z-index: 100; }

.nav__list {
  padding: 70px 0 0 0;
  text-align: center; }
  .nav__list li {
    border-top: 1px solid #4b4b4b;
    padding: 15px 0;
    margin: 0 54px; }
    .nav__list li:first-child, .nav__list li:last-child {
      border-top: none; }
    .nav__list li a {
      display: block;
      width: 100%;
      font-size: 16px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #333;
      text-decoration: none; }
  .nav__list .btn02 {
    text-align: center;
    padding: 10px 0; }
    .nav__list .btn02 a {
      width: 230px;
      -webkit-transition: all 0.5s 0s ease;
      -o-transition: all 0.5s 0s ease;
      transition: all 0.5s 0s ease;
      background-color: #138AB5;
      text-align: center;
      height: 53px;
      border-radius: 35px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 20px;
      font-weight: bold;
      color: #fff;
      line-height: 53px;
      text-decoration: none;
      display: block;
      margin: 0 auto; }
    .nav__list .btn02:hover {
      opacity: .7; }

#nav__check {
  display: none; }

#nav__check:checked ~ .nav__box span {
  background: rgba(255, 255, 255, 0); }

#nav__check:checked ~ .nav__box span::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#nav__check:checked ~ .nav__box span::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#nav__check:checked ~ .nav__content {
  top: 0; }

.l-main__back {
  background: url(../img/ieselect/imgbackground.jpg) no-repeat 0 0/cover;
  height: 534px;
  width: 100%; }
  @media screen and (max-width: 750px) {
    .l-main__back {
      height: 45vh;
      margin-top: 48px; } }

.l-main__copy {
  position: relative;
  top: 120px;
  text-shadow: 6px 6px 2px #007CAB;
  font-size: 73px;
  line-height: 1.8em; }
  @media screen and (max-width: 1080px) {
    .l-main__copy {
      top: 150px;
      font-size: 60px; } }
  @media screen and (max-width: 750px) {
    .l-main__copy {
      font-size: 25px; } }

.l-case__back {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#87e0ef), to(#007cab));
  background: -webkit-linear-gradient(top, #87e0ef, #007cab);
  background: -o-linear-gradient(top, #87e0ef, #007cab);
  background: linear-gradient(180deg, #87e0ef, #007cab);
  padding-bottom: 56px; }
  .l-case__back::before {
    content: url(../img/ieselect/ico_backgroound.png);
    position: absolute;
    bottom: -133px;
    right: calc(50% - 64px); }
  .l-case__back ul {
    position: relative;
    top: -12px;
    padding-left: 72px; }
    @media screen and (max-width: 750px) {
      .l-case__back ul {
        top: 0;
        padding-left: 0; } }
    .l-case__back ul li {
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 25px;
      font-weight: bold;
      color: #fff;
      letter-spacing: 0.019em;
      line-height: 3.3rem; }
      @media screen and (max-width: 750px) {
        .l-case__back ul li {
          font-size: 15px;
          line-height: 1.6rem; } }
      .l-case__back ul li::before {
        content: "✓";
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 40px;
        font-weight: 900;
        color: #FFFF26;
        margin-right: 20px; }
        @media screen and (max-width: 750px) {
          .l-case__back ul li::before {
            font-size: 24px;
            margin-right: 8px; } }

.l-case__title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 40px;
  font-weight: bold;
  color: #007CAB;
  -webkit-text-stroke: 13px #007CAB;
  letter-spacing: 0.147em;
  position: relative;
  top: -36px; }
  @media screen and (max-width: 750px) {
    .l-case__title {
      font-size: 21px;
      text-align: center;
      right: calc(50% - 140px);
      top: -15px; } }
  .l-case__title::before {
    content: "こんなお悩みありませんか？";
    color: #fff;
    -webkit-text-stroke: 0;
    position: absolute; }

.l-case__appeal {
  position: relative;
  top: -28px;
  left: -30px;
  text-align: center;
  text-shadow: 6px 6px 1px #007CAB;
  font-size: 60px; }
  @media screen and (max-width: 750px) {
    .l-case__appeal {
      font-size: 30px;
      top: 80px;
      left: calc(50% - 160px); } }

.solution {
  padding: 80px 0 120px 0; }
  @media screen and (max-width: 750px) {
    .solution {
      padding: 40px 0 60px 0; } }
  .solution .l-soulution__title {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 36px;
    font-weight: 900;
    color: #333;
    text-align: center;
    margin: 56px 0 28px 0; }
    @media screen and (max-width: 750px) {
      .solution .l-soulution__title {
        font-size: 28px;
        text-align: left;
        margin-top: 80px; } }
    .solution .l-soulution__title .marker {
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 36px;
      font-weight: 900;
      color: #333;
      text-align: center;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #FFFF26));
      background: -webkit-linear-gradient(transparent 70%, #FFFF26 70%);
      background: -o-linear-gradient(transparent 70%, #FFFF26 70%);
      background: linear-gradient(transparent 70%, #FFFF26 70%); }
      @media screen and (max-width: 750px) {
        .solution .l-soulution__title .marker {
          font-size: 28px; } }
  .solution ul {
    display: table;
    margin: auto; }
    .solution ul li {
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 24px;
      font-weight: 800;
      color: #333;
      line-height: 2rem;
      margin: 12px 0; }
      @media screen and (max-width: 750px) {
        .solution ul li {
          font-family: 'Noto Sans JP', sans-serif;
          font-size: 16px;
          font-weight: 400;
          color: #333;
          line-height: 1.5rem;
          margin: 8px 0; } }

.l-flow {
  padding: 80px 0 120px 0; }
  @media screen and (max-width: 750px) {
    .l-flow {
      padding: 40px 0 60px 0; } }
  .l-flow ul {
    width: 800px;
    margin: auto; }
    @media screen and (max-width: 750px) {
      .l-flow ul {
        width: 100%; } }
    .l-flow ul li {
      margin-bottom: 32px; }
      .l-flow ul li:last-child {
        margin-bottom: 0; }
  .l-flow__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .l-flow__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px; }
    .l-flow__step .step {
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 24px;
      font-weight: bold;
      color: #007CAB;
      height: 40%; }
    .l-flow__step .number {
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 50px;
      font-weight: 900;
      color: #fff;
      -webkit-text-fill-color: #fff;
      -webkit-text-stroke: 2px #007CAB; }
  .l-flow__flow {
    margin-left: 64px; }
    @media screen and (max-width: 750px) {
      .l-flow__flow {
        margin-left: 32px; } }
    .l-flow__flow .text {
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 18px;
      font-weight: bold;
      color: #333; }
      @media screen and (max-width: 750px) {
        .l-flow__flow .text {
          padding: 0px 0 8px 0;
          font-family: 'Noto Sans JP', sans-serif;
          font-size: 16px;
          font-weight: bold;
          color: #333; } }

.l-fee {
  padding: 80px 0 120px 0; }
  @media screen and (max-width: 750px) {
    .l-fee {
      padding: 40px 0 60px 0; } }
  .l-fee__back {
    width: 600px;
    background-color: #fff;
    padding: 32px;
    margin: 0 auto 24px; }
    @media screen and (max-width: 750px) {
      .l-fee__back {
        padding: 0;
        width: 100%; } }
    .l-fee__back .speech_bubble {
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 18px;
      font-weight: bold;
      color: #007CAB;
      margin-left: 24px; }
      @media screen and (max-width: 750px) {
        .l-fee__back .speech_bubble {
          padding: 0 8px; } }
      .l-fee__back .speech_bubble::before, .l-fee__back .speech_bubble::after {
        content: "";
        width: 2px;
        height: 15px;
        background: #007CAB;
        border-radius: 3px;
        margin: 0 10px;
        position: relative;
        display: inline-block; }
      .l-fee__back .speech_bubble::before {
        -webkit-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        transform: rotate(-25deg); }
      .l-fee__back .speech_bubble::after {
        -webkit-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
        transform: rotate(25deg); }
    .l-fee__back .monthly_fee {
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 24px;
      font-weight: bold;
      color: #333;
      text-align: center; }
      @media screen and (max-width: 750px) {
        .l-fee__back .monthly_fee {
          font-size: 18px;
          padding: 0 8px; } }
      .l-fee__back .monthly_fee .fee {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 65px;
        font-weight: 900;
        color: #DE0000; }
        @media screen and (max-width: 750px) {
          .l-fee__back .monthly_fee .fee {
            font-size: 45px; } }

.l-faq {
  padding: 80px 0 120px 0; }
  @media screen and (max-width: 750px) {
    .l-faq {
      padding: 40px 0 60px 0; } }
  .l-faq ul li {
    padding-bottom: 88px; }
    @media screen and (max-width: 750px) {
      .l-faq ul li {
        padding: 0 16px 40px 16px; } }
    .l-faq ul li .question {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 32px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media screen and (max-width: 750px) {
        .l-faq ul li .question {
          margin-bottom: 16px; } }
      .l-faq ul li .question dt {
        position: relative;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background-color: #fff;
        text-align: center;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 32px;
        font-weight: 500;
        color: #87E0EF; }
        @media screen and (max-width: 750px) {
          .l-faq ul li .question dt {
            width: 40px;
            height: 40px;
            font-size: 24px; } }
      .l-faq ul li .question dd {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 22px;
        font-weight: 500;
        color: #333;
        width: calc(100% - 88px); }
        @media screen and (max-width: 750px) {
          .l-faq ul li .question dd {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 18px;
            font-weight: 500;
            color: #333; } }
    .l-faq ul li .answer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .l-faq ul li .answer dt {
        position: relative;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background-color: #007CAB;
        text-align: center;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 32px;
        font-weight: 500;
        color: #fff; }
        @media screen and (max-width: 750px) {
          .l-faq ul li .answer dt {
            width: 40px;
            height: 40px;
            font-size: 24px; } }
      .l-faq ul li .answer dd {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #333;
        width: calc(100% - 88px); }
        @media screen and (max-width: 750px) {
          .l-faq ul li .answer dd {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 16px;
            font-weight: 400;
            color: #333; } }
        .l-faq ul li .answer dd .tel {
          text-decoration: none;
          font-family: 'Noto Sans JP', sans-serif;
          font-size: 18px;
          font-weight: 400;
          color: #333; }

.l-recomend {
  padding: 80px 0 120px 0; }
  @media screen and (max-width: 750px) {
    .l-recomend {
      padding: 40px 0 60px 0; } }
  .l-recomend__text {
    width: 730px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 19px;
    font-weight: 500;
    color: #333;
    margin: 48px auto 0 auto; }
    @media screen and (max-width: 750px) {
      .l-recomend__text {
        width: 100%;
        font-size: 16px; } }

footer {
  width: 100%;
  background-color: #87E0EF;
  padding: 12px 0; }
  footer .l-footer {
    text-align: center; }
    footer .l-footer__copy {
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 12px;
      font-weight: 500;
      color: #707070;
      margin: 0 auto; }
      @media screen and (max-width: 750px) {
        footer .l-footer__copy {
          font-size: 10px; } }

/* ******************************************************************************
**	8.共通パーツ
****************************************************************************** */
.slanting {
  position: absolute;
  font-weight: 900;
  color: #FFFF26;
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
  left: calc(50% - 520px); }
  @media screen and (max-width: 1080px) {
    .slanting {
      left: calc(50% - 350px);
      top: -100px; } }
  @media screen and (max-width: 750px) {
    .slanting {
      left: calc(50% - 160px);
      top: -50px; } }

.slanting02 {
  position: absolute;
  font-weight: 900;
  color: #FFFF26;
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
  right: calc(50% - 220px); }
  @media screen and (max-width: 750px) {
    .slanting02 {
      top: -65px;
      right: calc(50% - 85px); } }

.inner {
  width: 1080px;
  margin: 0 auto; }
  @media screen and (max-width: 1080px) {
    .inner {
      width: calc(100% - 3rem); } }

.small {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  display: inline-block;
  text-align: left; }
  @media screen and (max-width: 750px) {
    .small {
      font-family: 'Noto Sans JP', sans-serif;
      font-size: 14px;
      font-weight: 400;
      color: #333; } }
  .small__center {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-align: center;
    margin: 120px 0 8px 0; }
    @media screen and (max-width: 750px) {
      .small__center {
        margin-top: 60px;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #333; } }

.button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #007CAB;
  border-radius: 50px;
  margin: 0 auto;
  max-width: 320px;
  height: 45px;
  padding: 10px 35px;
  text-decoration: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  -webkit-transition: all 0.5s 0s ease;
  -o-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
  -webkit-box-shadow: 10px 10px 1px #87E0EF;
  box-shadow: 10px 10px 1px #87E0EF; }
  .button a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translate(10px);
    -ms-transform: translate(10px);
    transform: translate(10px); }
  @media screen and (max-width: 750px) {
    .button a {
      font-size: 16px; } }
  .button a::after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    -webkit-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease; }

.l-base__back {
  background-color: #E8FCFF; }
  .l-base__back-02 {
    background-color: #87E0EF; }

.l-section__title {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 26px;
  font-weight: bold;
  color: #333;
  text-align: center; }

.l-section__en {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: #007CAB;
  text-align: center;
  margin-bottom: 48px; }
  @media screen and (max-width: 750px) {
    .l-section__en {
      margin-bottom: 32px; } }

.contact {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #007CAB; }
  .contact__bold {
    font-weight: bold; }
  @media screen and (max-width: 750px) {
    .contact {
      font-size: 16px; } }

.center {
  display: block;
  text-align: center; }

.c-btn__lp {
  position: fixed;
  right: 0;
  top: calc(50% - 40px);
  text-align: center; }
  @media screen and (max-width: 750px) {
    .c-btn__lp {
      top: auto;
      bottom: 0;
      width: 100%; } }
  .c-btn__lp a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    color: white;
    background: #138ab5;
    padding: 15px 10px 10px 24px;
    opacity: 1;
    border-radius: 10px 0px 0px 10px;
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.1em; }
    .c-btn__lp a span {
      font-size: 18px;
      font-weight: 500; }
    @media screen and (max-width: 750px) {
      .c-btn__lp a {
        width: 100%;
        border-radius: 0;
        font-size: 18px; } }
    .c-btn__lp a:hover {
      opacity: 0.7; }
  @media screen and (max-width: 750px) {
    .c-btn__lp-sp {
      display: none; } }