.sp-only{
	display: none;
}

@media (max-width: 768px) {
.sp-only{
	display: inherit;
}
.pc-only{
	display: none;
}
}

#calmtownWrapper{
	font-family: "Inter", sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #333;
/*  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;*/
	overflow-x: hidden;
}

#calmtownWrapper img{
	max-width: 100%;
	height: auto;
}

#calmtownTop{
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 500px;
	background-image: url("../images/calmtown/mv.jpg");
	background-size: cover;
	margin-top: 10px;
	background-position: center;
}

#calmtownTop .atn{
	position: absolute;
	right: 20px;
	top: 20px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 10%;
}

#calmtownTop .kakaku{
	position: absolute;
	right: 0px;
	bottom: -1px;
	width: 423px;
}

@media (max-width: 768px) {
#calmtownTop{
	height: calc(100vw * 250 / 375);
	margin-top: 0px;
}

#calmtownTop .atn{
	right: 0px;
	top: 5px;
	font-size: calc(100vw * 10 / 375);
}

#calmtownTop .kakaku{
	width: calc(100vw * 213 / 375);
}
}


#calmtownConcept{
	width: 100%;
	padding: 100px 0 0;
}

#calmtownConcept .txtBox{
	width: 100%;
	padding: 0 20px;
	max-width: 1020px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 66px;
	gap:20px;
}

#calmtownConcept .txtBox .imgArea img{
	width: 268px;
}

#calmtownConcept .txtBox .txtArea .tit{
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 10%;
	line-height: 100%;
	margin-bottom: 20px;
}

#calmtownConcept .txtBox .txtArea .txt{
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 10%;
	line-height: 54px;
}

#calmtownConcept .slideImg{
	background-image: url("../images/calmtown/slide.png");
	width: 100%;
	height: 345px;
  overflow: hidden;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: 2044px 100%;
  animation: bgScroll linear infinite;
  animation-duration: 30s;
}

#calmtownConcept .slideImg2{
	content: url("../images/calmtown/illust.svg");
	width: 1246px;
	position: relative;
	top: -30px;
	transform: translate(-50%, 0%);
  left: 50%;
}


@keyframes bgScroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2044px 0;
  }
}

@media (max-width: 768px) {
#calmtownConcept{
	padding: calc(100vw * 40 / 375) 0 0;
}

#calmtownConcept .txtBox{
	padding: 0 calc(100vw * 20 / 375);
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: calc(100vw * 20 / 375);
	gap:calc(100vw * 20 / 375);
}

#calmtownConcept .txtBox .imgArea img{
	width: calc(100vw * 200 / 375);
}

#calmtownConcept .txtBox .txtArea .tit{
	font-size: calc(100vw * 22 / 375);
	text-align: center;
	line-height: calc(100vw * 36 / 375);
	margin-bottom: calc(100vw * 10 / 375);
}

#calmtownConcept .txtBox .txtArea .txt{
	font-size: calc(100vw * 15 / 375);
	line-height: calc(100vw * 30 / 375);
}

#calmtownConcept .slideImg{
  background-size: calc(100vw * 1190 / 375); 100%;
  animation-duration: 40s;
	height: calc(100vw * 202 / 375);
}

#calmtownConcept .slideImg2{
	width: calc(100vw * 616 / 375);
	top: calc(100vw * -47 / 375);
  left: 41%;
}
}



#calmtownPlan{
	width: 100%;
	padding: 0px 20px 50px;
	margin-bottom: 50px;
}

#calmtownPlan .planWrap{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.comonTit{
	text-align: center;
	font-size: 60px;
	font-weight: 900;
	font-family: "Lexend Exa", sans-serif;
	color: #00B4B6;
}

.jpTit{
	text-align: center;
	font-size: 20px;
	font-weight: 900;
	color: #00B4B6;
	margin-bottom: 50px;
}

#calmtownPlan .planWrap .planBox{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(630px, 1fr));
	gap:40px;
}

#calmtownPlan .planWrap .planBox .imgArea{
	text-align: center;
}

#calmtownPlan .planWrap .planBox .kukakuArea{
	max-width: 900px;
	margin: 0 auto;
}

#calmtownPlan .kukakuArea .tit{
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 25px;
}

#calmtownPlan .kukakuArea .atn{
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
}

#calmtownPlan .landTable{
    width:100%;
    border-collapse:collapse;
    table-layout:fixed;
	margin-bottom: 30px;
}

#calmtownPlan .landTable th,
#calmtownPlan .landTable td{
    padding: 8px 0;
    text-align:center;
    border:1px solid #d7d7d7;
	border-left: none;
}

#calmtownPlan .landTable th:nth-child(4),
#calmtownPlan .landTable td:nth-child(4){
	border-right: none;
}

#calmtownPlan .landTable th{
    background:#00B4B6;
    color:#fff;
    font-size:16px;
    font-weight:700;
}

#calmtownPlan .landTable td{
    background:#FFFBF6;
    font-size:16px;
    font-weight:700;
    padding: 13px 0;
}

#calmtownPlan .landTable td:nth-child(4){
    padding: 9px 10px;
}

#calmtownPlan .landTable td:nth-child(2) br{
	display: none;
}

#calmtownPlan .landTable th:first-child{
    width:110px;
}

/*#calmtownPlan .landTable th:nth-child(2){
    width:200px;
}

#calmtownPlan .landTable th:nth-child(3){
    width:130px;
}*/

#calmtownPlan .landTable .btn{
	width: 100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    max-width:180px;
    height:42px;
    background:#10b3b5;
    color:#fff;
    text-decoration:none;
    border-radius:999px;
    transition:.3s;
}

@media (max-width: 768px) {
#calmtownPlan{
	padding: 0 calc(100vw * 10 / 375) calc(100vw * 30 / 375);
	margin-bottom: calc(100vw * 20 / 375);
}

.comonTit{
	font-size: calc(100vw * 36 / 375);
}

.jpTit{
	font-size: calc(100vw * 14 / 375);
	margin-bottom: calc(100vw * 30 / 375);
}

#calmtownPlan .planWrap .planBox{
	grid-template-columns: 1fr;
	gap:calc(100vw * 40 / 375);
}

#calmtownPlan .kukakuArea .tit{
	font-size: calc(100vw * 20 / 375);
	margin-bottom: calc(100vw * 15 / 375);
}

#calmtownPlan .kukakuArea .atn{
	font-size: calc(100vw * 10 / 375);
}

#calmtownPlan .landTable{
	margin-bottom: calc(100vw * 20 / 375);
}

#calmtownPlan .landTable th,
#calmtownPlan .landTable td{
    padding: calc(100vw * 8 / 375) 0;
}

#calmtownPlan .landTable th{
    font-size:calc(100vw * 16 / 375);
}

#calmtownPlan .landTable td{
    font-size:calc(100vw * 14 / 375);
    padding: calc(100vw * 10 / 375) 0;
}

#calmtownPlan .landTable td:nth-child(4){
    padding: calc(100vw * 9 / 375) calc(100vw * 3 / 375);
}

#calmtownPlan .landTable th:first-child{
    width:calc(100vw * 55 / 375);
}

#calmtownPlan .landTable td:nth-child(2) br{
	display: block;
}

#calmtownPlan .landTable .btn{
	width: 100%;
    max-width:180px;
    height:calc(100vw * 30 / 375);
}
}


#calmtownLocation{
	width: 100%;
	padding: 80px 20px;
	background: #FFFBF4;
}

#calmtownLocation .locationWrap{
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

#calmtownLocation .locationWrap .locationList{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(308px, 1fr));
	gap:50px 28px;
}

#calmtownLocation .locationWrap .locationList article{
	background: #fff;
	padding: 14px 14px 8px;
	display: flex;
	flex-direction: column;
	gap:10px;
	align-items: center;
}

#calmtownLocation .locationWrap .locationList article:last-child{
	background: none;
}

#calmtownLocation .locationWrap .locationList article p{
	font-size: 16px;
	font-weight: 600;
}

@media (max-width: 768px) {
#calmtownLocation{
	padding: calc(100vw * 30 / 375) calc(100vw * 10 / 375);
}

#calmtownLocation .locationWrap .locationList{
	grid-template-columns: 1fr;
	gap:calc(100vw * 20 / 375);
}

#calmtownLocation .locationWrap .locationList article{
	padding: calc(100vw * 14 / 375) calc(100vw * 14 / 375) calc(100vw * 12 / 375);
	gap:calc(100vw * 8 / 375);
}

#calmtownLocation .locationWrap .locationList article p{
	font-size: calc(100vw * 15 / 375);
}

#calmtownLocation .locationWrap .locationList article:last-child img{
	width: calc(100vw * 150 / 375);
}
}


#calmtownMap{
	width: 100%;
	padding: 100px 0;
	position: relative;
}

#calmtownMap .illust{
	width: 1246px;
  position: absolute;
  top: 113px;
  transform: translate(-50%, 0%);
  left: 50%;
}

#calmtownMap .illust span{
	content: url("../images/calmtown/illust3.svg");
	width: 189px;
	position: absolute;
	right: 0;
	top: 0;
}

#calmtownMap iframe{
	width: 100%;
	height: 600px;
}

@media (max-width: 768px) {
#calmtownMap{
	padding: calc(100vw * 30 / 375) calc(100vw * 10 / 375);
}

#calmtownMap .illust{
	width: calc(100vw * 375 / 375);
  top: calc(100vw * 50 / 375);
}

#calmtownMap .illust span{
	width: calc(100vw * 110 / 375);
}

#calmtownMap iframe{
	height: calc(100vw * 310 / 375);
}
}


#CONTACT.calm{
	padding: 0 20px;
}

#CONTACT.calm .contactHead.green {
  color: #00B4B6;
}

#CONTACT.calm #calendar,
#CONTACT.calm .flatpickr-calendar,
#CONTACT.calm .resTxt,
#CONTACT.calm .timeArea,
#CONTACT.calm .dateArea{
	display: none;
}

#CONTACT.calm #tokumaru_form .btn input {
	background-color: #309f50;
}

#CONTACT.calm .inner {
  min-width: auto;
  max-width: 980px;
}
@media (max-width: 768px) {
#CONTACT.calm{
	padding: 0 calc(100vw * 20 / 375);
	margin-bottom: calc(100vw * 40 / 375);
}
 #CONTACT.calm .lineFlow img {
    max-width: unset;
  }
}