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

/* 全体の設定
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 62.5%;
	
}

html {
    scroll-behavior: smooth;
}

body {
    color: #000;
    font-family: "Noto Serif JP", serif;
    background:#fff;
    font-size: 16px;
    font-weight: 400;
	font-style: normal;
    line-height: 1.6;
    margin:0;
	padding:0;
	}
img {
  max-width: 100%;
  height: auto; /*高さ自動*/
  vertical-align: top;
  }

.cormorant-italic {
  font-family: "Cormorant Infant", serif;
  font-weight: 700;
  font-style: italic;
}

.yuji-syuku {
  font-family: "Yuji Syuku", serif;
  font-style: normal;
}

section{
	max-width: 1200px;
	margin: 0 auto;
	padding: 10rem;
}

#contents{
	max-width: 1200px;
	margin: 0 auto;
	padding: 10rem 2.5rem;
}

#flow-contents{
	max-width: 1700px;
	margin: 0 auto;
	padding: 5rem 2.0rem;
}

.align-center{text-align: center;}
.align-left{text-align: left;}
.align-right{text-align: right;}
.align-item{align-items: center;}

.mb10{margin-bottom: 1rem;}
.mb20{margin-bottom: 2rem;}
.mb30{margin-bottom: 3rem;}
.mb40{margin-bottom: 4rem;}
.mb50{margin-bottom: 5rem;}
.mb60{margin-bottom: 6rem;}
.mb70{margin-bottom: 7rem;}
.mb80{margin-bottom: 8rem;}
.mb90{margin-bottom: 9rem;}
.mb100{margin-bottom: 10rem;}

.mt10{margin-top: 1rem;}
.mt20{margin-top: 2rem;}
.mt30{margin-top: 3rem;}
.mt40{margin-top: 4rem;}
.mt50{margin-top: 5rem;}
.mt60{margin-top: 6rem;}
.mt70{margin-top: 7rem;}
.mt80{margin-top: 8rem;}
.mt90{margin-top: 9rem;}
.mt100{margin-top: 10rem;}

.indent-1 {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.inner-box {
    width: 1040px;
   max-width: 100%;
    margin: 0 auto;
	padding: 0 2rem;
}

.box300{
	width: 300px;
}

.box330{
	width: 330px;
}

.box400{
	width: 400px;
}

.box440{
	width: 440px;
}

.box550{
	width: 550px;
}



.box500{
	width: 500px;
}

.box600{
	width: 600px;
}

.box700{
	width: 700px;
}

.box750{
	width: 750px;
}

.box800{
	width: 800px;
}

.box840{
	width: 840px;
}

.box900{
	width: 900px;
}

.box940{
	width: 940px;
}

.box970{
	width: 970px;
}

.box1000{
	width: 1000px;
}


@media screen and (max-width: 1024px) {

	
	section{
		padding: 4rem 2rem;
	}	
	
}

@media (min-width: 769px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
@media screen and (min-width: 821px) {
  .br-pc {
    display: block;
  }
  .br-sp {
    display: none;
  }
  .pc-only {
    display: block;
  }
  .sp-only {
    display: none;
  }
  .white-space {
    white-space: nowrap;
  }
}
@media screen and (max-width: 820px) {
  .br-pc {
    display: none;
  }
  .br-sp {
    display: block;
  }
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
  .white-space {
    white-space: normal;
  }
}

@media screen and (max-width: 560px) {
#contents {
    padding: 5rem 2.5rem;
}
}