@charset "UTF-8";

body {
}

.header {
	width : 98%;
	/*padding: 10px;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -60px;
}

.header-info {
	display : flex;
	justify-content : space-between;
	width : 100%;
	align-items : center;
}

h1.logo {
	margin-bottom: 10px;
	position: relative;
	z-index: 1000;
}

h1.logo img {
    width: 240px;
}

@media screen and (max-width: 970px) {
  .header-info {
    position : relative;
    /* padding-top : 10px; */
  }
  h1.logo {
    padding-left : 10px;
  }
}

@media screen and (max-width: 767px) {
	
.header {
	  margin-bottom: -100px;
  }
	
  .header-info {
    display : block;
    position : relative;
    padding: 10px 0 10px;
    z-index: 21;
  }
  h1.logo {
    width : 100%;
  }
}

/*----------------------------------------
  topMv
----------------------------------------*/
.mv {
  width : 100%;
  margin-top: 60px;
/*
  opacity :  0;
  transition :  1s;
*/
  position : relative;
}

.mv.on {
  opacity : 1;
}


.mv__slider-item {
  position : relative;
}

.inmv_catalog_arrow {
    position: absolute;
    left: 35%;
    bottom: 0%;
    width: 30%;
	z-index: 1;
	-webkit-animation: animateCv 2s ease-out infinite;
	animation: animateCv 2s ease-out infinite;
}

@keyframes animateCv {
	0%, 40%, 60%, 80% {
        transform: scale(1.0);
    }
    50%, 70% {
        transform: scale(0.95);
    }
}

@media screen and (max-width: 767px) {
  .mv {
    /* margin-top: 85px; */
  }
}

.mv__img {
  width : calc(282 / 1200 * 100%);
  position : absolute;
  left : calc(42 / 1200 * 100%);
  top : calc(24 / 735 * 100%);
}

.mv__copy {
  width: calc(182 / 1200 * 100%);
  position : absolute;
  right : calc(66 / 1200 * 100%);
  top : 0
}

.mv__copy2 {
  width: 60%;
  position : absolute;
  top: 5%;
  left: 20%;
}
.mv__copy3 {
  width: 50%;
  position : absolute;
  top: 3%;
  left: 25%;
}

@media screen and (max-width: 767px) {
  .mv__img {
    width : calc(633 / 750 * 100%);
    top : calc(10 / 1195 * 100%);
    left: 50%;
    transform: translateX(-50%);
  }
  .mv__copy {
    width : calc(570 / 750 * 100%);
    top: auto;
    bottom: calc(40 / 1195 * 100%);
    left: 0;
  }
  .mv__copy2 {
    width: 80%;
    top: 15%;
    left: 10%;
  }
  .mv__copy3 {
    width: 80%;
    top: 12%;
    left: 10%;
  }
}

.mv__note {
  width : 970px;
  max-width : calc(100% - 30px);
  margin: 20px auto 0;
}

.mv__note .c-note {
  margin-bottom : 0;
}

@media screen and (max-width: 767px) {
  .mv__note {
    margin-top : 0;
  }
  .mv__note .c-note {
    margin-top : 0;
  }
}

/*----------------------------------------
  sec-head
----------------------------------------*/

.sec-head {
  background: #6db0a7 url(../img/title-area-bg.svg);
  background-size : 128px;
  text-align : center;
  margin-top:150px;
  position : relative;
  overflow:
  hidden;
}

.sec-head__inner {
  background: #6db0a7;
  width : 590px;
  margin : 0 auto;
  padding:80px 0 50px;
  position : relative;
}

@media screen and (max-width: 767px) {
  .sec-head {
    margin-top : 50px;
  }
  .sec-head__inner {
    width: 85%;
    padding : 40px 10px 20px;
  }
}

.sec-head::before{
  position:
  absolute;
  top: 0px;
  left:
  calc(50% - 1920px);
  width:0;
  height:0;
  border-style:
  solid;
  border-width:300px 1920px 0 0;
  border-color:#fff transparent transparent transparent;
  content:
  "";
  z-index: 1;
}
.sec-head::after{
  position:
  absolute;
  top: 0px;
  left:50%;
  width:0;
  height:0;
  border-style:
  solid;
  border-width:300px 0 0 1920px;
  border-color:#fff transparent transparent transparent;
  content:
  "";
  z-index: 1;
}

.sec-head__no {
  width: 150px;
  margin : 0 auto;
}

.sec-head__title-box {
  min-height : 150px;
  display : flex;
  justify-content :center;
  align-items : center;
  flex-direction : column;
}

.sec-head__title {
  font-size: 30px;
  color : #fff;
  font-weight : normal;
  margin : 30px 0 20px;
  line-height: 1.6;
  letter-spacing: 3px;
}

.sec-head__txt {
  line-height : 1.8;
  font-size : 16px;
  color : #fff;
}

.sec-head__selectlogo {
  position : absolute;
  right : -30px;
  top : 0;
  width : 160px;
}

@media screen and (max-width: 767px) {
  .sec-head__no {
    width : 90px;
  }
  .sec-head__selectlogo {
    width: calc(240 / 750 * 100vw);
    top : calc(0 / 750 * 100vw);
  }
  .sec-head__title {
    font-size: 20px;
    letter-spacing: 0.18rem;
  }
  .sec-head__txt {
    font-size : 14px;
  }
  .sec-head__title-box {
    margin-top : 20px;
    min-height : auto;
  }
}

@media screen and (max-width: 400px) {
  .sec-head__selectlogo {
    top: calc(-35 / 750 * 100vw);
  }
}



/* sp Toggle Button */
#top-head {
  position : fixed;
  /* margin-top : -1px; */
  top: 0;
  left : 0;
  width : 100%;
  max-width : 100%;
  display : block;
  height : 0px;
  overflow : hidden;
  transition-duration : .5s;
  z-index: 10;
  /* background:  #fff; */
  padding-top: 60px;
  border-top:  none;
}
#top-head.open {
  height: 100vh;
  position : fixed;
  background: #fff;
}
.sp-nav-btn {
    display: none;
    position: fixed;
    right: 20px;
    top: 20px!important;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
.sp-nav-btn div {
    position: relative;
}
.sp-nav-btn span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    transition: .35s ease-in-out;
}
.sp-nav-btn span:nth-child(1) {
    top: 0;
}
.sp-nav-btn span:nth-child(2) {
    top: 11px;
}
.sp-nav-btn span:nth-child(3) {
    top: 22px;
}

/* #nav-toggle 切り替えアニメーション */
.sp-nav-btn.open span:nth-child(1) {
    top: 11px;
    transform: rotate(315deg);
}
.sp-nav-btn.open span:nth-child(2) {
    width: 0;
    left: 50%;
}
.sp-nav-btn.open span:nth-child(3) {
    top: 11px;
    transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.gnav {
    display : block;
}
#top-head > ul,
#top-head > ul > li,
.header_btn {
  display : block;
  width : 100%;
  border : none;
  /* background : #fff; */
}
#top-head > ul {
  border-bottom: solid 1px #999;
}
#top-head > ul > li,
.header_btn {
  height : auto;
}
#top-head > ul > li {
  border-top : solid 1px #999;
}
#top-head a {
  padding : 20px 0;
}

#top-head ul li a {
  display : flex;
    height : 100%;
    justify-content :
    center;
    align-items : center;
    color : #000;
    text-decoration : none;
    text-align  : center;
    font-size: 14px;
}

#top-head li a:hover {
  background : #BBDBDB;
}

@media screen and (max-width: 767px) {
  #top-head {
    padding-top: 85px;
    /* top : 85px; */
  }
    .sp-nav-btn {
      top : 10px;
		display: block;
    }
}

/*----------------------------------------
  cv
----------------------------------------*/
.cvbtn {
  width : 970px;
  max-width : calc(100% - 30px);
/*  margin: 100px auto;*/
margin: 0 auto;
  display : flex;
  justify-content :space-between;
  flex-wrap : wrap;
}

.head-cv {
  margin: 40px auto 180px;
}

.cvbtn a {
  display : block;
  width : calc(100% / 2 - 10px);
  position : relative;
}

.cvbtn a:before {
  content : "";
  width : 100%;
  height : 100%;
  position : absolute;
  top : 0;
  left : 0;
}



@media screen and (max-width: 767px) {
  .cvbtn {
    margin : 40px auto;
  }
  .head-cv {
    margin:0 auto 40px;
    /* margin-bottom : 40px; */
  }
  .cvbtn a {
    width : 100%;
    margin-bottom : 10px;
  }
}

.footer-cv .cvbtn__request:before  {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width : calc(293 / 470 * 100%);
  height : 0;
  padding-bottom : calc(156 / 470 * 100%);
}

.footer-cv .cvbtn__reserve:before  {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width : calc(293 / 470 * 100%);
  height : 0;
  padding-bottom : calc(156 / 470 * 100%);
}

.footer-cv .cvbtn__text {
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width : calc(293 / 470 * 100%);
}
/*----------------------------------------
  メインヴィジュアルの下
----------------------------------------*/
ul.feature.flex_bet_center {
	background-color: #936728;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 116px;
	padding: 0 7%;
}

ul.feature li {
    display: inline-block;
    width: calc(100% / 4);
    text-align: center;
    color: #FFDF00;
    font-family: "Noto Sans JP", sans-serif;
    font-size: calc(100vw / 34);
	border-right: 1px solid #fff;
}

ul.feature li:nth-child(1) {
	font-size: calc(100vw / 38);
	color: #fff;
	border-left: 1px solid #fff;

}

ul.feature li span.big_number.yellow {
    color: #FFDF00;
    font-size: calc(100vw / 23);
    margin: 0 4px;
}

ul.feature li span.first_feature {
    font-size: calc(100vw/ 47);
	line-height: 1.4em;
}

/*----------------------------------------
  top_read
----------------------------------------*/
.top_read {
  margin: 0;
  text-align: center;
  font-weight: 500;
  padding: 0;
  /* border-top: #AF9351 8px solid; */
}

.top_read.under_feature {
	border-bottom: #000000 8px solid;
}


.top_read p {
  margin: 0;
  padding: 0 10px;
  line-height: 1.4;
}
.top_read .top_read-01 {
  font-size: 56px;
  color: #000;
}
.top_read .top_read-01 small {
  font-size: 85%;
}
.top_read .top_read-01 span {
  font-size: 36px;
}
.top_read .top_read-02 {
  font-size: 48px;
  color: #AF9351;
}
.top_read .top_read-02 span {
  font-size: 34px;
}
.top_read .top_read-03 {
  padding: 0 10px 10px;
  font-size: 54px;
  color: #fff;
  background-color: #006532;
	font-family: "Noto Sans JP", sans-serif;
}
.mv-banner_pc {
  margin: 40px 0 180px;
}
.mv-banner_pc figure {
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
}
@media only screen and (max-width: 1023px){
  .top_read .top_read-01 {
    font-size: 44px;
  }
  .top_read .top_read-02 {
    font-size: 36px;
  }
  .top_read .top_read-02 span {
    font-size: 28px;
  }
  .top_read .top_read-03 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px){
  .top_read {
    font-size: 18px;
/*    margin-bottom: 10px;*/
    /* margin-top: 0; */
  }
  .top_read .top_read-01 {
    font-size: 30px;
  }
  .top_read .top_read-01 span {
    font-size: 18px;
  }
  .top_read .top_read-02 {
    font-size: 25px;
  }
  .top_read .top_read-02 span {
    font-size: 20px;
  }
  .top_read .top_read-03 {
    font-size: 24px;
  }
  .mv-banner_pc {
    display: block;
		margin: 20px 0 60px;
  }
  .mv-banner_pc figure {
    width: 95%;
    padding-top: 10px;
  }
  .ten-sp{
    display: none;
  }
}

/*----------------------------------------
  common
----------------------------------------*/
.note {
	font-size: 12px;
    margin-top: 16px;
    font-family: 'Noto Sans JP', sans-serif;
}
s
@media screen and (max-width: 767px) {
  .note {
    font-size : 10px;
    line-height : 1.6;
  }
}

.arrow-down {
  padding: 50px 0 40px;
}

.arrow-down img {
  width : 55px;
  margin : 0 auto;
}

@media screen and (max-width: 767px) {
  .arrow-down {
    padding : 30px;
  }
  .arrow-down img {
    width : 27px;
  }
}

.picup {
  background : #fff;
  width: 1000px;
  max-width: calc(100% - 30px);
  margin : 40px auto 0;
  position : relative;
  padding : 20px;
}

.picup__logo {
  width : 173px;
  position : absolute;
  top : -20px;
  left : 0;
  z-index : 2;
}

.picup__inner {
  border : solid 2px #C0DED6;
  padding : 40px;
  position : relative;
}

.picup__title {
  color : #58938F;
  font-size: 26px;
  margin-bottom : 20px;
}

.picup__title2 {
  display : inline-block;
  margin-left : 20px;
  font-size: 18px;
  color : #967D23;
}

@media screen and (max-width: 767px) {
  .picup {
    padding : 10px;
  }
  .picup__logo {
    width : 100px;
    top : -10px;
  }
  .picup__inner {
    padding : 20px;
  }
  .picup__title {
    font-size: 18px;
  }
  .picup__title2 {
    margin-left : 0;
    margin-top : 10px;
    font-size : 14px;
  }
}

.c-note {
  font-size : 12px;
  margin-top : 40px;
}

@media screen and (max-width: 767px) {
  .c-note {
    font-size : 10px;
    margin-top : 20px;
  }
}

#globalFooter {
  background : #000;
  margin-top: 100px;
  padding: 15px 0 20px;
  text-align : center;
}

.copy {
  font-size : 12px;
  color : #fff;
}

@media screen and (max-width: 767px) {
  #globalFooter {
    margin-top: 80px;
  }
  .copy {
    font-size : 10px;
  }
}


/*----------------------------------------
  head
----------------------------------------*/
.head__img {
  width : 750px;
  max-width : 100%;
  margin : 0 auto;
}

@media screen and (max-width: 767px) {
  .head__img {
    width : calc(564 / 750 * 100%);
  }
}

/*----------------------------------------
  contents
----------------------------------------*/
.structure,
.performance,
.selected,
.whatsaqura {
  background : #F5F4F4;
  padding-top : 50px;
}

@media screen and (max-width: 767px) {
  .structure,
  .performance,
  .selected,
  .whatsaqura {
    padding-top : 30px;
  }
}

.con-slider {
  background : #D4E8E3;
  padding : 50px 0;
}

.structure__slider-item,
.performance__slider-item {
  display : block;
  margin : 0 20px;
}

@media screen and (max-width: 767px) {
  .con-slider {
    padding : 20px 0;
  }
}

.con-title {
  color : #796B47;
  font-weight : normal;
  font-size: 30px;
  text-align : center;

  line-height: 1.6;
}

.con-title span {
  font-size : 30px;
}

.con-title.con-title1 {
  margin-bottom : 10px;
}

.con-title2 {
  text-align : center;
  font-size : 20px;
}

@media screen and (max-width: 767px) {
  .con-title {
    font-size : 18px;
    line-height : 1.6;

  }
  .con-title span {
    font-size : 24px;
  }
}

.bd-title {
  text-align : center;
}

.bd-title span {
  font-size : 18px;
  position : relative;
  padding : 0 130px;
  margin : 0 auto;
  display:inline-block;
}

.bd-title span:before,
.bd-title span:after {
  content : "";
  height : 1px;
  width : 100px;
  background : #333;
  position : absolute;
  top : 50%;
  left : 0;
}

.bd-title span:after {
  left : auto;
  right : 0;
}

@media screen and (max-width: 767px) {
  .bd-title span {
    font-size : 16px;
    padding : 0 40px;
  }
  .bd-title span:before,
  .bd-title span:after {
    width : 30px;
  }
}

/*----------------------------------------
  structure
----------------------------------------*/
.section01 .sec-head {
  margin-top : 90px;
}

@media screen and (max-width: 767px) {
  .section01 .sec-head {
    margin-top : 60px;
  }
}
  
.structure__head {
  width: 1000px;
  max-width:  100%;
  margin : 0 auto;
  padding : 0 0 50px;
}

/*----------------------------------------
  performance
----------------------------------------*/
.performance {
  padding-top : 0;
  padding-bottom : 80px;
}

.performance__head {
  width : 560px;
  max-width:  100%;
  margin : 0 auto;
  padding: 55px 0 80px;
}

.performance__total-title {
  font-size: 30px;
  text-align : center;
  color : #796B47;
}

.performance__picup .picup__title {
  position : absolute;
  top : 40px;
  left : 40px;
}

.picup__title-note {
  font-size : 12px;
  color : #666;
  display : block;
  margin-top : 5px;
}

.performance__slider-area {
  background : #EEE9C9;
}

@media screen and (max-width: 767px) {
  .performance__head {
    padding : 20px 10px 30px 0;
  }
}

@media screen and (max-width: 767px) {
  .performance__total-title {
    font-size : 19px;
  }
  .performance__picup .picup__title {
    left : 20px;
    font-size: 16px;
  }
}


/*----------------------------------------
  selected
----------------------------------------*/
.selected {
  padding-bottom : 100px;
}

.section02 .sec-head {
  margin-top : 0;
}

.selected__picup .picup__inner img {
  margin-bottom : 30px;
}

.selected__total-img {
  width: 1000px;
  max-width : calc(100% - 30px);
  margin : 0 auto;
}

.selected__total-img img {
  width: calc(747 / 1000 * 100%);
  margin-left : auto
}
.content_sub {
  max-width: 860px;
  width: 100%;
  margin: 60px auto 0;
}
@media screen and (max-width: 767px) {
  .selected {
    padding-bottom : 60px;
  }
  .selected__total-img {
    margin-top : calc(-120 / 750 * 100vw);
  }
  .selected__total-img img {
    width : 100%;
    margin-left : 0;
  }
  .content_sub {
	margin: 0px auto 0;
	width: 94%;
  }
}

/*----------------------------------------
  plan
----------------------------------------*/
.plan {
  background : #e2ecce;
  position : relative;
  padding-top: 60px;
  margin-top: 200px;
  padding-bottom: 170px;
  margin-bottom:50px;
}

.plan__title-img {
  width : 200px;
  display : block;
  position : absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
}

.plan .head {
  margin-top : 50px;
}

@media screen and (max-width: 767px) {
  .plan {
    margin-top : 100px;
    padding-top : 50px;
  }
  .plan__title-img {
    width : 140px;
    top : -60px;
  }
}

.plan__title1 {
  letter-spacing: 0.1em;
}

.plan-nav {
  width: 700px;
  max-width : calc(100% - 30px);
  margin: 25px auto 80px;
  display : flex;
  justify-content :
  center;
  flex-wrap :
  wrap;
}

.plan-nav a {
  display : block;
  width : calc(100% / 2 - 10px);
  position : relative;
}

.plan-nav a .plan-nav__on {
  position : absolute;
  top : 0;
  left : 0;
  opacity : 0;
  transition : 0.5s;
}

.plan-nav a.on .plan-nav__on,
.plan-nav a:hover .plan-nav__on{
  opacity : 1;
}

@media screen and (max-width: 767px) {
  .plan .head {
    margin-top: 20px;
  }
  .plan-nav {
    margin : 20px auto;
  }
  .plan-nav a {
    width : 100%;
    margin-bottom : 2px;
  }
}

.plan-head {
  width : calc(970px + ((100% - 970px) / 2));
  max-width : calc(100% - 30px);
  margin-right : auto;
  display : flex;

  margin-bottom : -100px;
}

.plan1 .plan-head {
  margin-left : auto;
  margin-right : 0;
}

.plan-head__image {
  width : calc(683 / 970 * 100%);
}

.plan1 .plan-head__image {
  order : 2;
}

.plan-head__contents {
  width: calc(240 / 970 * 70%);
  margin-left : 30px;
}

.plan1 .plan-head__contents {

  margin-right: 30px;
}
.font-left{
  padding:30px;
}

@media screen and (max-width: 767px) {
  .plan-head {
    flex-wrap :wrap;
    margin-bottom : -50px;
  }
  .plan-head__image {
    width : 100%;
    margin-bottom : 20px;
  }
  .plan-head__contents {
    width : 100%;
    order : 2;
  }
  .plan1 .plan-head {
    margin-left : 4%;
    margin-right : 0;
  }
  .span-left{
    padding-left:10%;
  }
  .font-left{
    padding-left:25%;
  }
}

.plan__en-title {
  width : 110px;
}

.plan-head__title {
  font-size: 22px;
  color : #796B47;
  margin : 20px 0;
  font-weight : normal;
}

.plan-head__txt {
  font-size : 14px;
  line-height: 1.8;
}

.plan-data {
  font-size : 12px;
}

.plan-data__data {
  margin-bottom : 30px;
}

@media screen and (max-width: 767px) {
  .plan-data {
    margin-top : 20px;
  }
  .plan-data__data {
    width : calc(520 / 750 * 100vw);
  }
  .plan-data__pict {
    width: calc(520 / 750 * 100vw);
  }
}

.plan-data__box {
  display : flex;
  justify-content :
  space-between;
  align-items : center;
  margin-top : 10px;
  height : 0px;
  overflow : hidden;
  transition : .5s;
}

.open .plan-data__box {
  height : 80px;
}

.open .plan-data__box p {
  line-height : 1.8;
}

.plan-bg {
  padding-top : 200px;
  padding-bottom: 200px;
}

@media screen and (max-width: 767px) {
  .plan-bg {
    padding : 80px 0 40px;
  }
}

.plan-slide__area {
  width : 970px;
  max-width : calc(100% - 30px);
  background : #fff;
  margin : 0 auto;
  padding: 50px 40px;
}

.plan-slide__detail {
  width : 100%;
  margin : 0 auto;
}

@media screen and (max-width: 767px) {
  .plan-slide__area {
    padding : 20px;
  }
}

.plan-slide__img {
  position : relative;
}

.plan-slide__item {
  position : relative;
}

.plan-cp {
  width : 20px;
  position : absolute;
  bottom : 0;
  right : 0;
}

@media screen and (min-width: 768px) {
  .plan-slide {
    display : flex;
    
    justify-content : center;
  }
  .plan-slide__item {
    margin : 0 auto;
    width : calc(230 / 830 * 100%);
  }
  .plan1 .plan-slide__item {
    margin : 0 calc(-10 / 830 * 100%);
  }
}

@media screen and (max-width: 767px) {
  .plan-cp {
    width : 25px;
  }
  .plan-slide__item {
    margin : 10px 15px 0;
  }
}

.plan-photo {
  width : 520px;
  max-width : calc(100% - 30px);
  margin : 50px auto 0;
}

.plan-photo__title {
  color : #796B47;
  font-size : 14px;
  text-align : center;
  display : flex;
  justify-content :space-between;
  align-items : center;
}

.plan-photo__title:before,
.plan-photo__title:after {
  content : "";
  display : block;
  width : auto;
  height : 1px;
  background  :#796B47;
  flex  :1;
}

.plan-photo__title:before {
  margin-right : 10px;
}

.plan-photo__title:after {
  margin-left : 10px;
}

.plan-photo__row {
  display : flex;
  justify-content :space-between;
  align-items : center;
  margin-top : 20px;
}

.plan-photo__row > div {
  width : calc(100% / 2 - 5px);
}

.plan-note {
  font-size :  10px;
}

@media screen and (max-width: 767px) {
  .plan-photo {
    margin-top : 30px;
  }
  .plan-note {
    margin-top : 20px;
  }
}



/*----------------------------------------
  voice
----------------------------------------*/
.voice {
  padding : 100px 0;
}

@media screen and (max-width: 767px) {
  .voice {
    padding : 0 0 10px;
  }
}

.voice__title {
  font-size : 22px;
  line-height: 1.6;
  color : #796B47;
  position : relative;
  text-align : center;
  width : 766px;
  max-width : calc(100% - 30px);
  margin : 0 auto 30px;
}

.voice__title:before {
  content : "";
  background : #796B47;
  height : 1px;
  width : 100%;
  position : absolute;
  top: 50%;
  transform: translateY(-50%);
  left : 0;
}

.voice__title span {
  background : #fff;
  position : relative;
  padding : 2px 15px;
  display : inline-block;
  border-left : 1px solid #796B47;
  border-right : 1px solid #796B47;
}

.voice-youtube {
  max-width: 860px;
  margin: 30px auto 20px;
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
  position : relative;
}
.voice-youtube:before {
  content : "";
  background : #796B47;
  height : 1px;
  width : 90%;
  position : absolute;
  bottom: 0;
  transform: translateX(-50%);
  left : 50%;
}
.voice-youtube p {
  width: 70%;
}
.voice-youtube a {
  opacity: 1;
  transition: all 0.3s;
}


.voice-con.voice1 {
  margin: 30px 0 0;
}

.voice-con.voice2 {
  margin: 200px 0 0;
}

.voice-con__row {
  width: calc(766px + ((100% - 766px) / 2));
  max-width: calc(100% - 30px);
  margin-left : auto;
  margin-bottom: 80px;
  display : flex;
  justify-content : space-between;
}

.voice2 .voice-con__row {
  margin-left : 0;
  margin-right : auto;
}
  
.voice-con__contents {
  flex : 1;
  position : relative;
  margin-right : 40px;
  padding-top : 20px;
}

.voice2 .voice-con__contents {
  order : 2;
  margin-right : 0;
  margin-left : 40px;
}

.voice-con__image {
  width : 300px;
}

.voice__comment {
  margin : 0 auto 30px;
  display : flex;
  justify-content : left;
  flex-wrap : wrap;
  align-items: end;
}

.voice__comment img {
  width : 260px;
  margin : 0 20px 20px 0;
}

.voice2 .voice__comment img {
  order : 2;
  margin : 0 0 20px 20px;
}

@media screen and (max-width: 1300px) {
  .voice2 .voice__comment img {
    order : 1;
  }
  .voice2 .voice-con__title {
    order : 2;
  }
}

@media screen and (max-width: 1023px) {
  .voice-con__image {
    width : calc(300 / 970 * 100%);
  }
  .voice__comment {
    width : 100%;
  }
}

@media screen and (max-width: 767px) {
  .voice__title {
    font-size : 16px;
  }
  .voice-youtube {
    display: block;
  }
  .voice-youtube p {
    margin: 15px auto 0;
    max-width: 500px;
    width: 80%;
  }
  .voice-con.voice1 {
    margin : 0;
  }
  .voice-con.voice2 {
    margin : 80px 0 0;
  }
  .voice-con__row,
  .voice2 .voice-con__row {
    flex-wrap :wrap;
    margin : 0 auto 40px;
  }
  .voice-con__image {
    width: calc(100% - 60px);
    order : 2;
    margin : 20px auto 0;
  }
  .voice-con__contents,
  .voice2 .voice-con__contents {
    margin : 0;
    width : 100%;
    flex : auto;
  }
  .voice__comment {
    margin-bottom : 10px;
  }
  .voice__comment img,
  .voice2 .voice__comment img {
    width : calc(580 / 750 * 100vw);
    margin : 0 auto 20px;
  }
}

.voice-con__contents p {
  line-height:  1.8;
}

.voice-con__title {
  font-size: 24px;
  letter-spacing: 3px;
  margin-bottom : 10px;
  color : #000;
  min-width : 320px;
}

.voice-con__text {
  font-size: 16px;
  letter-spacing: 2px;
}

.voice-con__slide-title span {
  font-size: 18px;
  letter-spacing: 2px;
  color : #796B47;
}

.bd-title span:before,
.bd-title span:after {
  background : #796B47;
}

.voice-con__slide {
  width: 766px;
  max-width : calc(100% - 30px);
  margin: 20px auto 0;
}

@media screen and (max-width: 767px) {
  .voice-con__title {
    font-size: 18px;
    margin : 0;
  }
  .voice-con__text {
    margin : 0;
    padding : 0;
    font-size : 13px;
  }
  .voice-con__slide {
    margin : 20px auto;
  }
}

/*----------------------------------------
  note
----------------------------------------*/

.note-area {
  width : 970px;
  max-width : calc(100% - 30px);
  margin : 0 auto 0;
}

/*----------------------------------------
  slide
----------------------------------------*/
.slick-dotted.slick-slider {
  margin-bottom : 40px;
}





.slick-arrow {
  width : 20px;
  position : absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor : pointer;
}

.prev_icon {
  left : -10px;
}

.next_icon {
  right : -10px;
}

.plan-head__slide .prev_icon {
  left : 20px;
  z-index : 1;
}

.plan-head__slide .next_icon {
  right : 20px;
}
  
.plan-slide,
.voice-con__slide {
  position : relative;
}

.voice-con__slide-item {
  margin : 0 5px;
}

.voice-con__slide .prev_icon {
  left : -30px;
  z-index : 10;
}

.voice-con__slide .next_icon {
  right : -30px;
  z-index : 10;
}

@media screen and (max-width: 1023px) {
  .voice-con__slide > div {
    margin : 0 30px;
  }
  .voice-con__slide .prev_icon {
    left : 0;
  }
  .voice-con__slide .next_icon {
    right : 0;
  }
}


/* fixed btn
-------------------------------------------------- */
.fixed_btn_pc {
  margin-top: -286px;
  right: 0;
  position: fixed;
  top: 40%;
  z-index: 9999;
}
.fixed_btn_pc ul {
  margin: 0;
  padding: 0;
}
.fixed_btn_pc ul li {
  list-style: none;
  padding: 3px 0;
}
.fixed_btn_pc ul li a{
  transition: 0.3s all;
}
.fixed_btn_pc ul li a:hover{
  opacity: 0.5;
}
.fixed_btn_pc ul li img {
  box-shadow: -1px 1px 1px 1px rgba(0,0,0,0.2);
}
@media screen and (max-width: 767px) {
  .fixed_btn_pc {
    display: none;
  }
}

.fixed_btn_sp {
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
}
.fixed_btn_sp ul {
  box-shadow: 0 -1px 1px 1px rgba(0,0,0,0.2);
  display: flex;
  justify-content: space-evenly;
  margin: 0;
  padding: 0;
}
.fixed_btn_sp ul li {
  list-style: none;
  text-align: center;
  width: 100%;
}
.fixed_btn_sp ul li a {
  align-items: center;
  display: flex;
  justify-content: center;
  height: auto;
}
.fixed_btn_sp ul li:first-child a {
  background: #ff6600;
}
.fixed_btn_sp ul li:nth-child(2) a {
  background: #dfa800;
}
.fixed_btn_sp ul li:nth-child(3) a {
  background: #fbce33;
}
.fixed_btn_sp ul li a img {
  width: auto !important;
}
@media screen and (max-width: 767px) {
  .fixed_btn_sp {
    display: block;
  }
  #globalFooter {
    margin-bottom: 94px !important;
  }
  #btnPagetop {
    bottom: 143px;
  }
}
@media screen and (max-width: 450px) {
  .fixed_btn_sp ul li a img {
    width: 100% !important;
  }
}
/*----------------------------------------
  whatsaqura
----------------------------------------*/
.section_last {
  margin-top: 60px;
}
.whatsaqura {
  padding-bottom : 80px;
}

.whatsaqura__head {
	margin: 0 auto;
	padding-bottom: 50px;
	width : 850px;
	max-width : 100%;
	position : relative;
}

.whatsaqura__head .sec-head__title {
	margin: 0;
	font-size: 44px;
	color: #686564;
	/* font-family: 'Noto Sans JP', sans-serif; */
	text-align: center;
	font-weight: 500;
}

.whatsaqura__head-text {
  margin-top : 40px;
  font-size : 20px;
  line-height : 1.8;
  max-width : calc(100% - 30px);
}
.whatsaqura__map {
	padding: 0 0 30px;
	background: #fff;
}
.whatsaqura__map-text {
	margin: 20px 0;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 26px;
}
.whatsaqura__map-text .second-line {
	font-size: 18px;
}
.whatsaqura__map-inner {
	margin : 0 auto;
	width:  740px;
	max-width: 100%;
}
.whatsaqura__head-map {
	margin-right : 10.54%;
  width : 662px;
  max-width : calc(89.46% - 30px); 
}

.whatsaqura__graph {
  margin : 0 auto 40px;
}
.whatsaqura__graph-inner {
	width : 1000px;
  max-width : calc(100% - 30px);
  margin : 10px auto 40px;
	background-color: #fff;
	padding: 40px 60px;
}
.p_fontsize{
  font-size:inherit;
	font-family: "Noto Sans JP", sans-serif;
}
.plan_image{
  margin-top:114px;
}
@media screen and (max-width: 767px) {
  .whatsaqura {
    padding-bottom : 60px;
  }
  .whatsaqura__head {
    min-height: auto;
    padding : 0;
    margin: 0 auto 40px;
  }
  .whatsaqura__head .sec-head__title {
    font-size: 7.8vw;
  }
  .whatsaqura__head-text {
    margin : 20px auto 0;
  }
  .whatsaqura__map {
		padding: 30px 30px;
		background: #fff;
	}
	.whatsaqura__map-text {
		margin: 20px 0;
		font-size: 17px;
	}
	.whatsaqura__map-text .second-line {
		font-size: 17px;
	}
	.whatsaqura__map-inner {
		margin : 0 auto;
		width:  740px;
		max-width: 100%;
	}
	.whatsaqura__head-map {
		margin-right : 0;
		width : 100%;
		max-width : 100%; 
		margin-bottom: 40px;
	}
  .whatsaqura__graph-inner {
    padding: 10px 10px;
  }
	.section_last {
  margin-top: 20px;
}
.p_fontsize{
  font-size:15px;
}
.plan_image{
  margin-top:0px;
}
}

/*----------------------------------------
  aboutus
----------------------------------------*/
.aboutus {
  width : 1000px;
  max-width : calc(100% - 30px);
  margin : 60px auto 40px;
	background-color: #fff;
	padding: 40px 60px;
	font-family: 'Noto Sans JP', sans-serif;
}

.aboutus__title {
  border-bottom : 1px solid #666;
  padding-bottom : 10px;
  margin-bottom : 10px;
	font-size: 22px;
	font-weight: bold;
  color : #251e1c;
}

.aboutus__row {
  display : flex;
  justify-content : space-between;
  line-height : 1.6;
  flex-wrap :wrap;
}

.aboutus__left {
  width : 43.75%;
  margin-right: 8%;
}

.aboutus__right {
  flex : 1;
}

.aboutus__left .abourus__table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.aboutus__left .aboutus__table-row {
	display: table-row;
}
.aboutus__left .aboutus__table-row > span {
	display: table-cell;
}
.aboutus__left .aboutus__table-row .aboutus__subtitle {
	width: 8em;
}
.aboutus__subtitle {
  color : #251e1c;
  font-size : 16px;
  /*text-align-last: justify;*/
  width : 80px;
  margin-right : 15px;
}

.aboutus__text {
  font-size : 14px;
	text-align: left;
}

.aboutus__left .c-note {
  margin : 0;
  text-align:  right;
}

@media screen and (max-width: 767px) {
  .aboutus {
    margin-bottom : 0;
		padding: 40px 40px;
  }
  .aboutus__left,
  .aboutus__right {
    width : 100%;
    flex : auto;
    margin : 0;
  }
  .aboutus__right {
    margin-top : 30px;
  }
  .aboutus__table {
    justify-content : left;
  }
  .aboutus__subtitle {
    width : 90px;
  }
  .aboutus__text {
    flex : 1;
  }
  .aboutus__left .c-note {
    text-align : left;
  }
}
@media screen and (max-width: 400px) {
	.aboutus {
		padding: 40px 20px;
  }
	.aboutus__left .aboutus__table-row .aboutus__subtitle {
		width: 6em;
	}
}

.mt20 {
  margin-top : 20px;
}
h6.b:after {
  content: "";
  display: block;
  width: 60px;
  border-bottom: 1px solid #bcbcbc;
  margin: 20px auto;
}

/*----------------------------------------
  フレッシャーアド_平屋TOP_230804追記
----------------------------------------*/
#sy {
    background-color: #92BF70;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3%;
	position: inherit;
    z-index: 2;
	text-align: center;
	padding-bottom: 3%;
	padding-top: 1%;
}

#sy .price_box {
    background-color: #92BF70;
    margin: 0 auto;
    display: inline-block;
}

#eco_banner{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3%;
	width: 70%;
}

#eco_banner img{
	width: 100%;
}

#sy .price_box a{
	text-decoration: none;
}

#sy .price_line {
    color: #fff;
    font-size: calc(100vw / 40);
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #fff;
}

#sy span.breadth {
    margin-right: calc(100vw / 40);
}

#sy span.yellow {
	color: #FFFF00;
	font-family: 'Oswald', sans-serif;
}

#sy span.big_number.yellow {
    font-size: calc(100vw / 17);
    margin-left: calc(100vw / 83);
}

#sy span.smallest.yellow {
    font-size: calc(100vw / 40);
}

@media screen and (max-width: 767px) {
	#sy {
		padding: 4%;
    	padding-top: 2%;
	}
	
	#sy .price_box{
		width: 100%;
	}
	
	#sy .price_line {
		font-size: calc(100vw / 27);
		margin-left:auto;
		margin-right: auto;
		text-align: center;
		width: 100%;
	}
	
	#eco_banner{
		margin-bottom: 3%;
		width: 90%;
	}
	
}

/*----------------------------------------
  メインヴィジュアルの下_230831追記フレアド
----------------------------------------*/
ul.feature.flex_bet_center {
	background-color: #936728;
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 116px;
	padding: 0 7%;
}

ul.feature li {
    display: inline-block;
    width: calc(100% / 4);
    text-align: center;
    color: #FFDF00;
    font-family: "Noto Sans JP", sans-serif;
    font-size: calc(100vw / 34);
	border-right: 1px solid #fff;
}

ul.feature li:nth-child(1) {
	font-size: calc(100vw / 38);
	color: #fff;
	border-left: 1px solid #fff;

}

ul.feature li span.big_number.yellow {
    color: #FFDF00;
    font-size: calc(100vw / 23);
    margin: 0 4px;
}

ul.feature li span.first_feature {
    font-size: calc(100vw/ 47);
	line-height: 1.4em;
}

/*----------------------------------------
  catalog_set
----------------------------------------*/

#popular_reason {
	font-family: "Noto Sans JP", sans-serif;
	color: #231815;
}

.wrapper {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.catalog_set_contents {
    margin: 0 auto;
    margin-top: 110px;
    width: 96%;
}

.reason_main_ttl {
    font-size: 46px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #708D2E;
    line-height: 1.6em;
    text-align: center;
	margin-top: 90px;
}

.flex_box {
    background-color: #CFD9BB;
    width: 100%;
    padding: 44px 60px;
	margin-top: 120px;
}

.flex_bet_start {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 18px;
}

.houseplan_ttl {
	font-weight: 400;
    font-style: normal;
    font-size: 36px;
    text-align: center;
    margin-bottom: 24px;
    letter-spacing: 0.1em;
}

.houseplan_picture {
    width: 60%;
}

.houseimage_photo {
    width: 46%;
}

.houseimage_photo img {
    width: 100%;
}

p.explanation_photo {
	font-weight: 400;
    font-style: normal;
    margin-top: 14px;
    letter-spacing: 0.1em;
	font-size: clamp(18px, 2vw, 24px);
	text-align: center;
}

.flex_bet_center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#popular_reason .btn_contets {
	margin-top: 20px;
	column-gap: 3%;
}

.modelhouse_btn, .catalogue_btn {
    width: 50%;
}

.resistance .flex_bet_start {
    column-gap: 40px;
	height: 100%;
}

.resistance_contents {
    width: 50%;
	background-color: #fff;
	height: 100%;
}

.about_resistance_txt {
    padding: 0 16px 30px 16px;
}

.about_resistance_txt h4 {
    font-weight: 600;
    font-size: 24px;
	margin: 10px 0;
}

.about_resistance_txt h5 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6em;
}

.about_resistance_txt p {
    margin-top: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.7em;
}

p.houseplan_subttl {
    text-align: center;
    font-size: 20px;
    line-height: 1.7em;	
    margin-bottom: 24px;
}

#popular_reason .fee_graph {
    width: 68%;
    margin: 0 auto;
}

#popular_reason p.small_note {
	font-size: 12px;
    text-align: center;
    margin-top: 24px;
}

.flex_box.garantee {
    margin-top: 40px;
}

#popular_reason .grid_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

/*----------------------------------------
  plan
----------------------------------------*/

#plan {
    position: relative;
    padding-top: 60px;
    margin-top: 200px;
    padding-bottom: 170px;
    margin-bottom: 50px;
    background: #e2ecce;
}

#plan h2.plan_ttl {
    color: #807F26;
    font-weight: normal;
    font-size: 30px;
    text-align: center;
    line-height: 1.6;
}

p.plan_example_ttl {
    text-align: center;
    font-size: 24px;
    color: #5B5E56;
    margin: 100px 0 24px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

p.plan_example_ttl:before, p.plan_example_ttl:after {
	border-top: 1px solid;
	content: "";
	width: 16em; /* 線の長さ */
	background-color: #5B5E56;
}

p.plan_example_ttl:before {
	margin-right: 1em; /* 文字の右隣 */
}

p.plan_example_ttl:after {
	margin-left: 1em; /* 文字の左隣 */
}

#plan .fee-box {
    margin: 0 auto;	
    text-align: center;
	margin-top: -40px;
}

p.fee_contents_txt {
	font-size: 30px;
    text-align: center;
    color: #807F26;
}

#plan span.wide {
    margin-right: 14px;
}

#plan span.fee_unit {
    font-size: 32px;
}

p.small_fee_txt {
    color: #807F26;
    display: inline-block;
    padding: 16px 30px 30px 30px;
    font-size: 15px;
}

#plan .feature_contents {
    width: 80%;
    margin: 40px auto 100px auto;
}

img.living_date {
    width: 60%;
    text-align: center;
	margin: 0 auto;
}

#plan img.mv__bg {
    width: 70%;
    /* text-align: center; */
    margin: 0 auto;
}

.living_plan_image.grid_container {
    display: grid;
	grid-template-columns: 1fr 1.7fr;
    gap: 41px;
    width: 100%;
    margin: 0 auto;
    padding-top: 56px;
}

.left_side_contents {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

img.livingdate_image {
    width: 88%;
}

/*----------------------------------------
  real_voice
----------------------------------------*/
#real_voice {
    padding: 100px 0;
}

p.voice_title {
    font-size: 22px;
    line-height: 1.6;
    color: #796B47;
    position: relative;
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
}

.voice_title span {
    background: #fff;
    position: relative;
    padding: 2px 15px;
    display: inline-block;
    border-left: 1px solid #796B47;
    border-right: 1px solid #796B47;
}

.voice_title:before {
    content: "";
    background: #796B47;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.voice_youtube.flex_bet_center {
    gap: 10px;
	position: relative;
}

.voice_youtube:before {
    content: "";
    background: #796B47;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: -64px;
    transform: translateX(-50%);
    left: 50%;
}

#real_voice .flex_bet_center.btn_contets {
    margin-top: 130px;
	column-gap: 3%;
}

/*----------------------------------------
  about_aqgroup
----------------------------------------*/

.whataqgroup {
    background: #e2ecce;
	padding-bottom: 80px;
	padding-top: 50px;
}

.whatsaqura__map {
    padding: 0 0 100px;
    background: #fff;
}

#about_aqgroup img.arrow_down {
    width: 81px;
    margin: 0 auto;
    margin-top: 50px;
}

/*----------------------------------------
  footer_area
----------------------------------------*/
.wrapper.under_company_info {
    margin: 100px auto 150px auto;
}

.under_company_info .flex_bet_center.btn_contets {
    column-gap: 3%;
}


/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 767px以下▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

@media screen and (max-width: 767px) {
	
/*----------------------------------------
  メインヴィジュアル
----------------------------------------*/
	
.inmv_catalog_arrow {
	bottom: 2%;
    width: 50%;
    left: 25%;
}

/*----------------------------------------
  メインヴィジュアルの下
----------------------------------------*/
ul.feature.flex_bet_center {
    padding: 0;
    height: auto;
	flex-wrap: wrap;
	display: flex!important;
}

ul.feature li {
    width: 50%!important;
    height: calc(100vw / 10);
    line-height: 2.7em;
	font-size: calc(100vw / 27);
	display: inline!important;
	float: left;
}

ul.feature li:nth-child(1) {
	border-left: none;
	border-bottom: solid 1px #fff;
}
	
ul.feature li:nth-child(2) {
	border-bottom: solid 1px #fff;
	border-right: none;
}
	
ul.feature li:nth-child(4) {
	border-bottom: none;
	border-right: none;
}

ul.feature li span.big_number.yellow {
    font-size: calc(100vw / 18);
}

ul.feature li span.first_feature {
    font-size: calc(100vw/ 31);
    line-height: 2.4em;
}
	
.top_read.under_feature {
    background-color: #006532;
	padding: 20px;
}
	
.top_read .top_read-03 {
	font-size: calc(100vw / 18);
	line-height: 1.5em;
}
	
.top_read .top_read-03 {
	padding: 0;
}
	
/*----------------------------------------
  catalog_set
----------------------------------------*/

.wrapper {
    width: 94%;
    margin: 0 3%;
}

.catalog_set_contents {
    margin-top: 80px;
}

.reason_main_ttl {
	font-size: calc(100vw / 18);
	margin-top: 80px;
}

.flex_box {
    padding: 54px 16px;
    margin-top: 80px;
}

.flex_bet_start {
    flex-direction: column;
    align-items: center;
}

.houseplan_ttl {
    font-weight: 600;
    font-size: calc(100vw / 24);
/*	white-space: nowrap;*/

}

.houseplan_picture {
    width: 100%;
}

.houseimage_photo {
    width: 100%;
	margin-top: 48px;
}

p.explanation_photo {
	font-size: calc(100vw / 30);
}

#popular_reason .btn_contets {
    margin-top: 40px;
}

.modelhouse_btn, .catalogue_btn {
    width: 50%;
}
	


.resistance .flex_bet_start {
/*    column-gap: 40px;*/
	height: 100%;
}

.resistance_contents {
    width: 100%;
}
	
.resistance_contents:nth-child(2) {
    margin-top: 24px;
}

.about_resistance_txt {
    padding: 10px 30px 30px 30px;
}

.about_resistance_txt h4 {
	font-size: calc(100vw / 25);

    text-align: center;
}

.about_resistance_txt h5 {
    font-size: calc(100vw / 34);
}

.about_resistance_txt p {
    margin-top: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.7em;
}

p.houseplan_subttl {
	font-size: calc(100vw / 30);
}

#popular_reason .fee_graph {
	width: 100%;

}

#popular_reason p.small_note {
    text-align: left;
    font-size: 10px;
    width: 80%;
    margin: 0 auto;
    margin-top: 12px;
}

.flex_box.garantee {
    margin-top: 40px;
}

#popular_reason .grid_container {
    display: block;
}
	
#popular_reason .grid_imagebox {
    margin-top: 24px;
}

/*----------------------------------------
  plan
----------------------------------------*/

#plan {
	margin-top: 100px;
	padding-bottom: 100px;
}

#plan h2.plan_ttl {
    color: #796B47;
    font-weight: normal;
    font-size: 30px;
    text-align: center;
    line-height: 1.6;
}

p.plan_example_ttl {
    font-size: calc(100vw / 35);
    margin: 0px 0 24px 0;
}

p.plan_example_ttl:before, p.plan_example_ttl:after {
	width: 11em;
}

p.plan_example_ttl:before {
	margin-right: 2em; /* 文字の右隣 */
}

p.plan_example_ttl:after {
	margin-left: 2em; /* 文字の左隣 */
}

#plan .fee-box {
    margin: 0 auto;	
    text-align: center;
}

p.fee_contents_txt {
    font-size: calc(100vw / 17);
}

#plan span.wide {
    margin-right: 14px;
}

#plan span.fee_unit {
    font-size: calc(100vw / 20);
}

p.small_fee_txt {
        font-size: calc(100vw / 23);
}

#plan .feature_contents {
    width: 95%;
    margin: 40px auto 40px auto;
}

img.living_date {
    width: 80%;
}

#plan img.mv__bg {
    width: 70%;
    /* text-align: center; */
    margin: 0 auto;
}

.living_plan_image.grid_container {
	display: block;
	padding-top: 24px;
}

img.livingdate_image {
	width: calc(520 / 750 * 100vw);
}
	
img.livingdate_photo, .right_side_contents {
	margin-top: 24px;
}

img.livingdate_photo, .right_side_contents img {
	width: 100%;
}


/*----------------------------------------
  real_voice
----------------------------------------*/
#real_voice {
   padding-bottom: 50px;
	padding-top: 0;
}

p.voice_title {
    font-size: 16px;
}

.voice_title span {
    background: #fff;
    position: relative;
    padding: 2px 15px;
    display: inline-block;
    border-left: 1px solid #796B47;
    border-right: 1px solid #796B47;
}

.voice_title:before {
    content: "";
    background: #796B47;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.voice_youtube.flex_bet_center {
    gap: 10px;
	position: relative;
}

.voice_youtube:before {
    content: "";
    background: #796B47;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: -64px;
    transform: translateX(-50%);
    left: 50%;
}

#real_voice .flex_bet_center.btn_contets {
	margin-top: 110px;
}

/*----------------------------------------
  about_aqgroup
----------------------------------------*/

.whataqgroup {
    background: #e2ecce;
	padding-bottom: 80px;
	padding-top: 50px;
}

.whatsaqura__map {
    padding: 0 0 30px;
}

#about_aqgroup img.arrow_down {
	width: 12%;
}
	
.selected__total-img {
    margin-top: -25px;
}

/*----------------------------------------
  footer_area
----------------------------------------*/
.wrapper.under_company_info {
    margin: 40px auto;
}

.under_company_info .flex_bet_center.btn_contets {
    column-gap: 3%;
}
	
p.note {
	font-size: 10px;
}
	
}

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ 400px以下▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
@media screen and (max-width: 400px) {
/*----------------------------------------
  popular_reason
----------------------------------------*/
#popular_reason .flex_box {
    padding: 28px 10px;
    margin-top: 80px;
}
	
.about_resistance_txt {
    padding: 10px 10px 30px 10px;
}
	
}




.btn_shadow{
	 filter: drop-shadow(0px 0px 5px #666);
}

.fee-box a{
	text-decoration: none;
}

.pc_gnav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 1000;
}

.pc_gnav a{
	text-decoration: none;
	color: #000;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	display: inline-block;
	font-size: 14px;
}

.relative{
	position: relative;
}

#top_txt{
	padding: 10px 20px;
	color: #fff;
	font-size: 10px;
	background-color: #92BF70;
}

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

.pc_gnav{
	display: none;
}
	
#top_txt{
	bottom: 10px;
	right: 10px;
	left: auto;
	font-size: calc(100vw / 60);
}
}

.box_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1100px;
	width: 100%;
	margin: auto;
	padding-top: 20px;
}

.box_btn a {
	width: 100%;
	max-width: 48%
}

.box_btn img {
	width: 100%;
	filter: drop-shadow(3px 3px 5px #000);
}
.animate-cv {
	-webkit-animation: animateCv 2s ease-out infinite;
	animation: animateCv 2s ease-out infinite;
}
@media screen and (min-width: 768px) {
	.animate-cv:hover {
		opacity: .7;
	}
}
@media screen and (max-width: 767px) {
	.box_btn {
		width:100%;
		margin: auto;
	}
}
@media screen and (max-width: 399px) {
	.box_btn{
		width:90%!important;
		margin-left:auto;
		margin-right:auto;
	}
}

.cm_outer{
	padding-top: 80px;
	padding-bottom: 80px;
	margin-bottom: 80px;
	background: #f8ebd9;
}
.cm_content{
	max-width: 1120px;
	width: calc(100% - 40px);
	margin-left: auto;
	margin-right: auto;
}
.cm_head{
	font-size: 40px;
	color: #d07800;
	text-align: center;
	margin-bottom: 80px;
}
.cm_wrap{
	display: flex;
	align-items: flex-start;
	color: #333;
}
.cm_lead{
	font-size: clamp(11px,calc(18vw / 11.6),18px);
	line-height: 2;
	text-align: center;
	width: calc(560% / 11.2);
	background: #fff;
	border: 3px solid #d07800;
	padding: calc(40% / 11.2) 15px;
	position: relative;
}
.cm_lead::before{
	content: "";
	display: block;
	position: absolute;
	width: calc(78% / 5.54);
	height: 3px;
	background: #d07800;
	right: -3px;
	bottom: calc(-40% / 3.32);
	transform-origin: right center;
	transform: rotate(27deg);
}
.cm_lead::after{
	content: "";
	display: block;
	position: absolute;
	right: -3px;
	top: calc(100% - 3px);
	width: calc(75% / 5.54);
	aspect-ratio: 75 / 40;
	background: #fff;
	border-right: 3px solid #d07800;
	clip-path: polygon(100% 100%, 0 0, 100% 0);
}
.cm_box{
	position: relative;
	z-index: 2;
	width: calc(590% / 11.2);
	margin-left: calc(-30% / 11.2);
}
.cm_name{
	font-size: 22px;
	text-align: center;
	margin-bottom: 20px;
}
.cm_movie{
	aspect-ratio: 16 / 9;
	width: 100%;
	position: relative;
	transition: opacity 0.3s ease-in-out;
}
.cm_movie:hover{
	opacity: 0.7;
}
.cm_movie.playing:hover{
	opacity: 1;
}
.cm_thum{
	z-index: 2;
	position: absolute;
	inset: 0;
	cursor: pointer;
	transition: opacity 0.3s ease-in-out;
}
.playing .cm_thum{
	opacity: 0;
	pointer-events: none;
}
.cm_thum img{
	width: 100%;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-moz-touch-callout: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
.cm_box .cm_in{
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.cm_box iframe{
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 767px) {
	.cm_outer{
		padding-top: 40px;
		padding-bottom: 40px;
		margin-bottom: 60px;
		
	}
	.cm_content{
		max-width: 1120px;
		width: 96%;
	}
	.cm_head{
		font-size: 32px;
		margin-bottom: 30px;
	}
	.cm_wrap{
		display: flex;
		flex-direction: column;
		gap: 30px 0;
	}
	.cm_lead{
		font-size: 13px;
		width: 100%;
		background: #fff;
		padding: 15px 10px;
		box-sizing: border-box;
	}
	.cm_lead::before{
		content: none;
	}
	.cm_lead::after{
		content: none;
	}
	.cm_box{
		width: 100%;
		margin-left: 0;
	}
	.cm_name{
		font-size: 18px;
	}
}
@media print{
	.cm_movie{
		display: none;
	}
}




.r_mdl {
	display: none;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 999999;
}
.r_mdl .bg {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
}

.r_mdl .box{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	pointer-events: none;
}

.r_mdl .inn {
	pointer-events: all;
	background: #fff;
	padding: calc(50% / 12.8);
	width: 95%;
	max-width: 1280px;
	max-height: 98vh;
	overflow-y: auto;
}
@media screen and (max-width: 768px) {
	.r_mdl .inn {
		padding: calc(30% / 12.8) calc(50% / 12.8);
	}
}
.r_mdl .inn .ttl {
	font-size: clamp(16px, calc(28vw / 12.8), 28px);
	text-align: center;
	margin-bottom: 1.5em;
}
@media screen and (max-width: 768px) {
	.r_mdl .inn .ttl {
		margin-bottom: 1.2em;
	}
}
.r_mdl .inn .list_wrap {
	display: flex;
	justify-content: center;
	gap:calc(50% / 11.8);
	flex-wrap: wrap;
}
.r_mdl .inn .list_wrap .list {
	width: calc(257% / 11.8);
}
@media screen and (max-width: 768px) {
	.r_mdl .inn .list_wrap {
		justify-content: space-between;
		gap:0;
	}
	.r_mdl .inn .list_wrap .list {
		width: 47%;
	}
}

.r_mdl .inn .list_wrap .list .l_ttl {
	font-size: clamp(15px, calc(26vw / 11.4), 26px);
	padding-left: 0.6em;
	line-height: 1;
	margin-bottom: 0.6em;
	font-weight: 600;
}
.r_mdl .inn .list_wrap .list .l_ttl.c1 {
	border-left:  solid 4px #f06782;
}
.r_mdl .inn .list_wrap .list .l_ttl.c2 {
	border-left:  solid 4px #5eaee9;
}
.r_mdl .inn .list_wrap .list .l_ttl.c3 {
	border-left:  solid 4px #4ab15b;
}
.r_mdl .inn .list_wrap .list .l_ttl.c4 {
	border-left:  solid 4px #fee502;
}
@media screen and (max-width: 768px) {
	.r_mdl .inn .list_wrap .list .l_ttl {
		margin-bottom: 0.3em;
	}
}

.r_mdl .inn .m_close{
	font-size: clamp(12px, calc(18vw / 12.8), 18px);
	text-align: center;
	padding-bottom: 0.4em;
	cursor: pointer;
}
.r_mdl .inn .list_wrap .list ul li {
	border-bottom: dotted 3px #c2c2c2;
}
.r_mdl .inn .list_wrap .list ul li a {
	padding: 15px 0;
	color: #555555;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: clamp(13px, calc(20vw / 12.8), 20px);
	line-height: 1;
}
.r_mdl .inn .list_wrap .list ul li a .icon {
	width: 22px;
}
@media screen and (max-width: 768px) {
	.r_mdl .inn .list_wrap .list ul {
		margin-bottom: 25px;
	}
	.r_mdl .inn .list_wrap .list ul li {
		border-bottom: dotted 2px #c2c2c2;
	}
	.r_mdl .inn .list_wrap .list ul li a {
		padding: 8px 0;
	}
}