@charset "utf-8";
/*====================================
フッター
====================================*/
footer{
	width: 100%;
	height: auto;
	background-color: #000;
	padding: 45px 0;
	margin: 0 auto;}

.footer_copyright{
	font-size: 10px;
	font-weight: 500;
	text-align: center;
	line-height: 1.25;
	letter-spacing: 0.02em;
	color: #FFF;
	padding: 0 0;
	margin: 0 auto;}

@media only screen and (max-width: 812px) {
}

@media only screen and (max-width: 520px) {
footer{
	padding: 4.5rem 0;}

.footer_copyright{
	font-size: 1.2rem;}
}



/*====================================
サイトここから
====================================*/
.lp_main_bg01{
	width: 100%;
	overflow: hidden;
	background-image: url(../images/lp-p/lp_main-bg01.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 0 0;
	margin: 0 auto;}

.lp_main_bg02{
	width: 100%;
	overflow: hidden;
	background-image: url(../images/lp-p/lp_main-bg02.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_main-bg02.webp") type("image/webp"),
		url("../images/lp-p/lp_main-bg02.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_main-bg02.webp") type("image/webp"),
		url("../images/lp-p/lp_main-bg02.jpg") type("image/jpg"));
	background-position: top center;
	background-repeat: no-repeat;
	padding: 0 0;
	margin: 0 auto;}

.lp_main-img{
	padding: 0 0;
	margin: 0 auto;}

.lp_main-img img{
	aspect-ratio:1300 / 836;
	max-width: 1300px;
	width: 100%;
	height: auto;
	vertical-align: bottom;}

@media only screen and (max-width: 1300px) {
.lp_main_bg01{
	background-image: none;}

.lp_main_bg02{
	background-image: none;}
}

@media only screen and (max-width: 812px) {}

@media only screen and (max-width: 520px) {
.lp_main-img img{
	aspect-ratio:520 / 776;}
}


.lp_c01a_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #000;
	margin: 0 auto;}

.lp_c01a-leadtx01{
	padding: 40px 0;
	margin: 0 auto;}

.lp_c01a-leadtx01 img{
	aspect-ratio:1270 / 94;
	max-width: 1270px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1300px) {
}

@media only screen and (max-width: 812px) {}

@media only screen and (max-width: 520px) {
.lp_c01a-leadtx01{
	padding: 4.0rem 0;}
	
.lp_c01a-leadtx01 img{
	aspect-ratio:980 / 334;}
}


.lp_c01b_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #F7F6EC;
	margin: 0 auto;}

.lp_c01b-contentsbox{
  background-image: url("../images/lp-p/lp_c01b-bg.jpg");
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c01b-bg.webp") type("image/webp"),
		url("../images/lp-p/lp_c01b-bg.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c01b-bg.webp") type("image/webp"),
		url("../images/lp-p/lp_c01b-bg.jpg") type("image/jpg"));
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 1500px;
	width: 100%;
	height: 1040px;
	position: relative;
	padding: 0 0;
	margin: 0 auto;}

.lp_c01b-contentsbox-ttl{
	font-size: 26px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 0.05em;
	color: #FFF;
	text-shadow: 0px 0px 8px rgba(21, 28, 150, 0.65);
	position: absolute;
	top: 60px;
	left: 50px;
	z-index: 2;
	padding: 0 0;
	margin: 0 auto;}

.lp_c01b-contentsbox-tx01{
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.02em;
	color: #FFF;
	text-shadow: 0px 0px 8px rgba(21, 28, 150, 0.65);
	width: 580px;
	position: absolute;
	top: 60px;
	right: 50px;
	z-index: 2;
	padding: 0 0;
	margin: 0 auto;}

@media only screen and (max-width: 1300px) {
.lp_c01b-contentsbox{
	aspect-ratio:1300 / 1040;
	height: auto;}

.lp_c01b-contentsbox-ttl{
	font-size: 24px;
	top: 4.61vw;
	left: 2.3vw;}

.lp_c01b-contentsbox-tx01{
	font-size: 16px;
	line-height: 1.7;
	width: 44.61vw;
	top: 4.61vw;
	right: 2.3vw;}
}

@media only screen and (max-width: 812px) {
.lp_c01b-contentsbox{
  background-image: url("../images/lp-p/tb-p/tb-lp_c01b-bg.jpg");
	background-image: -webkit-image-set(
		url("../images/lp-p/tb-p/tb-lp_c01b-bg.webp") type("image/webp"),
		url("../images/lp-p/tb-p/tb-lp_c01b-bg.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/tb-p/tb-lp_c01b-bg.webp") type("image/webp"),
		url("../images/lp-p/tb-p/tb-lp_c01b-bg.jpg") type("image/jpg"));
	aspect-ratio:1300 / 1500;}

.lp_c01b-contentsbox-ttl{
	top: 3.0vw;
	left: 2.3vw;}

.lp_c01b-contentsbox-tx01{
	width: 80%;
	top: 24.0vw;
	right: 2.3vw;}
}

@media only screen and (max-width: 520px) {
.lp_c01b-contentsbox{
  background-image: url("../images/lp-p/sp-p/sp-lp_c01b-bg.jpg");
	background-image: -webkit-image-set(
		url("../images/lp-p/sp-p/sp-lp_c01b-bg.webp") type("image/webp"),
		url("../images/lp-p/sp-p/sp-lp_c01b-bg.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/sp-p/sp-lp_c01b-bg.webp") type("image/webp"),
		url("../images/lp-p/sp-p/sp-lp_c01b-bg.jpg") type("image/jpg"));
	aspect-ratio:520 / 950;}

.lp_c01b-contentsbox-ttl{
	font-size: 3.1rem;
	text-shadow: 0 0 0.8rem rgba(21, 28, 150, 0.65);
	top: 6.0rem;
	left: 3.0rem;}

.lp_c01b-contentsbox-tx01{
	font-size: 1.9rem;
	line-height: 1.8;
	text-shadow: 0 0 0.8rem rgba(21, 28, 150, 0.65);
	width: 37.0rem;
	top: 25.0rem;
	right: 3.0rem;}
}


.lp_c02a_bg01{
	width: 100%;
	overflow: hidden;
	background: linear-gradient(0deg,#00557E 0%,#011E53 100%);
	padding: 0 0;
	margin: 0 auto;}

.lp_c02a-ttl{
	font-size: 28px;
	font-weight: 400;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.05em;
	color: #FFF;
	padding: 80px 0;
	margin: 0 auto;}

.lp_c02a-ttl:before{
	content: "Osaka Next Project";
	font-size: 70px;
	font-style: italic;
	line-height: 1;
	display: block;
	padding: 0 0 26px 0;}

@media only screen and (max-width: 1300px) {
}

@media only screen and (max-width: 812px) {
.lp_c02a-ttl{
	font-size: 22px;
	padding: 60px 0;}

.lp_c02a-ttl:before{
	font-size: 50px;
	padding: 0 0 20px 0;}
}

@media only screen and (max-width: 520px) {
.lp_c02a-ttl{
	font-size: 2.2rem;
	padding: 6.0rem 0;}

.lp_c02a-ttl:before{
	font-size: 5.0rem;
	padding: 0 0 2.0rem 0;}
}


.lp_c02b_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #F7F6EC;
	padding: 0 0;
	margin: 0 auto;}

.lp_c02b-bg{
	background-image: url(../images/lp-p/lp_c02b-bg.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c02b-bg.webp") type("image/webp"),
		url("../images/lp-p/lp_c02b-bg.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c02b-bg.webp") type("image/webp"),
		url("../images/lp-p/lp_c02b-bg.jpg") type("image/jpg"));
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 2000px;
	width: 100%;
	height: 470px;}

@media only screen and (max-width: 1300px) {
.lp_c02b-bg{
	aspect-ratio:1300 / 470;
	height: auto;}
}

@media only screen and (max-width: 812px) {
}

@media only screen and (max-width: 520px) {
.lp_c02b-bg{
	background-image: url(../images/lp-p/sp-p/sp-lp_c02b-bg.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/sp-p/sp-lp_c02b-bg.webp") type("image/webp"),
		url("../images/lp-p/sp-p/sp-lp_c02b-bg.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/sp-p/sp-lp_c02b-bg.webp") type("image/webp"),
		url("../images/lp-p/sp-p/sp-lp_c02b-bg.jpg") type("image/jpg"));}
}


.lp_c02c_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #F7F6EC;
	padding: 0 0 80px 0;
	margin: 0 auto;}

.lp_c02c-subttl01{
	font-size: 30px;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	line-height: 1.2;
	color: #4C4B4B;
	padding: 80px 0 40px 0;
	margin: 0 auto;}

.lp_c02c-subttl01:before{
	content: "OSAKA BAY area";
	font-size: 55px;
	display: block;
	padding: 0 0 20px 0;}

.lp_c02c-contents-ttl{
	font-size: 23px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.09em;
	color: #FFF;
	background: linear-gradient(90deg,#012256 0%,#00557E 100%);
	width: calc(100% - 40px);
	padding: 10px 20px;
	margin: 0 auto;}

.lp_c02c-contents-tx01{
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.02em;
	color: #4C4B4B;
	width: 100%;
	padding: 0 0;
	margin: 25px auto;}

.lp_c02c-contents-img{
	width: 100%;
	padding: 0 0;
	margin: 0 auto;}

.lp_c02c-contents-img img{
	aspect-ratio:620 / 370;
	max-width: 620px;
	width: 100%;
	height: auto;}

.lp_c02c-contents-imgcaption{
	font-size: 16px;
	font-weight: 500;
	text-align: right;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #4C4B4B;
	width: 100%;
	padding: 8px 0 0 0;
	margin: 0 auto;}

.lp_c02c-subttl02{
	font-size: 30px;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	line-height: 1.2;
	color: #4C4B4B;
	padding: 20px 0 40px 0;
	margin: 0 auto;}

.lp_c02c-subttl02:before{
	content: "UMEDA area";
	font-size: 55px;
	display: block;
	padding: 0 0 20px 0;}

.lp_c02c-contents-ttl02{
	font-size: 23px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.09em;
	color: #FFF;
	background: linear-gradient(90deg,#012256 0%,#00557E 100%);
	padding: 10px 20px;
	margin: 0 auto 25px auto;}

.lp_c02c-contents-img03{
	width: 100%;
	padding: 0 0;
	margin: 0 auto;}

.lp_c02c-contents-img03 img{
	aspect-ratio:620 / 387;
	max-width: 620px;
	width: 100%;
	height: auto;}

.lp_c02c-contents-tx02{
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.02em;
	color: #4C4B4B;
	padding: 0 0;
	margin: 0 auto;}

.lp_c02c-preview-img{
	margin: 0 auto;}

.lp_c02c-preview-img img{
	aspect-ratio: 1270 / 878;
	width: 100%;
	height: auto;}

/* 親要素からはみ出た部分は overflow: hidden で隠す*/
.zoom__img {
    overflow: hidden;}

/* transitionでscaleとobuject-positonをアニメーション */
.zoom__img img {
    transition: transform .4s ,object-position .0s;
    width: 100%;
    height: auto;
    display: block;}

/* hover時に画像を拡大 */
.zoom__img:hover img {
    transform: scale(2);
    position: relative;}

@media only screen and (max-width: 812px) {
.lp_c02c-subttl01{
	font-size: 26px;}

.lp_c02c-subttl01:before{
	font-size: 48px;}
	
.lp_c02c-subttl02{
	font-size: 26px;}

.lp_c02c-subttl02:before{
	font-size: 48px;}
	
.lp_c02c-contents-tx01{
	line-height: 1.75;
	margin: 20px auto;}

.lp_c02c-contents-img img{
	max-width: none;}

.lp_c02c-contents-ttl02{
	max-width: calc(670px - 40px);}

.lp_c02c-contents-img03 img{
	max-width: none;}

.lp_c02c-preview-img{
	max-width: 670px;}
}

@media only screen and (max-width: 520px) {
.lp_c02c_bg01{
	padding: 0 0 8.0rem 0;}
	
.lp_c02c-subttl01{
	font-size: 2.6rem;
	padding: 8.0rem 0 4.0rem 0;}

.lp_c02c-subttl01:before{
	font-size: 4.8rem;
	padding: 0 0 2.0rem 0;}

.lp_c02c-contents-ttl{
	font-size: 2.3rem;
	width: calc(100% - 4.0rem);
	padding: 1.0rem 2.0rem;}

.lp_c02c-contents-tx01{
	font-size: 1.8rem;
	margin: 2.0rem auto;}

.lp_c02c-contents-imgcaption{
	font-size: 1.6rem;
	padding: 0.8rem 0 0 0;}
	
.lp_c02c-subttl02{
	font-size: 2.6rem;
	padding: 2.0rem 0 4.0rem 0;}

.lp_c02c-subttl02:before{
	font-size: 4.8rem;
	padding: 0 0 2.0rem 0;}

.lp_c02c-contents-ttl02{
	font-size: 2.3rem;
	padding: 1.0rem 2.0rem;
	margin: 0 auto 2.0rem auto;}

.lp_c02c-contents-tx02{
	font-size: 1.8rem;}
}

.lp_c02c_repetitions01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.lp_c02c_repetitions01_g2 > .grid_container > .grid_item {
	display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;
	margin: 0 15px 60px 15px;}

@media only screen and (max-width: 812px) {
.lp_c02c_repetitions01_g2{
	max-width: 700px;
	margin: 0 auto;}

.lp_c02c_repetitions01_g2 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}

.lp_c02c_repetitions01_g2 > .grid_container > .grid_item {
	 margin: 0 15px 60px 15px;}
}

@media only screen and (max-width: 520px) {
.lp_c02c_repetitions01_g2 > .grid_container > .grid_item {
	 margin: 0 1.5rem 6.0rem 1.5rem;}
}

.lp_c02c_repetitions02_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;
	margin: 0 auto 60px auto;}

.lp_c02c_repetitions02_g2 > .grid_container > .grid_item {
	/*display: grid;
    grid-row: span 4;
    grid-template-rows: subgrid;*/
	margin: 0 15px 25px 15px;}

@media only screen and (max-width: 812px) {
.lp_c02c_repetitions02_g2{
	max-width: 700px;
	margin: 0 auto;}

.lp_c02c_repetitions02_g2 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}

.lp_c02c_repetitions02_g2 > .grid_container > .grid_item {
	 margin: 0 15px 25px 15px;}
}

@media only screen and (max-width: 520px) {
.lp_c02c_repetitions02_g2 > .grid_container {
	margin: 0 auto 6.0rem auto;}
	
.lp_c02c_repetitions02_g2 > .grid_container > .grid_item {
	 margin: 0 1.5rem 2.0rem 1.5rem;}
}


.lp_c03a_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #000;
	padding: 60px 0;
	margin: 0 auto;}

.lp_c03a-ttl{
	font-size: 28px;
	font-weight: 400;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.05em;
	color: #FFF;
	padding: 0 0;
	margin: 0 auto;}

.lp_c03a-ttl:before{
	content: "Potential Area";
	font-size: 70px;
	font-style: italic;
	line-height: 1;
	display: block;
	padding: 0 0 26px 0;}

@media only screen and (max-width: 1300px) {
}

@media only screen and (max-width: 812px) {
.lp_c03a-ttl{
	font-size: 22px;}

.lp_c03a-ttl:before{
	font-size: 50px;
	padding: 0 0 20px 0;}
}

@media only screen and (max-width: 520px) {
.lp_c03a_bg01{
	padding: 6.0rem 0;}
	
.lp_c03a-ttl{
	font-size: 2.0rem;}

.lp_c03a-ttl:before{
	font-size: 5.0rem;
	padding: 0 0 2.0rem 0;}
}


.lp_c03b_bg01{
	width: 100%;
	height: 640px;
	background-image: url(../images/lp-p/lp_c03b-bg.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c03b-bg.webp") type("image/webp"),
		url("../images/lp-p/lp_c03b-bg.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c03b-bg.webp") type("image/webp"),
		url("../images/lp-p/lp_c03b-bg.jpg") type("image/jpg"));
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	margin: 0 auto;}

.lp_c03b_bg01:after{
	content: "";
	aspect-ratio: 1270 / 107;
	max-width: 1270px;
	width: calc(100% - 30px);
	height: auto;
	display: block;
	background-image: url(../images/lp-p/lp_c03b-decoration01.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -26px;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 2;}

@media only screen and (max-width: 1300px) {
.lp_c03b_bg01{
	aspect-ratio: 1300 / 640;
	height: auto;}

.lp_c03b_bg01:after{
	bottom: -2.0208vw;}
}

@media only screen and (max-width: 812px) {
}

@media only screen and (max-width: 520px) {
.lp_c03b_bg01{
	aspect-ratio: 520 / 400;
	background-image: url(../images/sp-p/sp-lp-p/lp_c03b-bg.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/sp-p/sp-lp_c03b-bg.webp") type("image/webp"),
		url("../images/lp-p/sp-p/sp-lp_c03b-bg.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/sp-p/sp-lp_c03b-bg.webp") type("image/webp"),
		url("../images/lp-p/sp-p/sp-lp_c03b-bg.jpg") type("image/jpg"));}

.lp_c03b_bg01:after{
	aspect-ratio: 520 / 131;
	max-width: none;
	width: 100%;
	background-image: url(../images/lp-p/sp-p/sp-lp_c03b-decoration01.png);
	bottom: -1.5rem;}
}


.lp_c03c_bg01{
	width: 100%;
	background-color: #000;
	position: relative;
	padding: 70px 0 60px 0;
	margin: 0 auto;}

.lp_c03c_bg01:after{
	content: "";
	background-color: #000;
	width: 84px;
	height: 42px;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 1;}

.lp_c03c-img01{
	text-align: center;}

.lp_c03c-img01 img{
	aspect-ratio: 1200 / 522;
	max-width: 1200px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1300px) {
}

@media only screen and (max-width: 812px) {
}

@media only screen and (max-width: 520px) {
.lp_c03c_bg01{
	padding: 7.0rem 0 5.0rem 0;}

.lp_c03c_bg01:after{
	width: 8.4rem;
	height: 4.2rem;
	bottom: -4.0rem;}

.lp_c03c-img01 img{
	aspect-ratio: 520 / 508;}
}


.lp_c03d_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #FFF;
	padding: 70px 0 0 0;
	margin: 0 auto;}

.lp_c03d-contents00-ttl{
	font-size: 60px;
	font-weight: 400;
	line-height: 1.0;
	vertical-align: middle;
	color: #335A8E;
	padding: 0 0;
	margin: 0 0;}

.lp_c03d-contents00-ttl:after{
	font-size: 28px;
	font-style: italic;
	vertical-align: middle;
	display: inline-block;
	padding: 0 0 0 20px;}

.lp_c03d-contents01-ttl:after{
	content: "Umeda area";}

.lp_c03d-contents02-ttl:after{
	content: "Shinsaibashi area";}

.lp_c03d-contents03-ttl:after{
	content: "Namba area";}

.lp_c03d-contents04-ttl:after{
	content: "Tennoji area";}

.lp_c03d-contents00-tx01{
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.02em;
	color: #000;
	padding: 20px 0 30px 0;
	margin: 0 0;}

.lp_c03d-contents00-imgarea-l01,
.lp_c03d-contents00-imgarea-l02,
.lp_c03d-contents00-imgarea-r01{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;}

.lp_c03d-contents01-img01{
	background-image: url(../images/lp-p/lp_c03d-contents01-img01.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c03d-contents01-img01.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents01-img01.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c03d-contents01-img01.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents01-img01.jpg") type("image/jpg"));}

.lp_c03d-contents01-img02{
	background-image: url(../images/lp-p/lp_c03d-contents01-img02.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c03d-contents01-img02.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents01-img02.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c03d-contents01-img02.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents01-img02.jpg") type("image/jpg"));}

.lp_c03d-contents01-img03{
	background-image: url(../images/lp-p/lp_c03d-contents01-img03.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c03d-contents01-img03.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents01-img03.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c03d-contents01-img03.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents01-img03.jpg") type("image/jpg"));}

.lp_c03d-contents02-img01{
	background-image: url(../images/lp-p/lp_c03d-contents02-img01.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c03d-contents02-img01.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents02-img01.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c03d-contents02-img01.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents02-img01.jpg") type("image/jpg"));}

.lp_c03d-contents02-img02{
	background-image: url(../images/lp-p/lp_c03d-contents02-img02.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c03d-contents02-img02.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents02-img02.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c03d-contents02-img02.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents02-img02.jpg") type("image/jpg"));}

.lp_c03d-contents02-img03{
	background-image: url(../images/lp-p/lp_c03d-contents02-img03.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c03d-contents02-img03.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents02-img03.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c03d-contents02-img03.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents02-img03.jpg") type("image/jpg"));}

.lp_c03d-contents03-img01{
	background-image: url(../images/lp-p/lp_c03d-contents03-img01.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c03d-contents03-img01.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents03-img01.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c03d-contents03-img01.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents03-img01.jpg") type("image/jpg"));}

.lp_c03d-contents03-img02{
	background-image: url(../images/lp-p/lp_c03d-contents03-img02.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c03d-contents03-img02.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents03-img02.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c03d-contents03-img02.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents03-img02.jpg") type("image/jpg"));}

.lp_c03d-contents03-img03{
	background-image: url(../images/lp-p/lp_c03d-contents03-img01.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c03d-contents03-img03.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents03-img03.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c03d-contents03-img03.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents03-img03.jpg") type("image/jpg"));}

.lp_c03d-contents04-img01{
	background-image: url(../images/lp-p/lp_c03d-contents04-img01.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c03d-contents04-img01.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents04-img01.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c03d-contents04-img01.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents04-img01.jpg") type("image/jpg"));}

.lp_c03d-contents04-img02{
	background-image: url(../images/lp-p/lp_c03d-contents04-img01.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c03d-contents04-img02.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents04-img02.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c03d-contents04-img02.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents04-img02.jpg") type("image/jpg"));}

.lp_c03d-contents04-img03{
	background-image: url(../images/lp-p/lp_c03d-contents04-img03.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c03d-contents04-img03.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents04-img03.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c03d-contents04-img03.webp") type("image/webp"),
		url("../images/lp-p/lp_c03d-contents04-img03.jpg") type("image/jpg"));}

.lp_c03d-contents00-imgarea-imgtx01{
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	line-height: 1.25;
	letter-spacing: 0.05em;
	color: #FFF;
	background:rgba(0,49,80,0.85);
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 5px 0;
	margin: 0 auto;}

@media only screen and (max-width: 1300px) {
}

@media only screen and (max-width: 940px) {
.lp_c03d-contents00-ttl:after{
	font-size: 28px;
	display: block;
	padding: 15px 0 0 0;}
}

@media only screen and (max-width: 812px) {
.lp_c03d-contents00-ttl{
	font-size: 50px;}
	
.lp_c03d-contents00-ttl:after{
	display: inline-block;
	padding: 0 0 0 20px;}
}

@media only screen and (max-width: 520px) {
.lp_c03d_bg01{
	padding: 70px 0 0 0;}
	
.lp_c03d-contents00-ttl{
	font-size: 5.0rem;}
	
.lp_c03d-contents00-ttl:after{
	font-size: 2.8rem;
	padding: 0 0 0 2.0rem;}

.lp_c03d-contents00-tx01{
	font-size: 1.8rem;
	padding: 2.0rem 0 3.0rem 0;}

.lp_c03d-contents00-imgarea-imgtx01{
	font-size: 1.6rem;
	padding: 0.5rem 0;}
}
	
.lp_c03d_repetitions01_g2{
	margin: 0 10px;}
	
.lp_c03d_repetitions01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.lp_c03d_repetitions01_g2 > .grid_container > .grid_item {
	display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
	margin: 0 40px 80px 40px;}

@media only screen and (max-width: 1200px) {
.lp_c03d_repetitions01_g2 > .grid_container > .grid_item {
	 margin: 0 20px 80px 20px;}
}

@media only screen and (max-width: 812px) {
.lp_c03d_repetitions01_g2{
	max-width: 700px;
	margin: 0 auto;}
	
.lp_c03d_repetitions01_g2 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}
	
.lp_c03d_repetitions01_g2 > .grid_container > .grid_item {
	 margin: 0 15px 80px 15px;}
}

@media only screen and (max-width: 520px) {
.lp_c03d_repetitions01_g2 > .grid_container > .grid_item {
	 margin: 0 1.5rem 8.0rem 1.5rem;}
}

.lp_c03d-contents00-imgarea{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 48% 52%;
	grid-template-columns: 48% 52%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.lp_c03d-contents00-imgarea-l01{
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / 2;
	margin: 0 1px 1px 0;}

.lp_c03d-contents00-imgarea-l02{
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row: 2 / 3;
	margin: 0 1px 0 0;}

.lp_c03d-contents00-imgarea-r01{
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1 / 3;
	
	aspect-ratio: 290 / 460;}

@media only screen and (max-width: 812px) {
}

@media only screen and (max-width: 520px) {
}


.lp_c03e_bg01{
	width: 100%;
	overflow: hidden;
	background: linear-gradient(180deg,#011E53 0%,#00557E 100%);
	padding: 80px 0;
	margin: 0 auto;}

.lp_c03e-img01{
	text-align: center;}

.lp_c03e-img01 img{
	aspect-ratio: 950 / 1288;
	max-width: 950px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1300px) {
}

@media only screen and (max-width: 812px) {
}

@media only screen and (max-width: 520px) {
.lp_c03e_bg01{
	padding: 8.0rem 0;}
}


.lp_c04a_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #F7F6EC;
	position: relative;
	padding: 0 0;
	margin: 0 auto;}

.lp_c04a_bg01:before{
	content: "";
	background-image: url(../images/lp-p/lp_c04a-img01.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/lp_c04a-img01.webp") type("image/webp"),
		url("../images/lp-p/lp_c04a-img01.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/lp_c04a-img01.webp") type("image/webp"),
		url("../images/lp-p/lp_c04a-img01.jpg") type("image/jpg"));
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 50%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;}

.lp_c04a-contentsbox{
	width: calc(50% - 20px);
	padding: 60px 0 50px 0;
	margin: 0 auto 0 0;}

.lp_c04a-ttl{
	font-size: 50px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.25;
	text-align: left;
	color: #335A8E;
	padding: 0 0;
	margin: 0 auto;}

.lp_c04a-leadtx01{
	font-size: 23px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.09em;
	color: #000000;
	padding: 0 0;
	margin: 50px auto 30px auto;}

.lp_c04a-leadtx02{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.02em;
	color: #000000;
	padding:  0 0;
	margin: 0 auto 20px auto;}

.lp_c04a-tablettl{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: 0.09em;
	color: #FFF;
	background: linear-gradient(90deg,#324C74 0%,#00557E 90%,#317594 100%);
	max-width: calc(480px - 40px);
	padding: 10px 20px;
	margin: 0 auto 0 0;}

.lp_c04a-table{
	max-width: 480px;
	width: 100%;
	border-collapse: collapse;}

.lp_c04a-table tr{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	color: #000;}

.lp_c04a-table tr th{
	text-align: left;
	padding: 15px 0 10px 0;
	border-bottom: 1px #999999 solid;
	margin: 0 0;}

.lp_c04a-table tr th span{
	font-size: 18px;}

.lp_c04a-table tr td{
	text-align: right;
	padding: 15px 0 10px 0;
	border-bottom: 1px #999999 solid;
	margin: 0 0;}

.lp_c04a-table tr td span{
	font-size: 18px;}

.lp_c04a-tableannotation{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.05em;
	color: #000;
	padding: 12px 0 0 0;
	margin: 0 auto;}

.lp_c04a-leadtx03{
	font-size: 23px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.09em;
	color: #000;
	padding: 60px 0 40px 0;
	margin: 0 auto;}

.lp_c04a-tx01{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.02em;
	color: #000;
	padding: 0 0 20px 0;
	margin: 0 auto;}

.lp_c04a-img02{
	text-align: center;
	padding: 0 0;
	margin: 0 auto;}

.lp_c04a-img02 img{
	aspect-ratio: 476 / 152;
	max-width: 476px;
	width: 100%;
	height: auto;}

.lp_c04a-tableannotation02{
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.05em;
	color: #000;
	padding: 10px 0 0 0;
	margin: 0 auto;}

@media only screen and (max-width: 1300px) {
}

@media only screen and (max-width: 812px) {
.lp_c04a_bg01{
	padding: 0 0;}

.lp_c04a_bg01:before{
	background-image: url(../images/lp-p/sp-p/sp-lp_c04a-img01.jpg);
	background-image: -webkit-image-set(
		url("../images/lp-p/sp-p/sp-lp_c04a-img01.webp") type("image/webp"),
		url("../images/lp-p/sp-p/sp-lp_c04a-img01.jpg") type("image/jpg"));
	background-image: image-set(
		url("../images/lp-p/sp-p/sp-lp_c04a-img01.webp") type("image/webp"),
		url("../images/lp-p/sp-p/sp-p_c04a-img01.jpg") type("image/jpg"));
	aspect-ratio: 10 / 7;
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	top: inherit;
	right: inherit;}

.lp_c04a-contentsbox{
	max-width: 670px;
	width: 100%;
	margin: 0 auto;}

.lp_c04a-ttl{
	font-size: 46px;}

.lp_c04a-leadtx01{
	font-size: 23px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: 0.09em;
	color: #000000;
	padding: 0 0;
	margin: 50px auto 30px auto;}

.lp_c04a-leadtx02{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.02em;
	color: #000000;
	padding:  0 0;
	margin: 0 auto 20px auto;}

.lp_c04a-tablettl{
	max-width: none;}

.lp_c04a-table{
	max-width: none;}
}

@media only screen and (max-width: 520px) {
.lp_c04a-contentsbox{
	padding: 6.0rem 0 5.0rem 0;}

.lp_c04a-ttl{
	font-size: 4.6rem;}

.lp_c04a-leadtx01{
	font-size: 2.3rem;
	margin: 5.0rem auto 3.0rem auto;}

.lp_c04a-leadtx02{
	font-size: 1.8rem;
	margin: 0 auto 2.0rem auto;}

.lp_c04a-tablettl{
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	padding: 1.0rem 1.8rem;}
	
.lp_c04a-table tr{
	font-size: 1.4rem;}

.lp_c04a-table tr th{
	padding: 1.5rem 0 1.0rem 0;
	border-bottom: 0.1rem #999999 solid;}

.lp_c04a-table tr th span{
	font-size: 1.8rem;}

.lp_c04a-table tr td{
	padding: 1.5rem 0 1.0rem 0;
	border-bottom: 0.1rem #999999 solid;}

.lp_c04a-table tr td span{
	font-size: 1.8rem;}

.lp_c04a-tableannotation{
	font-size: 1.4rem;
	padding: 1.2rem 0 0 0;}

.lp_c04a-leadtx03{
	font-size: 2.3rem;
	letter-spacing: 0.02em;
	padding: 6.0rem 0 4.0rem 0;}

.lp_c04a-tx01{
	font-size: 1.8rem;
	padding: 0 0 2.0rem 0;}

.lp_c04a-img02 img{
	max-width: 40.0rem;}

.lp_c04a-tableannotation02{
	font-size: 1.4rem;
	padding: 1.0rem 0 0 0;}
}


.lp_c04b_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #000000;
	position: relative;
	margin: 0 auto;}

.lp_c04b_bg01:before{
	content: "";
	background-image: url(../images/lp-p/lp_c04b_bg02.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 642px;
	width: 49.38%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;}

.lp_c04b_bg01:after{
	content: "";
	background-image: url(../images/lp-p/lp_c04b-img01.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 730 / 762;
	max-width: 730px;
	width: 56.15%;
	height: auto;
	display: block;
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 2;}

.lp_c04b-contentsbox01{
	width: 46%;
	position: relative;
	z-index: 1;
	padding: 0 0;
	margin: 0 15px 150px 15px;}

.lp_c04d-ttl{
	font-size: 44px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.45;
	color: #FFF;
	padding: 0 0;
	margin: 140px auto 70px auto;}

.lp_c04d-tx01{
	font-size: 17px;
	font-weight: 400;
	line-height: 1.65;
	letter-spacing: 0.15em;
	color: #FFF;
	padding: 0 0;
	margin: 0 auto 80px auto;}

.sp-lp_c04d-decorationara{
	display: none;}

.lp_c04b-decoration01{
	text-align: left;
	padding: 0 0;
	margin: 0 auto;}

.lp_c04b-decoration01 img{
	aspect-ratio: 434 / 62;
	max-width: 434px;
	width: 100%;
	height: auto;}

.lp_c04b-data01{
	text-align: left;
	background-color: #7C7B76;
	max-width: 434px;
	width: auto;
	padding: 0 0;
	margin: 20px auto 0 0;}

.lp_c04b-data01 img{
	aspect-ratio: 434 / 130;
	max-width: 434px;
	width: 100%;
	height: auto;}

.lp_c04b02_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #000000;
	position: relative;
	padding: 0 0 50px 0;
	margin: 0 auto;}

.lp_c04b02-contents-decoration{
	font-size: 42px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.2;
	color: #7297B6;
	padding: 0 0;
	margin: 0 0;}

.lp_c04b02-contents-ttl{
	font-size: 26px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.2;
	color: #FFF;
	padding: 0 0;
	margin: 20px 0;}

.lp_c04b02-contents-tx01{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: 0.02em;
	color: #FFF;
	padding: 0 0 30px 0;
	margin: 0 0;}

.lp_c04b02-contents-tx02{
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	color: #FFF;
	padding: 0 0;
	margin: 0 0;}

.lp_c04b-img02{
	padding: 0 0;
	margin: 0 0;}

.lp_c04b-img02 img{
	aspect-ratio: 330 / 171;
	max-width: 330px;
	width: 100%;
	height: auto;}

.lp_c04b02-contents-box02{
	position: relative;
	margin: 0 auto 0 0;}

.lp_c04b02-contents-box02-inbox{
	width: calc(100% - 228px);}

.lp_c04b02-contents-box02:after{
	content: "";
	background-image: url(../images/lp-p/lp_c04b-img03.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 218 / 249;
	width: 218px;
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;}

@media only screen and (max-width: 1300px) {
}

@media only screen and (max-width: 960px) {
.lp_c04b02-contents-box02:after{
	top: inherit;
	bottom: 0;}
}

@media only screen and (max-width: 812px) {
.lp_c04b_bg01{
	padding: 50px 0;}

.lp_c04b_bg01:before{
	display: none;}

.lp_c04b_bg01:after{
	display: none;}

.lp_c04b-contentsbox01{
	width: auto;
	margin: 0 15px 0 15px;}

.lp_c04d-ttl{
	font-size: 34px;
	text-align: center;
	margin: 0 auto 50px auto;}

.lp_c04d-tx01{
	font-size: 23px;
	text-align: center;
	letter-spacing: 0.05em;
	margin: 0 auto 30px auto;}

.sp-lp_c04d-decorationara{
	background-image: url(../images/lp-p/sp-p/sp-lp_c04d-decorationara.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	aspect-ratio: 520 / 650;
	width: calc(100% + 60px);
	height: auto;
	display: block;
	position: relative;
	z-index: 0;
	margin: 0 -30px -90px -30px;}

.lp_c04b-decoration01{
	text-align: center;
	position: relative;
	z-index: 2;}

.lp_c04b-decoration01 img{
	width: 380px;
	height: auto;}

.lp_c04b-data01{
	text-align: center;
	width: 460px;
	padding: 0 0;
	margin: 20px auto 0 auto;}

.lp_c04b02_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #000000;
	position: relative;
	padding: 0 0 50px 0;
	margin: 0 auto;}

.lp_c04b02-contents-decoration{
	font-size: 30px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.2;
	color: #7297B6;
	padding: 0 0;
	margin: 0 0;}

.lp_c04b02-contents-ttl{
	font-size: 26px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.2;
	color: #FFF;
	padding: 0 0;
	margin: 20px 0;}

.lp_c04b02-contents-tx01{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.75;
	letter-spacing: 0.02em;
	color: #FFF;
	padding: 0 0 30px 0;
	margin: 0 0;}

.lp_c04b02-contents-tx02{
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	color: #FFF;
	padding: 0 0;
	margin: 0 0;}

.lp_c04b-img02{
	text-align: center;}

.lp_c04b-img02 img{
	width: 330px;}

.lp_c04b02-contents-box02{
	position: relative;
	margin: 0 auto 0 0;}

.lp_c04b02-contents-box02-inbox{
	width: auto;}

.lp_c04b02-contents-box02:after{
	width: 218px;
	position: relative;
	top: inherit;
	right: inherit;
	margin: 20px auto 0 auto;}
}

@media only screen and (max-width: 520px) {
.lp_c04b_bg01{
	padding: 5.0rem 0;}

.lp_c04b-contentsbox01{
	margin: 0 1.5rem 0 1.5rem;}

.lp_c04d-ttl{
	font-size: 3.4rem;
	margin: 0 auto 5.0rem auto;}

.lp_c04d-tx01{
	font-size: 2.3rem;
	margin: 0 auto 3.0rem auto;}

.sp-lp_c04d-decorationara{
	width: calc(100% + 6.0rem);
	margin: 0 -3.0rem -9.0rem -3.0rem;}

.lp_c04b-decoration01 img{
	width: 38.0rem;}

.lp_c04b-data01{
	width: 46.0rem;
	margin: 2.0rem auto 0 auto;}

.lp_c04b02_bg01{
	padding: 0 0 5.0rem 0;}

.lp_c04b02-contents-decoration{
	font-size: 2.8rem;}

.lp_c04b02-contents-ttl{
	font-size: 2.2rem;
	margin: 2.0rem 0;}

.lp_c04b02-contents-tx01{
	font-size: 1.4rem;
	padding: 0 0 3.0rem 0;}

.lp_c04b02-contents-tx02{
	font-size: 1.2rem;}

.lp_c04b-img02 img{
	width: 33.0rem;}

.lp_c04b02-contents-box02:after{
	width: 21.8rem;
	margin: 2.0rem auto 0 auto;}
}	

.lp_c04b_repetitions01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;
	position: relative;
	z-index: 2;}

.lp_c04b_repetitions01_g2 > .grid_container > .grid_item {
	display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
	padding: 30px 30px;
	border: 1px #DDDDDD solid;
	border-radius: 10px;
	margin: 0 15px 40px 15px;}

@media only screen and (max-width: 960px) {
.lp_c04b_repetitions01_g2{
	max-width: 700px;
	width: 100%;
	margin: 0 auto;}
	
.lp_c04b_repetitions01_g2 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}
}

@media only screen and (max-width: 520px) {
.lp_c04b_repetitions01_g2 > .grid_container > .grid_item {
	padding: 3.0rem 3.0rem;
	border: 0.1rem #DDDDDD solid;
	border-radius: 1.0rem;
	margin: 0 1.5rem 4.0rem 1.5rem;}
}


.lp_c04c_bg01{
	width: 100%;
	overflow: hidden;
	background-color: #F7F6EC;
	padding: 0 0 40px 0;
	margin: 0 auto;}

.lp_c04c-cassettebox{
	max-width: 1200px;
	width: auto;
	padding: 0 0;
	margin: 110px auto 10px auto;}

.lp_c04c-cassette-ttl{
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	line-height: 1.2;
	color: #4C4B4B;
	width: 422px;
	margin: 0 auto;}

.lp_c04c-cassette-ttl:before{
	font-size: 55px;
	font-weight: 400;
	font-style: italic;
	line-height: 0.9;
	display: block;
	padding: 0 0;
	border-bottom: 1px #4C4B4B solid;
	margin: 0 0 14px 0;}

.lp_c04c-cassette-ttl-decoration01:before{
	content: "Land Plan";}

.lp_c04c-cassette-ttl-decoration02:before{
	content: "Floor Plan";}

.lp_c04c-cassette-ttl-decoration03:before{
	content: "Elevation Plan";}

.lp_c04c-cassette-ttl-decoration04:before{
	content: "Section Plan";}

.lp_c04c-cassette-img{
	text-align: center;
	padding: 30px 0 0 0;
	margin: 0 auto;}

.lp_c04c-cassette-img img{
	width: 100%;
	height: auto;}

.lp_c04c-img01 img{
	astepct-ratio: 1200 / 600;}

.lp_c04c-img02 img{
	astepct-ratio: 1200 / 720;}

.lp_c04c-img03 img{
	astepct-ratio: 1200 / 556;}

.lp_c04c-img04 img{
	astepct-ratio: 1200 / 562;}

.lp_c04c-cassette-txbox{
	padding: 0 0;
	margin: 10px 0 0 0;}

.lp_c04c-cassette-txbox-ttl{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	color: #000;
	padding: 0 0 10px 0;
	margin: 0 0;}

.lp_c04c-cassette-txbox-ttl:before{
	content: "■";
	color: #005780;}

.lp_c04c-cassette-txbox-tx01{
	font-size: 13px;
	font-weight: 500;
	line-height: 1.6;
	color: #000;
	padding: 0 0;
	margin: 0 0;}

.lp_c04c-img05-06lr{
	text-align: center;
	padding: 0 0;
	margin: 0 0;}

.lp_c04c-img05-06lr img{
	aspect-ratio: 570 / 850;
	max-width: 570px;
	width: 100%;
	height: auto;}

.lp_c04c-img05-06tx{
	text-align: left;
	max-width: 1200px;
	padding: 0 0;
	margin: 0 auto;}

.lp_c04c-img05-06tx img{
	aspect-ratio: 772 / 135;
	max-width: 772px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 1300px) {
}

@media only screen and (max-width: 812px) {
.lp_c04c-cassette-ttl{
	font-size: 18px;}

.lp_c04c-cassette-ttl:before{
	font-size: 46px;}

.lp_c04c-cassette-txbox-ttl{
	font-size: 15px;}

.lp_c04c-cassette-txbox-tx01{
	font-size: 12px;
	line-height: 1.45;}
}

@media only screen and (max-width: 520px) {
.lp_c04c_bg01{
	padding: 0 0 4.0rem 0;}

.lp_c04c-cassettebox{
	margin: 11.0rem auto 1.0rem auto;}

.lp_c04c-cassette-ttl{
	font-size: 1.8rem;
	width: 42.2rem;}

.lp_c04c-cassette-ttl:before{
	font-size: 4.6rem;
	border-bottom: 0.1rem #4C4B4B solid;
	margin: 0 0 1.4rem 0;}
	
.lp_c04c-cassette-img{
	padding: 3.0rem 0 0 0;}
	
.lp_c04c-cassette-txbox{
	margin: 1.0rem 0 0 0;}

.lp_c04c-cassette-txbox-ttl{
	font-size: 1.5rem;
	padding: 0 0 1.0rem 0;}

.lp_c04c-cassette-txbox-tx01{
	font-size: 1.2rem;}
}
	
.lp_c04c_repetitions01_g2{
	max-width: 1200px;
	margin: 110px auto 0 auto;}

.lp_c04c_repetitions01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	-ms-grid-rows:  auto;
	grid-template-rows:  auto;}

.lp_c04c_repetitions01_g2 > .grid_container > .grid_item {
	padding: 0 30px;
	margin: 0 0 40px 0;}

@media only screen and (max-width: 812px) {
.lp_c04c_repetitions01_g2 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}
}

@media only screen and (max-width: 520px) {
.lp_c04c_repetitions01_g2{
	margin: 11.0rem auto 0 auto;}
	
.lp_c04c_repetitions01_g2 > .grid_container {
	-ms-grid-columns: 100%;
	grid-template-columns: 100%;}

.lp_c04c_repetitions01_g2 > .grid_container > .grid_item {
	padding: 0 3.0rem;
	margin: 0 0 4.0rem 0;}
}