@charset "utf-8";

/* CSS Document */

:root {
--fontColor:#222;
--bgColor:#F7F5EC;
--primaryColor:#FFF5BE;
--secondaryColor:#FF9300;
--bkColor:#000;
--glayColor:#A8A8A8;
--greenColor:#599554;
--whiteColor:#fff;
--linkColor:#10A7EA;
--shadowColor:rgba(0, 0, 0, .35) ;
--coatingBase:#FFE5CB;
--coatingBorder:#FFA065;
--windowBase:#CBD9FF;
--windowBorder:#6589FF;
--bathBase:#CFFFCB;
--bathBorder:#65FF65;
--toiletBase:#CBF5FF;
--toiletBorder:#65E1FF;
--washroomBase:#E9CBFF;
--washroomBorder:#B865FF;
--kitchenBase:#FFE0EC;
--kitchenBorder:#FF699E;
--roomBase:#E0B2AE;
--roomBorder:#D06A61;
--floorBase:#C5A588;
--floorBorder:#72543A;

--redColor:#E60000;
--sideBg:#F7F5EC;
--breadColor:#777777;
}
/*========= ▼reset ===============*/
/* ブラウザのUAスタイルシートのすべてのスタイルを削除します、displayは除く */
*:where(:not(iframe, canvas, img, svg, video, a):not(svg *)) {all: unset;display: revert;}
/* box-sizingの優先値 */
*, *::before, *::after {box-sizing: border-box;}
/* リストのスタイル（箇条書き・番号）を削除します */
ol,ul {list-style: none;}
/* 画像がコンテナを超えないようにするため */
img {max-width: 100%;}
/* テーブルのセル間のスペースを削除します */
table {border-collapse: collapse;}
/*========= ▲reset ===============*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  word-break: break-all;
}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ul, ol {
  list-style: none;
}
html, body {
  margin: 0 auto;
  padding: 0;
  /*font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;*/
/*  font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;	*/
    font-family:  "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
/*  font-feature-settings: "palt";*/
    line-height: 1.8;
    line-break: strict;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all!important;
    max-width: 2040px;
    color: var(--fontColor);
}
a {
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
text-decoration: none;
}

a[href^="tel:"] {
	pointer-events: none;
  color:inherit;
  text-decoration:none;
}

img{
    width: auto;
	border:0;
	vertical-align:bottom;
	max-width:100%;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

header,
ul {
  list-style-type: none;
}


table{border-collapse:collapse;}
th{border-collapse:collapse;}
td{border-collapse:collapse;}

.font_nomalbold{font-weight:400;}
.font_500{font-weight: 500;}
.font_bold{font-weight:bold;}
.font_small{font-size:80%;}
.font_middle{font-size:90%;}
.font_big{font-size:150%;}
.font-space {letter-spacing: -0.05em;}
.font_ss{font-size:70%;}

.font_red{color: var(--redColor);}

.line_center{text-align:center;}
.line_right{text-align:right;}
.line_left{text-align:left !important;}

body, html{
    height: 100%;
}

.wrap{
    position: relative;
}
header{
    width: 100%;
}
main{
    display: block;
    flex: 1;
}
footer{
    width: 100%;
}

section {
    position: relative;
    padding: 4.5% 0;
}
#sec01{
    padding: 0;
}

.secInner{
    position: relative;
    max-width: 1290px;
    width: 90%;
    margin: 0 auto;
}
h2{
    text-align: center;
    margin-bottom: 5%;
}
h2 > span{
    font-size: clamp(20px, 2vw, 32px);
    font-weight: 500;
    border-bottom: 3px solid var(--secondaryColor);
    display: inline-block;
    position: relative;
}
h2 > span::before{
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: var(--secondaryColor);
    border-width: 8px;
    content: "";
    transform: translateX(-50%);
}






.only_sp, .only_pad {
  display: none;
}


@media (any-hover: hover) {
/*:hover はここに書く*/

}

/******************************************************************************************/

/* for tablet  */

/******************************************************************************************/

@media only screen and (max-width: 820px)  {
  
  	.only_pc {
		display: none;
	}
  
  .only_pad {display: block !important;}




  
  
  
  
  
}




/******************************************************************************************/

/* for sp  */

/******************************************************************************************/

@media only screen and (max-width: 700px)  {
      a[href^="tel:"] {
    pointer-events: inherit;
}
    section{
        padding: 10% 0;
    }
	
	.only_sp {
		display: block !important;
	}
	
	.only_pc {
		display: none;
	}
  
  .no-sp {display: none;}
	
  
  
footer small {
    font-size: 75%;
    text-align: center;
    letter-spacing: inherit;
    margin-top: 0;
}
    h2{
        margin-bottom: 9%;
    }
  

  

  
  
}


/************************************************************/@media screen and (min-width: 701px) {
    a[href^="tel:"] {
    pointer-events: none;
    }
    }