@charset "UTF-8";

/*normalize: http://necolas.github.io/normalize.css/*/

/* Box sizing rules */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
ul,
ol,
dd {
  margin: 0;
  padding: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */

ul,
ol{
  list-style: none;
}

/* Set core root defaults */

/* html:focus-within {
  scroll-behavior: smooth;
} */

/* Set core body defaults */

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
  font: inherit;
}

:root {
  --color:#000;
  --color-orange:#e88b17;
  --dp-font-size: 1.4rem;
}

/* ==========================================================================
  アニメーション
========================================================================== */

@keyframes menuIn {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes menuOut {
  0%{
    opacity: 1;
  }
  99%{
    opacity: 0;
  }
  100%{
    display: none;
    opacity: 0;
  }
}

@keyframes fadeIn {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

@keyframes fadeOut {
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}

@keyframes fadeInUp {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.isAnime{
  opacity: 0;
}

.fadeInUp{
  transform: translateY(30px);
}

.fadeInUp.animeAction{
  animation: fadeInUp 1s ease-in-out 1 forwards;
}

.fadeInZoom{
  scale: 2;
}

.fadeInZoom.animeAction{
  animation: fadeInZoom 1s ease-in-out 1 forwards;
}

@keyframes fadeInZoom {
  0% {
    scale:2;
    opacity: 0;
  }
  100% {
    scale:1;
    opacity: 1;
  }
}

.fadeInZoomIn{
  scale: 0;
}

.fadeInZoomIn.animeAction{
  animation: fadeInZoomIn 1s ease-in-out 1 forwards;
}

@keyframes fadeInZoomIn {
  0% {
    scale:0;
    opacity: 0;
  }
  100% {
    scale:1;
    opacity: 1;
  }
}

.slideIn{
  transform: translateY(100%);
}

.slideIn.animeAction{
  animation: slideIn 1s ease-in-out 1 forwards;
}

@keyframes slideIn {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* ==========================================================================
   フォーム
========================================================================== */

.formWall{
  max-width: 1050px;
  margin-inline: auto;
  background: #fff;
  padding: 40px 50px 75px;
}

.formWall .formInput input[data-test-id="dp-input"],
    .formWall .formInput select,
    .formWall .formInput input[type="text"],
    .formWall .formInput input[type="date"],
    .formWall .formInput input[type="tel"],
    .formWall .formInput input[type="email"]{
      padding: 0 1em;
      height: 37px;
      line-height: 37px;
      border: 1px solid #808080;
      border-radius: 5px;
      width: 100%;
    }

.formWall .formInput textarea{
      width: 100%;
      padding: 1em;
      border: 1px solid #808080;
      border-radius: 5px;
      height: 170px;
    }

.formWall .formInput input[type="checkbox"],
    .formWall .formInput input[type="radio"]{
      accent-color: #000;
    }

.formWall .obiTitle{
    font-size: 1.8rem;
    line-height: 1;
    background: #e88b17;
    background: var(--color-orange);
    color: #fff;
    text-align: center;
    height: 50px;
    display: grid;
    place-content:center;
    margin-bottom: 60px;
  }

.formWall .typeSelectBox{
    margin-bottom:70px;
  }

.formWall .typeSelectBox ul{
      display: flex;
      justify-content: center;
      gap:0 45px;
    }

.formWall .typeSelectBox li{
      display: flex;
      align-items: center;
      font-size: 1.8rem;
    }

.formWall .typeSelectBox input[type="radio"]{
      width: 22px;
      height: 22px;
    }

.formWall .typeSelectBox label{
      padding-left: .3em;
    }

.formWall .formBox{
    width: 666px;
    margin: 0 auto;
    display: flex;
  }

.formWall .formBox .title{
      flex: 0 1 213px;
      font-size: 1.6rem;
      line-height: 1;
      display: flex;
      align-items: center;
    }

.formWall .formBox .title .hissu{
        margin-right: 17px;
        font-size: 1.2rem;
        color: #fff;
        background: #800522;
        line-height: 1;
        width:34px;
        height:17px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 1px;
      }

.formWall .formBox .ageTitle,.formWall .formBox .zipTitle{
      padding-left: 51px;
    }

.formWall .formBox .inputBox{
      flex: 0 1 453px;
    }

.formWall .formBox .messageConf{
      white-space: pre-wrap;
      line-height: 1.75;
    }

.formWall .formBox .errorText{
      padding-top: .6em;
      color: red;
    }

.formWall .formBox .errorText .errorShow{
        font-size: 1.4rem;
        line-height: 1;
      }

.formWall .formBox + .formBox{
    margin-top:  35px;
  }

.formWall .formBoxAddress{
    margin-top: 55px;
    padding-top:50px;
    border-top: 1px dotted #000;
  }

.formWall .formBoxAddress .zipBox .inputBox{
        flex: 0 1 154px;
      }

.formWall .formBoxAddress .addrBox .title{
        align-self: flex-start;
        margin-top: 7px;
      }

.formWall .formBoxAddress .addrBox input:last-child{
        margin-top: 10px;
      }

.formWall .formBoxDate{
    margin-top: 55px;
    padding-top:50px;
    border-top: 1px dotted #000;
  }

.formWall .formBoxDate .text{
      max-width: 666px;
      margin: 0 auto 35px;
    }

.formWall .formBoxDate .text p{
        font-size: 1.6rem;
        line-height: 1.75;
      }

.formWall .formBoxDate .text .kibou{
        font-weight: 700;
      }

.formWall .formBoxDate .text .kome{
        font-weight: 400;
      }

.formWall .formBoxDate .formBox .title{
        justify-content: flex-end;
        padding-right: 55px;
      }

.formWall .formBoxDate .formBox + .formBox{
      margin-top: 15px;
    }

.formWall .formBoxMessage{
    margin-top: 75px;
  }

.formWall .formBoxMessage .title{
      line-height: 1.75;
      align-self: flex-start;
    }

.formWall .dp__pointer{
    font-size: 1.6rem;
  }

.formWall .dp__input_icons{
    display: none;
  }

.formWall .dp__disabled{
    background: #fff;
  }

.formWall .notice{
    max-width: 666px;
    margin: 80px auto 0;
		font-size: 1.4rem;
		line-height: 1.75;
    background: #d6e4e1;
    padding: 30px;
	}

.formWall .notice dd{
			text-indent: -1em;
			margin-left: 1em;
		}

.formWall .accept{
    text-align: center;
    margin-top: 75px;
  }

.formWall .accept .row{
      font-size: 1.6rem;
      font-weight: 500;
      line-height: 1;
      display: flex;
      align-items: center;
      justify-content: center;
    }

.formWall .accept .row label{
        padding-left: 14px;
      }

.formWall .accept .row input{
        width: 27px;
        height: 27px;
      }

.formWall .accept .row a{
        text-decoration: underline;
      }

.formWall .formBtn{
    width: 270px;
    height: 47px;
    margin: 70px auto 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 700;
    background: #e88b17;
    background: var(--color-orange);
    border-radius: 23px;
  }

.formWall .formBtn:disabled{
      opacity: .5;
    }

.formWall .formBtn + .formBtn{
    margin-top: 30px;
  }

.formWall .formConf .formBoxDate p .text{
          margin-right: 1em;
        }

/* 送信エラー */

.formWall .sendError{
    margin:2em auto 0;
    color:#E64D4D;
    font-size: 1.4rem;
    border: 1px solid #E64D4D;
    padding: 1em;
    text-align: center;
    background:#fff;
    line-height: 1.75;
  }

@media only screen and (max-width: 767px) {
  .formWall{
    max-width: calc(calc(342/375) * 100vw);
    margin-inline: auto;
    background: #fff;
    padding: calc(calc(20/375) * 100vw) calc(calc(15/375) * 100vw) calc(calc(30/375) * 100vw);
  }
      .formWall .formInput input[data-test-id="dp-input"],
      .formWall .formInput select,
      .formWall .formInput input[type="text"],
      .formWall .formInput input[type="date"],
      .formWall .formInput input[type="tel"],
      .formWall .formInput input[type="email"]{
        height: calc(calc(32/360) * 100vw);
        line-height: calc(calc(32/360) * 100vw);
        border: calc(calc(1/360) * 100vw) solid #808080;
        border-radius: calc(calc(3/360) * 100vw);
        font-size: 16px;
        padding: 0 .5em;
      }
      .formWall .formInput textarea{
        border: calc(calc(1/360) * 100vw) solid #808080;
        border-radius: calc(calc(3/360) * 100vw);
        height: calc(calc(120/360) * 100vw);
        font-size: 16px;
      }
    .formWall .obiTitle{
      font-size: 1.4rem;
      height: calc(calc(33/360) * 100vw);
      margin-bottom: calc(calc(25/360) * 100vw);
    }
    .formWall .typeSelectBox{
      margin-bottom:calc(calc(25/360) * 100vw);
    }
      .formWall .typeSelectBox ul{
        display: flex;
        justify-content: flex-start;
        flex-flow: row wrap;
        gap:calc(calc(15/360) * 100vw) calc(calc(30/360) * 100vw);
      }
      .formWall .typeSelectBox li{
        font-size: 1.4rem;
      }
      .formWall .typeSelectBox input[type="radio"]{
        width: calc(calc(18/360) * 100vw);
        height: calc(calc(18/360) * 100vw);
      }
    .formWall .formBox{
      width: 100%;
    }
      .formWall .formBox .title{
        flex: 0 1 calc(calc(120/360) * 100vw);
        font-size: 1.4rem;
      }
        .formWall .formBox .title .hissu{
          margin-right: calc(calc(7/360) * 100vw);
          width:calc(calc(29/360) * 100vw);
          height:calc(calc(12/360) * 100vw);
          font-size: 1rem;
        }
      .formWall .formBox .ageTitle,.formWall .formBox .zipTitle{
        padding-left: 0;
      }
      .formWall .formBox .inputBox{
        flex: 0 1 calc(calc(180/360) * 100vw);
      }
    .formWall .formBox + .formBox{
      margin-top:  calc(calc(20/360) * 100vw);
    }
    .formWall .telBox,
    .formWall .emailBox{
      display: block;
    }
      .formWall .telBox .title,.formWall .emailBox .title{
        margin-bottom: calc(calc(10/360) * 100vw);
      }

    .formWall .formBoxAddress{
      margin-top: calc(calc(25/360) * 100vw);
      padding-top:calc(calc(25/360) * 100vw);
      border-top: calc(calc(1/360) * 100vw) dotted #000;
    }
      .formWall .formBoxAddress .zipBox{
        display: block;
      }
        .formWall .formBoxAddress .zipBox .title{
          margin-bottom: calc(calc(10/360) * 100vw);
        }
        .formWall .formBoxAddress .zipBox .inputBox{
          width: calc(calc(131/360) * 100vw);
        }
      .formWall .formBoxAddress .addrBox{
        display: block;
      }
        .formWall .formBoxAddress .addrBox .title{
          margin:0 0 calc(calc(10/360) * 100vw);
        }
        .formWall .formBoxAddress .addrBox input:last-child{
          margin-top: calc(calc(10/360) * 100vw);
        }
    .formWall .formBoxDate{
      margin-top: calc(calc(25/360) * 100vw);
      padding-top:calc(calc(25/360) * 100vw);
      border-top: calc(calc(1/360) * 100vw) dotted #000;
    }
      .formWall .formBoxDate .text{
        max-width: 100%;
        margin-bottom: calc(calc(30/360) * 100vw);
      }
        .formWall .formBoxDate .text p{
          font-size: 1.4rem;
        }
        .formWall .formBoxDate .text .kibou{
          font-weight: 400;
        }
        .formWall .formBoxDate .text .kome{
          font-size: 1.2rem;
        }
        .formWall .formBoxDate .formBox .title{
          flex: 0 0 auto;
          justify-content: flex-start;
          padding-right: calc(calc(15/360) * 100vw);
        }
        .formWall .formBoxDate .formBox .inputBox{
          flex: 0 1 100%;
        }
      .formWall .formBoxDate .formBox + .formBox{
        margin-top: calc(calc(10/360) * 100vw);
      }
    .formWall .formBoxMessage{
      margin-top: calc(calc(35/360) * 100vw);
      display: block;
    }
      .formWall .formBoxMessage .title{
        margin-bottom: calc(calc(10/360) * 100vw);
      }
    .formWall .notice{
      max-width: none;
      margin: calc(calc(15/360) * 100vw) auto 0;
      font-size: 1.2rem;
      line-height: 1.75;
      background: none;
      padding: 0;
    }
    .formWall .accept{
      margin-top: calc(calc(55/360) * 100vw);
    }
      .formWall .accept .row{
        font-size: 1.4rem;
      }
        .formWall .accept .row label{
          padding-left: calc(calc(12/360) * 100vw);
        }
        .formWall .accept .row input{
          width: calc(calc(23/360) * 100vw);
          height: calc(calc(23/360) * 100vw);
        }
    .formWall .formBtn{
      width:  calc(calc(270/360) * 100vw);
      height:  calc(calc(47/360) * 100vw);
      margin:  calc(calc(30/360) * 100vw) auto 0;
      border-radius:  calc(calc(23/360) * 100vw);
    }
    .formWall .formBtn + .formBtn{
      margin-top:  calc(calc(30/360) * 100vw);
    }
        .formWall .formConf .formBox .title{
          line-height: 1.4;
          flex-shrink: 0;
        }
          .formWall .formConf .formBox .inputBox p{
            word-break: break-all;
          }
          .formWall .formConf .formBoxDate p .text{
            margin-right: 1em;
          }
    /* 送信エラー */
    .formWall .sendError{
      margin:2em auto 0;
      color:#E64D4D;
      font-size: 1.4rem;
      border: 1px solid #E64D4D;
      padding: 1em;
      text-align: center;
      background:#fff;
      line-height: 1.75;
    }
}

/* ==========================================================================
   ajaロード関連
========================================================================== */

.ajaxFadein{
  animation: fadeInAjax .6s 1 0s ease forwards;
}

@keyframes fadeInAjax {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.loading{
  margin-top: 50px;
  position: relative;
}

.loading::before{
    position: absolute;
    top:50%;
    left:50%;
    margin:-26px 0 0 -26px;
    width: 52px;
    height: 52px;
    content: '';
    animation: loader .8s infinite linear;
    border: 6px solid #000;
    border-top-color: #ddd;
    border-radius: 50%;
  }

.noPost{
  grid-column: 1 / 6;
  text-align: center;
  margin-top: 2em;
  font-size: 1.7rem;
}

@media only screen and (max-width: 767px) {
  .loading{
    margin-top: calc(calc(15/360) * 100vw);
  }
    .loading::before{
      position: absolute;
      top:50%;
      left:50%;
      margin:0 0 0 -13px;
      width: 26px;
      height: 26px;
      content: '';
      animation: loader .8s infinite linear;
      border: 4px solid #000;
      border-top-color: #ddd;
      border-radius: 50%;
    }
}

@keyframes loader{
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}

/* ==========================================================================
   共通設定
========================================================================== */

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
	overflow-y:scroll;
}

body {
	font-family: 'Noto Sans','Noto Sans JP','Noto Sans CJK JP','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','游ゴシック', '游ゴシック体','メイリオ',Meiryo,sans-serif;
	font-feature-settings : 'pkna';
	color:#000;
	color:var(--color);
	text-align: justify;
	text-justify: inter-ideograph;
	font-optical-sizing: auto;
	width:100%;
  min-width: 1140px;
	font-size: 1.6rem;
	line-height: 1.4;
	background: #e4e4e4;
}

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

a{
	color:#000;
	color:var(--color);
	text-decoration: none;
	display: inline-block;
}

a:hover{
	opacity:0.8;
}

.spShow{
	display: none;
}

.pcShow{
	display: inline-block;
}

.container{
	display: grid;
	min-height: 100vh;
	grid-template-columns: 100%;
  grid-template-rows: 1fr auto;
}

.header{
	grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 2;
}

.pageContainer{
	grid-column: 1;
  grid-row: 1;
  position: relative;
  z-index: 1;
}

.footer{
	grid-column: 1;
  grid-row: 2;
  z-index: 1;
}

button{
  background: none;
  border: none;
  padding: 0;
  outline: none;
}

button:focus{
    outline: none;
  }

button:hover{
    opacity:0.8;
  }

button:disabled{
    opacity:1;
  }

button:disabled:hover{
      opacity:1;
    }

/* ==========================================================================
   header
========================================================================== */

.header{
	min-width: 1140px;
	width: 100%;
	height: 85px;
	display: grid;
	grid-template-columns: 124px 1fr;
	padding: 0 37px 0 44px;
}

.header .logo{
		align-self: center;
	}

.header .menuBtn{
		position: fixed;
		top: 28px;
		right: 37px;
		z-index: 990;
    width: 58px;
    height: 26px;
  }

.header .menuBtn button{
      cursor: pointer;
      width: 100%;
      height: 100%;
      line-height: 1;
			display: block;
    }

.header .menuBtn .btnInner{
			display: grid;
      grid-template-columns: 58px;
      grid-template-rows: 2px 2px 2px;
      justify-content: center;
      gap: 10px 0;
		}

.header .menuBtn .btnInner .line{
        background: #000;
        background: var(--color);
        transition: rotate .3s linear;
      }

/* ==========================================================================
   gNav
========================================================================== */

.gNav{
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	min-width: 1140px;
	background: #e4e4e4;
  overflow-y: auto;
  overscroll-behavior-y: none;
}

.gNav .inner{
		width: 100%;
    height: 100%;
    min-height: 767px;
    margin: auto;
    text-align: center;
    line-height: 1;
		padding: 30px;
		display: grid;
		align-content: center;
  }

.gNav h2{
		width: 584px;
		margin-inline: auto;
		margin-bottom: 25px;
	}

.gNav .mainList{
		width: 727px;
		margin-inline: auto;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px 28px;
	}

.gNav .mainList li{
			border: 6px solid #e88b17;
			border: 6px solid var(--color-orange);
			background: #fff;
			text-align: center;
			font-size:2.1rem;
			font-weight: 900;
		}

.gNav .mainList li strong{
				font-weight: 900;
			}

.gNav .mainList a{
			color: #e88b17;
			color: var(--color-orange);
			width: 100%;
			height: 140px;
			display: flex;
			flex-flow: column;
			align-items: center;
			justify-content: center;
		}

.gNav .mainList .text1 strong{
				font-size: 3.8rem;
			}

.gNav .mainList .text2 strong{
				font-size: 3.8rem;
			}

.gNav .mainList .text3 strong{
				font-size: 3.6rem;
			}

.gNav .mainList .text4{
			line-height: 1.19;
		}

.gNav .mainList .text4 strong{
				font-size: 3.1rem;
			}

.gNav .subList{
		margin-top: 40px;
		width: 727px;
		margin-inline: auto;
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap: 0 15px;
	}

.gNav .subList a{
			height: 44px;
			background: #231815;
			color: #fff;
			font-size: 2rem;
			display: flex;
			align-items: center;
			justify-content: center;
		}

.gNav .privacy{
		justify-self: center;
		margin-top: 26px;
		font-size: 1.6rem;
		font-weight: 500;
		display: inline-block;
		text-align: center;
	}

.gNav .otherList{
		margin: 40px auto 0;
		width: min(calc(100% - 40px),1256px);
		display: grid;
		grid-template-columns: 1fr auto auto 1fr;
		gap: 0 17px;
	}

.gNav .otherList::before{
			content: '';
			grid-column: 1;
		}

.gNav .otherList li:last-child{
			justify-self: end;
		}

.gNav .closeBtn{
		width: 24px;
		position: absolute;
		top: 45px;
		right: 60px;
		z-index: 3;
		cursor: pointer;
	}

.navOpen{
  display: flex;
  animation: menuIn .4s 1 0s linear forwards;
}

.navClose{
  animation: menuOut .4s 1 0s linear forwards;
}

/* ==========================================================================
   固定メニュー
========================================================================== */

.fixBanner{
	display: none;
	position: fixed;
	width: 1400px;
	bottom: 0;
	left: 50%;
	translate: -50% 0;
	z-index: 999;
	min-width: 1140px;
}

.fixBanner a{
		display: block;
		position: relative;
	}

.fixBanner a::before{
			content: '';
			width: 200vw;
			height: 60px;
			position: absolute;
			bottom: 0;
			left: 50%;
			translate: -50% 0;
			z-index: -1;
			background: #e88b17;
			background: var(--color-orange);
		}

.fixBanner img{
		margin-inline: auto;;
	}

/* ==========================================================================
   footer
========================================================================== */

.footer{
	background: #e88b17;
	background: var(--color-orange);
	height: 60px;
	display: grid;
	place-content:center;
}

.footer .copyright{
		color: #fff;
		font-size: 1.6rem;
		line-height: 1;
	}

/* ==========================================================================
   mv
========================================================================== */

.looperLpPage .mv{
		max-width: 1126px;
		margin: 63px auto 0;
		position: relative;
	}

.looperLpPage .mv .textBox{
			position: absolute;
			top: 49px;
			left: -40px;
			z-index: 1;
		}

@media (max-width:1230px){

.looperLpPage .mv .textBox{
				left: 0
		}
			}

.looperLpPage .mv .textBox p{
				font-size: 3rem;
				font-weight: 500;
				line-height: 1;
				background: #fff;
				width: -moz-fit-content;
				width: fit-content;
				padding: 10px 24px;
				min-height: 81px;
				display: flex;
				align-items: center;
			}

.looperLpPage .mv .textBox p + p{
				margin-top: 19px;
			}

.looperLpPage .mv h1{
			font-size: 4.1rem;
			font-weight: 700;
			line-height: 1;
			margin-top: 25px;
			text-align: center;
		}

/* ==========================================================================
   スライド
========================================================================== */

.looperLpPage .splideInfiniteScroll{
		width: 100%;
    overflow: hidden;
	}

.looperLpPage .splideInfiniteScroll .splide__track{
			max-width: 1057px;
			margin: 64px auto 0;
			overflow: visible;
		}

.looperLpPage .splideInfiniteScroll .splide__slide{
			border-radius: 30px;
			overflow: hidden;
		}

/* ==========================================================================
   機能
========================================================================== */

.looperLpPage .functionList{
		margin-top: 55px;
		padding: 65px 0 80px;
		background: #fff;
	}

.looperLpPage .functionList ul{
			display: flex;
			justify-content: center;
			gap: 9px;
		}

.looperLpPage .functionList li{
			flex: 0 1 130px;
		}

/* ==========================================================================
   LOOPERがかなえる暮らし リスト
========================================================================== */

.looperLpPage .kanaeruList{
		padding: 0 0 120px;
		background: #fff;
	}

.looperLpPage .kanaeruList h2{
			max-width: 584px;
			margin: 0 auto 47px;
			line-height: 1;
		}

.looperLpPage .kanaeruList ul{
			max-width: 824px;
			margin-inline: auto;
			display: grid;
			grid-template-columns: repeat(2,1fr);
			gap: 26px 30px;
		}

.looperLpPage .kanaeruList li{
			border: 9px solid #e88b17;
			border: 9px solid var(--color-orange);
			min-height: 180px;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 2.4rem;
			font-weight: 900;
			line-height: 1.19;
			text-align: center;
			color: #e88b17;
			color: var(--color-orange);
		}

.looperLpPage .kanaeruList li:nth-child(1) strong{
				font-size: 4.3rem;
			}

.looperLpPage .kanaeruList li:nth-child(2) strong{
				font-size: 4.2rem;
			}

.looperLpPage .kanaeruList li:nth-child(3) strong{
				font-size: 4.1rem;
			}

.looperLpPage .kanaeruList li:nth-child(4){
			font-size: 2.9rem;
		}

.looperLpPage .kanaeruList li:nth-child(4) strong{
				font-size: 3.6rem;
			}

/* ==========================================================================
   LOOPERがかなえる暮らし ポイント
========================================================================== */

.looperLpPage .kanaeruPointSection{
		position: relative;
		background: #e88b17;
		background: var(--color-orange);
		padding: 32px 0 0;
	}

.looperLpPage .kanaeruPointSection >header{
			position: sticky;
			top: 0;
			z-index: 10;
			background: #e88b17;
			background: var(--color-orange);
			height: 105px;
			display: grid;
			place-content: center;
		}

.looperLpPage .kanaeruPointSection .wrapper{
			padding-bottom: 95px;
		}

.looperLpPage .pointSection{
		width: min(calc(100% - 40px),931px);
		margin-inline: auto;
		background: #fff;
		position: relative;
	}

.looperLpPage .pointSection .headerNum{
			width: 149px;
			height: 148px;
			background: #e88b17;
			background: var(--color-orange);
			color: #fff;
			clip-path: polygon(100% 0, 0% 100%, 0 0);
			position: absolute;
			top: 14px;
			left: 14px;
			padding: 12px 0 0 16px;
		}

.looperLpPage .pointSection .headerNum p{
				width: -moz-fit-content;
				width: fit-content;
				font-size: 1.4rem;
				text-align: center;
				line-height: 1;
			}

.looperLpPage .pointSection .headerNum p span:last-child{
					font-size: 4.8rem;
					display: block;
					margin-top: 5px;
				}

.looperLpPage .pointSection + .pointSection{
		margin-top: 80px;
	}

.looperLpPage .pointSection1{
		padding: 60px 0 82px;
	}

.looperLpPage .pointSection1 .secTitle{
			text-align: center;
			font-weight: 700;
			font-size: 3.4rem;
			line-height: 1.51;
		}

.looperLpPage .pointSection1 .secTitle span{
				font-size: 5.25rem;
				letter-spacing: .02em;
				font-weight: 900;
				display: inline-block;
				margin-top: 5px;
			}

.looperLpPage .pointSection1 .airmaker{
			margin-top: 36px;
			display: grid;
			grid-template-columns: 426px 1fr;
			grid-template-rows: auto auto 1fr;
			gap: 0 8px;
			padding-left: 31px;
		}

.looperLpPage .pointSection1 .airmaker .img{
				grid-column: 1;
				grid-row: 1 / 3;
			}

.looperLpPage .pointSection1 .airmaker header{
				grid-column: 2;
				grid-row: 1;
				margin-top: 43px;
			}

.looperLpPage .pointSection1 .airmaker header h2{
					color: #e88b17;
					color: var(--color-orange);
					font-size: 4.6rem;
					font-weight: 700;
					line-height: 1;
				}

.looperLpPage .pointSection1 .airmaker header h2 small{
						font-size: 1.5rem;
						padding-left: .5em;
					}

.looperLpPage .pointSection1 .airmaker header p{
					margin-top: 24px;
					font-size: 2.47rem;
					line-height: 1.66;
					font-weight: 700;
				}

.looperLpPage .pointSection1 .airmaker .text1{
				grid-column: 2;
				grid-row: 2;
				margin-top: 99px;
				font-size: 2.47rem;
				line-height: 1.66;
				font-weight: 700;
				position: relative;
				z-index: 1;
			}

.looperLpPage .pointSection1 .airmaker .text1::before{
					content: '';
					width: 232px;
					height: 130px;
					background: url('../../img/point1_img2.jpg') no-repeat center center / contain;
					position: absolute;
					top: -56px;
					left: 145px;
					z-index: -1;
					box-shadow: 3px 3px 5px rgba(0,0,0,.25);
				}

.looperLpPage .pointSection1 .airmaker .text2{
				grid-column: 1 / 3;
				grid-row: 3;
				display: flex;
				align-items: center;
				gap: 0 35px;
				margin-top: 22px;
				padding-left: 47px;
			}

.looperLpPage .pointSection1 .airmaker .text2 p{
					font-size: 1.57rem;
					line-height: 1.5;
				}

.looperLpPage .pointSection1 .airmaker .text2::after{
					content: '';
					width: 293px;
					height: 185px;
					background: url('../../img/point1_img3.jpg') no-repeat center center / contain;
					box-shadow: 3px 3px 5px rgba(0,0,0,.25);
				}

.looperLpPage .pointSection1 .ondosa{
			margin: 321px 0 0 80px;
			max-width: 804px;
			position: relative;
			z-index: 1;
		}

.looperLpPage .pointSection1 .ondosa::before{
				content: '';
				width: 904px;
				height: 364px;
				background: url('../../img/point1_img4.png') no-repeat center center / contain;
				position: absolute;
				top: -283px;
				left: -80px;
				z-index: -1;
			}

.looperLpPage .pointSection1 .ondosa >h2{
				font-size: 2.62rem;
				font-weight: 700;
				line-height: 1;
			}

.looperLpPage .pointSection1 .ondosa .innerSec{
				margin-top: 42px;
			}

.looperLpPage .pointSection1 .ondosa .innerSec >h2{
					font-size: 2.1rem;
					line-height: 1;
					margin-bottom: 19px;
					margin-left: 158px;
				}

.looperLpPage .pointSection1 .ondosa .sisin{
				position: relative;
				z-index: 1;
			}

.looperLpPage .pointSection1 .ondosa .sisin::before{
					content: '';
					width: 123px;
					height: 307px;
					background: url('../../img/ondokei.svg') no-repeat center center / contain;
					position: absolute;
					bottom: 10px;
					left: 0;
				}

.looperLpPage .pointSection1 .ondosa .sisin::after{
					content: '';
					width: 318px;
					height: 216px;
					background: url('../../img/point1_img5.jpg') no-repeat center center / contain;
					position: absolute;
					bottom: 50px;
					right: 0;
				}

.looperLpPage .pointSection1 .ondosa .sisin >h2{
					margin-left: 158px;
					font-size: 1.65rem;
					color: #006488;
					line-height: 1;
					margin-bottom: 5px;
				}

.looperLpPage .pointSection1 .ondosa .sisin .description{
					margin-left: 158px;
					font-size: 1.27rem;
					line-height: 1.4;
				}

.looperLpPage .pointSection1 .ondosa .sisin .description small{
						font-size: .75rem;
					}

.looperLpPage .pointSection1 .ondosa .sisin .kome{
					margin-left: 158px;
					font-size: .67rem;
					margin-top: 1em;
				}

.looperLpPage .pointSection1 .ondosa .sisin table{
					margin-top: 7px;
					margin-left: 158px;
				}

.looperLpPage .pointSection1 .ondosa .sisin table td:nth-child(1){
						text-align: right;
						font-size: 1.72rem;
						color: #006488;
						font-weight: 700;
					}

.looperLpPage .pointSection1 .ondosa .sisin table td:nth-child(2){
						padding: 3px 6px;
						text-align: center;
					}

.looperLpPage .pointSection1 .ondosa .sisin table td:nth-child(2) img{
							margin-inline: auto;
						}

.looperLpPage .pointSection1 .ondosa .sisin table td:nth-child(3){
						font-size: 1.2rem;
					}

.looperLpPage .pointSection1 .ondosa .sisin table td:nth-child(3) sup{
							font-size: .6rem;
						}

.looperLpPage .pointSection1 .ondosa .sisin table tr:last-child td{
							vertical-align: top;
						}

.looperLpPage .pointSection1 .ondosa .sisin .kome2{
					margin: 8px 0 0 76px;
					font-size: .82rem;
					line-height: 1.2;
				}

.looperLpPage .pointSection1 .kenkou{
			max-width: 784px;
			margin: 90px auto 0;
		}

.looperLpPage .pointSection1 .kenkou >h2{
				font-size: 2.6rem;
				line-height: 1;
				text-align: center;
				margin-bottom: 40px;
			}

.looperLpPage .pointSection1 .kenkou .row{
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 30px;
			}

.looperLpPage .pointSection1 .kenkou .kenkouSec{
				border: 3px solid #e88b17;
				border: 3px solid var(--color-orange);
				border-radius: 15px;
				padding: 17px 9px;
				min-height: 433px;
				box-shadow: 3px 3px 5px rgba(0,0,0,.25);
			}

.looperLpPage .pointSection1 .kenkou .kenkouSec h2{
					background: #e88b17;
					background: var(--color-orange);
					color: #fff;
					font-size: 2.4rem;
					height: 60px;
					border-radius: 3px;
					display: grid;
					place-content: center;
					text-align: center;
				}

.looperLpPage .pointSection1 .kenkou .kenkouSec .imgBox{
					max-width: 311px;
					margin-inline: auto;
				}

.looperLpPage .pointSection1 .kenkou .kenkouSec1 h2{
					margin-bottom: 20px;
				}

.looperLpPage .pointSection1 .kenkou .kenkouSec1 p{
					font-size: 1.65rem;
					line-height: 1.63;
					margin-bottom: 27px;
					text-align: center;
				}

.looperLpPage .pointSection1 .kenkou .kenkouSec2 h2{
					margin-bottom: 21px;
				}

.looperLpPage .pointSection1 .kenkou .kenkouSec2 p{
					max-width: 307px;
					margin-inline: auto;
					font-size: 1.65rem;
					line-height: 1.45;
					margin-bottom: 22px;
				}

.looperLpPage .pointSection1 .kenkou .kenkouSec3 h2{
					margin-bottom: 24px;
				}

.looperLpPage .pointSection1 .kenkou .kenkouSec3 p{
					font-size: 1.65rem;
					line-height: 1.63;
					margin-bottom: 35px;
					text-align: center;
				}

.looperLpPage .pointSection1 .kenkou .kenkouSec3 p strong{
						font-size: 2.1rem;
						font-weight: 400;
					}

.looperLpPage .pointSection1 .kenkou .kenkouSec4 h2{
					margin-bottom: 15px;
				}

.looperLpPage .pointSection1 .kenkou .kenkouSec4 p{
					font-size: 1.65rem;
					line-height: 1.31;
					margin-bottom: 20px;
					text-align: center;
				}

.looperLpPage .pointSection2{
		padding: 85px 0 150px;
	}

.looperLpPage .pointSection2 .secTitle{
			text-align: center;
			font-weight: 700;
			font-size: 3.3rem;
			line-height: 1;
		}

.looperLpPage .pointSection2 .secTitle span{
				font-size: 5.2rem;
				font-weight: 900;
				display: inline-block;
				margin-top: 21px;
			}

.looperLpPage .pointSection2 .illuBox{
			max-width: 898px;
			margin: 45px 0 0 60px;
		}

.looperLpPage .pointSection2 .text{
			max-width: 791px;
			margin: 56px 0 0 43px;
			font-size: 1.8rem;
			line-height: 2.2;
			display: flex;
			align-items: center;
			gap:0 35px;
		}

.looperLpPage .pointSection2 .text::before{
				content: '';
				width: 346px;
				height: 229px;
				background: url('../../img/point2_img2.jpg') no-repeat center center / contain;
				flex-shrink: 0;
			}

.looperLpPage .pointSection2 .graphBox{
			max-width: 692px;
			margin: 86px 0 0 85px;
			position: relative;
		}

.looperLpPage .pointSection2 .graphBox .zero{
				width: 135px;
				height: 92px;
				position: absolute;
				top: 178px;
				right: 75px;
			}

.looperLpPage .pointSection2 .endText{
			text-align: center;
			margin-top: 60px;
			font-size: 3.37rem;
			line-height: 1.55;
			font-weight: 700;
			position: relative;
			z-index: 1;
		}

.looperLpPage .pointSection2 .endText::before{
				content: '';
				width: 280px;
				height: 221px;
				background: url('../../img/point2_img4.png') no-repeat center center / contain;
				position: absolute;
				bottom: -93px;
				right: 10px;
			}

.looperLpPage .pointSection3{
		padding: 66px 0 120px;
	}

.looperLpPage .pointSection3 .secTitle{
			text-align: center;
			font-weight: 700;
		}

.looperLpPage .pointSection3 .secTitle .line1{
				display: block;
				font-size: 3rem;
				line-height: 1.8;
			}

.looperLpPage .pointSection3 .secTitle .line2{
				margin-top: 20px;
				display: block;
				font-size: 5.25rem;
				font-weight: 900;
				letter-spacing: .1em;
				line-height: 1;
			}

.looperLpPage .pointSection3 .secTitle .line2 span{
					font-size: 4.5rem;
				}

.looperLpPage .pointSection3 .imgBox{
			max-width: 727px;
			margin: 27px auto 0;
		}

.looperLpPage .pointSection3 .function{
			margin-top: 32px;
		}

.looperLpPage .pointSection3 .function ul{
				display: flex;
				justify-content: center;
				gap: 8px;
			}

.looperLpPage .pointSection3 .function li{
				flex: 0 1 114px;
			}

.looperLpPage .pointSection3 .function figcaption{
				font-weight: 500;
				font-size: 1.42rem;
				margin-top: 12px;
				text-align: center;
			}

.looperLpPage .pointSection3 .endText{
			text-align: center;
			margin-top: 42px;
			font-size: 3.37rem;
			font-weight: 700;
			line-height: 1.55;
		}

.looperLpPage .pointSection4{
		padding: 66px 0 100px;
	}

.looperLpPage .pointSection4 .secTitle{
			text-align: center;
			font-weight: 700;
		}

.looperLpPage .pointSection4 .secTitle .line1{
				display: block;
				font-size: 3.45rem;
				line-height: 1;
			}

.looperLpPage .pointSection4 .secTitle .line2{
				margin-top: 25px;
				display: block;
				font-size: 5.92rem;
				font-weight: 900;
				letter-spacing: .1em;
				line-height: 1.2;
			}

.looperLpPage .pointSection4 .secTitle .line2 span{
					font-size: 4.57rem;
				}

.looperLpPage .pointSection4 .row{
			max-width: 741px;
			margin: 30px auto 0;
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 71px;
		}

.looperLpPage .pointSection4 .aircon h2{
				line-height: 1;
				position: relative;
				width: 100%;
				margin-inline: auto;
			}

.looperLpPage .pointSection4 .aircon figure{
				position: relative;
				z-index: 1;
			}

.looperLpPage .pointSection4 .aircon p{
				margin-top: 23px;
				font-size: 1.8rem;
				font-weight: 500;
				line-height: 1.75;
			}

.looperLpPage .pointSection4 .aircon1 figure::before{
					content: '';
					width: 69px;
					height: 65px;
					background: url('../../img/point4_img1_fukidashi.png') no-repeat center center / contain;
					position: absolute;
					top: 67px;
					right: 8px;
				}

.looperLpPage .pointSection4 .aircon2 figure::before{
					content: '';
					width: 103px;
					height: 91px;
					background: url('../../img/point4_img2_fukidashi.png') no-repeat center center / contain;
					position: absolute;
					top: 61px;
					right: -12px;
				}

.looperLpPage .pointSection4 .imgRow{
			max-width: 741px;
			margin: 55px auto 0;
			display: grid;
			grid-template-columns: 171px 1fr;
			gap: 34px;
		}

.looperLpPage .pointSection4 .imgRow figcaption{
				font-weight: 500;
				font-size: 1.79rem;
				line-height: 1.75;
				margin: 12px 0 0 23px;
			}

.looperLpPage .pointSection4 .endText{
			text-align: center;
			margin-top: 60px;
			font-size: 3.37rem;
			font-weight: 700;
			line-height: 1.55;
		}

/* ==========================================================================
   記事内 animationText
========================================================================== */

.looperLpPage .animationText{
		background: #fff;
		height: 800px;
		position: relative;
		padding: 110px 0;
	}

.looperLpPage .animationText .inner{
			width: min(calc(100% - 40px),1240px);
			margin-inline: auto;
			height: 100%;
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto auto 1fr;
		}

.looperLpPage .animationText .otext{
			color: #e88b17;
			color: var(--color-orange);
			font-weight: 900;
			line-height: 1;
			font-size: 3.2rem;
			text-align: center;
		}

.looperLpPage .animationText .text1{
			grid-column: 1;
			grid-row: 1;
			justify-self: end;
			align-self: center;
			margin-right: 166px;
		}

.looperLpPage .animationText .text1 span{
				font-size: 6rem;
			}

.looperLpPage .animationText .text2{
			grid-column: 2;
			grid-row: 1;
			justify-self: start;
			align-self: center;
			margin-left: 134px;
		}

.looperLpPage .animationText .text2 span{
				font-size: 5.7rem;
			}

.looperLpPage .animationText .text3{
			grid-column: 1;
			grid-row: 3;
			justify-self: end;
			align-self: center;
			margin-right: 117px;
		}

.looperLpPage .animationText .text3 span{
				font-size: 5.7rem;
			}

.looperLpPage .animationText .text4{
			grid-column: 2;
			grid-row: 3;
			justify-self: start;
			align-self: center;
			font-size: 5.3rem;
			line-height: 1.19;
			margin-left: 200px;
		}

.looperLpPage .animationText .text4 span{
				font-size: 4.3rem;
			}

.looperLpPage .animationText .text5{
			grid-column: 1 / 3;
			grid-row: 2;
			justify-self: center;
			align-self: center;
			font-size: 9rem;
			font-weight: 900;
			line-height: 1.24;
			text-align: center;
			padding: 50px 0 5px;
		}

.looperLpPage .animationText .text5 span{
				font-size: 5.8rem;
			}

/* ==========================================================================
   さらにLOOPERはセミオーダー住宅
========================================================================== */

.looperLpPage .semiOrder{
		background: #fff;
	}

.looperLpPage .semiOrder h2{
			height: 698px;
			text-align: center;
			color: #fff;
			background: url('../../img/semi_order_img1.jpg') no-repeat center center / cover;
			display: flex;
			justify-content: center;
			align-items: end;
			padding-bottom: 55px;
			font-size: 5rem;
			font-weight: 500;
			line-height: 1;
		}

.looperLpPage .semiOrder .text1{
			margin-top: 60px;
			text-align: center;
			font-size: 3.06rem;
			font-weight: 700;
			line-height: 1;
		}

.looperLpPage .semiOrder .text2{
			margin-top: 42px;
			font-size: 1.98rem;
			line-height: 1.77;
			text-align: center;
		}

.looperLpPage .semiOrder .imglist{
			margin: 77px auto 0;
			max-width: 900px;
			display: flex;
			gap: 0 6px;
		}

/* ==========================================================================
   プラン
========================================================================== */

.looperLpPage .plan{
		padding: 70px 0 325px;
		background: #fff;
	}

.looperLpPage .plan >h2{
			text-align: center;
			color: #e88b17;
			color: var(--color-orange);
			font-size: 1.93rem;
			font-weight: 400;
			line-height: 1;
			margin-bottom: 50px;
		}

.looperLpPage .plan >h2::before{
				content: 'PLAN';
				display: block;
				font-size: 4.8rem;
				font-weight: 500;
				margin-bottom: 12px;
			}

.looperLpPage .plan .splide{
			max-width: 945px;
			margin-inline: auto;
		}

.looperLpPage .plan .splide__track{
			max-width: 858px;
			margin-inline: auto;
		}

.looperLpPage .plan .splide__slide{
			display: flex;
			justify-content: center;
		}

.looperLpPage .plan .splide__arrow{
			width: 26px;
			height: 60px;
			border-radius: 0;
			opacity: 1;
		}

.looperLpPage .plan .splide__arrow:disabled{
				opacity: .5;
			}

.looperLpPage .plan .splide__arrow svg{
				display: none;
			}

.looperLpPage .plan .splide__arrow--prev{
			background: url('../../img/plan_arrow_prev.svg') no-repeat center center / contain;
			left: 0;
		}

.looperLpPage .plan .splide__arrow--next{
			background: url('../../img/plan_arrow_next.svg') no-repeat center center / contain;
			right: 0;
		}

.looperLpPage .plan .endText{
			text-align: center;
			margin-top: 60px;
			font-size: 3.33rem;
			font-weight: 700;
			line-height: 1.64;
		}

/* ==========================================================================
   お客様の声
========================================================================== */

.looperLpPage .voice{
		padding: 80px 0 75px;
		background: #e88b17;
		background: var(--color-orange);
		position: relative;
	}

.looperLpPage .voice >h2{
			width: 435px;
			height: 245px;
			position: absolute;
			top: -204px;
			left: 50%;
			translate: -50% 0;
		}

.looperLpPage .voice .splide{
			max-width: 1040px;
			margin-inline: auto;
		}

.looperLpPage .voice .splide__track{
			max-width: 910px;
			margin-inline: auto;
		}

.looperLpPage .voice .splide__arrow{
			width: 45px;
			height: 56px;
			border-radius: 0;
			opacity: 1;
		}

.looperLpPage .voice .splide__arrow:disabled{
				opacity: .5;
			}

.looperLpPage .voice .splide__arrow svg{
				display: none;
			}

.looperLpPage .voice .splide__arrow--prev{
			background: url('../../img/voice_arrow_prev.svg') no-repeat center center / contain;
			left: 0;
		}

.looperLpPage .voice .splide__arrow--next{
			background: url('../../img/voice_arrow_next.svg') no-repeat center center / contain;
			right: 0;
		}

.looperLpPage .voice .voiceBox{
			display: flex;
			height: 100%;
		}

.looperLpPage .voice .voiceBox .imgBox{
				order: 1;
				width: 460px;
				overflow: hidden;
				flex-shrink: 0;
			}

.looperLpPage .voice .voiceBox .imgBox img{
					width: 100%;
					height: 100%;
					-o-object-fit: cover;
					   object-fit: cover;
				}

.looperLpPage .voice .voiceBox .textBox{
				order: 2;
				background: #fff;
				padding: 45px 60px;
				display: flex;
				flex-flow: column;
				justify-content: center;
			}

.looperLpPage .voice .voiceBox .textBox h2{
					color: #e88b17;
					color: var(--color-orange);
					font-size: 2.32rem;
					line-height: 1.3;
				}

.looperLpPage .voice .voiceBox .textBox .data{
					margin-top: 15px;
					font-size: 1.2rem;
				}

.looperLpPage .voice .voiceBox .textBox .text{
					margin-top: 25px;
					font-size:1.84rem;
					line-height: 1.52;
				}

/* ==========================================================================
   モデルハウス
========================================================================== */

.looperLpPage .modelHouse{
		padding: 140px 0 0;
		background: #fff;
		position: relative;
	}

.looperLpPage .modelHouse .inner{
			max-width: 812px;
			margin: 0 auto;
			display: grid;
			grid-template-columns: 450px 1fr;
			grid-template-rows: auto auto 1fr;
			gap: 0 49px;
		}

.looperLpPage .modelHouse .inner >h2{
				grid-column: 1 / 3;
				grid-row: 1;
				text-align: center;
				color: #e88b17;
				color: var(--color-orange);
				font-size: 6.75rem;
				font-weight: 500;
				line-height: 1;
			}

.looperLpPage .modelHouse .toptext{
			margin: 40px 0 75px;
			grid-column: 1 / 3;
			grid-row: 2;
			text-align: center;
			font-size: 3rem;
			line-height: 1.8;
			font-weight: 700;
		}

.looperLpPage .modelHouse .img{
			grid-column: 1;
			grid-row: 3;
		}

.looperLpPage .modelHouse .modelHouseList{
			grid-column: 2;
			grid-row: 3;
			margin-top: 20px;
		}

.looperLpPage .modelHouse .modelHouseList >li + li{
				margin-top: 35px;
			}

.looperLpPage .modelHouse .modelHouseSec p,.looperLpPage .modelHouse .modelHouseSec li{
				font-size: 1.8rem;
				line-height: 1.25;
			}

.looperLpPage .modelHouse .modelHouseSec1 h2{
				font-size: 1.87rem;
				line-height: 1;
				font-weight: 500;
				margin-bottom: 9px;
			}

.looperLpPage .modelHouse .modelHouseSec2 h2{
				font-size: 2.4rem;
				line-height: 1;
				font-weight: 700;
				color: #e88b17;
				color: var(--color-orange);
				margin-bottom: 10px;
			}

/* ==========================================================================
   イベント
========================================================================== */

.looperLpPage .event{
		padding: 75px 0 0;
		background: #fff;
		position: relative;
	}

.looperLpPage .event .inner{
			max-width: 812px;
			margin: 0 auto;
		}

.looperLpPage .event .inner >h2{
				text-align: center;
				color: #e88b17;
				color: var(--color-orange);
				font-size: 4rem;
				font-weight: 500;
				line-height: 1;
				margin-bottom: 30px;
			}

.looperLpPage .event .eventBox{
			border: 3px solid #e88b17;
			border: 3px solid var(--color-orange);
		}

.looperLpPage .event .eventBox .inner{
				padding: 22px;
				display: flex;
				align-items: center;
				gap: 0 30px;
			}

.looperLpPage .event .eventBox .imgBox{
				width: 383px;
				flex-shrink: 0;
				position: relative;
				position: relative;
			}

.looperLpPage .event .eventBox .imgBox .reservation{
					position: absolute;
					bottom: 0;
					width: 116px;
					height: 38px;
					display: grid;
					place-content: center;
					color: #fff;
					background: #e88b17;
					background: var(--color-orange);
					font-size: 2.25rem;
					font-weight: 500;
					letter-spacing: .04em;
				}

.looperLpPage .event .eventBox .textBox .date{
					font-size: 2.85rem;
					font-weight: 500;
					line-height: 1.2;
					text-align: left;
				}

.looperLpPage .event .eventBox .textBox .time{
					margin-top: 6px;
					font-size: 2.32rem;
					font-weight: 500;
					line-height: 1.2;
				}

.looperLpPage .event .eventBox .textBox h2{
					margin-top: 15px;
					font-size: 2.77rem;
					font-weight: 700;
					line-height: 1.32;
				}

.looperLpPage .event .eventBox .textBox .text{
					margin-top: 15px;
					font-size: 1.65rem;
					font-weight: 500;
					line-height: 1.4;
				}

.looperLpPage .event .eventBox:nth-child(even) .imgBox{
				order: 2;
			}

.looperLpPage .event .eventBox:nth-child(even) .imgBox .reservation{
					right: 0;
				}

.looperLpPage .event .eventBox:nth-child(even) .textBox{
				order: 1;
				padding-left: 10px;
			}

.looperLpPage .event .eventBox + .eventBox{
			margin-top: 25px;
		}

/* ==========================================================================
   福岡直方モデルハウス
========================================================================== */

.looperLpPage .map{
		padding: 20px 0 133px;
		background: #fff;
	}

.looperLpPage .map h2{
			font-size: 2.55rem;
			line-height: 1;
			font-weight: 700;
			margin-bottom: 18px;
			text-align: center;
		}

.looperLpPage .map iframe{
			display: block;
			width: 100%;
			max-width: 788px;
			height: 450px;
			margin-inline: auto;
		}

/* ==========================================================================
   お問い合わせ
========================================================================== */

.looperLpPage .contact{
		border-top: 61px solid #e88b17;
		border-top: 61px solid var(--color-orange);
		padding: 153px 0 154px;
		background: #f9f8f6;
	}

.looperLpPage .contact h2{
			line-height: 1;
			width: 354px;
			margin: 0 auto 105px;
		}

/* ==========================================================================
   サンクスページ
========================================================================== */

.container:has(.thanksPage) .menuBtn{
		display:none;
	}

.thanksPage{
	background: #e4e4e4;
	padding-top: 220px;
	text-align: center;
}

.thanksPage h2{
		width: -moz-fit-content;
		width: fit-content;
		margin-inline: auto;
		font-size: 4.1rem;
		line-height: 1;
		font-weight: 700;
		padding-bottom: 18px;
		border-bottom: 8px solid #e88b17;
		border-bottom: 8px solid var(--color-orange);
	}

.thanksPage h2::before{
			content: '';
			width: 334px;
			height: 87px;
			background: url('../../img/thanks_logo.svg') no-repeat center center / contain;
			display: block;
			margin: 0 auto 55px;
		}

.thanksPage p{
		margin-top: 35px;
		font-size: 2rem;
		line-height: 1.75;
	}

/* ==========================================================================
   ロード時のアニメーション
========================================================================== */

.animationTextLoad{
	display: grid;
	/* display: none; */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	background: #fff;
	min-height: 630px;
	min-width: 1260px;
	place-content: center;
}

.animationTextLoad .inner{
		width: 1082px;
		margin-inline: auto;
		height: 100%;
		max-height: 615px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr auto 1fr;
		opacity: 0;
	}

.animationTextLoad .otext{
		color: #e88b17;
		color: var(--color-orange);
		font-weight: 900;
		line-height: 1;
		font-size: 3.2rem;
		text-align: center;
		opacity: 0;
	}

.animationTextLoad .text1{
		grid-column: 1;
		grid-row: 1;
		justify-self: end;
		align-self: center;
		margin-right: 166px;
	}

.animationTextLoad .text1 span{
			font-size: 6rem;
		}

.animationTextLoad .text2{
		grid-column: 2;
		grid-row: 1;
		justify-self: start;
		align-self: center;
		margin-left: 134px;
	}

.animationTextLoad .text2 span{
			font-size: 5.7rem;
		}

.animationTextLoad .text3{
		grid-column: 1;
		grid-row: 3;
		justify-self: end;
		align-self: center;
		margin-right: 117px;
	}

.animationTextLoad .text3 span{
			font-size: 5.7rem;
		}

.animationTextLoad .text4{
		grid-column: 2;
		grid-row: 3;
		justify-self: start;
		align-self: center;
		font-size: 5.3rem;
		line-height: 1.19;
		margin-left: 200px;
	}

.animationTextLoad .text4 span{
			font-size: 4.3rem;
		}

.animationTextLoad .text5{
		grid-column: 1 / 3;
		grid-row: 2;
		justify-self: center;
		align-self: center;
		font-size: 9rem;
		font-weight: 900;
		line-height: 1.24;
		text-align: center;
		padding: 50px 0 5px;
		opacity: 0;
	}

.animationTextLoad .text5 span{
			font-size: 5.8rem;
		}

.animationTextLoad .zoomText{
		width: -moz-max-content;
		width: max-content;
		position: absolute;
		top: 50%;
		left: 50%;
		translate: -50% -50%;
		font-size: 6.5rem;
		font-weight: 900;
		line-height: 1.2;
		text-align: center;
		color: #e88b17;
		color: var(--color-orange)
	}

.animationTextLoad .zoomText1{
		opacity: 0;
	}

.animationTextLoad .zoomText1 span{
			font-size: 11.8rem;
		}

.animationTextLoad .zoomText2{
		opacity: 0;
	}

.animationTextLoad .zoomText2 span{
			font-size: 12.5rem;
		}

.animationTextLoad .zoomText3{
		opacity: 0;
	}

.animationTextLoad .zoomText3 span{
			font-size: 12.5rem;
		}

.animationTextLoad .zoomText4{
		opacity: 0;
		font-size: 10.8rem;
	}

.animationTextLoad .zoomText4 span{
			font-size: 8.8rem;
		}

.animationTextLoad .bk{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #e88b17;
		background: var(--color-orange);
		opacity: 0;
	}

/* ==========================================================================
   end
========================================================================== */

@media only screen and (max-width: 767px) {
  html{
    font-size: calc(100vw / 37.5);
  }
body {
  min-width: 0;
	width:100%;
  font-size: 1.4rem;
  font-weight: 400;
}
img{
	width: 100%;
}
.spShow{
	display: inline-block;
}
.pcShow{
	display: none;
}
/* ==========================================================================
   header
========================================================================== */
.header{
	min-width: 0;
	width: 100%;
	height: calc(calc(51/375) * 100vw);
	display: grid;
	grid-template-columns: 100%;
	padding: 0 calc(calc(24/375) * 100vw);
}
	.header .logo{
		display: none;
	}
	.header .menuBtn{
		margin-top: 0;
    width: calc(calc(32/375) * 100vw);
    height: auto;
		justify-self: start;
		align-self: start;
		top: calc(calc(8/375) * 100vw);
		right: auto;
		left: calc(calc(8/375) * 100vw);
  }
    .header .menuBtn button{
      cursor: pointer;
      width: 100%;
      height: 100%;
      line-height: 1;
    }
		.header .menuBtn .btnInner{
			display: grid;
      grid-template-columns: calc(calc(32/375) * 100vw);
      grid-template-rows: calc(calc(1.5/375) * 100vw) calc(calc(1.5/375) * 100vw) calc(calc(1.5/375) * 100vw);
      justify-content: center;
      gap: calc(calc(8/375) * 100vw) 0;
		}
		.header .menuBtn p{
			line-height: 1;
			font-size: 1.2rem;
			margin-top: calc(calc(5/375) * 100vw);
			text-align: center;
		}
/* ==========================================================================
   gNav
========================================================================== */
.gNav{
	width: 100%;
	height: 100svh;
	min-width: 0;
}
	.gNav .inner{
    height:auto;
    min-height: 0;
    margin: auto;
    text-align: center;
    line-height: 1;
		padding: calc(calc(65/375) * 100vw) 0;
  }
	.gNav h2{
		width: calc(calc(274/375) * 100vw);
		margin-bottom: calc(calc(17/375) * 100vw);
	}
	.gNav .mainList{
		width: calc(calc(325/375) * 100vw);
		gap: calc(calc(7/375) * 100vw) calc(calc(10/375) * 100vw);
	}
		.gNav .mainList li{
			border: calc(calc(3/375) * 100vw) solid #e88b17;
			border: calc(calc(3/375) * 100vw) solid var(--color-orange);
			font-size:1.4rem;
			line-height: 1.28;
		}
		.gNav .mainList a{
			height: calc(calc(84/375) * 100vw);
		}
			.gNav .mainList .text1 strong{
				font-size: 2.2rem;
			}
			.gNav .mainList .text2 strong{
				font-size: 2.1rem;
			}
			.gNav .mainList .text3 strong{
				font-size: 1.95rem;
			}
		.gNav .mainList .text4{
			line-height: 1.19;
		}
			.gNav .mainList .text4 strong{
				font-size: 1.7rem;
			}
	.gNav .subList{
		margin-top: calc(calc(17/375) * 100vw);
		width: calc(calc(310/375) * 100vw);
		margin-inline: auto;
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: calc(calc(8/375) * 100vw) calc(calc(13/375) * 100vw);
	}
		.gNav .subList a{
			height: calc(calc(40/375) * 100vw);
			font-size: 1.8rem;
		}
	.gNav .privacy{
		margin-top: calc(calc(26/375) * 100vw);
	}
	.gNav .otherList{
		margin: calc(calc(54/375) * 100vw) auto 0;
		width: calc(calc(206/375) * 100vw);
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: calc(calc(23/375) * 100vw) calc(calc(17/375) * 100vw);
	}
		.gNav .otherList::before{
			display: none;
		}
		.gNav .otherList li:nth-child(1){
			justify-self: end;
			width: calc(calc(34/375) * 100vw);
		}
		.gNav .otherList li:nth-child(2){
			width: calc(calc(29/375) * 100vw);
		}
		.gNav .otherList li:last-child{
			grid-column: 1 / 3;
			grid-row: 2;
			justify-self: end;
		}
	.gNav .closeBtn{
		width: calc(calc(22/375) * 100vw);
		top: calc(calc(27/375) * 100vw);
		right: calc(calc(27/375) * 100vw);
	}
/* ==========================================================================
   footer
========================================================================== */
.footer{
	height: calc(calc(38/375) * 100vw);
}
	.footer .copyright{
		font-size: 1rem;
	}
/* ==========================================================================
   固定メニュー
========================================================================== */
.fixBanner{
	min-width: 0;
	width: 100vw;
}
		.fixBanner a::before{
			display: none;
		}
/* ==========================================================================
   mv
========================================================================== */
	.looperLpPage .mv{
		max-width: none;
		margin: 0 auto;
		background: #fff;
	}
		.looperLpPage .mv .textBox{
			top: calc(calc(31/375) * 100vw);
			left: auto;
			right: calc(calc(35/375) * 100vw);
			writing-mode: vertical-rl;
			text-orientation: upright;
			display: flex;
			flex-flow: column;
			align-items: flex-start;
		}
			.looperLpPage .mv .textBox p{
				font-size: 1.8rem;
				width: autot;
				padding: calc(calc(11/375) * 100vw);
				min-width: calc(calc(37/375) * 100vw);
				display: flex;
				align-items: center;
			}
			.looperLpPage .mv .textBox p + p{
				margin-top: calc(calc(55/375) * 100vw);
				margin-right: calc(calc(19/375) * 100vw);
			}
		.looperLpPage .mv h1{
			font-size: 2.4rem;
			font-weight: 700;
			line-height: 1.62;
			margin-top: calc(calc(30/375) * 100vw);
			text-align: center;
		}
/* ==========================================================================
   スライド
========================================================================== */
	.looperLpPage .splideInfiniteScroll{
		padding: calc(calc(28/375) * 100vw) 0 calc(calc(37/375) * 100vw);
		background: #fff;
	}
		.looperLpPage .splideInfiniteScroll .splide__track{
			max-width: calc(calc(286/375) * 100vw);
			margin: 0 auto;
		}
		.looperLpPage .splideInfiniteScroll .splide__slide{
			border-radius: calc(calc(30/375) * 100vw);
		}
/* ==========================================================================
   機能
========================================================================== */
	.looperLpPage .functionList{
		margin-top: 0;
		padding: 0 0 calc(calc(36/375) * 100vw);
		background: #fff;
	}
		.looperLpPage .functionList ul{
			width: calc(calc(308/375) * 100vw);
			margin-inline: auto;
			flex-flow: row wrap;
			gap: calc(calc(7/375) * 100vw);
		}
		.looperLpPage .functionList li{
			flex: 0 1 calc(calc(98/375) * 100vw);
		}
/* ==========================================================================
   LOOPERがかなえる暮らし リスト
========================================================================== */
	.looperLpPage .kanaeruList{
		padding: 0 0 calc(calc(50/375) * 100vw);
	}
		.looperLpPage .kanaeruList h2{
			max-width: calc(calc(236/375) * 100vw);
			margin: 0 auto calc(calc(19/375) * 100vw);
		}
		.looperLpPage .kanaeruList ul{
			max-width: calc(calc(333/375) * 100vw);
			margin-inline: auto;
			display: grid;
			grid-template-columns: repeat(2,1fr);
			gap: calc(calc(12/375) * 100vw) calc(calc(14/375) * 100vw);
		}
		.looperLpPage .kanaeruList li{
			border: calc(calc(5/375) * 100vw) solid #e88b17;
			border: calc(calc(5/375) * 100vw) solid var(--color-orange);
			min-height: calc(calc(86/375) * 100vw);
			font-size: 1.4rem;
			line-height: 1.28;
		}
			.looperLpPage .kanaeruList li:nth-child(1) strong{
				font-size: 2.2rem;
			}
			.looperLpPage .kanaeruList li:nth-child(2) strong{
				font-size: 2.1rem;
			}
			.looperLpPage .kanaeruList li:nth-child(3) strong{
				font-size: 1.9rem;
			}
			.looperLpPage .kanaeruList li:nth-child(4) strong{
				font-size: 2rem;
			}
/* ==========================================================================
   LOOPERがかなえる暮らし ポイント
========================================================================== */
	.looperLpPage .kanaeruPointSection{
		padding: calc(calc(36/375) * 100vw) 0 0;
	}
		.looperLpPage .kanaeruPointSection >header{
			height: calc(calc(51/375) * 100vw);
			margin-bottom: calc(calc(20/375) * 100vw);
		}
			.looperLpPage .kanaeruPointSection >header h2{
				width: calc(calc(207/375) * 100vw);
			}
		.looperLpPage .kanaeruPointSection .wrapper{
			padding-bottom: calc(calc(30/375) * 100vw);
		}
	.looperLpPage .pointSection{
		width: calc(calc(327/375) * 100vw);
	}
		.looperLpPage .pointSection .headerNum{
			width: calc(calc(88/375) * 100vw);
			height: calc(calc(88/375) * 100vw);
			top: calc(calc(6/375) * 100vw);
			left: calc(calc(6/375) * 100vw);
			padding: calc(calc(7/375) * 100vw) 0 0 calc(calc(9/375) * 100vw);
		}
			.looperLpPage .pointSection .headerNum p{
				font-size: 0.84rem;
			}
				.looperLpPage .pointSection .headerNum p span:last-child{
					font-size: 2.8rem;
					margin-top: calc(calc(5/375) * 100vw);
				}
	.looperLpPage .pointSection + .pointSection{
		margin-top: calc(calc(40/375) * 100vw);
	}
	.looperLpPage .pointSection1{
		padding: calc(calc(50/375) * 100vw) 0 calc(calc(33/375) * 100vw);
		overflow: hidden;
	}
		.looperLpPage .pointSection1 .secTitle{
			font-size: 1.7rem;
		}
			.looperLpPage .pointSection1 .secTitle span{
				font-size: 2.6rem;
				margin-top: calc(calc(10/375) * 100vw);
			}
		.looperLpPage .pointSection1 .airmaker{
			margin-top: calc(calc(20/375) * 100vw);
			display: grid;
			grid-template-columns: 100%;
			grid-template-rows: auto auto auto 1fr;
			gap: 0;
			padding-left: 0;
		}
			.looperLpPage .pointSection1 .airmaker .img{
				grid-column: 1;
				grid-row: 2;
				justify-self: center;
				width: calc(calc(286/375) * 100vw);
				margin-top: calc(calc(25/375) * 100vw);
			}
			.looperLpPage .pointSection1 .airmaker header{
				grid-column: 1;
				grid-row: 1;
				margin-top: 0;
			}
				.looperLpPage .pointSection1 .airmaker header h2{
					font-size: 2.7rem;
					display: flex;
					flex-flow: column-reverse;
					text-align: center;
				}
					.looperLpPage .pointSection1 .airmaker header h2 small{
						font-size: 1.2rem;
						padding: 0 0 calc(calc(5/375) * 100vw) 0;
					}
				.looperLpPage .pointSection1 .airmaker header p{
					margin-top: calc(calc(13/375) * 100vw);
					font-size: 1.5rem;
					text-align: center;
				}
			.looperLpPage .pointSection1 .airmaker .text1{
				grid-column: 1;
				grid-row: 3;
				margin-top: calc(calc(23/375) * 100vw);
				font-size: 1.6rem;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				flex-flow: row-reverse;
				gap: 0 calc(calc(15/375) * 100vw);
				margin-left: calc(calc(30/375) * 100vw);
			}
				.looperLpPage .pointSection1 .airmaker .text1::before{
					width: calc(calc(148/375) * 100vw);
					height: calc(calc(83/375) * 100vw);
					background: url('../../img/sp_point1_img2.jpg') no-repeat center center / contain;
					position: static;
					flex-shrink: 0;
				}
			.looperLpPage .pointSection1 .airmaker .text2{
				grid-column: 1;
				grid-row: 4;
				margin-top: calc(calc(130/375) * 100vw);
				display: block;
				padding-left: calc(calc(30/375) * 100vw);
				position: relative;
			}
				.looperLpPage .pointSection1 .airmaker .text2 p{
					font-size: 1.2rem;
					line-height: 1.33;
				}
				.looperLpPage .pointSection1 .airmaker .text2::after{
					width: calc(calc(172/375) * 100vw);
					height: calc(calc(108/375) * 100vw);
					background: url('../../img/point1_img3.jpg') no-repeat center center / contain;
					position: absolute;
					top: calc(-1 * calc(calc(132/375) * 100vw));
					left: calc(calc(30/375) * 100vw);
				}
		.looperLpPage .pointSection1 .ondosa{
			margin: calc(calc(200/375) * 100vw) 0 0 0;
			max-width: none;
		}
			.looperLpPage .pointSection1 .ondosa::before{
				content: '';
				width: calc(calc(327/375) * 100vw);
				height: calc(calc(166/375) * 100vw);
				background: url('../../img/sp_point1_img4.png') no-repeat center center / contain;
				position: absolute;
				top: calc(-1 * calc(calc(180/375) * 100vw));
				left: 0;
				z-index: -1;
			}
			.looperLpPage .pointSection1 .ondosa >h2{
				font-size: 1.6rem;
				text-align: center;
			}
			.looperLpPage .pointSection1 .ondosa .innerSec{
				margin-top: calc(calc(44/375) * 100vw);
			}
				.looperLpPage .pointSection1 .ondosa .innerSec >h2{
					font-size: 1.8rem;
					text-align: center;
					margin-bottom: calc(calc(14/375) * 100vw);
					margin-left: 0;
				}
			.looperLpPage .pointSection1 .ondosa .sisin{
				width: calc(calc(310/375) * 100vw);
				margin: 0 0 0 auto;
				position: relative;
				z-index: 1;
			}
				.looperLpPage .pointSection1 .ondosa .sisin::before{
					width: calc(calc(80/375) * 100vw);
					height: calc(calc(199/375) * 100vw);
					bottom: auto;
					top: calc(-1 * calc(calc(4/375) * 100vw));
					left: 0;
				}
				.looperLpPage .pointSection1 .ondosa .sisin::after{
					display: none;
				}
				.looperLpPage .pointSection1 .ondosa .sisin >h2{
					margin-left: calc(calc(92/375) * 100vw);
					font-size: 1.2rem;
					margin-bottom: calc(calc(10/375) * 100vw);
				}
				.looperLpPage .pointSection1 .ondosa .sisin .description{
					margin-left: calc(calc(92/375) * 100vw);
					font-size: .9rem;
					line-height: 1.33;
				}
					.looperLpPage .pointSection1 .ondosa .sisin .description small{
						font-size: .49rem;
					}
				.looperLpPage .pointSection1 .ondosa .sisin .kome{
					margin-left: calc(calc(92/375) * 100vw);
					font-size: .6rem;
					margin-top: 1em;
				}
				.looperLpPage .pointSection1 .ondosa .sisin table{
					margin-top: calc(calc(5/375) * 100vw);
					margin-left: calc(calc(90/375) * 100vw);
				}
					.looperLpPage .pointSection1 .ondosa .sisin table td:nth-child(1){
						text-align: right;
						font-size: 1.1rem;
						color: #006488;
						font-weight: 700;
						line-height: 1;
					}
					.looperLpPage .pointSection1 .ondosa .sisin table td:nth-child(2){
						padding: calc(calc(2/375) * 100vw) calc(calc(4/375) * 100vw);
						text-align: center;
					}
						.looperLpPage .pointSection1 .ondosa .sisin table td:nth-child(2) img{
							margin-inline: auto;
							width: calc(calc(12.5/375) * 100vw);
						}
					.looperLpPage .pointSection1 .ondosa .sisin table td:nth-child(3){
						font-size: .9rem;
						line-height: 1.2;
					}
						.looperLpPage .pointSection1 .ondosa .sisin table td:nth-child(3) sup{
							font-size: .4rem;
						}
						.looperLpPage .pointSection1 .ondosa .sisin table tr:nth-last-of-type(2) img{
							width: calc(calc(8/375) * 100vw);
						}
						.looperLpPage .pointSection1 .ondosa .sisin table tr:last-child td{
							vertical-align: top;
						}
						.looperLpPage .pointSection1 .ondosa .sisin table tr:last-child img{
							width: calc(calc(8/375) * 100vw);
						}
				.looperLpPage .pointSection1 .ondosa .sisin .kome2{
					margin: calc(calc(8/375) * 100vw) 0 0 calc(calc(7/375) * 100vw);
					font-size: .6rem;
					line-height: 1.2;
				}
		.looperLpPage .pointSection1 .kenkou{
			max-width: calc(calc(285/375) * 100vw);
			margin: calc(calc(35/375) * 100vw) auto 0;
		}
			.looperLpPage .pointSection1 .kenkou >h2{
				font-size: 1.6rem;
				margin-bottom: calc(calc(15/375) * 100vw);
			}
			.looperLpPage .pointSection1 .kenkou .row{
				display: grid;
				grid-template-columns: 100%;
				gap: calc(calc(16/375) * 100vw);
			}
			.looperLpPage .pointSection1 .kenkou .kenkouSec{
				border: calc(calc(3/375) * 100vw) solid #e88b17;
				border: calc(calc(3/375) * 100vw) solid var(--color-orange);
				border-radius: calc(calc(15/375) * 100vw);
				padding: calc(calc(12/375) * 100vw) calc(calc(6/375) * 100vw);
				min-height: calc(calc(326/375) * 100vw);
			}
				.looperLpPage .pointSection1 .kenkou .kenkouSec h2{
					font-size: 1.8rem;
					height: calc(calc(45/375) * 100vw);
					border-radius: calc(calc(3/375) * 100vw);
				}
				.looperLpPage .pointSection1 .kenkou .kenkouSec .imgBox{
					max-width: calc(calc(233/375) * 100vw);
					margin-inline: auto;
				}
				.looperLpPage .pointSection1 .kenkou .kenkouSec1 h2{
					margin-bottom: calc(calc(18/375) * 100vw);
				}
				.looperLpPage .pointSection1 .kenkou .kenkouSec1 p{
					font-size: 1.2rem;
					margin-bottom: calc(calc(20/375) * 100vw);
				}
				.looperLpPage .pointSection1 .kenkou .kenkouSec2 h2{
					margin-bottom: calc(calc(18/375) * 100vw);
				}
				.looperLpPage .pointSection1 .kenkou .kenkouSec2 p{
					max-width: calc(calc(225/375) * 100vw);
					font-size: 1.23rem;
					margin-bottom: calc(calc(18/375) * 100vw);
				}
				.looperLpPage .pointSection1 .kenkou .kenkouSec3 h2{
					margin-bottom: calc(calc(20/375) * 100vw);
				}
				.looperLpPage .pointSection1 .kenkou .kenkouSec3 p{
					font-size: 1.23rem;
					margin-bottom: calc(calc(16/375) * 100vw);
				}
					.looperLpPage .pointSection1 .kenkou .kenkouSec3 p strong{
						font-size: 1.57rem;
					}
				.looperLpPage .pointSection1 .kenkou .kenkouSec4 h2{
					margin-bottom: calc(calc(12/375) * 100vw);
				}
				.looperLpPage .pointSection1 .kenkou .kenkouSec4 p{
					font-size: 1.23rem;
					margin-bottom: calc(calc(14/375) * 100vw);
				}
	.looperLpPage .pointSection2{
		padding: calc(calc(53/375) * 100vw) 0 calc(calc(45/375) * 100vw);
	}
		.looperLpPage .pointSection2 .secTitle{
			font-size: 1.7rem;
		}
			.looperLpPage .pointSection2 .secTitle span{
				font-size: 2.6rem;
				margin-top: calc(calc(15/375) * 100vw);
			}
		.looperLpPage .pointSection2 .illuBox{
			max-width: calc(calc(307/375) * 100vw);
			margin: calc(calc(34/375) * 100vw) 0 0 calc(calc(11/375) * 100vw);
		}
		.looperLpPage .pointSection2 .text{
			max-width: calc(calc(295/375) * 100vw);
			margin: calc(calc(28/375) * 100vw) auto 0;
			font-size: 1.3rem;
			line-height: 1.84;
			flex-flow: column;
			gap:calc(calc(14/375) * 100vw) 0;
		}
			.looperLpPage .pointSection2 .text::before{
				width: 100%;
				height: calc(calc(193/375) * 100vw);
				background: url('../../img/sp_point2_img2.jpg') no-repeat center center / contain;
				flex-shrink: 1;
			}
		.looperLpPage .pointSection2 .graphBox{
			max-width: calc(calc(298/375) * 100vw);
			margin: calc(calc(32/375) * 100vw) 0 0 calc(calc(16/375) * 100vw);
		}
			.looperLpPage .pointSection2 .graphBox .zero{
				width: calc(calc(62/375) * 100vw);
				height: calc(calc(43/375) * 100vw);
				top: calc(calc(76/375) * 100vw);
				right: calc(calc(16/375) * 100vw);
			}
		.looperLpPage .pointSection2 .endText{
			margin-top: calc(calc(30/375) * 100vw);
			font-size: 1.7rem;
			line-height: 1.58;
		}
			.looperLpPage .pointSection2 .endText::before{
				width: calc(calc(93/375) * 100vw);
				height: calc(calc(87/375) * 100vw);
				background: url('../../img/sp_point2_img4.png') no-repeat center center / contain;
				position: absolute;
				bottom: calc(-1 * calc(calc(25/375) * 100vw));
				right: calc(calc(2/375) * 100vw);
			}
	.looperLpPage .pointSection3{
		padding: calc(calc(47/375) * 100vw) 0 calc(calc(35/375) * 100vw);
	}
			.looperLpPage .pointSection3 .secTitle .line1{
				font-size: 1.7rem;
				line-height: 1.64;
			}
			.looperLpPage .pointSection3 .secTitle .line2{
				margin-top: calc(calc(10/375) * 100vw);
				font-size: 2.6rem;
			}
				.looperLpPage .pointSection3 .secTitle .line2 span{
					font-size: 2.3rem;
				}
		.looperLpPage .pointSection3 .imgBox{
			max-width: calc(calc(287/375) * 100vw);
			margin: calc(calc(20/375) * 100vw) auto 0;
		}
		.looperLpPage .pointSection3 .function{
			margin-top: calc(calc(17/375) * 100vw);
		}
			.looperLpPage .pointSection3 .function ul{
				width: calc(calc(288/375) * 100vw);
				margin-inline: auto;
				flex-flow: row wrap;
				gap: calc(calc(6/375) * 100vw);
			}
			.looperLpPage .pointSection3 .function li{
				flex: 0 1 calc(calc(92/375) * 100vw);
			}
			.looperLpPage .pointSection3 .function figcaption{
				font-size: 1.4rem;
				line-height: 1.75;
				margin-top: calc(calc(18/375) * 100vw);
			}
		.looperLpPage .pointSection3 .endText{
			margin-top: calc(calc(30/375) * 100vw);
			font-size: 2.2rem;
			line-height: 1.22;
		}
	.looperLpPage .pointSection4{
		padding: calc(calc(40/375) * 100vw) 0 calc(calc(45/375) * 100vw);
	}
			.looperLpPage .pointSection4 .secTitle .line1{
				font-size: 1.7rem;
			}
			.looperLpPage .pointSection4 .secTitle .line2{
				margin-top: calc(calc(10/375) * 100vw);
				display: block;
				font-size: 3rem;
				letter-spacing: 0;
			}
				.looperLpPage .pointSection4 .secTitle .line2 span{
					font-size: 2.2rem;
				}
		.looperLpPage .pointSection4 .row{
			max-width: calc(calc(298/375) * 100vw);
			margin: calc(calc(25/375) * 100vw) auto 0;
			gap: calc(calc(20/375) * 100vw);
		}
			.looperLpPage .pointSection4 .aircon h2{
				width: 100%;
			}
			.looperLpPage .pointSection4 .aircon figure{
				margin-top: calc(calc(13/375) * 100vw);
				position: relative;
				z-index: 1;
			}
			.looperLpPage .pointSection4 .aircon p{
				margin-top: calc(calc(13/375) * 100vw);
				font-size: 1.2rem;
				line-height: 1.58;
			}
				.looperLpPage .pointSection4 .aircon1 figure::before{
					width: calc(calc(55/375) * 100vw);
					height: calc(calc(53/375) * 100vw);
					background: url('../../img/sp_point4_img1_fukidashi.png') no-repeat center center / contain;
					top: calc(calc(31/375) * 100vw);
					right: calc(-1 * calc(calc(14/375) * 100vw));
				}
				.looperLpPage .pointSection4 .aircon2 figure::before{
					width: calc(calc(62/375) * 100vw);
					height: calc(calc(54/375) * 100vw);
					background: url('../../img/sp_point4_img2_fukidashi.png') no-repeat center center / contain;
					top: calc(calc(30/375) * 100vw);
					right: calc(-1 * calc(calc(25/375) * 100vw));
				}
		.looperLpPage .pointSection4 .imgRow{
			max-width: calc(calc(298/375) * 100vw);
			margin: calc(calc(20/375) * 100vw) auto 0;
			grid-template-columns: 100%;
			gap: calc(calc(15/375) * 100vw) 0;
		}
			.looperLpPage .pointSection4 .imgRow figcaption{
				font-size: 1.2rem;
				line-height: 1.58;
				width: calc(calc(283/375) * 100vw);
				margin: calc(calc(10/375) * 100vw) auto 0;
			}
		.looperLpPage .pointSection4 .endText{
			text-align: center;
			margin-top: calc(calc(28/375) * 100vw);
			font-size: 2.1rem;
			line-height: 1.47;
		}
/* ==========================================================================
   animationText
========================================================================== */
	.looperLpPage .animationText{
		height: calc(calc(500/375) * 100vw);
		padding: calc(calc(43/375) * 100vw) 0 calc(calc(38/375) * 100vw);
	}
		.looperLpPage .animationText .inner{
			width: calc(calc(290/375) * 100vw);
			margin-inline: auto;
			height: 100%;
			display: grid;
			grid-template-columns: 100%;
			grid-template-rows: auto auto auto auto 1fr;
		}
		.looperLpPage .animationText .otext{
			font-size: 1.7rem;
		}
		.looperLpPage .animationText .text1{
			grid-column: 1;
			grid-row: 1;
			justify-self: start;
			margin-right: 0;
		}
			.looperLpPage .animationText .text1 span{
				font-size: 3.1rem;
			}
		.looperLpPage .animationText .text2{
			grid-column: 1;
			grid-row: 2;
			justify-self: end;
			margin-left: 0;
			font-size: 1.5rem;
			margin-top: calc(calc(23/375) * 100vw);
		}
			.looperLpPage .animationText .text2 span{
				font-size: 2.7rem;
			}
		.looperLpPage .animationText .text3{
			grid-column: 1;
			grid-row: 4;
			justify-self: end;
			align-self: center;
			margin-right: 0;
			font-size: 1.5rem;
			line-height: 1.2;
			text-align: center;
		}
			.looperLpPage .animationText .text3 span{
				font-size: 2.7rem;
			}
		.looperLpPage .animationText .text4{
			grid-column: 1;
			grid-row: 5;
			justify-self: start;
			font-size: 2.6rem;
			text-align: center;
			margin-left: 0;
			margin-top: calc(calc(5/375) * 100vw);
		}
			.looperLpPage .animationText .text4 span{
				font-size: 2.1rem;
			}
		.looperLpPage .animationText .text5{
			grid-column: 1;
			grid-row: 3;
			justify-self: center;
			align-self: center;
			font-size: 3.9rem;
			font-weight: 900;
			line-height: 1.24;
			text-align: center;
			padding: calc(calc(42/375) * 100vw) 0 calc(calc(21/375) * 100vw);
		}
			.looperLpPage .animationText .text5 span{
				font-size: 2.4rem;
			}
/* ==========================================================================
   さらにLOOPERはセミオーダー住宅
========================================================================== */
		.looperLpPage .semiOrder h2{
			height: calc(calc(249/375) * 100vw);
			background: url('../../img/sp_semi_order_img1.jpg') no-repeat center center / cover;
			padding-bottom: calc(calc(43/375) * 100vw);
			font-size: 2rem;
		}
		.looperLpPage .semiOrder .text1{
			margin-top: calc(calc(39/375) * 100vw);
			font-size: 1.7rem;
			line-height: 1.7;
		}
		.looperLpPage .semiOrder .text2{
			display: none;
		}
		.looperLpPage .semiOrder .imglist{
			margin: calc(calc(20/375) * 100vw) auto 0;
			max-width: calc(calc(342/375) * 100vw);
			display: flex;
			flex-flow: row wrap;
			gap: calc(calc(2/375) * 100vw) calc(calc(4/375) * 100vw);
		}
			.looperLpPage .semiOrder .imglist li:nth-child(1){
				flex: 0 1 100%;
			}
			.looperLpPage .semiOrder .imglist li:nth-child(2),
			.looperLpPage .semiOrder .imglist li:nth-child(3){
				flex: 0 1 calc(calc(169/375) * 100vw);
			}
/* ==========================================================================
   プラン
========================================================================== */
	.looperLpPage .plan{
		padding: calc(calc(35/375) * 100vw) 0 calc(calc(135/375) * 100vw);
	}
		.looperLpPage .plan >h2{
			font-size: 1.3rem;
			margin-bottom: calc(calc(40/375) * 100vw);
		}
			.looperLpPage .plan >h2::before{
				font-size: 3.2rem;
				margin-bottom: calc(calc(11/375) * 100vw);
			}
		.looperLpPage .plan .splide{
			max-width: none;
		}
		.looperLpPage .plan .splide__track{
			max-width: calc(calc(306/375) * 100vw);
		}
		.looperLpPage .plan .splide__arrow{
			width: calc(calc(26/375) * 100vw);
			height: calc(calc(60/375) * 100vw);
		}
		.looperLpPage .plan .endText{
			margin-top: calc(calc(30/375) * 100vw);
			font-size: 1.7rem;
			line-height: 2;
		}
/* ==========================================================================
   お客様の声
========================================================================== */
	.looperLpPage .voice{
		padding: calc(calc(51/375) * 100vw) 0 calc(calc(44/375) * 100vw);
	}
		.looperLpPage .voice >h2{
			width: calc(calc(257/375) * 100vw);
			height: calc(calc(149/375) * 100vw);
			top: calc(-1 * calc(calc(113/375) * 100vw));
		}
		.looperLpPage .voice .splide{
			max-width: calc(calc(356/375) * 100vw);
		}
		.looperLpPage .voice .splide__track{
			max-width: calc(calc(284/375) * 100vw);
		}
		.looperLpPage .voice .splide__arrow{
			width: calc(calc(27/375) * 100vw);
			height: calc(calc(34/375) * 100vw);
		}
		.looperLpPage .voice .voiceBox{
			flex-flow: column;
		}
			.looperLpPage .voice .voiceBox .imgBox{
				order: 1;
				width: 100%;
				flex-shrink: 1;
			}
			.looperLpPage .voice .voiceBox .textBox{
				order: 2;
				padding: calc(calc(15/375) * 100vw) calc(calc(32/375) * 100vw) calc(calc(20/375) * 100vw);
			}
				.looperLpPage .voice .voiceBox .textBox h2{
					font-size: 1.6rem;
				}
				.looperLpPage .voice .voiceBox .textBox .data{
					margin-top: calc(calc(10/375) * 100vw);
					font-size: 1rem;
				}
				.looperLpPage .voice .voiceBox .textBox .text{
					margin-top: calc(calc(15/375) * 100vw);
					font-size: 1.2rem;
					line-height: 1.5;
				}
/* ==========================================================================
   モデルハウス
========================================================================== */
	.looperLpPage .modelHouse{
		padding: calc(calc(67/375) * 100vw) 0 0;
	}
		.looperLpPage .modelHouse .inner{
			max-width: calc(calc(328/375) * 100vw);
			grid-template-columns: 100%;
			grid-template-rows: auto auto auto 1fr;
			gap: 0;
		}
			.looperLpPage .modelHouse .inner >h2{
				grid-column: 1;
				grid-row: 1;
				font-size: 3.5rem;
			}
		.looperLpPage .modelHouse .toptext{
			margin: calc(calc(15/375) * 100vw) 0 calc(calc(30/375) * 100vw);
			grid-column: 1;
			grid-row: 2;
			text-align: center;
			font-size: 1.7rem;
		}
		.looperLpPage .modelHouse .img{
			grid-column: 1;
			grid-row: 3;
		}
		.looperLpPage .modelHouse .modelHouseList{
			grid-column: 1;
			grid-row: 4;
			margin-top: calc(calc(20/375) * 100vw);
			text-align: center;
		}
			.looperLpPage .modelHouse .modelHouseList >li + li{
				margin-top: calc(calc(30/375) * 100vw);
			}
			.looperLpPage .modelHouse .modelHouseSec p,.looperLpPage .modelHouse .modelHouseSec li{
				font-size: 1.6rem;
			}
			.looperLpPage .modelHouse .modelHouseSec1 h2{
				font-size: 1.5rem;
				margin-bottom: calc(calc(5/375) * 100vw);
			}
			.looperLpPage .modelHouse .modelHouseSec2 h2{
				font-size: 2rem;
				margin-bottom: calc(calc(10/375) * 100vw);
			}
/* ==========================================================================
   イベント
========================================================================== */
	.looperLpPage .event{
		padding: calc(calc(65/375) * 100vw) 0 0;
	}
		.looperLpPage .event .inner{
			max-width: calc(calc(344/375) * 100vw);
		}
			.looperLpPage .event .inner >h2{
				font-size: 3.4rem;
				margin-bottom: calc(calc(25/375) * 100vw);
			}
		.looperLpPage .event .eventBox{
			border: calc(calc(2/375) * 100vw) solid #e88b17;
			border: calc(calc(2/375) * 100vw) solid var(--color-orange);
		}
			.looperLpPage .event .eventBox .inner{
				padding: calc(calc(8/375) * 100vw) calc(calc(8/375) * 100vw) calc(calc(25/375) * 100vw);
				display: block;
			}
			.looperLpPage .event .eventBox .imgBox{
				width: 100%;
			}
				.looperLpPage .event .eventBox .imgBox .reservation{
					right:0;
					width: calc(calc(98/375) * 100vw);
					height: calc(calc(32/375) * 100vw);
					font-size: 1.9rem;
				}
			.looperLpPage .event .eventBox .textBox{
				margin-top: calc(calc(10/375) * 100vw);
				padding-left: calc(calc(20/375) * 100vw);
			}
				.looperLpPage .event .eventBox .textBox .date{
					font-size: 2.4rem;
				}
				.looperLpPage .event .eventBox .textBox .time{
					margin-top: calc(calc(5/375) * 100vw);
					font-size: 2rem;
				}
				.looperLpPage .event .eventBox .textBox h2{
					margin-top: calc(calc(15/375) * 100vw);
					font-size: 2.35rem;
				}
				.looperLpPage .event .eventBox .textBox .text{
					margin-top: calc(calc(15/375) * 100vw);
					font-size: 1.4rem;
				}
			.looperLpPage .event .eventBox:nth-child(even) .imgBox{
				order: 2;
			}
				.looperLpPage .event .eventBox:nth-child(even) .imgBox .reservation{
					right: 0;
				}
			.looperLpPage .event .eventBox:nth-child(even) .textBox{
				order: 1;
				padding-left: calc(calc(20/375) * 100vw);
			}
		.looperLpPage .event .eventBox + .eventBox{
			margin-top: calc(calc(15/375) * 100vw);
		}
/* ==========================================================================
   福岡直方モデルハウス
========================================================================== */
	.looperLpPage .map{
		padding: calc(calc(43/375) * 100vw) 0 0;
	}
		.looperLpPage .map h2{
			font-size: 2.2rem;
			margin-bottom: calc(calc(19/375) * 100vw);
		}
		.looperLpPage .map iframe{
			height: calc(calc(377/375) * 100vw);
		}
/* ==========================================================================
   お問い合わせ
========================================================================== */
	.looperLpPage .contact{
		border-top: calc(calc(38/375) * 100vw) solid #e88b17;
		border-top: calc(calc(38/375) * 100vw) solid var(--color-orange);
		padding: calc(calc(57/375) * 100vw) 0 calc(calc(45/375) * 100vw);
	}
		.looperLpPage .contact h2{
			width: calc(calc(146/375) * 100vw);
			margin: 0 auto calc(calc(15/375) * 100vw);
		}
/* ==========================================================================
   サンクスページ
========================================================================== */
	.container:has(.thanksPage) .menuBtn{
		display:none;
	}
.thanksPage{
	padding-top: calc(calc(100/375) * 100vw);
	padding-inline: calc(calc(15/375) * 100vw);
}
	.thanksPage h2{
		width: -moz-fit-content;
		width: fit-content;
		margin-inline: auto;
		font-size: 2.2rem;
		line-height: 1.3;
		font-weight: 700;
		padding-bottom: calc(calc(10/375) * 100vw);
		border-bottom: calc(calc(4/375) * 100vw) solid #e88b17;
		border-bottom: calc(calc(4/375) * 100vw) solid var(--color-orange);
	}
		.thanksPage h2::before{
			width: calc(calc(206/375) * 100vw);
			height: calc(calc(53/375) * 100vw);
			margin: 0 auto calc(calc(20/375) * 100vw);
		}
	.thanksPage p{
		margin-top: calc(calc(40/375) * 100vw);
		font-size: 1.6rem;
		line-height: 1.75;
	}
/* ==========================================================================
   ロード時のアニメーション
========================================================================== */
.animationTextLoad{
	min-height: calc(calc(605/375) * 100vw);
	min-width: 0;
}
	.animationTextLoad .inner{
		width: calc(calc(310/375) * 100vw);
		max-height: calc(calc(480/375) * 100vw);
		grid-template-columns: 100%;
		grid-template-rows: auto auto auto auto 1fr;
	}
	.animationTextLoad .otext{
		color: #e88b17;
		color: var(--color-orange);
		font-size: 1.7rem;
	}
	.animationTextLoad .otext{
		font-size: 1.7rem;
	}
	.animationTextLoad .text1{
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
		margin-right: 0;
	}
		.animationTextLoad .text1 span{
			font-size: 3.1rem;
		}
	.animationTextLoad .text2{
		grid-column: 1;
		grid-row: 2;
		justify-self: end;
		font-size: 1.5rem;
		margin-top: calc(calc(23/375) * 100vw);
		margin-left: 0;
	}
		.animationTextLoad .text2 span{
			font-size: 2.7rem;
		}
	.animationTextLoad .text3{
		grid-column: 1;
		grid-row: 4;
		justify-self: end;
		align-self: center;
		font-size: 1.5rem;
		line-height: 1.2;
		text-align: center;
		margin-right: 0;
	}
		.animationTextLoad .text3 span{
			font-size: 2.7rem;
		}
	.animationTextLoad .text4{
		grid-column: 1;
		grid-row: 5;
		justify-self: start;
		font-size: 2.6rem;
		text-align: center;
		margin-top: calc(calc(5/375) * 100vw);
		margin-left: 0;
	}
		.animationTextLoad .text4 span{
			font-size: 2.1rem;
		}
	.animationTextLoad .text5{
		grid-column: 1;
		grid-row: 3;
		justify-self: center;
		align-self: center;
		font-size: 5rem;
		font-weight: 900;
		line-height: 1.24;
		text-align: center;
		padding: calc(calc(42/375) * 100vw) 0 calc(calc(21/375) * 100vw);
	}
		.animationTextLoad .text5 span{
			font-size: 3.2rem;
		}
	.animationTextLoad .zoomText{
		font-size: 4.4rem;
		line-height: 1.2;
	}
		.animationTextLoad .zoomText1 span{
			font-size: 7.9rem;
		}
		.animationTextLoad .zoomText2 span{
			font-size: 7.9rem;
		}
		.animationTextLoad .zoomText3 span{
			font-size: 7.9rem;
		}
	.animationTextLoad .zoomText4{
		font-size: 5.6rem;
	}
		.animationTextLoad .zoomText4 span{
			font-size: 4.6rem;
		}
/*end*/
}