@charset "UTF-8";
/* CSS Document */

/* ----------ttl–---------- */
.ttl_inner{
}
.ttl_inner .title{
	margin-bottom:7em;
}
.ttl_inner .title h1{
	font-size:1.5rem;
	margin-bottom:1em;
}
.ttl_inner .title h6{
	font-size:1rem;
	line-height:1em;
}
.ttl_inner .title h6 span:first-child{
	border-right: 0.5px solid #666;
	padding-right:0.5em;
	margin-right:0.5em;
	font-size:75%;
}
.ttl_inner .title h6 span:last-child{
	border-right: unset;
	padding-right:unset;
	margin-right:unset;
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.ttl_inner .title{
		text-align:center;
	}
}

/* -- cont_tec -- */
.cont_tec{
	margin-bottom:150px;
}

/* -- tec_sec -- */
.tec_sec{
	display:flex;
	justify-content:space-between;
}
.tec_sec .sec_title_box{
	width:100px;
}
.tec_sec .sec_title_box .title_inner{
	position:sticky;
	top:0px;
	margin:auto;
	height:100vh;
	align-items:center;
	display:flex;
	background-image: linear-gradient(0deg, #f1f1ee, #dcdcd3);
	padding:0 10px;
}
.tec_sec .sec_title_box .title_inner .title_sub_inner{
	display:flex;
	padding:30px 0;
}
.tec_sec .sec_title_box h2{
	font-size:2.0rem;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	line-height:1.3em;
}
.tec_sec .sec_title_box h5{
	font-size:0.8rem;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
/* ----------1199px–---------- */
@media screen and (max-width: 1199px) {
	.tec_sec{
		margin:0 calc(50% - 50vw)
	}
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.tec_sec .sec_title_box h2{
		font-size:1.5rem;
	}
	.tec_sec .sec_title_box{
		width:70px;
	}
}
/* ----------519px–---------- */
@media screen and (max-width: 519px) {
	.tec_sec .sec_title_box{
		width:50px;
	}
	.tec_sec .sec_title_box .title_inner .title_sub_inner{
		display:block;
		padding:20px 0;
	}
	.tec_sec .sec_title_box h5{
		font-size:0.7rem;
		line-height:2.5em;
		margin:0 0 1em 0;
	}
}


/* -- sec_inner -- */
.sec_inner{
	width:calc(100% - 150px);
}
.sec_inner .sec_sub_inner{
    border-bottom:1px solid #ccc;
    padding:100px 0;
}
.sec_inner .sec_sub_inner:first-child{
	border-top:1px solid #ccc;
}
.sec_inner .sec_sub_inner .sub_title{
    margin:0 0 70px 0;
}
.sec_inner .sec_sub_inner .sub_title h3{
    font-size:1.5rem;
    margin-bottom:2em;
    position:relative;
}
.sec_inner .sec_sub_inner .sub_title h3:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 50px;
  height: 2px;
  left: 0;
  background-color: black;
  border-radius: 2px;
}
/* ----------1199px–---------- */
@media screen and (max-width: 1199px) {
	.sec_inner{
		width:calc(100% - 150px);
		margin:0 20px 0 0;
	}
}
/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.sec_inner{
		width:calc(100% - 100px);
	}
	.sec_inner .sec_sub_inner .sub_title h3{
	    font-size:1.3rem;
	}
}
/* ----------519px–---------- */
@media screen and (max-width: 519px) {
	.sec_inner{
		width:calc(100% - 90px);
	}
}