@charset "UTF-8";
/*! ==================================================
※※※※※※※※※※※※※※※※※※※※※※※※※※※
  このCSSファイルはSassから生成されていますので、
  編集しないようご注意ください。
※※※※※※※※※※※※※※※※※※※※※※※※※※※
=================================================== */
/*! ==================================================
　リセットCSS
=================================================== */
div, ul, li, dl, dt, dd, table, tr, th, td, address, p {
  margin: 0;
  padding: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }

/*! ==================================================
　共通モジュールやパーツ
=================================================== */
.small {
  font-size: 0.7rem; }

.small2 {
  font-size: 1.0rem; }

.font-L {
  font-size: 1.2rem; }

.object-fit-img {
  object-fit: contain;
  font-family: "object-fit: contain;"; }

.link {
  position: relative; }

.link a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999px;
  z-index: 9000; }

.padbox {
  padding: 5px !important; }

.padbox15 {
  padding: 15px !important; }

/* googlemap レスポンシブ*/
.gmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.gmap iframe,
.gmap object,
.gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

table {
  margin-top: 15px;
  width: 100%;
  border: 1px solid #ccc; }
  table td p {
    padding-top: 0 !important; }

.cycle-slideshow a {
  display: block; }

/* JavaScriptが有効な場合、対象を隠す */
html.enable-javascript .cycle-slideshow {
  visibility: hidden; }
html.enable-javascript .slider, html.enable-javascript .slider-spnavi {
  visibility: hidden; }

/* 画像すべてを読み終えたら、対象を表示する */
html.enable-javascript.window-load .cycle-slideshow {
  visibility: visible; }
html.enable-javascript.window-load .slider, html.enable-javascript.window-load .slider-spnavi {
  visibility: visible; }

input[type=radio] {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  padding: 20px 0; }

input[name=zipcode] {
  width: 150px !important;
  margin-bottom: 2px; }

input[type=checkbox] {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 2px 0;
  vertical-align: middle; }

@media print, screen and (max-width: 767px) {
  .hidden-sm-down {
    display: none; } }
@media print, screen and (min-width: 768px) {
  .hidden-md-up {
    display: none; } }
/*テーブルスクロール*/
.scroll {
  overflow: auto;
  /*tableをスクロールさせる*/
  white-space: nowrap;
  /*tableのセル内にある文字の折り返しを禁止*/
  margin-bottom: 15px; }

.scroll::-webkit-scrollbar {
  /*tableにスクロールバーを追加*/
  height: 15px;
  background-color: #0099cc;
  width: 100px !important; }

.scroll::-webkit-scrollbar-track {
  /*tableにスクロールバーを追加*/
  background-color: #efefef; }

.scroll::-webkit-scrollbar-thumb {
  /*tableにスクロールバーを追加*/
  background: #0099cc;
  width: 100px !important; }

.scroll table {
  margin-bottom: 10px; }

.scroll2 {
  overflow: auto;
  /*tableをスクロールさせる*/
  white-space: nowrap;
  /*tableのセル内にある文字の折り返しを禁止*/
  margin-bottom: 15px; }

.scroll2::-webkit-scrollbar {
  /*スクロールバーを追加しない*/
  height: 0; }

/*
.scrollbar{
	overflow:auto;
	width:100%;
}
.scrollbar .inner
	{
		width:100%;
		margin:0;
	}


#scrollbar01::-webkit-scrollbar
{
        width:5px;
        background:#eee;
}
        #scrollbar01::-webkit-scrollbar:horizontal
        {
                height:5px;
        }
#scrollbar01::-webkit-scrollbar-button
{
        width:5px;
        height:5px;
        background:#666;
}
#scrollbar01::-webkit-scrollbar-piece
{
        background:#eee;
}
        #scrollbar01::-webkit-scrollbar-piece:start
        {
                background:#eee;
        }
#scrollbar01::-webkit-scrollbar-thumb
{
        background:#333;
}
#scrollbar01::-webkit-scrollbar-corner
{
        background:#333;
}*/
.card {
  padding: 0;
  border: none;
  margin: 0; }

.card-header {
  background: none;
  padding: 0;
  border: none;
  margin: 0; }

.card .card-header a[data-toggle="collapse"] {
  display: block; }

.card .card-header a[data-toggle="collapse"]:active,
.card .card-header a[data-toggle="collapse"]:hover,
.card .card-header a[data-toggle="collapse"]:focus {
  text-decoration: none; }

.card-body {
  padding: 10px 10px 20px;
  border-left: 5px solid #f9eaa9;
  border-right: 5px solid #f9eaa9;
  border-bottom: 5px solid #f9eaa9;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px; }

/*! ==================================================
　メインのスタイル
=================================================== */
/*.box {
	@include boxBase(15px,0);
	background: #999;
}
.kadomaru{
	@include kadomaru(5px);
}
*/
.listCenter {
  margin-top: 15px; }
  .listCenter ul {
    font-size: 0;
    text-align: center; }
  .listCenter li {
    font-size: 0.8rem;
    display: inline-block;
    padding: 0 10px; }

.common-btn1 {
  margin-top: 20px; }
  .common-btn1 a {
    width: 40%;
    text-align: center;
    display: block;
    margin: auto;
    text-decoration: none;
    color: #fff;
    background-color: #84c5bc;
    border-style: solid;
    border-width: 2px;
    border-color: #84c5bc;
    border-radius: 20px;
    display: block;
    font-weight: bold;
    padding: 5px; }
    @media print, screen and (max-width: 575px) {
      .common-btn1 a {
        width: 60%;
        font-size: 1.0rem; } }
  .common-btn1 a:hover {
    background-color: #fff;
    color: #84c5bc; }
    @media print, screen and (max-width: 575px) {
      .common-btn1 a:hover {
        font-size: 1.0rem; } }

h1, h2, h3, h4 {
  /*font-family:  Kaimin Sora Bold;*/
  font-family: "kinuta-maruminold-stdn"; }

.common-link {
  text-align: center;
  margin-top: 15px; }

.common-link a {
  font-size: 0.9rem;
  color: #276490; }

.btnInput {
  padding-top: 15px;
  text-align: center; }
  @media print, screen and (max-width: 991px) {
    .btnInput {
      clear: both; } }
  .btnInput input {
    color: #fff;
    border: 5px solid #666;
    background-color: #333;
    width: 80%;
    text-align: center;
    cursor: pointer;
    font-size: 0.8rem;
    padding: 5px 10px; }

.hissu {
  color: #ff0000; }

.alert {
  color: #ff0000;
  font-size: 0.9em; }

.red {
  color: #f00; }

.setumei {
  padding: 15px; }
  .setumei li {
    margin-left: 15px;
    font-size: 0.9rem; }

.pagetop {
  position: fixed;
  bottom: 2%;
  right: 5%;
  width: 80px;
  height: 80px; }
  .pagetop a {
    border: 2px solid #fff;
    font-weight: bold;
    border-radius: 50%;
    text-decoration: none;
    padding: 20px;
    display: block;
    color: #fff;
    font-size: 0.9rem;
    float: right;
    text-align: center;
    background-color: #84c5bc; }
    @media print, screen and (max-width: 575px) {
      .pagetop a {
        width: 80px;
        height: 80px;
        font-size: 0.8rem; } }

.table1 {
  border: none;
  border-collapse: separate;
  text-align: center; }
  .table1 th {
    color: #fff;
    background-color: #1e5aa0;
    padding: 5px;
    font-weight: normal; }
    @media print, screen and (max-width: 767px) {
      .table1 th {
        font-size: 0.8rem; } }
  .table1 td {
    color: #000;
    padding: 5px; }
  .table1 tr:nth-child(even) {
    background: #eee; }
  .table1 tr:nth-child(odd) {
    background: #f3f3f3; }

.nav {
  padding: 0 10px;
  border: none !important; }
  .nav li {
    padding: 5px 5px 2px;
    margin: 0; }
    .nav li a {
      color: #fff !important;
      border-radius: 10px 10px 0 0;
      border: 0 !important;
      text-align: center;
      font-size: 0.9rem;
      padding: 10px 0; }

h2.title1 {
  font-weight: bold;
  text-align: center;
  margin-top: 100px; }
  h2.title1 span {
    font-size: 0.8rem; }

h2.title2 {
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin-top: 50px; }
  h2.title2 span {
    font-size: 0.8rem; }

.bk_green {
  background-image: url(../imgs/bk_green.png);
  background-repeat: repeat; }

/*! ==================================================
　header
=================================================== */
#header-fixed {
  margin: 0;
  z-index: 10000;
  background-image: url(../imgs/bk_header.png);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding-bottom: 25px;
  /*メニューを上に動かす*/ }
  #header-fixed header {
    position: relative; }
    #header-fixed header .logo {
      width: 80px;
      margin: 0 auto;
      padding-top: 10px; }
    #header-fixed header .sitetitle {
      width: 284px;
      margin: 10px auto; }
    #header-fixed header .headmenu {
      margin-top: 30px; }
      @media print, screen and (max-width: 991px) {
        #header-fixed header .headmenu {
          display: none; } }
      #header-fixed header .headmenu ul {
        font-size: 0;
        text-align: center; }
      #header-fixed header .headmenu li {
        font-size: 1rem;
        display: inline-block;
        padding: 0 10px; }
      #header-fixed header .headmenu a {
        text-decoration: none;
        font-family: "kinuta-maruminold-stdn"; }
    @media print, screen and (max-width: 575px) {
      #header-fixed header .topimg.container {
        margin: 0;
        padding: 0; } }
    #header-fixed header #topimg {
      width: 100%;
      margin: 20px auto 0; }

.is-animation1 #topimg {
  display: none; }

.is-animation11 .logo {
  float: left;
  width: 70px !important;
  padding-right: 10px;
  padding-left: 10px; }

.is-animation11 .sitetitle {
  float: left;
  width: 240px !important;
  padding-top: 10px; }

.is-animation11 .headmenu {
  float: right;
  width: 800px; }

/*! ==================================================
　rightnavi
=================================================== */
#rightnavi {
  transition: opacity ease 1s;
  position: fixed;
  top: 2%;
  right: 1%;
  z-index: 9000;
  width: 280px; }
  @media print, screen and (max-width: 1199px) {
    #rightnavi {
      display: none; } }

.is-animation2 {
  margin-top: 50px; }

/*! ==================================================
　spnavi
=================================================== */
#spnavi {
  z-index: 20000; }
  @media print, screen and (min-width: 992px) {
    #spnavi {
      display: none; } }
  #spnavi .spnavititle {
    color: #fff;
    padding: 2px 0;
    font-size: 0.8rem;
    text-align: center;
    margin-top: 10px; }
  #spnavi .spnavi {
    padding: 0 10px; }
    @media print, screen and (min-width: 992px) {
      #spnavi .spnavi {
        display: none; } }
    #spnavi .spnavi li {
      list-style: none;
      padding: 5px;
      line-height: 1.2; }
      #spnavi .spnavi li a {
        display: block;
        text-align: center;
        font-size: 0.6rem;
        text-decoration: none;
        padding: 10px 0; }
        #spnavi .spnavi li a img {
          border-style: solid;
          border-width: 5px;
          border-color: #eeeeee;
          border-radius: 50%;
          background-image: -moz-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
          background-image: -webkit-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
          background-image: -ms-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
          display: inline-block;
          width: 40px;
          height: 40px;
          margin: auto; }
          @media print, screen and (min-width: 992px) and (max-width: 1199px) {
            #spnavi .spnavi li a img {
              width: 40px;
              height: 40px; } }

/*! ==================================================
　content
=================================================== */
#contenttop {
  padding-top: 150px;
  margin-top: -150px; }

/*! ==================================================
　banner
=================================================== */
#banner {
  padding-top: 30px;
  margin-top: 30px; }
  #banner li {
    list-style: none; }

/*! ==================================================
　HOME
=================================================== */
#home #homesearvice {
  padding: 30px 0; }
  #home #homesearvice .housebox {
    margin-top: 15px;
    background-image: url(../imgs/bk_service1.png);
    background-size: 100% auto;
    padding-bottom: 30px; }
    #home #homesearvice .housebox h3 {
      background-image: url(../imgs/icon_roller.png);
      background-repeat: no-repeat;
      text-align: center;
      font-size: 1.8rem;
      background-position: center;
      padding-top: 150px;
      background-size: 10%;
      font-weight: bold; }
    #home #homesearvice .housebox ul.img {
      margin: 25px 50px 15px; }
      @media print, screen and (max-width: 767px) {
        #home #homesearvice .housebox ul.img {
          margin: 10px 10px 10px; } }
      #home #homesearvice .housebox ul.img li {
        padding: 10px;
        list-style: none; }
        #home #homesearvice .housebox ul.img li img {
          border: 3px solid #84c5bc; }
    #home #homesearvice .housebox ul.txt {
      width: 60%;
      margin: 0 auto 20px !important; }
      @media print, screen and (max-width: 991px) {
        #home #homesearvice .housebox ul.txt {
          width: 80%; } }
      #home #homesearvice .housebox ul.txt li {
        font-size: 0.9rem; }
        @media print, screen and (max-width: 991px) {
          #home #homesearvice .housebox ul.txt li {
            font-size: 1.0rem; } }
      #home #homesearvice .housebox ul.txt li.nostyle {
        list-style: none; }
  #home #homesearvice .housebox2 {
    margin-top: 50px !important; }
    @media print, screen and (min-width: 992px) {
      #home #homesearvice .housebox2 {
        background-image: url(../imgs/bk_service2.png) !important; } }
    #home #homesearvice .housebox2 h3 {
      font-weight: bold;
      background-size: 5% !important; }
      @media print, screen and (max-width: 991px) {
        #home #homesearvice .housebox2 h3 {
          background-size: 10% !important; } }
    #home #homesearvice .housebox2 h4 {
      font-weight: bold;
      color: #f19149;
      border-top: 2px solid #f19149;
      border-bottom: 2px solid #f19149;
      padding: 10px;
      text-align: center;
      margin: 30px 50px 0; }
      @media print, screen and (max-width: 767px) {
        #home #homesearvice .housebox2 h4 {
          margin: 30px 20px 0;
          font-size: 1.2rem; } }
    #home #homesearvice .housebox2 p {
      padding: 20px 50px; }
      @media print, screen and (max-width: 767px) {
        #home #homesearvice .housebox2 p {
          padding: 20px 20px; } }
    @media print, screen and (min-width: 992px) {
      #home #homesearvice .housebox2 .box2 p.txt-left {
        padding: 20px 0 20px 50px; }
      #home #homesearvice .housebox2 .box2 p.txt-right {
        padding: 50px 50px 20px 0; } }
    #home #homesearvice .housebox2 .box2 .img2-right {
      padding: 20px 35px; }
      @media print, screen and (min-width: 992px) {
        #home #homesearvice .housebox2 .box2 .img2-right {
          padding: 20px 70px 20px 50px; } }
      #home #homesearvice .housebox2 .box2 .img2-right img {
        border: 3px solid #84c5bc; }
    #home #homesearvice .housebox2 .box2 .img2-left {
      padding: 20px 35px; }
      @media print, screen and (min-width: 992px) {
        #home #homesearvice .housebox2 .box2 .img2-left {
          padding: 20px 30px 20px 70px; } }
#home #homekodawari .kodawaribox {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 50px; }
  #home #homekodawari .kodawaribox h3 {
    color: #84c5bc;
    font-size: 1.6rem;
    margin-top: 40px;
    font-weight: bold; }
    @media print, screen and (max-width: 991px) {
      #home #homekodawari .kodawaribox h3 {
        font-size: 1.4rem; } }
  #home #homekodawari .kodawaribox p {
    padding-top: 15px; }
  #home #homekodawari .kodawaribox img {
    margin-top: 40px; }
  @media print, screen and (max-width: 991px) {
    #home #homekodawari .kodawaribox .kodawariimg1 {
      width: 80%;
      margin: auto; } }

/*! ==================================================
　#news,#homenews
=================================================== */
#news h2 {
  font-weight: bold;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 50px;
  font-size: 2.0rem; }

.newsList {
  /*home newslist共通*/
  margin-bottom: 30px; }
  .newsList time {
    font-size: 0.8rem;
    display: block;
    margin-bottom: 5px; }
    .newsList time span {
      display: inline-block;
      background-color: #000000;
      padding: 2px 5px;
      color: #fff;
      border-radius: 5px; }
  .newsList h3 {
    font-size: 1.2rem;
    font-weight: bold;
    color: #000000;
    background-image: url(../imgs/yajirushi.png);
    background-position: 97% 90%;
    background-size: 18px;
    background-repeat: no-repeat;
    font-family: "noto-sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
    @media print, screen and (max-width: 767px) {
      .newsList h3 {
        padding-top: 5px; } }
    .newsList h3 img {
      border-style: solid;
      border-width: 5px;
      border-color: #eeeeee;
      border-radius: 50%;
      background-image: -moz-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      background-image: -webkit-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      background-image: -ms-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      width: 40px;
      height: 40px; }
  .newsList .list {
    border-bottom: 1px solid #959595;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px; }
    .newsList .list p {
      font-size: 0.8rem; }

#news .newsList {
  padding-top: 20px; }

#news .newsDetail {
  padding-top: 20px;
  padding-bottom: 50px; }
  #news .newsDetail h3 {
    font-size: 1.6rem;
    font-weight: bold;
    color: #000;
    border-bottom: 2px dotted #84c5bc;
    padding-bottom: 10px;
    margin-bottom: 30px;
    margin-top: 15px;
    font-family: "noto-sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important; }
    @media print, screen and (max-width: 767px) {
      #news .newsDetail h3 {
        padding-top: 5px; } }
    #news .newsDetail h3 img {
      border-style: solid;
      border-width: 5px;
      border-color: #eeeeee;
      border-radius: 50%;
      background-image: -moz-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      background-image: -webkit-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      background-image: -ms-linear-gradient(90deg, white 0%, white 51%, #fbf8f3 100%);
      width: 40px;
      height: 40px; }
  #news .newsDetail time {
    font-size: 0.8rem;
    display: block;
    margin-bottom: 5px; }
    #news .newsDetail time span {
      display: inline-block;
      background-color: #000;
      padding: 2px 5px;
      color: #fff;
      border-radius: 5px; }
  #news .newsDetail #content {
    padding-bottom: 30px; }
    #news .newsDetail #content ul {
      margin: 20px !important; }
    #news .newsDetail #content a {
      text-decoration: underline; }
    #news .newsDetail #content p {
      padding-top: 15px; }

#news .pagelink {
  text-align: center;
  padding-top: 30px;
  font-size: 0.8rem; }

/*! ==================================================
　contact
=================================================== */
#contact .contact {
  padding: 30px 15px;
  /*.btn_submit{
  	text-align:center;
  	margin:0 auto;
  }*/ }
  #contact .contact form {
    margin: 20px 0;
    padding: 10px 0;
    background-color: rgba(255, 255, 255, 0.8); }
  #contact .contact .form-group {
    margin: 5px 0;
    padding: 0; }
    @media print, screen and (max-width: 767px) {
      #contact .contact .form-group input {
        font-size: 1.6rem; } }
  #contact .contact input {
    width: 100%;
    padding: 5px; }
  #contact .contact textarea {
    width: 100%; }
    @media print, screen and (max-width: 767px) {
      #contact .contact textarea {
        font-size: 1.6rem; } }

/*! ==================================================
　footer
=================================================== */
footer #footer {
  padding-bottom: 70px;
  background-image: url(../imgs/bk_foot.png);
  background-repeat: repeat; }
  footer #footer h2 {
    border-top: 2px dotted #84c5bc;
    border-bottom: 2px dotted #84c5bc;
    color: #84c5bc;
    text-align: center;
    font-size: 1.2rem;
    padding: 7px;
    margin-top: 30px;
    font-weight: bold; }
  footer #footer .sitetitle {
    padding: 20px 0 0;
    font-size: 1.4rem;
    font-weight: bold; }
  footer #footer address {
    padding-top: 15px;
    font-size: 0.9rem; }
  footer #footer .otoiawase dt {
    float: left;
    width: 10%;
    font-size: 0.8rem;
    margin-top: 15px;
    padding-top: 3px;
    font-weight: normal; }
  footer #footer .otoiawase dd {
    float: left;
    width: 40%;
    font-size: 1.0rem;
    margin-top: 15px;
    padding-left: 2px;
    padding-right: 5px; }
    footer #footer .otoiawase dd span {
      font-size: 1.0rem; }
  footer #footer .otoiawase p {
    margin-top: 15px;
    font-size: 0.9rem !important; }
  footer #footer .sns ul {
    font-size: 0;
    text-align: center; }
  footer #footer .sns li {
    font-size: 1rem;
    display: inline-block;
    padding: 0 10px; }
  footer #footer .sns li {
    list-style: none; }
    footer #footer .sns li a {
      text-decoration: none;
      display: block; }
      footer #footer .sns li a img {
        display: inline-block; }
  footer #footer .sns ul {
    margin: 30px; }
    @media print, screen and (max-width: 767px) {
      footer #footer .sns ul {
        margin: 30px 10px 10px; } }
@media print, screen and (max-width: 991px) {
  footer #footnavi {
    display: none; } }
footer #footnavi li {
  float: left;
  width: 12.5%;
  list-style: none;
  padding: 30px 0; }
  footer #footnavi li a {
    display: block;
    border-right: 1px solid #c9c9c9;
    width: 100%;
    text-align: center;
    font-size: 0.9rem;
    font-family: "kinuta-maruminold-stdn"; }
footer #footnavi li:last-child a {
  border-right: none !important; }
footer .copyright {
  text-align: center;
  font-size: 0.8rem;
  padding-top: 15px;
  padding-bottom: 15px;
  background-image: url(../imgs/bk_footer.png);
  font-weight: bold; }

/*! ==================================================
　qa
=================================================== */
#qa {
  padding-bottom: 50px; }
  #qa ul {
    font-size: 0;
    text-align: center; }
  #qa li {
    font-size: 0.9rem;
    display: inline-block;
    padding: 0 10px; }
  #qa ul li {
    list-style: none !important;
    padding: 20px 30px; }
    @media print, screen and (max-width: 767px) {
      #qa ul li {
        padding: 20px 5px; } }
    #qa ul li a {
      font-family: "kinuta-maruminold-stdn";
      border-radius: 50%;
      display: block;
      width: 150px;
      height: 150px;
      padding: 15px;
      text-align: center;
      text-decoration: none;
      font-size: 1.0rem;
      font-weight: bold; }
      @media print, screen and (max-width: 767px) {
        #qa ul li a {
          width: 110px;
          height: 110px;
          font-size: 0.8rem;
          padding: 10px; } }
      #qa ul li a img {
        width: 70px; }
        @media print, screen and (max-width: 767px) {
          #qa ul li a img {
            width: 40px; } }
    #qa ul li a:hover {
      color: #ddd; }
    #qa ul li .qaicon1 {
      color: #f19149;
      border: 4px solid #f19149; }
    #qa ul li .qaicon2 {
      color: #84c5bc;
      border: 4px solid #84c5bc; }
    #qa ul li .qaicon3 {
      color: #6699cc;
      border: 4px solid #6699cc; }
  #qa h2 {
    font-weight: bold;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 50px;
    font-size: 2.0rem; }
  #qa h3 {
    color: #fff;
    padding: 30px;
    text-align: center;
    margin-top: 50px;
    font-size: 1.8rem; }
  #qa .qatitle1 {
    background-image: url(../imgs/bk_title3.png);
    background-repeat: no-repeat; }
  #qa .qatitle2 {
    background-image: url(../imgs/bk_title1.png);
    background-repeat: no-repeat; }
  #qa .qatitle3 {
    background-image: url(../imgs/bk_title4.png);
    background-repeat: no-repeat; }
  #qa h4 {
    margin-top: 30px;
    font-weight: bold; }
  #qa h4.qa1 {
    color: #f19149; }
  #qa h4.qa2 {
    color: #84c5bc; }
  #qa h4.qa3 {
    color: #6699cc; }
  #qa .answer {
    border-bottom: 2px dotted #ddd;
    padding-bottom: 30px; }

/*! ==================================================
　work
=================================================== */
#work {
  margin-bottom: 50px;
  /*詳細*/ }
  #work h2 {
    font-weight: bold;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 50px;
    font-size: 2.0rem; }
  #work ul {
    font-size: 0;
    text-align: center; }
  #work li {
    font-size: 1rem;
    display: inline-block;
    padding: 0 10px; }
  #work ul li {
    padding: 10px 30px; }
    @media print, screen and (min-width: 992px) {
      #work ul li a img {
        width: 150px; } }
    @media print, screen and (max-width: 991px) {
      #work ul li a img {
        width: 120px; } }
  #work h3 {
    margin-top: 30px;
    text-align: center;
    padding: 30px;
    color: #fff;
    font-size: 2.0rem;
    font-weight: bold; }
  #work h3.title1 {
    background-image: url(../imgs/bk_title1.png); }
  #work h3.title2 {
    background-image: url(../imgs/bk_title2.png); }
  #work .workbox {
    margin-top: 30px;
    padding: 5px; }
    #work .workbox img {
      border-radius: 10px; }
    #work .workbox h4 {
      font-size: 1.2rem;
      font-family: "noto-sans","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }
    #work .workbox p {
      color: #f19149;
      margin-top: 10px;
      font-size: 0.9rem; }
  @media print, screen and (min-width: 768px) {
    #work #workDetail {
      width: 600px;
      margin: auto; } }
  #work #workDetail h3 {
    color: #84c5bc;
    border-top: 2px dotted #84c5bc;
    border-bottom: 2px dotted #84c5bc;
    font-size: 1.4rem;
    padding: 10px; }
  #work #workDetail h4 {
    color: #84c5bc;
    font-size: 1.8rem;
    margin-top: 30px; }
  #work #workDetail img {
    border-radius: 10px; }
  #work #workDetail .setumei {
    margin-top: 20px; }
    #work #workDetail .setumei dl {
      border-bottom: 2px dotted #84c5bc;
      padding: 5px; }
      #work #workDetail .setumei dl dt {
        color: #84c5bc;
        padding-left: 0; }

/*! ==================================================
　mamechishiki
=================================================== */
#mamechishiki {
  margin-bottom: 50px; }
  #mamechishiki p {
    padding-top: 30px;
    font-size: 1.2rem; }
    @media print, screen and (max-width: 767px) {
      #mamechishiki p {
        font-size: 1.0rem; } }
  #mamechishiki p.toiawase a {
    color: #137aaf;
    font-weight: bold;
    text-decoration: underline; }
  #mamechishiki h2 {
    font-weight: bold;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 50px;
    font-size: 2.0rem; }
  #mamechishiki ul {
    font-size: 0;
    text-align: center; }
  #mamechishiki li {
    font-size: 1rem;
    display: inline-block;
    padding: 0 10px; }
  #mamechishiki .menu {
    margin: 50px -15px 0 -15px; }
    #mamechishiki .menu li {
      list-style: none;
      padding: 5px 10px; }
      #mamechishiki .menu li a {
        font-family: "kinuta-maruminold-stdn";
        display: inline-block;
        padding: 5px 10px;
        border-radius: 20px;
        border: 3px solid #84c5bc;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        background-color: #84c5bc; }
      #mamechishiki .menu li a:hover {
        color: #84c5bc;
        background-color: #fff; }
  #mamechishiki h3 {
    font-size: 2.4rem;
    color: #fff;
    margin-top: 50px;
    /*background-image:url(../imgs/bk_title2.png);*/
    color: #84c5bc;
    background-repeat: no-repeat;
    padding: 30px 0;
    text-align: center;
    font-weight: bold; }
    @media print, screen and (max-width: 767px) {
      #mamechishiki h3 {
        font-size: 1.6rem; } }
    @media print, screen and (max-width: 767px) {
      #mamechishiki h3 {
        padding: 30px 10px; } }
  #mamechishiki #check h4 {
    margin-top: 50px;
    color: #fff;
    background-image: url(../imgs/bk_title3.png);
    background-repeat: no-repeat;
    text-align: center;
    padding: 10px;
    font-weight: bold; }
  #mamechishiki #check #checkkekka {
    margin: 0;
    background-color: #faf9f7;
    padding: 0 15px 15px; }
    #mamechishiki #check #checkkekka h5 {
      font-weight: bold;
      background-image: url(../imgs/icon_roller.png);
      background-repeat: no-repeat;
      background-size: 60px;
      background-position: 0 20px;
      padding: 0 15px 0 70px;
      font-size: 1.6rem;
      line-height: 1.8;
      margin-top: 20px;
      color: #f19149;
      border-bottom: 2px dotted #ddd; }
      @media print, screen and (min-width: 768px) and (max-width: 991px) {
        #mamechishiki #check #checkkekka h5 {
          font-size: 1.4rem; } }
      #mamechishiki #check #checkkekka h5 span {
        font-size: 0.9rem;
        display: inline-block;
        background-color: #ff0000;
        color: #fff;
        padding: 1px 5px; }
    #mamechishiki #check #checkkekka p {
      padding: 10px;
      font-weight: bold; }
  #mamechishiki table {
    margin-top: 30px;
    font-weight: bold;
    border: 2px solid #84c5bc; }
    #mamechishiki table th {
      border: 2px solid #84c5bc;
      padding: 5px;
      text-align: center;
      background-color: #f0fcf2; }
    #mamechishiki table td {
      border: 2px solid #84c5bc;
      padding: 5px; }
      #mamechishiki table td .txt_checksheet {
        background-color: #ff0000;
        color: #fff;
        font-size: 0.8rem;
        padding: 1px 5px;
        display: inline-block; }
      #mamechishiki table td .txt_checksheet2 {
        font-size: 0.8rem; }
  #mamechishiki .houseimg {
    margin: 80px auto; }
    @media print, screen and (min-width: 992px) {
      #mamechishiki .houseimg {
        width: 80%; } }
  #mamechishiki #chuui p {
    padding-top: 10px; }
  #mamechishiki #chuui .img {
    margin: 40px 15px 15px; }
    @media print, screen and (max-width: 767px) {
      #mamechishiki #chuui .img {
        width: 200px;
        margin: 40px auto 15px; } }
    #mamechishiki #chuui .img img {
      border-radius: 50%;
      border: 4px solid #eee; }
  #mamechishiki #chuui h4 {
    background-repeat: no-repeat;
    padding: 10px;
    text-align: center;
    margin-top: 50px;
    color: #fff;
    font-weight: bold; }
  #mamechishiki #chuui .title1 {
    background-image: url(../imgs/bk_title1.png); }
  #mamechishiki #chuui .title2 {
    background-image: url(../imgs/bk_title2.png); }
  #mamechishiki #chuui .title3 {
    background-image: url(../imgs/bk_title4.png); }
  #mamechishiki #chuui h5 {
    margin-top: 50px;
    font-size: 1.4rem;
    font-weight: bold;
    border-bottom: 2px dotted #ddd;
    padding-bottom: 15px; }
    @media print, screen and (max-width: 767px) {
      #mamechishiki #chuui h5 {
        text-align: center;
        margin-top: 20px; } }
  #mamechishiki #chuui .rekkaimg {
    width: 60%;
    margin: 30px auto; }
    @media print, screen and (max-width: 767px) {
      #mamechishiki #chuui .rekkaimg {
        width: 100%; } }
    @media print, screen and (min-width: 768px) and (max-width: 991px) {
      #mamechishiki #chuui .rekkaimg {
        width: 90%; } }
  #mamechishiki #flow h4 {
    color: #f19149;
    margin-top: 30px;
    font-weight: bold; }
    @media print, screen and (max-width: 767px) {
      #mamechishiki #flow h4 {
        text-align: center; } }
  #mamechishiki #flow p {
    padding-top: 10px;
    padding-bottom: 30px;
    border-bottom: 2px dotted #ddd; }
  #mamechishiki #flow #flow6 {
    margin-top: 30px; }
    #mamechishiki #flow #flow6 p {
      margin-top: 50px;
      font-size: 0.9rem; }
    #mamechishiki #flow #flow6 dl {
      margin-top: 15px; }
      #mamechishiki #flow #flow6 dl dt {
        float: left;
        padding-right: 10px; }
        #mamechishiki #flow #flow6 dl dt span {
          width: 60px;
          height: 60px;
          border: 2px solid #84c5bc;
          font-weight: bold;
          border-radius: 50%;
          text-decoration: none;
          padding: 15px 5px;
          display: block;
          color: #84c5bc;
          font-size: 0.8rem;
          float: right;
          text-align: center;
          background-color: #fff; }
      #mamechishiki #flow #flow6 dl dd {
        padding-top: 15px;
        font-size: 1.1rem; }
  #mamechishiki #meisho #meisholist h4 {
    font-weight: bold;
    margin-top: 40px;
    color: #f19149; }
    #mamechishiki #meisho #meisholist h4 span {
      font-size: 0.8rem; }
    @media print, screen and (max-width: 767px) {
      #mamechishiki #meisho #meisholist h4 {
        text-align: center; } }
  #mamechishiki #meisho #meisholist p {
    font-size: 1.0rem;
    padding-top: 10px; }
    @media print, screen and (max-width: 767px) {
      #mamechishiki #meisho #meisholist p {
        width: 277px;
        margin: auto; } }
  @media print, screen and (max-width: 767px) {
    #mamechishiki #meisho #meisholist .housephoto {
      width: 277px;
      margin: auto; } }

/*! ==================================================
　konnakotomo
=================================================== */
#konnakotomo a {
  color: #137aaf;
  font-weight: bold;
  text-decoration: underline; }
#konnakotomo h2 {
  font-weight: bold;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 50px;
  font-size: 2.0rem; }
#konnakotomo h3 {
  margin-top: 30px;
  text-align: center;
  padding: 30px;
  color: #fff;
  font-size: 2.0rem;
  font-weight: bold; }
#konnakotomo h3.title1 {
  background-image: url(../imgs/bk_title1.png); }
#konnakotomo h3.title2 {
  background-image: url(../imgs/bk_title2.png); }
#konnakotomo p {
  padding-top: 30px; }
#konnakotomo .content1 p {
  font-size: 1.2rem; }
#konnakotomo .content1 .list1 {
  margin-top: 30px; }
  #konnakotomo .content1 .list1 li {
    font-size: 1.2rem;
    margin-left: 20px;
    padding-top: 10px;
    font-weight: bold; }
#konnakotomo .content1 img {
  border-radius: 10px;
  margin-top: 30px; }
#konnakotomo p.toiawase {
  font-weight: bold;
  margin-top: 15px;
  font-size: 1.4rem; }
#konnakotomo #konnakotomo1 {
  margin-bottom: 80px; }
  #konnakotomo #konnakotomo1 h4 {
    color: #84c5bc;
    font-size: 1.6rem;
    margin-top: 50px;
    font-weight: bold; }
    @media print, screen and (max-width: 767px) {
      #konnakotomo #konnakotomo1 h4 {
        text-align: center; } }
  #konnakotomo #konnakotomo1 #cleaning h5 {
    font-weight: bold;
    margin-top: 30px;
    background-image: url(../imgs/icon_bucket.png);
    background-size: 40px;
    background-repeat: no-repeat;
    padding: 10px 15px 0 50px;
    font-size: 1.6rem; }
    @media print, screen and (max-width: 767px) {
      #konnakotomo #konnakotomo1 #cleaning h5 {
        font-size: 1.4rem; } }
  #konnakotomo #konnakotomo1 #cleaning p {
    padding-top: 10px; }
#konnakotomo #konnakotomo2 {
  margin-bottom: 50px; }
  #konnakotomo #konnakotomo2 img {
    margin-top: 50px; }
  #konnakotomo #konnakotomo2 .img1, #konnakotomo #konnakotomo2 .img3, #konnakotomo #konnakotomo2 .img4 {
    margin: auto; }
    @media print, screen and (min-width: 768px) {
      #konnakotomo #konnakotomo2 .img1, #konnakotomo #konnakotomo2 .img3, #konnakotomo #konnakotomo2 .img4 {
        width: 80%; } }
  @media print, screen and (max-width: 767px) {
    #konnakotomo #konnakotomo2 .img1 {
      display: none; } }
  @media print, screen and (min-width: 768px) {
    #konnakotomo #konnakotomo2 .img1-sp {
      display: none; } }
  #konnakotomo #konnakotomo2 .img2 {
    margin: auto; }
    @media print, screen and (min-width: 768px) {
      #konnakotomo #konnakotomo2 .img2 {
        width: 60%; } }
  #konnakotomo #konnakotomo2 .txt_red {
    color: #ff0000;
    font-size: 1.6rem;
    font-weight: bold; }
  #konnakotomo #konnakotomo2 h4 {
    color: #84c5bc;
    font-size: 2.0rem;
    margin-top: 100px;
    font-weight: bold; }
    @media print, screen and (max-width: 767px) {
      #konnakotomo #konnakotomo2 h4 {
        font-size: 1.6rem; } }
  #konnakotomo #konnakotomo2 .txt1 {
    text-align: center;
    margin-top: 50px;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 2.0; }
  #konnakotomo #konnakotomo2 h5 {
    margin-top: 40px;
    font-size: 1.8rem;
    border-bottom: 2px dotted #84c5bc;
    line-height: 1.3;
    font-weight: bold;
    padding-bottom: 10px; }
    @media print, screen and (max-width: 767px) {
      #konnakotomo #konnakotomo2 h5 {
        font-size: 1.4rem; } }
    #konnakotomo #konnakotomo2 h5 span {
      color: #84c5bc;
      font-size: 0.9rem; }
  #konnakotomo #konnakotomo2 ul.list {
    margin-top: 15px; }
    #konnakotomo #konnakotomo2 ul.list li {
      margin-left: 20px;
      padding-top: 10px;
      font-weight: bold;
      font-size: 1.2rem; }
  #konnakotomo #konnakotomo2 p.tumari {
    margin-top: 50px;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 2.0; }
    #konnakotomo #konnakotomo2 p.tumari img {
      display: inline-block;
      margin: 0;
      padding: 0; }
  #konnakotomo #konnakotomo2 .kikan {
    font-size: 1.2rem;
    font-weight: bold; }
  #konnakotomo #konnakotomo2 .photo {
    margin: auto; }
    @media print, screen and (min-width: 768px) {
      #konnakotomo #konnakotomo2 .photo {
        width: 80%; } }

/*! ==================================================
　company
=================================================== */
#company h2 {
  font-weight: bold;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 50px;
  font-size: 2.0rem; }
#company dl {
  border-bottom: 2px dotted #84c5bc;
  padding: 20px 0;
  margin: 0 30px; }
  @media print, screen and (max-width: 767px) {
    #company dl {
      margin: 0 10px; } }
  #company dl dt {
    color: #84c5bc;
    margin: 0;
    padding: 0; }
  #company dl dd {
    font-size: 1.0rem;
    margin: 0;
    padding: 0; }
    #company dl dd a {
      color: #137aaf;
      font-weight: bold;
      text-decoration: underline; }
#company .container {
  padding-bottom: 50px; }
#company .gmap {
  margin: 20px; }

/*! ==================================================
　contact
=================================================== */
#contact .mb100 {
  margin-bottom: 100px;
  margin-top: 100px; }
#contact h2 {
  font-weight: bold;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 20px !important;
  margin-bottom: 0;
  font-size: 2.0rem; }
#contact p.headtxt {
  margin-top: -50px; }
#contact #contacthead {
  border-top: 2px dotted #ddd;
  border-bottom: 2px dotted #ddd;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 30px;
  padding-bottom: 15px; }
  #contact #contacthead h3 {
    color: #84c5bc;
    text-align: center; }
  #contact #contacthead p {
    text-align: center;
    color: #137aaf;
    font-weight: bold;
    font-size: 2.0rem; }
    #contact #contacthead p a {
      color: #137aaf;
      text-decoration: none; }
#contact .form-group {
  margin: 5px 0;
  padding: 0; }
#contact input {
  width: 100%;
  padding: 5px; }
#contact textarea {
  width: 100%; }
#contact .btn_submit {
  text-align: center;
  margin: 0 auto; }
#contact .font-s {
  font-size: 0.7em; }
#contact .alert {
  font-size: 0.9em;
  padding: 0; }
#contact p {
  padding: 15px; }
#contact table {
  background-color: rgba(255, 255, 255, 0.8); }
  #contact table th {
    width: 30%; }
  #contact table td {
    width: 70%; }
#contact input[type=radio] {
  width: 25px;
  height: 25px;
  vertical-align: middle;
  padding: 25px 0; }
#contact input[name=zipcode] {
  width: 150px;
  margin-bottom: 2px; }
#contact input[type=checkbox] {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 10px 0;
  vertical-align: middle; }
#contact .formback {
  background-color: #fcfcfc;
  padding: 15px 5px;
  margin-top: 15px; }

/*! ==================================================
　その他
=================================================== */
.qalink, .worklink, .mame {
  margin-top: -260px;
  padding-top: 260px; }