@charset "utf-8";
/* custom
---------------------------------------------------------------------------- */
#main-visual {max-width: 100%;}


h2.section-title{
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 1.8rem;
    font-weight:500;
    border:none;
    letter-spacing:0.1em;
    line-height: 3em;
}
h2.section-title span{
    width: 100%;
    font-family: 'Lora', serif;
    font-size: 3rem;
    font-weight:400;
    color:#1D1D1D;
    margin-right: 0;
    position:relative;
}

h2.section-title span::before{
  position:absolute;
  content:'';
  width:40px;
  border-bottom:1px solid #052E60;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
}


h2.section-title::after{
   display:none;
}

#topics {
    background:#052E60;
}

#topics h2.section-title,
#topics h2.section-title span{
    color:#fff;
}
h2.section-title span::before{
  border-bottom-color:#fff;
}

#topics figure.rounded {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
#topics .article-photo {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#topics .article-card-content,
#topics p.article-card-title {
  color:#fff;
  font-family: 'Noto Serif JP', serif;
}

#wrapper{padding-bottom:0!important;}

/* common
---------------------------------------------------------------------------- */
/*******html*******/
html {font-size: 62.5%;  scroll-behavior: smooth;}
  /****-1024px****/
  @media screen and (max-width:1024px){html {font-size: 55%;}}
  /*****768px****/
  @media screen and (max-width: 768px) {html {font-size: 50%;}}

.orig-main{font-family: 'Noto Serif JP', serif;font-feature-settings: "pkna";overflow: hidden;}
.orig-main :where(h2,h3,h4,h5,p,li,a){
	margin:0;
	padding:0;
	border-radius:0;
	line-height: 1.5em;
	letter-spacing: 0.05em;
	font-weight: 500;
	max-width: initial;
	background: no-repeat;
	border: none;
	color: #1D1D1D;
	font-size: 1.6rem;
}
.orig-main a{text-decoration: none;display: block;}
.orig-main .-img{overflow:hidden;}
.orig-main img{width:100%;height:auto;display:block;}
.orig-main a:hover .-img img{transform:scale(1.1);}
.orig-main .span-br{display: inline-block;}
.orig-main .sponly{display: none;}
.orig-main .pconly{display: block;}

.orig-main ul,
.orig-main ul li {border: none;}
.orig-main ul li a::after{display: none;}
.orig-main ul li a:hover {background: none;}

	/**************-560px***************/
	@media screen and (max-width: 560px) {
		.orig-main .sponly{display: block;}
		.orig-main .pconly{display: none;}
	}
	/*********min-769px********/
	@media screen and (min-width: 769px) {
		.orig-main a[href^="tel:"] {pointer-events: none;}
		.orig-main img{image-rendering: -webkit-optimize-contrast;}
	}

/* c-ttl
---------------------------------------------------------------------------- */
.orig-main .c-ttl{
	text-align:center;
	margin-bottom: 6rem;
	position: relative;
}

.orig-main .c-ttl h3{
	text-align:center;
	font-size:3rem;
	font-weight: 400;
	color: #242424;
	position:relative;
	margin-bottom:1rem;
	font-family: 'Lora', serif;
	letter-spacing: 0.1em;
	padding-bottom: 1rem;
	display: inline-block;
}

.orig-main .c-ttl h3::after{
  position:absolute;
  content:'';
  width:4rem;
  border-bottom:1px solid #052E60;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
}

.orig-main .c-ttl p{
    font-size: 1.8rem;
}


	/**************-1024px***************/
	@media screen and (max-width:1024px){

	}

	/**************-768px***************/
	@media screen and (max-width: 768px) {
		.orig-main .c-ttl{
			margin-bottom: 4rem;
		}
	}

	/**************-560px***************/
	@media screen and (max-width: 560px) {

  }

/* mv-wrap
---------------------------------------------------------------------------- */
.orig-main .mv-wrap{
	width: 100%;
	background: url(//reblo.net/rentive/cl_img/img_list/4325/223806.jpg) center / cover no-repeat;
	height: 72rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.orig-main .mv-wrap::before{
	position:absolute;
	content:'';
	border-width: 2.6vw 50vw 2.6vw 50vw;
	border-color: transparent #052E60 #fff #D2D2D2;
	border-style:solid;
	left:0;
	bottom: 0;
	transform: translateY(50%);
}
.orig-main .mv-wrap .-img{
	width:90%;
	max-width: 630px;
}
.orig-main .mv-wrap .-img img{
	width:100%;
}
.orig-main .mv-wrap .-txt{
	width: calc(100% - 8rem);
	max-width: 1280px;
	text-align: left;
}
.orig-main .mv-wrap .-txt h2,
.orig-main .mv-wrap .-txt p{
	color:#fff;
	letter-spacing:0.2em;
}
.orig-main .mv-wrap .-txt h2{
	font-size:4.4rem;
	border-bottom:1px solid;
	display:inline-block;
	padding-bottom: 3rem;
	margin-bottom: 3rem;
	font-family: 'メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', 
sans-serif;
	font-weight: bold;
}
.orig-main .mv-wrap .-txt p{
	font-size:2.2rem;
	line-height: 2em;
}

/**************-1024px***************/
@media screen and (max-width:1024px){
  .orig-main .mv-wrap{
	  height: 480px;
	}
	.orig-main .mv-wrap .-img{
		max-width: 590px;
		padding: 4rem 0 2.3rem;
	}
}

/**************-768px***************/
@media screen and (max-width: 768px) {

}

/**************-560px***************/
@media screen and (max-width: 560px) {
  .orig-main .mv-wrap{
	  height: 86vw;
	  max-height: 400px;
	  min-height: 310px;
	}
	.orig-main .mv-wrap .-txt p{
    font-size: 2rem;
  }
	.orig-main .mv-wrap .-txt h2{
		font-size: 7vw;
		padding-bottom: 4vw;
		margin-bottom: 4vw;
	}
	.orig-main .mv-wrap .-txt p{
		font-size: 13px;
		line-height: 1.7em;
	}

}



/* cw
---------------------------------------------------------------------------- */
.orig-main .cw {
	width: 100%;
	padding: 10rem 4rem;
	box-sizing:border-box;
}
.orig-main .l-inner{
	max-width: 1280px;
	margin: 0 auto;
	width: 100%;
}
.orig-main .l-flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	width: 100%;
}
.orig-main .c-btn{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	color: #fff;
	border: 1px solid;
	width: 100%;
	max-width: 32rem;
	margin-inline: auto;
	padding: 1.6rem;
	position:relative;
	font-size: 1.8rem;
	box-sizing: border-box;
	transition: .4s;
}

.orig-main .c-btn::before{
	position:absolute;
	content:'';
	width: calc(100% + 1px);
	height:100%;
	background:#fff;
	top:0;
	left: 0;
	clip-path: polygon(0 0, 0 1rem, 1rem 0, calc(100% - 1rem) 0, 100% 1rem, 100% calc(100% - 1rem), calc(100% - 1rem) 100%, 0 100%, 0 calc(100% - 1rem), 1rem 100%, 100% 100%, 100% 0);
}

.orig-main a.c-btn:hover,
.orig-main a:hover .c-btn{
	background:rgba(255,255,255,0.4);
	scale:0.98;
}


	/**************-560px***************/
	@media screen and (max-width: 560px) {
		.orig-main .cw {padding: 6rem 2rem;}
	}

/* slider-wrap 
---------------------------------------------------------------------------- */
.orig-main .slider-wrap {
	padding-top: 15rem;
	padding-bottom: 10rem;
}
	/**************-768px***************/
	@media screen and (max-width: 768px) {
		.orig-main .slider-wrap {
			padding-top: 15%;
			padding-bottom: 10%;
		}
	}

/* cw-01
---------------------------------------------------------------------------- */
.orig-main ._cw-01 {
}
.orig-main ._cw-01 .c-ttl h3{
	font-size:3rem;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}

.orig-main ._cw-01 .cw-box{
	width: 31%;
	position: relative;
}
.orig-main ._cw-01 .cw-box._w50{
	width: 48.5%;
}
.orig-main ._cw-01 .cw-box::after {
  content: '';
  background: rgba(44,108,185,0.7);
  scale: -1 1;
}
.orig-main ._cw-01 .cw-box .cw__img {
	background: #000000;
}
.orig-main ._cw-01 .cw-box .-txt{
	background: rgba(5,46,96,0.8);
	padding: 1rem 2rem 1rem;
	box-sizing: border-box;
	clip-path: polygon(0 60%, 100% 0, 100% 100%, 0% 100%);
	display: flex;
	justify-content: flex-end;
	align-items: center;
	z-index: 1;
}
.orig-main ._cw-01 .cw-box .-txt,
.orig-main ._cw-01 .cw-box::after {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 8rem;
	clip-path: polygon(0 60%, 100% 0, 100% 100%, 0% 100%);
	transition: .4s;
}
.orig-main ._cw-01 .cw-box._w50 .-txt,
.orig-main ._cw-01 .cw-box._w50::after {
	height: 10rem;
}
.orig-main ._cw-01 .cw-box .-txt h4{
	color: #fff;
	font-size: 2rem;
	margin-top: 1rem;
}

.orig-main ._cw-01 .cw-box._w50 .-txt h4{
	font-size: 2.4rem;
}

.orig-main ._cw-01 .cw-box:hover .-txt,
.orig-main ._cw-01 .cw-box:hover::after {
	height: 100%;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.orig-main ._cw-01 .cw-box:hover::after {
  background: rgba(44,108,185,0);
}
.orig-main ._cw-01 .-note{
	margin-bottom:6rem;
	text-align:center;
	font-size:1.8rem;
}

  /**************-1024px***************/
  @media screen and (max-width:1024px){

  }

  /**************-768px***************/
  @media screen and (max-width: 768px) {
	.orig-main ._cw-01 .l-flex{
    	gap:2rem 2%;
		justify-content:center;
    }
    .orig-main ._cw-01 .cw-box{
    	width: 49%;
    }
	.orig-main ._cw-01 .cw-box .-txt,
	.orig-main ._cw-01 .cw-box::after {
		clip-path: polygon(0 30%, 100% 0, 100% 100%, 0% 100%);
		height:5rem;
	}
	  .orig-main ._cw-01 .cw-box._w50 .-txt,
	.orig-main ._cw-01 .cw-box._w50::after {
		height:6rem;
	}
	  .orig-main ._cw-01 .cw-box._w50 .-txt h4{
		font-size: 2rem;
	}

  }

  /**************-560px***************/
  @media screen and (max-width: 560px) {
	.orig-main ._cw-01 .c-ttl h3{
		font-size: clamp(13px, 5vw, 3rem);
	}
  	.orig-main ._cw-01 .cw-box,
	  .orig-main ._cw-01 .cw-box._w50{
    	width: 100%;
    }
	.orig-main ._cw-01 .cw-box .-txt,
	.orig-main ._cw-01 .cw-box::after {
		height:8rem;
	}
	  .orig-main ._cw-01 .cw-box._w50 .-txt,
	.orig-main ._cw-01 .cw-box._w50::after {
		height:8rem;
	}
	 .orig-main ._cw-01 .cw-box:hover .-txt,
	.orig-main ._cw-01 .cw-box:hover::after {
		height: 100%;
	} 
  }

/* cw-02
---------------------------------------------------------------------------- */
.orig-main ._cw-02{
	width: 100%;
	background: url(//reblo.net/rentive/cl_img/img_list/4325/223802.jpg) center / cover no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 2rem solid #052E60;
	border-bottom: 2rem solid #052E60;
	padding-block: 6rem;
}

.orig-main ._cw-02 .cw-box{
	background: rgba(5,46,96,0.8);
	position:relative;
	padding: 4rem;
	width:100%;
	max-width: 56rem;
	box-sizing: border-box;
	text-align: center;
	margin-inline: auto;
}

.orig-main ._cw-02 .cw-box::before{
 position: absolute;
  content: '';
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  border: 1px solid #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.orig-main ._cw-02 .cw-box h4,
.orig-main ._cw-02 .cw-box p{
	color:#fff;
}
.orig-main ._cw-02 .cw-box h4{
	font-size:3.2rem;
	margin-bottom: 2rem;
}
.orig-main ._cw-02 .cw-box .-txt01{
	font-size:1.6rem;
	margin-bottom: 2rem;
}
.orig-main ._cw-02 .cw-box .-txt02{
	font-size:1.3rem;
	margin-bottom: 4px;
	text-indent: -1em;
    padding-left: 1em;
	text-align:left;
}

.orig-main ._cw-02 .cw-box .c-btn{
	margin-top: 2rem;
}

	/**************-560px***************/
	@media screen and (max-width: 560px) {
		.orig-main ._cw-02{
			padding-block: 4rem;
		}
		
		.orig-main ._cw-02 .cw-box{
			padding: 3rem;
		}
		.orig-main ._cw-02 .cw-box h4{
			font-size: 2.8rem;
			margin-bottom: 2rem;
		}
		.orig-main ._cw-02 .cw-box .-txt01{
			text-align:left;
		}
	}


/* _cw-03
---------------------------------------------------------------------------- */
.orig-main ._cw-03{
	position:relative;
}
.orig-main ._cw-03::before,
.orig-main ._cw-03::after{
	 position: absolute;
	  content: '';
	  width:100%;
	left: 50%;
	transform: translateX(-50%);  
}
.orig-main ._cw-03::before{
	height:60%;
	top: 0;
	background: url(//reblo.net/rentive/cl_img/img_list/4325/223801.jpg) center / cover no-repeat;
}
.orig-main ._cw-03::after{
	height:40%;
	bottom: 0;
    background: linear-gradient(to top left,#16457F, #052E60);
}
.orig-main ._cw-03 .l-grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 0 1%;
}

.orig-main ._cw-03 .item{
	box-sizing: border-box;
	width: 100%;
	position: relative;
	z-index: 2;
	text-align: center;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	row-gap: 0;
}
.orig-main ._cw-03 .item h4{
	font-size: 2rem;
	color: #052E60;
	border-left: 2px solid;
	margin-bottom: 2rem;
	padding-left: 1rem;
	text-align: left;
	line-height: 1.3em;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
.orig-main ._cw-03 .-tel{
	position: relative;
	color: #fff;
	font-size: 3.1rem;
	padding-left: 2.8rem;
	letter-spacing: normal;
	box-sizing: border-box;
	display: inline-block;
	margin-top: 1rem;
	margin-inline: auto;
}
.orig-main ._cw-03 .-inner{
	width:100%;
}
.orig-main ._cw-03 .-inner p{
	text-align:left;
	color:#fff;
}
.orig-main ._cw-03 .-tel::before,
.orig-main ._cw-03 .-btn::before,
.orig-main ._cw-03 .-btn02::before{
	position:absolute;
	content:'';
	width: 2rem;
	height: 2rem;
	background: url(//www.rentive.co.jp/cl_img/file_list/4325/45256.svg) center / contain no-repeat;
	left: 0;
	top:50%;
	transform:translateY(-50%);
}
.orig-main ._cw-03 .-btn{
	font-size: 1.6rem;
	position: relative;
	border: solid 1px #fff;
	padding: 1rem 1rem 1rem 2rem;
	margin: 1rem auto 0;
	width: 100%;
	transition:.4s;
	color: #fff;
	box-sizing: border-box;
}
.orig-main ._cw-03 .-btn::before{
	background: url(//www.rentive.co.jp/cl_img/file_list/4325/45258.svg) center / contain no-repeat;
	margin-left: 2rem;
	width:2rem;
	height:2rem;
}
.orig-main ._cw-03 ._btn02::before{
	background: url(//www.rentive.co.jp/cl_img/file_list/4325/45257.svg) center / contain no-repeat;
}
.orig-main ._cw-03 ._btn02{
	color: #052E60;
	background-color: #fff;
}
.orig-main ._cw-03 .-btn:hover{
	  transform:scale(0.98);
	  background-color: rgba(255,255,255,0.4);
}
  
  
	/**************-1280px***************/
	  @media screen and (max-width:1280px){
		  .orig-main ._cw-03 .-tel{
			font-size: 2.4vw;
		  }
	  }
  
  /**************-1024px***************/
  @media screen and (max-width: 1024px){
	.orig-main ._cw-03 .-tel{
	  font-size: 2.3vw;
	  padding-left: 2vw;
	}
	.orig-main ._cw-03 .-tel::before{
	  width: 15px;
	  height: 15px;
	}
	  .orig-main ._cw-03 .l-grid{
		grid-gap: 2%;
	}
	.orig-main ._cw-03 .item h4{
	font-size: 1.8rem;
	}
	.orig-main ._cw-03 .-btn{
		padding: 1rem 0rem 1rem 2rem;
	}
	.orig-main ._cw-03 .-btn::before{
		margin-left: 1rem;
	}
  }
  
  /**************-768px***************/
  @media screen and (max-width: 768px) {
	  .orig-main ._cw-03 {
	  padding: 6rem 0;
	}
	.orig-main ._cw-03 .wrap {
	  scroll-snap-type: x mandatory;
	  white-space: nowrap;
	  overflow-x: auto;
	  margin: 0 auto;
	  padding: 30px 0;
	  width: 100%;
	  display: block;
	}
	.orig-main ._cw-03 .item {
	  scroll-snap-align: center;
	  display: inline-grid;
	  margin: 0 7px;
	  width: 70%;
	  max-width: 30rem;
	  white-space: normal;
	  overflow: hidden;
	}
	  .orig-main ._cw-03 .-tel{
	  font-size: 3.3vw;
	  padding-left: 3.5vw;
	}

  }
  
  /**************-560px***************/
  @media screen and (max-width: 560px) {
	.orig-main ._cw-03 {
	  padding: 5rem 0 4rem;
	}
	.orig-main ._cw-03 .wrap {
	  padding: 0px 10px 30px;
	  box-sizing: border-box;
	}
	.orig-main ._cw-03 .-tel{
	  font-size: 3rem;
	  padding-left: 3rem;
	}
  }


/* _cw-05
---------------------------------------------------------------------------- */
.orig-main ._cw-05 .l-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0;
}

.orig-main ._cw-05 .cw-box{
	width:100%;
	padding: 12rem 8rem;
	box-sizing: border-box;
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
	row-gap: 0;
}
.orig-main ._cw-05 .cw-box._left{
	background: url(//reblo.net/rentive/cl_img/img_list/4325/223800.jpg) center / cover no-repeat;
	background-position: 10%;
}
.orig-main ._cw-05 .cw-box._right{
	background: url(//reblo.net/rentive/cl_img/img_list/4325/223799.jpg) center / cover no-repeat;
}
.orig-main ._cw-05 .cw-box h3,
.orig-main ._cw-05 .cw-box p{
	color:#fff;
}
.orig-main ._cw-05 .cw-box > p{
	line-height:2em;
	margin-bottom:4rem;
}


.orig-main ._cw-05 .cw-box._left,
.orig-main ._cw-05 .cw-box._left :where(.c-ttl h3,.c-ttl p,.c-ttl){
	text-align:right;
}
.orig-main ._cw-05 .cw-box._right,
.orig-main ._cw-05 .cw-box._right :where(.c-ttl h3,.c-ttl p,.c-ttl){
	text-align:left;
}

.orig-main ._cw-05 .c-ttl h3::after{
  width:100%;
	border-color:#fff;
}

.orig-main ._cw-05 .cw-box._left .c-btn{
	margin-left:auto;
	margin-right:0;
}
.orig-main ._cw-05 .cw-box._right .c-btn{
	margin-left:0;
	margin-right:auto;
}

.orig-main ._cw-05 .c-ttl {
    margin-bottom: 4rem;
}


	/**************-1024px***************/
	@media screen and (max-width:1024px){
		.orig-main ._cw-05 .cw-box{
			padding: 8rem 4rem;
		}
	}

	/**************-560px***************/
	@media screen and (max-width: 560px) {
		.orig-main ._cw-05 .l-grid{
			grid-template-columns: 1fr;
		}
		.orig-main ._cw-05 .cw-box{
			padding: 6rem 3rem;
		}
	}