@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&family=Noto+Sans+JP:wght@300&display=swap");
.main-box { background: url("../img/top/img-main-bg.jpg") top center no-repeat; background-size: 100% 100%; position: relative; }
.main-box .main-effect { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(-100%); mix-blend-mode: plus-lighter; z-index: 1; animation: mainEffectMotion 5s linear 0s infinite; }
.main-box .main-effect::after { display: block; position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; opacity: 0.2; background-image: url("../img/top/img-main-effect.png"); background-size: 100% 100%; }
@keyframes mainEffectMotion { 0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); } }
.main-box .plan { width: 56%; max-width: 400px; margin: 0 auto 0.5rem; 	/*  @media screen and (max-width:$bp04){
	  width:70%; } */ }
.main-box .price { width: 80%; max-width: 880px; margin: 0 auto; /*padding:0% 0 2.5%;*/ }
@media screen and (max-width: 640px) { .main-box .price { width: 85.7142857143%; } }
.main-box img { width: 100%; height: auto; }

.main-container { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; }
.main-container.noclick { pointer-events: none; }
.main-container .main-item { width: 100%; margin: 0 auto; position: relative; }
.main-container .main-item .note { position: absolute; bottom: 5px; right: 5px; z-index: 1; color: #fff; }
@media screen and (max-width: 640px) { .main-container { 		/* width:75%; margin-left:0; */ } }

.slide-view { width: 100%; margin: 0 auto; overflow: hidden; }

.slick-loading .slick-list { background: none; }

/*

.slider-container{ width:100%; margin-bottom: 0%; position: relative; .main-copy1{ position: absolute; top: 14%; right: 12%; width: 10%; pointer-events: none; } .main-copy2{ position: absolute; bottom: 2%; left: 50%; width: 90%; max-width:1000px; transform: translateX(-50%); pointer-events: none; }  .main-copy2-sp{ display: none; position: absolute; bottom: 1%; left: 3%; width: 55%; pointer-events: none; }   .slider-seek{ position: absolute; bottom:0; left: 0; width:100%; height: 4px; .slider-seek-inner{ width:100%; height: 4px; position: relative; overflow: hidden; background-color: rgba(166,211,232,1); } .slider-seek-bar{ width:100%; height: 4px; background-color: rgba(0,160,233,1); &.isplaying{ animation: 3.5s linear 0s isplaying_motion forwards; } &.change_motion{ animation: 0.7s ease 0s change_motion forwards; } }  @keyframes isplaying_motion{ 0%{ transform: translateX(100%); } 100%{ transform: translateX(0%); } } @keyframes change_motion{ 0%{ transform: translateX(0%); } 100%{ transform: translateX(-100%); } } @media screen and (max-width:$bp04){ width:5px; height: 100%; bottom:0; left: auto; right:0; .slider-seek-inner{ width:5px; height: 100%; } .slider-seek-bar{ width:5px; height: 100%; } @keyframes isplaying_motion{ 0%{ transform: translateY(-100%); } 100%{ transform: translateY(0%); } } @keyframes change_motion{ 0%{ transform: translateY(0%); } 100%{ transform: translateY(100%); } } }  } .slider{ width:100%; &.slick-slider{ margin-bottom: 10px; } .slick-list{ } .slider-cls{ width:100%; height: 100%; border-radius: 10px; .note{ position: absolute; bottom:1em; left: 0; font-size:10px; width:calc(100% - 1em); text-align: right; color:#FFFFFF; text-shadow: 0 0 5px #000000; font-feature-settings: "palt"; &.slider-name{ bottom:24px; font-size:13px; font-weight: bold;  } } .visual{ width:100%; position: relative; .visual-inner{ padding-bottom:  732 / 1400 * 100%; width:100%; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; } }  } }  &#slider1{ .slide01 .visual-inner{  background-image: url("../img/top/img-main-slide1.jpg"); background-position: center 20%;} .slide02 .visual-inner{ background-image: url("../img/top/img-main-slide2.jpg"); } .slide03 .visual-inner{ background-image: url("../img/top/img-main-slide3.jpg"); } .slider-cls, .slick-cloned{ .visual{ overflow: hidden; .visual-inner{ animation: slide-scale-motion-reverse 1s cubic-bezier(0.2, 0.01, 0.22, 1) 0s forwards; } } &.motion{ .visual{ .visual-inner{ transform: scale(2,2); animation: slide-scale-motion 1s cubic-bezier(0.2, 0.01, 0.22, 1) 0s forwards; } } } } @keyframes slide-scale-motion{ 0%   {transform: scale(1.75,1.75);} 100% {transform: scale(1,1);} } @keyframes slide-scale-motion-reverse{ 0%   {transform: scale(1,1);} 100% {transform: scale(1.75,1.75);} } }  @media screen and (max-width:$bp04){ .main-copy1{ display:none; } .main-copy2{ display:none; } .main-copy2-sp{ display: block; } .slider{ .slider-cls{ .visual{ .visual-inner{ padding-bottom:  1300 / 1400 * 100%; } }  } } &#slider1{ .slide01 .visual-inner{  background-position: center 30%; background-size: auto 120%; } .slide02 .visual-inner{ background-position: 30% center;} .slide03 .visual-inner{ background-position: 20% center;} }  }
}
*/
.page-wrap { background: #fff; padding-bottom: 0; }

.main-container2 { width: 100%; max-width: 1400px; margin: 0 auto; position: relative; }
.main-container2 .sp { display: none; }
.main-container2 .main-slide-badge { /*width:10%;*/ width: 12%; position: absolute; top: 1%; right: 1%; }
.main-container2 .main-slide-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; pointer-events: none; }
.main-container2 .main-slide-arrow.left { left: 10px; }
.main-container2 .main-slide-arrow.right { right: 10px; }
.main-container2 .main-slide-arrow.addEvent { cursor: pointer; pointer-events: auto; }
.main-container2 .main-slider { margin-bottom: 0; max-width: 1400px; }
.main-container2 .main-slider .main-slide-cell { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; 		/*&.cell02 {
	background-image: url("../img/top/img-slide-visual2.jpg");
	.copy {
		top: auto;
		left: 4%;
		bottom: 8%;
		width: 60%;
		transform: translate(2%, 0%) scale(1, 1);
	}
}*/ /*&.cell04 {
	background-image: url("../img/top/img-slide-visual4.jpg");
	.copy {
		top: 4%;
		left: 4%;
		width: 60%;
		transform: translate(2%, 0%) scale(1, 1);
	}
}
&.cell05 {
	background-image: url("../img/top/img-slide-visual5.jpg");
	.copy {
		top: auto;
		left: 4%;
		bottom: 8%;
		width: 60%;
		transform: translate(2%, 0%) scale(1, 1);
	}
}**/ }
.main-container2 .main-slider .main-slide-cell .cell-inner { font-size: 0; width: 100%; position: relative; }
.main-container2 .main-slider .main-slide-cell .cell-inner .copy { opacity: 0; width: 100%; position: absolute; top: 5%; left: 50%; transition: 1s ease-out 1s opacity, 2s cubic-bezier(0.15, 0.8, 0.5, 1) 1s transform; }
.main-container2 .main-slider .main-slide-cell .cell-inner .copy2 { width: 40%; position: absolute; top: 0%; left: 0%; }
.main-container2 .main-slider .main-slide-cell .cell-inner .main-slide-note { position: absolute; bottom: 10px; right: 10px; text-align: right; }
.main-container2 .main-slider .main-slide-cell .cell-inner .main-slide-note .cap { display: inline-block; margin-bottom: 5px; padding: 0.3rem 1rem; font-size: 0.8rem; color: #111; text-shadow: none; /*background: #e2f0d9;*/ /*background: #fff;*/ }
.main-container2 .main-slider .main-slide-cell .cell-inner .main-slide-note .note { font-size: 0.625rem; }
.main-container2 .main-slider .main-slide-cell .cell-inner .main-slide-note .note.fff { color: #FFF; text-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.6), 0 0 3px rgba(0, 0, 0, 0.6); }
.main-container2 .main-slider .main-slide-cell .cell-inner::after { content: ""; display: block; /*width: calc((320/1400)*100%);
padding-bottom: calc((320/1400)*75%);*/ width: calc((440/1400)*100%); padding-bottom: calc((440/1400)*50%); background: url("../img/top/wappen_thanks.png") center top/contain no-repeat; position: absolute; /*bottom:6%;
left: 5%;*/ /*bottom:2.5%;*/ bottom: 0; left: 2.3%; }
.main-container2 .main-slider .main-slide-cell.cell01 { /*	.copy {
		opacity: 0;
		width: 60%;
		transform: translate(-50%, 0%) scale(1.05, 1.05);
		img {
			opacity: 0;
			transform: scale(1.1, 1.1);
			transition: 1s ease-out 0s opacity, 2s cubic-bezier(0.15, 0.8, 0.5, 1) 0s transform;
			&.firstMotion {
				opacity: 1;
				transform: scale(1.0, 1.0);
			}
		}
	} */ }
.main-container2 .main-slider .main-slide-cell.cell01 .cell-inner::after { /*width: calc((224/1400)*100%);
padding-bottom: calc((224/1400)*75%);;
top:10%;
left: 1.5%;   */ }
.main-container2 .main-slider .main-slide-cell.cell03 { /*background-image: url("../img/top/img-slide-visual3.jpg");
.copy {
	top: 4%;
	left: 4%;
	width: 60%;
	transform: translate(2%, 0%) scale(1, 1);
}*/ }
.main-container2 .main-slider .main-slide-cell.cell03 .cell-inner::after { /*background: url("../img/top/wappen_thanks02.png") center top / contain no-repeat;*/ }
.main-container2 .main-slider .main-slide-cell.slick-current .cell-inner .copy { opacity: 1; transition-delay: 0.5s; transform: translate(0%, 0%) scale(1, 1); }
.main-container2 .main-slider .main-slide-cell.slick-current.cell01 .copy { transform: translate(-50%, 0%) scale(1, 1); }
.main-container2 .main-slider .main-slide-cell.slick-current.cell02 { background-size: cover; }
@media screen and (max-width: 640px) { .main-container2 .main-slider .main-slide-cell { /**&.cell02 {
	background-image: url("../img/top/img-slide-visual2-sp.jpg");
	.copy {
		left: 2%;
		bottom: 10%;
	}
}*/ /*&.cell05 {
	background-image: url("../img/top/img-slide-visual5-sp.jpg");
	.copy {
		left: 2%;
		bottom: 10%;
		width: 100%;
	}
}**/ }
  .main-container2 .main-slider .main-slide-cell .cell-inner { /**padding-bottom: 600 / 600 * 100%;**/ }
  .main-container2 .main-slider .main-slide-cell .cell-inner .copy { width: 80%; }
  .main-container2 .main-slider .main-slide-cell .cell-inner .main-slide-note { bottom: 5px; right: 5px; }
  .main-container2 .main-slider .main-slide-cell .cell-inner::after { display: none; /*width: calc((200/600)*100%);
padding-bottom: calc((200/600)*75%);*/ width: calc((400/600)*100%); padding-bottom: calc((400/600)*50%); bottom: 10%; }
  .main-container2 .main-slider .main-slide-cell.cell01 { /*	.copy {
		width: 60%;
		top: 25%;
	} */ }
  .main-container2 .main-slider .main-slide-cell.cell01 .cell-inner::after { /*width: calc((152/600)*100%);
padding-bottom: calc((152/600)*75%);
top:auto;
bottom:8%;
left: 2%;*/ }
  .main-container2 .main-slider .main-slide-cell.cell03 { /*background-image: url("../img/top/img-slide-visual3-sp.jpg");
.copy {
	left: 2%;
	top: 5%;
}*/ }
  .main-container2 .main-slider .main-slide-cell.cell03 .note { color: #FFF; text-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.6), 0 0 3px rgba(0, 0, 0, 0.6); }
  .main-container2 .main-slider .main-slide-cell.cell04 { /*background-image: url("../img/top/img-slide-visual4-sp.jpg");
.copy {
	left: 2%;
	top: 5%;
	width: 100%;
}*/ }
  .main-container2 .main-slider .main-slide-cell.cell04 .cell-inner::after { background: url("../img/top/wappen_thanks02.png") center top/contain no-repeat; } }
.main-container2 .slick-dots { bottom: 10px; text-align: center; }
.main-container2 .slick-dots li { margin: 0 5px; display: inline-block; }
.main-container2 .slick-dots li button { width: auto; height: auto; padding: 3px; position: relative; display: block; overflow: hidden; border: none; background: transparent; }
.main-container2 .slick-dots li button::before { display: none; }
.main-container2 .slick-dots li button::after { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; background-color: white; transition: 0.3s ease 0s background-color; }
.main-container2 .slick-dots li:hover button::after { background-color: #28556f; }
.main-container2 .slick-dots li.slick-active button::after { background-color: #00a0e9; }
@media screen and (max-width: 640px) { .main-container2 .main-slide-badge { /*width:18%;*/ width: 26%; }
  .main-container2 .sp { display: inline-block; }
  .main-container2 .pc { display: none; }
  .main-container2 .main-slide-arrow { width: 30px; top: 50%; }
  .main-container2 .slick-dots { bottom: 15px; }
  .main-container2 .slick-dots li { margin: 0 2px; }
  .main-container2 .slick-dots li button::after { width: 10px; height: 10px; } }

.main-copy1-sp { width: 25%; display: none; }

/*@media screen and (max-width:$bp04){ .main-box{ @include flex-j-st; .main-copy1-sp{ display: block; margin-top: 5%; img{ width:60%; margin: 0 auto 0; display: block} } } 
} */
.main-copy3 { width: 90%; margin: 2% auto 0; text-align: center; 	/* @media screen and (max-width:$bp03){ margin: 0% auto 0; padding:3% 0;  img{  width:auto; height: 26px;
//      margin-bottom: 0%; } } */ }
.main-copy3 img { width: auto; height: 40px; display: inline-block; margin-bottom: 2%; 		/*&.img1{ margin-right: 10px; }*/ }
@media screen and (max-width: 960px) { .main-copy3 { margin: 0% auto 0; }
  .main-copy3 img { width: auto; height: 32px; } }
@media screen and (max-width: 640px) { .main-copy3 { width: 80%; padding: 2% 0; text-align: left; margin: 0 auto 1rem; line-height: 1; }
  .main-copy3 img { width: auto; height: 28px; margin-bottom: 0%; } }
@media screen and (max-width: 400px) { .main-copy3 { padding: 1% 0; }
  .main-copy3 img { width: auto; height: 24px; } }
@media screen and (max-width: 320px) { .main-copy3 { padding: 0.5% 0; }
  .main-copy3 img { width: auto; height: 20px; } }

.info-container .section-inner { padding-top: 2.5%; text-align: center; }
.info-container .price { width: 80%; max-width: 600px; margin: 0 auto; /*padding:0% 0 2.5%;*/ }
@media screen and (max-width: 640px) { .info-container .price { width: 70%; } }
.info-container .ranking { display: flex; justify-content: space-between; flex-wrap: wrap; /*max-width: 800px;*/ max-width: 1000px; margin: 30px auto 50px; }
.info-container .ranking li { /*width: 30%;*/ width: 24%; }
@media screen and (max-width: 768px) { .info-container .ranking li { width: 49%; } }
.info-container .text-bold { font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-weight: bold; }
.info-container .info-txt { /*padding:1% 0 1%;*/ /*width:90%;*/ width: 100%; /*max-width:300px;*/ /*margin: 4% auto 50px;*/ /*margin: 4% auto 60px;*/ margin: 4% auto; /*color: #00a0e9;*/ color: #c30d23; /*font-family: Arial, Helvetica, "sans-serif";*/ /*border:1px solid #000000;*/ /*border-width:1px 0 1px 0;*/ }
.info-container .info-txt li { margin-bottom: 1rem; }
.info-container .info-txt .text-l { font-size: 2.5rem; font-weight: bold; line-height: 1.2; letter-spacing: 0; font-feature-settings: 'palt'; }
.info-container .info-txt .text-m { font-size: 1.5rem; font-weight: bold; line-height: 1.2; letter-spacing: 0; font-feature-settings: 'palt'; }
.info-container .info-txt .marker { background: linear-gradient(transparent 80%, #d3d3d3 80%); }
.info-container .info-txt .holiday { margin-top: 1.5rem; /*color: #eea116;*/ color: #c30d23; font-feature-settings: 'palt'; }
.info-container .info-txt .holiday .ttl { font-size: 1.1rem; }
.info-container .info-txt .holiday .txt { font-size: 1rem; }
@media screen and (max-width: 400px) { .info-container .info-txt { /*margin: 2% auto 30px;*/ margin: 2% auto; }
  .info-container .info-txt .text-l { font-size: 1.8rem; line-height: 1.1; }
  .info-container .info-txt .text-m { font-size: 0.9rem; line-height: 1.1; }
  .info-container .info-txt .holiday .ttl { font-size: 1rem; }
  .info-container .info-txt .holiday .txt { font-size: 0.9rem; } }
@media screen and (max-width: 320px) { .info-container .info-txt .text-l { font-size: 1.7rem; }
  .info-container .info-txt .text-m { font-size: 0.8rem; } }
.info-container .info-btn ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }
.info-container .info-btn ul div, .info-container .info-btn ul li { min-height: 0%; }
.info-container .info-btn li { display: inline-block; text-align: center; width: 90%; max-width: 400px; background-color: #00a0e9; }
.info-container .info-btn li.request a, .info-container .info-btn li.reserve a { color: #FFFFFF; width: 100%; padding: 16px 0; display: block; font-feature-settings: "palt"; letter-spacing: 0.2em; }
.info-container .info-read { width: 80%; max-width: 360px; padding-top: 1em; margin: 0 auto 3%; text-align: left; }
.info-container .info-movie { width: 80%; max-width: 680px; margin: 0 auto; }

.entryInformation { width: 100%; background: #e5f5fd; padding-bottom: 4rem; }
.entryInformation .inner { width: 90%; margin: auto; text-align: center; padding: 4rem 0 2rem; }
@media screen and (max-width: 640px) { .entryInformation .inner { padding: 3rem 0; } }
.entryInformation h4 { color: #00498a; font-size: 2rem; margin-bottom: 20px; }
.entryInformation .lead { line-height: 1.8; }
.entryInformation .pic { width: 56%; max-width: 240px; margin: 2rem auto 0; }
.entryInformation .pic img { width: 100%; height: auto; }
.entryInformation .cvLink { margin-top: 3rem; }
.entryInformation .btn { max-width: 400px; margin: 2rem auto 0; }
.entryInformation .btn a { color: #FFFFFF; width: 100%; padding: 16px 0; display: block; font-feature-settings: "palt"; letter-spacing: 0.2em; background: #00a0e9; transition: .3s; }
.entryInformation .btn a:hover { opacity: 0.7; }
.entryInformation .entryBox { 		/* border-bottom: 1px solid $color1; margin-bottom: 3rem; */ margin-top: 3rem; }
.entryInformation .entryBox .btn a { color: #00a0e9; background: #fff; box-sizing: border-box; border: 1px solid #00a0e9; }
.entryInformation .info-movie { width: 80%; max-width: 680px; margin: 0 auto; }

.fadeEffect { transition: 0.3s ease 0s opacity; }
.fadeEffect:hover { opacity: 0.5; }

.btn-click-cls { display: inline-block; text-align: center; transition: 0.3s ease 0s opacity; }
.btn-click-cls:hover { opacity: 0.5; }
.btn-click-cls a { color: #FFFFFF; padding: 0px 15px 0px 20px; display: block; background-color: #00a0e9; }
.btn-click-cls a .text-s { line-height: 1; font-family: Arial, Helvetica, "sans-serif"; letter-spacing: 0.2em; }
.btn-click-cls a::after { content: "\025b6"; margin-left: 0.25em; display: inline-block; transform: scale(0.5, 0.5); }

.btn-more { display: block; width: 240px; }
.btn-more a { width: 100%; display: block; font-family: Arial, Helvetica, "sans-serif"; padding: 5px 0px; text-align: center; background-color: #007f76; color: #FFFFFF; position: relative; overflow: hidden; }
.btn-more a span { position: relative; }
.btn-more a::before { content: ""; width: 100%; height: 100%; background-color: #000000; position: absolute; top: 0; left: 0; display: block; transform: translateX(-100%); transition: 0.3s ease 0s transform; }
.btn-more a::after { content: "\025b6"; font-size: 0.5em; display: block; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }
.btn-more:hover a::before { transform: translateX(0%); }

.section-class { width: 96%; margin: 0 auto; }
.section-class .section-inner .text-area { width: 45%; }
.section-class .section-inner .text-area h3 { font-weight: normal; margin-bottom: 5%; }
.section-class .section-inner .visual-area { width: 55%; position: relative; }
.section-class .section-inner .visual-area .visual-cls { background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; padding-bottom: 100%; position: relative; }
.section-class .section-inner .visual-area .note { position: absolute; bottom: 5px; right: 5px; z-index: 1; color: #fff; }
.section-class .section-inner .visual-area .note.bk { color: #000; }
.section-class .section-inner .visual-area .note.ts { text-shadow: 0 0 1px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.6), 0 0 2px rgba(0, 0, 0, 0.4), 0 0 3px rgba(0, 0, 0, 0.2); }
.section-class .section-inner .visual-area .blend-dif { color: #FFFFFF; }
.section-class .section-inner .visual-area .copy-ttl-en .white { color: #FFFFFF; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.section-class .section-inner .visual-area .copy-ttl-en .Gothic-Barlow { line-height: 1.1; margin-bottom: 10px; }
.section-class .section-inner .visual-area .copy-ttl-en .copy-ttl-sub { color: #FFFFFF; background-color: #2ca65b; line-height: 1; padding: 4px 5em 4px 1em; border-radius: 0 0 0 8px; }
.section-class .section-inner .visual-area .copy-ttl-en .font-bold-black { text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.5); }
.section-class .section-inner .visual-area .copy-ttl-en .copy-img { line-height: 1; }
.section-class .section-inner .visual-area .copy-ttl-en .copy-img img { width: auto; height: 64px; }
@media screen and (max-width: 768px) { .section-class .section-inner .text-area { width: 55%; }
  .section-class .section-inner .visual-area { width: 45%; }
  .section-class .section-inner .visual-area .visual-cls { padding-bottom: 150%; } }
@media screen and (max-width: 640px) { .section-class .section-inner .text-area { order: 2; width: 80%; margin-left: 20%; }
  .section-class .section-inner .visual-area { order: 1; width: 80%; margin-left: 20%; }
  .section-class .section-inner .visual-area .visual-cls { padding-bottom: 100%; }
  .section-class .section-inner .visual-area .copy-ttl-en { letter-spacing: 0.1em; font-size: 2.6rem; }
  .section-class .section-inner .visual-area .copy-ttl-en .copy-ttl-sub { font-size: 10px; }
  .section-class .section-inner .visual-area .copy-ttl-en .copy-img img { height: 44px; }
  .section-class .section-inner .btn-more { width: 100%; } }
@media screen and (max-width: 320px) { .section-class .section-inner .visual-area .copy-ttl-en .copy-img img { height: 40px; } }

#cb-concept { margin-top: 150px; }
#cb-concept .section-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#cb-concept .section-inner div, #cb-concept .section-inner li { min-height: 0%; }
#cb-concept .section-inner .text-area { padding-top: 10rem; margin-bottom: 5%; }
#cb-concept .section-inner .visual-area .visual-cls#visual-concept { background-image: url("../img/top/img-concept-visual.jpg"); }
#cb-concept .section-inner .visual-area .copy-ttl-en { position: absolute; top: 3%; left: -142px; }
#cb-concept .section-inner .visual-area .copy-ttl-en .copy-img img { height: 80px; }
#cb-concept .section-inner .visual-area2 { margin-left: 10%; width: 40%; }
#cb-concept .section-inner .visual-area2 .visual-cls { position: relative; }
#cb-concept .section-inner .visual-area2 .visual-cls .visual-concept2-txt { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: 1s cubic-bezier(0.21, 0.92, 0.61, 1) 0s opacity; }
#cb-concept .section-inner .visual-area2 .visual-cls .visual-concept2-img { transition: 1s cubic-bezier(0.21, 0.92, 0.61, 1) 0s transform; transform: rotate(-180deg); }
#cb-concept .section-inner .visual-area2 .visual-cls.aos-animate .visual-concept2-img { transform: rotate(0deg); }
#cb-concept .section-inner .visual-area2 .visual-cls.aos-animate .visual-concept2-txt { opacity: 1; transition-delay: 1s; }
#cb-concept .section-inner .text-area2 { width: 50%; padding-top: 10rem; }
#cb-concept .section-inner .text-area2 .text-s { width: 80%; margin: 0 auto 5%; }
#cb-concept .section-inner .text-area2 .btn-more { display: block; margin: 0 0 0 auto; }
@media screen and (max-width: 768px) { #cb-concept { margin-top: 150px; }
  #cb-concept .section-inner .visual-area .copy-ttl-en { left: -205px; }
  #cb-concept .section-inner .text-area2 { padding-top: 0rem; } }
@media screen and (max-width: 640px) { #cb-concept { margin-top: 100px; }
  #cb-concept .section-inner .visual-area .copy-ttl-en { left: -22%; top: 30%; }
  #cb-concept .section-inner .visual-area .copy-ttl-en .copy-img img { height: 48px; }
  #cb-concept .section-inner .text-area { padding-top: 2rem; }
  #cb-concept .section-inner .visual-area2 { width: 80%; margin-left: 20%; }
  #cb-concept .section-inner .text-area2 { width: 80%; margin-left: 20%; }
  #cb-concept .section-inner .text-area2 .text-s { width: 100%; } }
@media screen and (max-width: 320px) { #cb-concept .section-inner .visual-area .copy-ttl-en { top: 10%; }
  #cb-concept .section-inner .visual-area .copy-ttl-en .copy-img img { height: 44px; } }

#cb-design { margin-top: 100px; }
#cb-design .section-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#cb-design .section-inner div, #cb-design .section-inner li { min-height: 0%; }
#cb-design .section-inner .text-area { padding-top: 12rem; margin-bottom: 5%; }
#cb-design .section-inner .text-area .text-s { width: 85%; margin: 0 auto 7.5%; }
#cb-design .section-inner .text-area .btn-more { margin: 0 0 0 auto; }
#cb-design .section-inner .visual-area .visual-cls#visual-design { background-image: url("../img/top/img-design-visual.jpg"); }
#cb-design .section-inner .visual-area .copy-ttl-en { position: absolute; font-weight: normal; top: 3%; left: auto; right: -200px; }
#cb-design .section-inner .visual-area .copy-ttl-en .copy-ttl-sub { background-color: #2ca65b; }
@media screen and (max-width: 768px) { #cb-design { margin-top: 100px; }
  #cb-design .section-inner .visual-area .copy-ttl-en { right: -205px; } }
@media screen and (max-width: 640px) { #cb-design { margin-top: 100px; }
  #cb-design .section-inner .visual-area { margin-left: 0%; }
  #cb-design .section-inner .visual-area .copy-ttl-en { left: auto; right: -160px; top: auto; bottom: 10%; }
  #cb-design .section-inner .visual-area .copy-ttl-en .copy-ttl-sub { padding: 4px 12em 4px 1em; }
  #cb-design .section-inner .text-area { margin-left: 0%; padding-top: 2rem; }
  #cb-design .section-inner .text-area .text-s { width: 100%; } }
@media screen and (max-width: 500px) { #cb-design .section-inner .visual-area .copy-ttl-en { right: -155px; } }

#cb-plan { margin-top: 150px; }
#cb-plan .section-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#cb-plan .section-inner div, #cb-plan .section-inner li { min-height: 0%; }
#cb-plan .section-inner .text-area { padding-top: 14rem; margin-bottom: 5%; }
#cb-plan .section-inner .text-area .text-s { width: 100%; margin: 0 auto 7.5%; }
#cb-plan .section-inner .visual-area .visual-cls#visual-plan { background-image: url("../img/top/img-plan-visual.jpg"); }
#cb-plan .section-inner .visual-area .copy-ttl-en { text-align: right; position: absolute; font-weight: normal; top: 3%; left: -280px; }
#cb-plan .section-inner .visual-area .copy-ttl-en .copy-ttl-sub { background-color: #eea116; padding: 4px 1em 4px 5em; border-radius: 0 0 8px 0; }
@media screen and (max-width: 768px) { #cb-plan { margin-top: 100px; }
  #cb-plan .section-inner .visual-area .copy-ttl-en { left: -260px; } }
@media screen and (max-width: 640px) { #cb-plan { margin-top: 50px; }
  #cb-plan .section-inner .visual-area .copy-ttl-en { left: -33%; top: 55%; }
  #cb-plan .section-inner .visual-area .copy-ttl-en .Gothic-Barlow { text-align: left; text-indent: 4.5rem; }
  #cb-plan .section-inner .text-area { padding-top: 2rem; } }
@media screen and (max-width: 500px) { #cb-plan .section-inner .visual-area .copy-ttl-en { left: -42%; } }

#cb-equipment { margin-top: 150px; }
#cb-equipment .section-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#cb-equipment .section-inner div, #cb-equipment .section-inner li { min-height: 0%; }
#cb-equipment .section-inner .text-area { padding-top: 14rem; margin-bottom: 5%; }
#cb-equipment .section-inner .text-area .text-s { width: 85%; margin: 0 auto 7.5%; }
#cb-equipment .section-inner .text-area .btn-more { margin: 0 0 0 auto; }
#cb-equipment .section-inner .visual-area .visual-cls#visual-equipment { background-image: url("../img/top/img-equipment-visual.jpg"); }
#cb-equipment .section-inner .visual-area .copy-ttl-en { position: absolute; font-weight: normal; top: 3%; left: auto; right: -316px; }
#cb-equipment .section-inner .visual-area .copy-ttl-en .copy-ttl-sub { background-color: #003b96; }
#cb-equipment .section-inner .visual-area .copy-ttl-en .copy-img img { height: 112px; }
@media screen and (max-width: 768px) { #cb-equipment { margin-top: 100px; }
  #cb-equipment .section-inner .visual-area .copy-ttl-en { right: -324px; } }
@media screen and (max-width: 640px) { #cb-equipment { margin-top: 100px; }
  #cb-equipment .section-inner .visual-area { margin-left: 0%; }
  #cb-equipment .section-inner .visual-area .copy-ttl-en { left: auto; right: -185px; top: 0px; bottom: 5%; }
  #cb-equipment .section-inner .visual-area .copy-ttl-en .copy-ttl-sub { padding: 4px 12em 4px 1em; }
  #cb-equipment .section-inner .visual-area .copy-ttl-en .copy-img img { height: 72px; }
  #cb-equipment .section-inner .text-area { margin-left: 0%; padding-top: 2rem; }
  #cb-equipment .section-inner .text-area .text-s { width: 100%; } }
@media screen and (max-width: 500px) { #cb-equipment .section-inner .visual-area .copy-ttl-en { right: -169px; top: -50px; } }
@media screen and (max-width: 320px) { #cb-equipment .section-inner .visual-area .copy-ttl-en .copy-img img { height: 66px; } }

#cb-modelroom { margin-top: 150px; }
#cb-modelroom .section-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#cb-modelroom .section-inner div, #cb-modelroom .section-inner li { min-height: 0%; }
#cb-modelroom .section-inner .text-area { padding-top: 12rem; margin-bottom: 5%; }
#cb-modelroom .section-inner .text-area .text-s { width: 100%; margin: 0 auto 7.5%; }
#cb-modelroom .section-inner .visual-area .visual-cls#visual-modelroom { background-image: url("../img/top/img-modelroom-visual.jpg"); }
#cb-modelroom .section-inner .visual-area .copy-ttl-en { text-align: right; position: absolute; font-weight: normal; top: 3%; left: -272px; }
#cb-modelroom .section-inner .visual-area .copy-ttl-en .copy-ttl-sub { background-color: #30A75B; padding: 4px 1em 4px 5em; border-radius: 0 0 8px 0; }
@media screen and (max-width: 768px) { #cb-modelroom { margin-top: 100px; }
  #cb-modelroom .section-inner .visual-area .copy-ttl-en { left: -249px; } }
@media screen and (max-width: 640px) { #cb-modelroom { margin-top: 50px; }
  #cb-modelroom .section-inner .visual-area .copy-ttl-en { left: -33%; top: 55%; }
  #cb-modelroom .section-inner .visual-area .copy-ttl-en .Gothic-Barlow { text-align: left; text-indent: 4.5rem; }
  #cb-modelroom .section-inner .text-area { padding-top: 2rem; } }
@media screen and (max-width: 500px) { #cb-modelroom .section-inner .visual-area .copy-ttl-en { left: -42%; } }

#cb-location { margin-top: 150px; }
#cb-location .section-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#cb-location .section-inner div, #cb-location .section-inner li { min-height: 0%; }
#cb-location .section-inner .text-area { padding-top: 12rem; margin-bottom: 5%; }
#cb-location .section-inner .text-area .text-s { width: 85%; margin: 0 auto 7.5%; 				/*width:100%; margin: 0 auto 7.5%;*/ }
#cb-location .section-inner .text-area .btn-more { margin: 0 0 0 auto; }
#cb-location .section-inner .visual-area { margin-left: 0%; }
#cb-location .section-inner .visual-area .visual-cls#visual-location { background-image: url("../img/top/img-location-visual.jpg"); }
#cb-location .section-inner .visual-area .copy-ttl-en { position: absolute; font-weight: normal; top: 3%; left: auto; right: -272px; }
#cb-location .section-inner .visual-area .copy-ttl-en .copy-ttl-sub { background-color: #A0C823; padding: 4px 5em 4px 1em; border-radius: 0 0 0 8px; }
@media screen and (max-width: 768px) { #cb-location { margin-top: 100px; }
  #cb-location .section-inner .visual-area .copy-ttl-en { right: -249px; } }
@media screen and (max-width: 640px) { #cb-location { margin-top: 50px; }
  #cb-location .section-inner .visual-area { margin-left: 0; }
  #cb-location .section-inner .visual-area .copy-ttl-en { right: -33%; top: 55%; 					/*.Gothic-Barlow{ text-align: left; text-indent: 4.5rem; }*/ }
  #cb-location .section-inner .text-area { margin-left: 0%; padding-top: 2rem; }
  #cb-location .section-inner .text-area .text-s { width: 100%; } }
@media screen and (max-width: 500px) { #cb-location .section-inner .visual-area .copy-ttl-en { right: -42%; } }

#cb-access { margin-top: 150px; }
#cb-access .section-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#cb-access .section-inner div, #cb-access .section-inner li { min-height: 0%; }
#cb-access .section-inner .text-area { padding-top: 14rem; margin-bottom: 5%; }
#cb-access .section-inner .text-area .text-s { width: 100%; margin: 0 auto 7.5%; }
#cb-access .section-inner .visual-area .visual-cls#visual-access { background-image: url("../img/top/img-access-visual.jpg"); }
#cb-access .section-inner .visual-area .copy-ttl-en { text-align: right; position: absolute; font-weight: normal; top: 3%; left: -258px; }
#cb-access .section-inner .visual-area .copy-ttl-en .copy-ttl-sub { background-color: #003b96; padding: 4px 1em 4px 5em; border-radius: 0 0 8px 0; }
@media screen and (max-width: 768px) { #cb-access { margin-top: 100px; }
  #cb-access .section-inner .visual-area .copy-ttl-en { left: -265px; } }
@media screen and (max-width: 640px) { #cb-access { margin-top: 100px; }
  #cb-access .section-inner .visual-area .copy-ttl-en { left: auto; left: -33%; top: 0; bottom: 5%; 					/*.Gothic-Barlow{ text-align: left; text-indent: 4.5rem; }*/ }
  #cb-access .section-inner .visual-area .copy-ttl-en .copy-ttl-sub { padding: 4px 1em 4px 12em; }
  #cb-access .section-inner .text-area { padding-top: 2rem; }
  #cb-access .section-inner .text-area .text-s { width: 100%; } }
@media screen and (max-width: 500px) { #cb-access .section-inner .visual-area .copy-ttl-en { left: -30%; } }

#cb-development { margin-top: 150px; margin-bottom: 30px; }
#cb-development .section-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#cb-development .section-inner div, #cb-development .section-inner li { min-height: 0%; }
#cb-development .section-inner .text-area { padding-top: 12rem; margin-bottom: 5%; }
#cb-development .section-inner .text-area .text-s { width: 85%; margin: 0 auto 7.5%; }
#cb-development .section-inner .text-area .btn-more { margin: 0 0 0 auto; }
#cb-development .section-inner .visual-area .visual-cls#visual-development { background-image: url("../img/top/img-development-visual.jpg"); }
#cb-development .section-inner .visual-area .copy-ttl-en { position: absolute; font-weight: normal; top: 3%; left: auto; right: -237px; }
#cb-development .section-inner .visual-area .copy-ttl-en .copy-ttl-sub { background-color: #a0c823; border-radius: 0 0 0 8px; padding: 4px 5em 4px 1em; }
@media screen and (max-width: 768px) { #cb-development { margin-top: 100px; }
  #cb-development .section-inner .visual-area .copy-ttl-en { right: -133px; } }
@media screen and (max-width: 640px) { #cb-development { margin-top: 50px; }
  #cb-development .section-inner .visual-area { margin-left: 0%; }
  #cb-development .section-inner .visual-area .copy-ttl-en { right: -133px; top: 55%; 					/*.Gothic-Barlow{ text-align: left; text-indent: 4.5rem; }*/ }
  #cb-development .section-inner .visual-area .copy-ttl-en .copy-ttl-sub { padding: 4px 12em 4px 1em; }
  #cb-development .section-inner .text-area { margin-left: 0%; padding-top: 2rem; }
  #cb-development .section-inner .text-area .text-s { width: 100%; } }
@media screen and (max-width: 500px) { #cb-development .section-inner .visual-area .copy-ttl-en { right: -42%; } }

.calendar { margin-top: 80px; padding-bottom: 40px; font-family: 'Noto Sans JP', sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.calendar div, .calendar li { min-height: 0%; }
.calendar .cal-ttl { width: 100%; text-align: center; font-size: 24px; font-weight: bold; color: #00A1E9; border-bottom: solid 1px #00A1E9; padding-bottom: 5px; }
.calendar .cal-holiday { margin: 1rem auto 0; text-align: center; font-size: 14px; color: #c30d23; font-feature-settings: 'palt'; }
.calendar .table-container { width: 48%; margin-top: 20px; }
.calendar .table-container table { width: 100%; border-collapse: collapse; }
.calendar .table-container table tr td, .calendar .table-container table tr th { background: #fff; padding: 10px; text-align: center; font-size: 14px; line-height: 1; border: solid 1px #333; }
.calendar .table-container table tr th { /*width: 20%;*/ width: 22%; }
.calendar .table-container table tr th.sat { color: #00AFF0; }
.calendar .table-container table tr th.sun { color: #d12c11; }
.calendar .table-container table tr td { width: 26%; vertical-align: middle; }
.calendar .table-container table tr td.time { font-weight: bold; }
.calendar .table-container table tr td.man { color: #D22; background: #eee; }
.calendar .han { width: 100%; margin-top: 5px; text-align: right; font-size: 10px; line-height: 1.4; }
@media screen and (max-width: 640px) { .calendar .table-container { width: 100%; }
  .calendar .table-container table tr th { width: 27%; }
  .calendar .table-container table tr td { width: 21%; } }
@media screen and (max-width: 320px) { .calendar .table-container table tr th { width: 28%; }
  .calendar .table-container table tr td { width: 16%; } }

.special-info { text-align: center; padding-bottom: 20px; font-size: 2.5rem; font-weight: bold; line-height: 1.5; letter-spacing: 0; color: #c30d23; }
@media screen and (max-width: 640px) { .special-info { font-size: 1.8em; } }

.information { width: 100%; max-width: 600px; margin: 60px auto 60px; }
.information .ttl { text-align: center; font-size: 24px; font-weight: bold; color: #000; border-bottom: solid 1px #000; }
.information table { width: 100%; margin: 1rem auto 0; text-align: left; border-collapse: collapse; border-spacing: 0; }
.information table th, .information table td { padding: 0.5rem 1rem; }
.information table th { width: 18%; }
.information table a { color: #007f76; text-decoration: underline; }

.bnr { width: 96%; margin: 2.5rem auto 0; box-sizing: border-box; }
.bnr * { box-sizing: border-box; }
.bnr ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; max-width: 800px; margin: auto; }
.bnr ul div, .bnr ul li { min-height: 0%; }
.bnr ul li { margin-top: 2rem; width: 48%; max-width: 800px; max-height: 8.25rem; border-width: 2px; border-style: solid; border-top-left-radius: 1.5vh; border-bottom-right-radius: 1.5vh; overflow: hidden; position: relative; }
.bnr ul li a { display: block; width: 100%; height: 100%; position: relative; }
.bnr ul li a:hover { opacity: 0.64; }
.bnr ul li.wideplan { /*				border-top-left-radius: 1.5vh;
				border-bottom-right-radius: 1.5vh; */ border-color: #00a0e9; }
.bnr ul li.wideplan a { /*background-image: -moz-linear-gradient( -16deg, rgb(0, 160, 233) 24%, rgb(255, 255, 255) 24%, rgb(255, 255, 255) 76%, rgb(0, 160, 233) 76%);
background-image: -webkit-linear-gradient( -16deg, rgb(0, 160, 233) 24%, rgb(255, 255, 255) 24%, rgb(255, 255, 255) 76%, rgb(0, 160, 233) 76%);
background-image: -ms-linear-gradient( -16deg, rgb(0, 160, 233) 24%, rgb(255, 255, 255) 24%, rgb(255, 255, 255) 76%, rgb(0, 160, 233)76%);
background-image: linear-gradient( -74deg, rgb(0, 160, 233) 24%, rgb(255, 255, 255) 24%, rgb(255, 255, 255) 76%, rgb(0, 160, 233) 76%);*/ background-image: -moz-linear-gradient(-16deg, #00a0e9 8%, white 8%, white 64%, #00a0e9 64%); background-image: -webkit-linear-gradient(-16deg, #00a0e9 8%, white 8%, white 64%, #00a0e9 64%); background-image: -ms-linear-gradient(-16deg, #00a0e9 8%, white 8%, white 64%, #00a0e9 64%); background-image: linear-gradient(-74deg, #00a0e9 36%, white 36%, white 92%, #00a0e9 92%); padding: 1rem 1rem; /*		&:hover {
			opacity: 0.64;
		}*/ }
.bnr ul li.wideplan .bg-img { width: 40%; position: absolute; }
.bnr ul li.wideplan .bg-img.img01 { /*						top: -28%;
						left: -1.25rem; */ display: none; }
.bnr ul li.wideplan .bg-img.img02 { /*						top: -20%;
						right: -2.5rem;*/ top: -28%; right: -1.5rem; }
.bnr ul li.wideplan .maintxt { width: 64%; margin: auto auto auto 0; text-align: center; }
.bnr ul li.interview { /*				border-top-left-radius: 1.5vh;
				border-bottom-right-radius: 1.5vh;*/ border-color: #70ac4d; /*			position: relative;
			overflow: hidden; */ }
.bnr ul li.interview a { /*background-image: -moz-linear-gradient( -16deg, rgb(112, 172, 77) 24%, rgb(255, 255, 255) 24%, rgb(255, 255, 255) 76%, rgb(112, 172, 77) 76%);
background-image: -webkit-linear-gradient( -16deg, rgb(112, 172, 77) 24%, rgb(255, 255, 255) 24%, rgb(255, 255, 255) 76%, rgb(112, 172, 77) 76%);
background-image: -ms-linear-gradient( -16deg, rgb(112, 172, 77) 24%, rgb(255, 255, 255) 24%, rgb(255, 255, 255) 76%, rgb(112, 172, 77)76%); */ /*		background-image: linear-gradient( -74deg, rgb(112, 172, 77) 24%, rgb(255, 255, 255) 24%, rgb(255, 255, 255) 76%, rgb(112, 172, 77) 76%);*/ background-image: -moz-linear-gradient(-16deg, #70ac4d 8%, white 8%, white 64%, #70ac4d 64%); background-image: -webkit-linear-gradient(-16deg, #70ac4d 8%, white 8%, white 64%, #70ac4d 64%); background-image: -ms-linear-gradient(-16deg, #70ac4d 8%, white 8%, white 64%, #70ac4d 64%); background-image: linear-gradient(-74deg, #70ac4d 36%, white 36%, white 92%, #70ac4d 92%); }
.bnr ul li.interview .visual { width: 100%; display: block; background-image: url("../img/top/bnr-suumo-visual.png"); background-position: 121% 55%; background-size: 118% auto; padding-bottom: 45%; }
.bnr ul li.interview .maintxt { width: 56%; position: absolute; /*top: 8%;
left: 50%;*/ top: 6%; left: 8%; margin: auto; text-align: center; }
.bnr ul li.interview .pic-cls { position: absolute; width: 30%; transform: translateX(-50%); }
.bnr ul li.interview .pic-cls.pic01 { /*	top: -2%;
	left: 8%; */ top: -4%; left: 88.5%; z-index: 1; }
.bnr ul li.interview .pic-cls.pic01 img { transform: rotate(5deg); }
.bnr ul li.interview .pic-cls.pic02 { display: none; top: 50%; left: 9%; }
.bnr ul li.interview .pic-cls.pic02 img { transform: rotate(-2deg); }
.bnr ul li.interview .pic-cls.pic03 { display: none; top: -2%; left: 93%; }
.bnr ul li.interview .pic-cls.pic03 img { transform: rotate(3deg); }
.bnr ul li.interview .pic-cls.pic04 { /*top: 51%;
left: 92%; */ top: 48%; left: 86%; z-index: 4; }
.bnr ul li.interview .pic-cls.pic04 img { transform: rotate(-5deg); }
.bnr ul li.res-campain { width: 100%; max-height: 100%; /*				border-top-left-radius: 1.5vh;
				border-bottom-right-radius: 1.5vh; */ border-width: 4px; border-color: #d8954b; /*	a {
		display: block;
		width: 100%;
		position: relative;
		overflow: hidden;
		background-image: -moz-linear-gradient( -16deg, rgb(221,124,215) 24%, rgb(255,255,255) 24%, rgb(255,255,255) 76%, rgb(221,124,215) 76%);
		background-image: -webkit-linear-gradient( -16deg, rgb(221,124,215) 24%, rgb(255,255,255) 24%, rgb(255,255,255) 76%, rgb(221,124,215) 76%);
		background-image: -ms-linear-gradient( -16deg, rgb(221,124,215) 24%, rgb(255,255,255) 24%, rgb(255,255,255) 76%, rgb(221,124,215)76%);
		background-image: linear-gradient( -74deg, rgb(221,124,215) 24%, rgb(255,255,255) 24%, rgb(255,255,255) 76%, rgb(221,124,215) 76%);
		&:hover {
			opacity: 0.64;
		}
	} */ }
.bnr ul li.res-campain.pink { /*border: 4px solid rgb(221, 124, 215);*/ border: 4px solid #e8437f; }
.bnr ul li.res-campain.blue { /*border: 4px solid rgb(171,187,237);*/ border: 4px solid #aaddf2; }
.bnr ul li.res-campain.red { border: 4px solid #ba3636; }
.bnr ul li.res-campain .visual { width: 100%; display: block; /*padding-bottom: 385 / 800 * 100%;
background-position: center center;
background-image: url("../img/top/bnr-suumo-visual.png");
background-size: cover;*/ font-size: 0; }
.bnr ul li.tsukuba-lifestyle { border-color: #ffd800; }
.bnr ul li.tsukuba-lifestyle a { /*  background-image: -moz-linear-gradient( -16deg, rgb(239, 223, 196) 8%, rgb(255,255,255) 8%, rgb(255,255,255) 52%, rgb(239, 223, 196) 52%); background-image: -webkit-linear-gradient( -16deg, rgb(239, 223, 196) 8%, rgb(255,255,255) 8%, rgb(255,255,255) 52%, rgb(239, 223, 196) 52%); background-image: -ms-linear-gradient( -16deg, rgb(239, 223, 196) 8%, rgb(255,255,255) 8%, rgb(255,255,255) 52%, rgb(239, 223, 196) 52%);
						background-image: linear-gradient( -74deg, rgb(239,  223, 196) 46%, rgb(255, 255, 255) 46%, rgb(255, 255, 255) 92%, rgb(239,  223, 196) 92%); */ background-image: -moz-linear-gradient(-16deg, #ffd800 8%, #efdfc4 8%, #efdfc4 54%, #ffd800 54%); background-image: -webkit-linear-gradient(-16deg, #ffd800 8%, #efdfc4 8%, #efdfc4 54%, #ffd800 54%); background-image: -ms-linear-gradient(-16deg, #ffd800 8%, #efdfc4 8%, #efdfc4 54%, #ffd800 54%); background-image: linear-gradient(-74deg, #ffd800 46%, #efdfc4 46%, #efdfc4 92%, #ffd800 92%); }
.bnr ul li.tsukuba-lifestyle a:hover { filter: opacity(0.64); }
.bnr ul li.tsukuba-lifestyle img { height: 100%; vertical-align: middle; object-fit: cover; object-position: center center; }
.bnr ul li.vrmr { border-color: #30a75b; }
.bnr ul li.vrmr a { background-image: -moz-linear-gradient(-16deg, #30a75b 8%, white 8%, white 62%, #30a75b 62%); background-image: -webkit-linear-gradient(-16deg, #30a75b 8%, white 8%, white 62%, #30a75b 62%); background-image: -ms-linear-gradient(-16deg, #30a75b 8%, white 8%, white 62%, #30a75b 62%); background-image: linear-gradient(-74deg, #30a75b 40%, white 40%, white 92%, #30a75b 92%);   /*  color: #fff;
background-color: #808080; text-align: center; display: flex; justify-content: center; align-items: center; */ }
.bnr ul li.vrmr a img { height: 100%; vertical-align: middle; object-fit: cover; object-position: center center; }
.bnr ul li.bnr_merit { width: 100%; border-color: #02A0EA; }
.bnr ul li.bnr_merit a { display: block; }
.bnr ul li.bnr_merit a img { width: 100%; height: auto; }
.bnr ul li.bnr_furnished { width: 100%; border-color: #02A0EA; }
.bnr ul li.bnr_furnished a { display: block; }
.bnr ul li.bnr_furnished a img { width: 100%; height: auto; }
.bnr ul li.bnr_portfolio { width: 100%; border-color: #6baa7c; max-height: none !important; }
.bnr ul li.bnr_portfolio a { display: block; }
.bnr ul li.bnr_portfolio a img { width: 100%; height: auto; }
.bnr.tsukuba_ranking { /*margin: 1rem auto;*/ margin: 0 auto 1rem; max-width: 680px; text-align: center; }
.bnr.tsukuba_ranking a { display: block; margin: auto; }
.bnr.tsukuba_ranking a:hover { opacity: 0.64; }
.bnr.tsukuba_ranking img { width: 100%; height: auto; }
.bnr.tsukuba_ranking .note { text-align: right; }
@media screen and (max-width: 888px) { .bnr ul li { max-height: 8rem; } }
@media screen and (max-width: 856px) { .bnr ul li { max-height: 7.5rem; } }
@media screen and (max-width: 696px) { .bnr ul li { margin-top: 1.5rem; max-height: 7rem; } }
@media screen and (max-width: 640px) { .bnr ul li { width: 100%; margin-top: 1rem; }
  .bnr ul li.wideplan a { background-image: -moz-linear-gradient(-16deg, #00a0e9 8%, white 8%, white 64%, #00a0e9 64%); background-image: -webkit-linear-gradient(-16deg, #00a0e9 8%, white 8%, white 64%, #00a0e9 64%); background-image: -ms-linear-gradient(-16deg, #00a0e9 8%, white 8%, white 64%, #00a0e9 64%); background-image: linear-gradient(-74deg, #00a0e9 36%, white 36%, white 92%, #00a0e9 92%); padding: 1rem 1rem; }
  .bnr ul li.wideplan a .bg-img { width: 40%; }
  .bnr ul li.wideplan a .bg-img.img01 { display: none; }
  .bnr ul li.wideplan a .bg-img.img02 { top: -28%; right: -1.5rem; }
  .bnr ul li.wideplan a .maintxt { width: 64%; margin: auto auto auto 0; }
  .bnr ul li.interview a { background-image: -moz-linear-gradient(-16deg, #70ac4d 8%, white 8%, white 64%, #70ac4d 64%); background-image: -webkit-linear-gradient(-16deg, #70ac4d 8%, white 8%, white 64%, #70ac4d 64%); background-image: -ms-linear-gradient(-16deg, #70ac4d 8%, white 8%, white 64%, #70ac4d 64%); background-image: linear-gradient(-74deg, #70ac4d 36%, white 36%, white 92%, #70ac4d 92%); }
  .bnr ul li.interview .visual { background-position: 98% 57%; background-size: 126% auto; padding-bottom: 45%; }
  .bnr ul li.interview .pic-cls { width: 30%; }
  .bnr ul li.interview .pic-cls.pic01 { top: -4%; left: 88.5%; z-index: 1; }
  .bnr ul li.interview .pic-cls.pic02 { display: none; top: 40%; left: 91%; z-index: 2; }
  .bnr ul li.interview .pic-cls.pic03 { display: none; top: -3%; }
  .bnr ul li.interview .pic-cls.pic03 img { transform: rotate(5deg); }
  .bnr ul li.interview .pic-cls.pic04 { top: 47%; left: 86%; z-index: 4; }
  .bnr ul li.interview .pic-cls.pic04 img { transform: rotate(-5deg); }
  .bnr ul li.interview .maintxt { width: 56%; top: 5%; left: 7%; transform: translateX(0); } }

.obi-inner { width: 90%; max-width: 1400px; margin: 0 auto; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.obi-inner *, .obi-inner *:before, .obi-inner *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

.maincopy-obi { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; /**background: -moz-linear-gradient(top left, #0b66b7, #00498A);
background: -webkit-linear-gradient(top left, #0b66b7, #00498A);
background: linear-gradient(to bottom right, #0b66b7, #00498A);**/ /*background: #80c4c0;*/ text-align: center; /*padding: 20px 15px;*/ padding: 5px 0; font-weight: bold; /*color: #111;*/ color: #fff; font-feature-settings: "palt"; letter-spacing: 0.05em; /*border-top: 3px solid #fff;*/ background: linear-gradient(136deg, #f7cb00 0, #fff8cd 25%, #c7970c 59%, #efdd87 87%, #fff8cd 100%); /*img {
	width: auto;
	height: 40px;
	display: inline-block;
}*/ }
.maincopy-obi .obi-inner { width: 100%; max-width: inherit; padding: 20px 0; background: linear-gradient(to right, #a52f2b 0, #7e2625 100%); }
.maincopy-obi a { color: #fff; }
.maincopy-obi sup { font-size: .685rem; position: relative; top: -.5rem; }
.maincopy-obi .copy-sub { display: block; padding-bottom: 5px; }
.maincopy-obi .txt-l { font-size: 2.4rem; line-height: 1.2; letter-spacing: .01em; }
.maincopy-obi .txt-m { font-size: 1.4rem; line-height: 1.2; letter-spacing: .01em; }
.maincopy-obi .txt-s { font-size: 1.2rem; line-height: 1.2; letter-spacing: .01em; }
.maincopy-obi .mt-05 { margin-top: 0.5rem; }
.maincopy-obi .line { border-bottom: 1px solid #fff; }
.maincopy-obi .line:hover { border: none; }
.maincopy-obi .img { width: 90%; /*max-width: 600px;*/ max-width: 800px; margin: 0.5rem auto 0; }
.maincopy-obi .img .sp { display: none; }
.maincopy-obi .img img { width: 100%; height: auto; }
@media screen and (max-width: 960px) { .maincopy-obi img { height: 32px; }
  .maincopy-obi .txt-l { font-size: 2rem; }
  .maincopy-obi .txt-m { font-size: 1.4rem; }
  .maincopy-obi .txt-s { font-size: 1.2rem; }
  .maincopy-obi .txt-ss { font-size: 1rem; } }
@media screen and (max-width: 768px) { .maincopy-obi .img { margin: 1rem auto 0; }
  .maincopy-obi .img .pc { display: none; }
  .maincopy-obi .img .sp { display: block; } }
@media screen and (max-width: 640px) { .maincopy-obi { /*padding: 20px 10px;*/ }
  .maincopy-obi img { height: 28px; }
  .maincopy-obi .txt-l { font-size: 1.6rem; }
  .maincopy-obi .txt-m { font-size: 1.2rem; }
  .maincopy-obi .txt-s { font-size: 1rem; }
  .maincopy-obi .txt-ss { font-size: 0.8rem; } }
@media screen and (max-width: 400px) { .maincopy-obi img { height: 24px; }
  .maincopy-obi .txt-l { font-size: 1.4rem; }
  .maincopy-obi .txt-m { font-size: 1.1rem; }
  .maincopy-obi .txt-s { font-size: .9rem; } }
@media screen and (max-width: 320px) { .maincopy-obi img { height: 20px; } }

.top-plan { -webkit-box-sizing: border-box; box-sizing: border-box; /*padding: 1rem 0 .5rem 0;*/ /*padding: 1rem 0 2rem;*/ padding: 1rem 0 1.5rem; /**background: -moz-linear-gradient(to bottom right, #40bff9, #02A0E9 50%, #008ed0);
background: -webkit-linear-gradient(to bottom right, #40bff9, #02A0E9 50%, #008ed0);
background: linear-gradient(to bottom right, #40bff9, #02A0E9 50%, #008ed0);**/ /*background: #007f76;*/ background: #f4f2d8; /*border-top: 3px solid #fff;
border-bottom: 3px solid #fff;*/ }
.top-plan img { width: auto; }
.top-plan .wappen_thanks { display: none; }
.top-plan .top-info-plan { max-width: 1040px; margin: 0 auto; text-align: center; padding-bottom: 1rem; padding-top: 1rem; }
.top-plan .top-info-plan img { /*height: 80px;*/ width: 100%; height: auto; }
.top-plan .top-info { max-width: 734px; margin: 1rem auto 0; text-align: center; }
.top-plan .top-info img { width: 100%; height: auto; max-width: 416px; }
.top-plan .top-info .info_outline { display: inline-block; margin-top: 0.5rem; text-align: left; font-size: 0.8rem; font-feature-settings: "palt"; letter-spacing: 0.05em; }
.top-plan .top-price { /*width: 90%;*/ width: 100%; /*max-width: 800px;*/ max-width: 734px; /*@include flex-j-s;*/ display: flex; flex-direction: column; text-align: center; margin: 1rem auto 0 auto; }
.top-plan .top-price img { /*width: 49.5%;*/ display: inline-block; }
.top-plan .top-price .note { /*width: 100%;*/ margin-top: 5px; color: #fff; /*text-align: right;*/ }
.top-plan .top-price .pc { display: inline-block; }
.top-plan .top-price .sp { display: none; }
.top-plan .top-price03 { /*margin: 1.5rem auto 1rem;*/ margin: 1.5rem auto 0; }
@media screen and (max-width: 1200px) { .top-plan .top-info-plan img { /*height: 76px;*/ } }
@media screen and (max-width: 768px) { .top-plan .top-info-plan img { /*height: 62px;*/ } }
@media screen and (max-width: 640px) { .top-plan .wappen_thanks { display: block; width: 90%; margin: 0 auto 1rem; }
  .top-plan .wappen_thanks img { width: 100%; height: auto; }
  .top-plan .top-info-plan img { width: 100%; height: auto; }
  .top-plan .top-price .pc { display: none; }
  .top-plan .top-price .sp { display: inline-block; } }
@media screen and (max-width: 400px) { .top-plan { padding: 1rem 0 1.5rem; }
  .top-plan .top-info-plan img { /*height: 48px;*/ }
  .top-plan .top-price { margin-top: 0; }
  .top-plan .top-price img { width: 100%; }
  .top-plan .top-price img:nth-of-type(2) { margin-top: .5rem; } }

.info-obi { padding: .5rem 0 1.5rem 0; font-size: 1rem; background: -moz-linear-gradient(to bottom right, #40bff9, #02A0E9 50%, #008ed0); background: -webkit-linear-gradient(to bottom right, #40bff9, #02A0E9 50%, #008ed0); background: linear-gradient(to bottom right, #40bff9, #02A0E9 50%, #008ed0); }
.info-obi p { margin-top: 1rem; padding: 0; color: #fff; }
.info-obi .txt-l { font-size: 2.4rem; font-weight: bold; line-height: 1.2; letter-spacing: .01em; }
.info-obi .txt-m { font-size: 1.4rem; font-weight: bold; line-height: 1.2; letter-spacing: .01em; }
.info-obi .marker { background: linear-gradient(transparent 80%, #d3d3d3 80%); }
@media screen and (max-width: 768px) { .info-obi .txt-l { font-size: 1.7rem; line-height: 1.1; }
  .info-obi .txt-m { font-size: 0.9rem; line-height: 1.1; } }
@media screen and (max-width: 400px) { .info-obi .txt-l { font-size: 1.4rem; }
  .info-obi .txt-m { font-size: 0.75rem; } }

.holiday { max-width: 600px; /*margin: 1rem auto 0 auto;*/ margin: 45px auto 0; padding: 1rem; background: #f8ecec; border: solid 1px #ba9797; color: #c30d23; font-feature-settings: "palt"; }
.holiday .ttl { font-size: 1.1rem; }
.holiday .txt { font-size: 1rem; }
@media screen and (max-width: 400px) { .holiday .ttl { /*font-size: 1rem;*/ font-size: 0.9rem; }
  .holiday .txt { /*font-size: 0.9rem;*/ font-size: 0.8rem; } }

.construction { /*margin-top: 5rem;*/ padding: 3rem 0 2rem; background: linear-gradient(90deg, #f8f8f8 0%, #f0e8d3 100%); }
.construction .mainttl { text-align: center; font-size: 2rem; line-height: 1; font-weight: bold; color: #00498a; }
.construction .mainttl .date { font-size: 1rem; }
.construction .ttl { margin-top: 2rem; text-align: center; font-size: 1.6rem; line-height: 1; font-weight: bold; color: #00498a; }
.construction .ttl .date { font-size: 1rem; letter-spacing: 0.05em; }
.construction .inner { width: 94%; max-width: 800px; margin: 1rem auto 0; }
.construction img { vertical-align: top; }
.construction .slick-dots { position: absolute; bottom: 10px; right: 0px; display: block; padding: 0; margin: 0; list-style: none; text-align: center; }
.construction .slick-dots li { width: auto; height: auto; margin: 0 10px; }
.construction .slick-dots li button { padding: 3px; width: auto; height: auto; }
.construction .slick-dots li button::before { display: none; }
.construction .slick-dots li button::after { content: ""; width: 14px; height: 14px; background-color: #FFF; border-radius: 50%; display: block; transition: 0.3s ease 0s background-color; }
.construction .slick-dots li:hover button::after { background-color: #28556f; }
.construction .slick-dots li.slick-active button::after { opacity: 1; background-color: #00a0e9; }
@media screen and (max-width: 640px) { .construction .slick-dots li { margin: 0 2px; }
  .construction .slick-dots li button::after { width: 10px; height: 10px; } }

.bnr_newlife { max-width: 634px; margin: 2rem auto 0; }
.bnr_newlife img { width: 100%; height: auto; }

@media screen and (max-width: 768px) { .section-box { padding-left: 5%; padding-right: 5%; } }
.section-box .box-inner { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding-top: 3rem; margin-top: 3rem; }
.section-box .box-inner:before { content: ""; background: #ccc; position: absolute; top: 0; left: 25%; right: 25%; height: 1px; margin-top: 3rem; }
.section-box .box-inner .visual-box { width: 52%; margin-top: 4rem; padding-top: 2rem; }
.section-box .box-inner .copy-box { width: 42%; margin-top: 4rem; }
.section-box .box-inner .copy-box .box-ttl-en { font-family: ltc-bodoni-175, serif; font-weight: 400; font-style: normal; font-size: 3.5rem; line-height: 1; }
@media screen and (max-width: 640px) { .section-box .box-inner .copy-box .box-ttl-en { font-size: 2.5rem; } }
.section-box .box-inner .copy-box .box-copy01 { font-size: 1.5rem; line-height: 1.5; font-family: a-otf-ryumin-pr6n, serif; font-weight: 300; font-style: normal; /**font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-weight: normal**/ margin-top: 1.5rem; }
.section-box .box-inner .copy-box .text-s { margin-top: 1.5rem; line-height: 2; letter-spacing: 0; }
.section-box .box-inner .copy-box .btn-more { margin-top: 2.5rem; }
@media screen and (max-width: 768px) { .section-box .box-inner .visual-box { width: 100%; }
  .section-box .box-inner .visual-box img { width: 100%; height: 400px; object-fit: cover; }
  .section-box .box-inner .copy-box { width: 100%; margin-top: 2rem; } }
@media screen and (max-width: 640px) { .section-box .box-inner .visual-box img { height: 300px; } }

#sb-concept .concept-text { border-bottom: 4px solid #80c4c0; text-align: center; padding-bottom: 1rem; font-size: 4rem; font-family: ltc-bodoni-175, serif; font-weight: 400; font-style: normal; line-height: 1; }
@media screen and (max-width: 768px) { #sb-concept .concept-text { font-size: 3rem; margin-top: 2rem; } }
#sb-concept .box-inner { padding-top: 0 !important; align-items: flex-start !important; }
#sb-concept .box-inner:before { display: none; }
#sb-concept .box-inner .visual-box { width: 50%; margin-top: 1rem; padding-top: 0rem; }
#sb-concept .box-inner .visual-box .text-s { font-feature-settings: "palt"; padding-left: 8%; margin-top: 2rem; }
#sb-concept .box-inner .copy-box { width: 45%; margin-top: 1rem; }
@media screen and (max-width: 768px) { #sb-concept .box-inner { margin-top: 0; }
  #sb-concept .box-inner .visual-box { width: 100%; margin-top: 3rem; padding-top: 0rem; }
  #sb-concept .box-inner .visual-box .text-s { padding-left: 0%; }
  #sb-concept .box-inner .copy-box { width: 100%; margin-top: 1rem; } }

#sb-design .box-inner .visual-box, #sb-equipment .box-inner .visual-box, #sb-location .box-inner .visual-box, #sb-development .box-inner .visual-box { order: 2; }
#sb-design .box-inner .copy-box, #sb-equipment .box-inner .copy-box, #sb-location .box-inner .copy-box, #sb-development .box-inner .copy-box { order: 1; }
@media screen and (max-width: 768px) { #sb-design .box-inner .visual-box, #sb-equipment .box-inner .visual-box, #sb-location .box-inner .visual-box, #sb-development .box-inner .visual-box { order: 1; }
  #sb-design .box-inner .copy-box, #sb-equipment .box-inner .copy-box, #sb-location .box-inner .copy-box, #sb-development .box-inner .copy-box { order: 2; } }

#sb-development { padding-bottom: 5rem; }

#sb-plan .box-inner .visual-box, #sb-modelroom .box-inner .visual-box, #sb-access .box-inner .visual-box { order: 1; }
#sb-plan .box-inner .copy-box, #sb-modelroom .box-inner .copy-box, #sb-access .box-inner .copy-box { order: 2; }

.f-bnr { position: fixed; bottom: 100px; right: 0px; width: 60%; z-index: 99; max-width: 300px; display: none; }
.f-bnr img { width: 100%; height: auto; vertical-align: top; }
.f-bnr .btn-close { width: 30px; margin-right: 3px; margin-left: auto; cursor: pointer; }
.f-bnr a { display: block; line-height: 0; }
.f-bnr a img { transition: .3s; }
.f-bnr a:hover img { opacity: .8; }
@media screen and (max-width: 640px) { .f-bnr { width: 60%; bottom: 80px; right: 10px; }
  .f-bnr .btn-close { width: 13%; } }

#modal_info { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index: 1020; display: none; }
#modal_info .modal_info_box { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; max-width: 800px; }
#modal_info .modal_info_box img { width: 100%; height: auto; }
#modal_info .modal_info_img { margin-bottom: 1.5%; }
#modal_info #modal_info_close { width: 40px; position: absolute; top: -20px; right: -20px; cursor: pointer; }

.info_appeal { /*   display: flex; flex-flow: row wrap; justify-content: space-between; align-self: center; align-content: flex-start; */ width: 96%; max-width: 680px; margin: 4rem auto 0; /*   display: grid; grid-template-columns: repeat (3,3fr); gap:16px 4%; */ }
.info_appeal .info_wrap img { width: 100%; height: auto; line-height: 0; vertical-align: middle; }
.info_appeal .info1 { grid-column: 1/2; }
.info_appeal .info2 .image { border-style: solid; border-top-left-radius: 1.5vh; border-bottom-right-radius: 1.5vh; border-width: 4px; border-color: #53bebd; height: auto; background-color: #53bebd; }
.info_appeal .info2 .image img { border-top-left-radius: 1.5vh; border-bottom-right-radius: 1.5vh; }
@media screen and (max-width: 768px) { .info_appeal { grid-template-columns: repeat 2, 2fr; }
  .info_appeal .info1 { grid-column: 1/3; }
  .info_appeal .info1 .image { width: 56%; margin: auto; }
  .info_appeal .info2 { grid-column: 1/3; } }
@media screen and (max-width: 640px) { .info_appeal { grid-template-columns: repeat 1, 1fr; }
  .info_appeal .info1 { grid-column: 1/2; }
  .info_appeal .info1 .image { width: 88%; }
  .info_appeal .info2 { grid-column: 1/2; } }