@charset "utf-8";
/* CSS Document */

/* =====================

  共通マスター：master_style.css

  ※株式会社シーイーシーの全サイトに共通で使用するcssです。
  ※本cssは、管理者以外の編集は不可となります。

===================== */

/* -------------

ベース

------------- */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body *{
  margin: 0;
  padding: 0;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
html {
  font-size: 62.5%; /* 1rem=10px */
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "游ゴシック", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	width: 100%;
	font-size: 1.6rem;
	color: #333333;
  min-height: 100vh;
}
.w100 {font-weight: 100;}
.w200 {font-weight: 200;}
.w300 {font-weight: 300;}
.w400 {font-weight: 400;}
.w500 {font-weight: 500;}
.w700 {font-weight: 700;}
.w900 {font-weight: 900;}

li {list-style: none !important;}
a {color:#333333; text-decoration: none !important;}
input, select, textarea, button {border-radius: 0;}
input:focus, select:focus, textarea:focus, button:focus {outline:0;}

/* -------------

テキスト標準

------------- */

h2 {
  border-left: 0.6rem solid;
  padding: 0.4rem 0rem 0.4rem 1.2rem;
  margin-bottom: 2rem;
  margin-top: 2rem;
  line-height: 3.4rem;
}
h3 {
  border-bottom: 0.4rem solid;
  padding: 0.2rem 0rem 0.2rem 0rem;
  margin-bottom: 2rem;
  line-height: 3.4rem;
}
h4 {
  border-bottom: 0.2rem solid;
  padding: 0.2rem 0rem 0.2rem 0rem;
  margin-bottom: 2rem;
  line-height: 3.0rem;
}
h5 {
  padding: 0.2rem 0rem 0.2rem 0rem;
  margin-bottom: 1.4rem;
  line-height: 2.5rem;
}
p {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
p.cyusyaku {
  font-size: 1.0rem;
  line-height: 1.8rem;
}

/* -------------

レイアウト大枠

------------- */

#wrap {
  /*display: flex;
  flex-direction: column;
  min-height: 100vh;*/
}

header {
  background-color: #ffffff;
  border-top: 2px solid #5330c1;
  width: 100%;
}

main {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
}
nav {
  width: 100%;
  height: auto;
}
footer {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #333333;
  /*bottom:0;*/
  margin-top: auto;
} 


/* -------------

インフォメーション
（下層ページ下部共通設置）

------------- */

#infoInner {
  padding: 3rem 0rem 4rem 0rem;
}
#info_area {
  margin: 0 auto;
  padding: 0rem 2rem;
  overflow: hidden;
  font-weight: 900;	
}
#info_area div.tel {
  width:auto;
  height:auto;
  border: 0.4rem solid #eeeeee;
  padding: 0.88rem 2.8rem 0.9rem 2.8rem;
  overflow: hidden;
  font-weight: 900;
/* padding: 1rem 2.8rem 1rem 2.8rem; 2020118変更*/
}
  #info_area div.tel p.tel_left {
    overflow: hidden;
    text-align: center;
	line-height:2.55rem!important; /*20201118追加*/
  }
    #info_area div.tel p.tel_left span.tel_title {
      display: block;
      font-size: 1.7rem;
      margin-top: 0.1rem;
    }
    #info_area div.tel p.tel_left span.tel_time {
      display: block;
      font-size: 1.3rem;
    }

    #info_area div.tel p.tel_right span.tel_num {
      background-image: url("../img/tel_icon.svg");
      background-repeat: no-repeat;
      background-position:left;
      background-size: 3.5rem 3.5rem;
      padding-left: 4.4rem;
	  padding-top:0.5rem;
      display: block;
      font-size: 2.7rem;
      line-height:5.4rem;
	/*
	  background-position: center left;
	  background-image: url("../img/freetel_icon.svg");
	  background-position: center left;
	  line-height: 3.2rem; 2020118変更*/
    }

    #info_area div.tel p.tel_right span.tel_num2 {
      display: block;
      font-size: 1.5rem;
    }
      #info_area div.tel p.tel_right span.tel_num a, #info_area div.tel p.tel_right span.tel_num2 a {
        text-decoration: none;
      }
  #info_area div.mail {
    width:auto;
    float: right;
    height: auto;
    padding: 2.2rem 3rem;
    color: #ffffff;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5330c1+0,3f2594+100 */
    background: #5330c1; /* Old browsers */
    background: -webkit-linear-gradient(#5330c1 0%, #3f2594 100%);
    background: -o-linear-gradient(#5330c1 0%, #3f2594 100%);
    background: linear-gradient(#5330c1 0%, #3f2594 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5330c1', endColorstr='#3f2594',GradientType=0 ); /* IE6-9 */
  }

    #info_area div.mail p.mail_bnr {
      background-image: url("../img/mail_icon.svg");
      background-repeat: no-repeat;
      background-position: center left;
      background-size: 3.8rem 3.8rem;
      line-height: 4rem;
    }
      #info_area div.mail p.mail_bnr span {
        padding-left: 5.5rem;
        font-size: 1.6rem;
        /*line-height: 4rem;*/
      }

/*IEでのフォントずれ対処*/
@media all and (-ms-high-contrast:none) {
  #info_area div.tel p.tel_right span.tel_num,#info_area div.tel p.tel_left span.tel_title {
   padding-top: 0.8rem;
  }
  #info_area div.mail p.mail_bnr {
    padding-top: 0.8rem;
  }
  #info_area div.mail p.mail_bnr span {
    padding-top: 0.8rem;
  }
}

/* -------------

サイトマップ

------------- */

#sitemap {
  color: #ffffff;
  background-color: #4d4d4d;
  height: auto;
  overflow: hidden;
}
#sitemap a {
  color: #ffffff;
}
#sitemap a:hover {
  color: #ffffff;
}
  #sitemap #sitemapInner {
    margin: 0 auto;
    padding: 4rem 2rem;
    color: #ffffff;
    overflow: hidden;
  }
    #sitemap #sitemapInner ul {
      float: left;
      font-size: 1.3rem;
      margin-right: 2%;
    }
    #sitemap #sitemapInner ul.last {
      margin-right: 0%
    }
      #sitemap #sitemapInner ul li {
        list-style: none;
        margin-bottom: 0.6rem;
      }
      #sitemap #sitemapInner ul li.sitemap_Gmenu {
        font-weight: 900;
        margin-bottom: 1rem;
      }
      #sitemap #sitemapInner ul li.sitemap_li_last {
        margin-bottom: 1.8rem;
      }

/* -------------

コピーライト

------------- */

#copyright {
  width: 100%;
  background-color: #333333;
  overflow: hidden;
  color: #ffffff;
}
  #copyrightInner {
    overflow: hidden;
    margin: 0 auto;
    padding: 0 2rem;
    width: 960px;
    height: auto;
    color: #ffffff;
  }


  #copyrightInner li a {
    display:block;
    width:100%;
    color: #ffffff;
  }
  #copyrightInner ul.policy {
    display: inline-block;
    line-height: 4.8rem;
    float: left;
    font-size: 1.2rem;
  }
    #copyrightInner ul.policy li {
      display: inline-block;
      background-image: url("../img/link_blank.svg");
      background-repeat: no-repeat;
      background-position: left;
      background-size: 1.6rem 1.6rem;
      float: left;
      /*padding-left: 2.4rem;*/
      margin-right: 2.6rem;
    }
    #copyrightInner ul.policy li a {
      padding-left: 2.4rem;
    }

    #copyrightInner ul.policy li.last {
      margin-right: 0rem;
    }
  #copyrightInner ul.copyright {
    display: inline-block;
    line-height: 4.8rem;
    float: right;
    font-size: 1.2rem;
  }
    #copyrightInner ul.copyright li {
      list-style: none;
      font-family: Georgia;
      letter-spacing: 0.1rem;
      font-weight: 100;
      line-height: 4.8rem;
      background-image: url("../img/cec_smalllogo.svg");
      background-repeat: no-repeat;
      background-position: left;
      background-size: 9rem 9rem;
      font-size: 1.0rem;
      color: #ffffff;
    }

      #copyrightInner ul.copyright li a {
        padding-left: 10.6rem;
      }

/* -------------

pageトップに戻るボタン

------------- */

.page-top {
    position: fixed;
    bottom: 2.2rem;
    right: 2.2rem;
    font-size: 77%;
}
.page-top a {
    background-color: #5330c1;
    opacity: 0.8;
    text-decoration: none;
    color: #fff;
    width: 7rem;
    height: 7rem;
    padding: 0rem 0rem;
    text-align: center;
    display: block;
    border-radius: 0;
}

.page-top a img {
  padding-top: 1rem;
  width: 5rem;
  height: 5rem;
}