@charset "UTF-8";

body {
	background:#000;
	display: block;
}

main {
padding:0;
}

main > section,
.main > section {
	scroll-snap-align: start;
/* 	overflow: scroll; */
	height: 100vh;
  width: 100%;
  height: 100%;
  /*! display: flex; */
  /*! justify-content: center; */
  /*! align-items: center; */
  padding-top: 0;
}




.sec01 {
	width: 100%;
	/*! height: 100vh; */
	background: url(../service_img/sec02_back.jpg) no-repeat,linear-gradient(#dbd7d7,#d3ced0);
	background-size:  cover;
	background-position: left 80% bottom;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--c-main);
  font-family: var(--f-min);
	flex-wrap: wrap;
	padding: 200px 0;
}
.sec01:after {
	content: "";
	flex: 0 1 200px;
	align-self: stretch;
}
.sec01dit {
	flex: 0 1 710px;
	margin-right: 30%;
	text-align: left;
	font-size: var(--f-m);
	line-height: 2;
	padding: 0 50px;
}
.sec01dit h2 {
	font-size: var(--f-ll);
}
.sec01ditComme {
  margin-bottom: 50px;
  font-size: var(--f-s);
  line-height: 3;
  
}
.sec01ditBtn {
display: flex;
  justify-content: flex-start;
  gap: 10px;
}

.sec01ditBtn a:nth-of-type(1) {
  background: #3a70a8;
  color: #fff;
  width: 150px;
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  font-size: var(--f-s);
  
}
.sec01ditBtn a:nth-of-type(2) {
  background: #b12310;
  color: #fff;
  width: 150px;
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  font-size: var(--f-s);
  
}





.sec02 {
	width: 100%;
	height: 100vh;
	background: none ;
	background-size: 1600px,cover;
	background-position: top center, bottom center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: var(--c-base);
	background: url(../img/mv_backC.jpg) no-repeat;
	background-size: cover;
	text-align: center;
}
.sec02 h2 {
  font-weight: normal;
	font-family: var(--f-min);
	font-size: var(--f-ll);
	line-height: 1;
	margin-bottom: 50px;
}
.sec02_subtitle {
	font-size: var(--f-s);
	display: block;
}
.sec02_subcomme {
	font-size: var(--f-ss);
}
.sec02inner {
}






.sec03 {
	width: 100%;
	/*! height: 100vh; */
	background: url(../service_img/sec03_back.jpg) no-repeat,linear-gradient(#dbd7d7,#d3ced0);
	background-size:  cover;
	background-position: left 80% bottom;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--c-main);
  font-family: var(--f-min);
	flex-wrap: wrap;
	padding: 200px 0;
}
.sec03:after {
	content: "";
	flex: 0 1 200px;
	align-self: stretch;
}
.sec03dit {
	flex: 0 1 710px;
	margin-right: 30%;
	text-align: left;
	font-size: var(--f-m);
	line-height: 2;
	padding: 0 50px;
}
.sec03dit h2 {
	font-size: var(--f-ll);
}
.sec03ditComme {
  margin-bottom: 50px;
  font-size: var(--f-s);
  line-height: 3;
  
}
.sec03ditBtn {
display: flex;
  justify-content: flex-start;
  gap: 10px;
}

.sec03ditBtn a:nth-of-type(1) {
  background: #b12310;
  color: #fff;
  width: 150px;
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  font-size: var(--f-s);
  
}

.sec04 {
	width: 100%;
	/*! height: 100vh; */
	background: url(../service_img/sec04_back.jpg) no-repeat,linear-gradient(#dbd7d7,#d3ced0);
	background-size:  cover;
	background-position: left 80% bottom;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--c-main);
  font-family: var(--f-min);
	flex-wrap: wrap;
	padding: 200px 0;
}
.sec04 h2 {
  font-size: var(--f-ll);
  margin-bottom: 20px;
}
/* .sec04:after {
	content: "";
	flex: 0 1 200px;
	align-self: stretch;
} */
.sec04dit {
	flex: 0 1 710px;
/* 	margin-right: 30%; */
	text-align: center;
	font-size: var(--f-m);
	line-height: 2;
	padding: 0 50px;
}
.sec04ditComme {
  margin-bottom: 30px;
  font-size: var(--f-s);
  line-height: 3;
  
}
.sec04ditBtn {
display: flex;
  justify-content: center;
  gap: 10px;
}

.sec04ditBtn a:nth-of-type(1) {
  background: #b12310;
  color: #fff;
  width: 150px;
  height: 40px;
  line-height: 40px;
  display: block;
  text-align: center;
  font-size: var(--f-s);
  
}






.sec05 {
	width: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--c-main);
  font-family: var(--f-min);
	flex-wrap: wrap;
	padding: 100px 0;
}
.sec05 h2 {
  font-size: var(--f-ll);
  margin-bottom: 20px;
}

.sec05dit {
	flex: 0 1 710px;
/* 	margin-right: 30%; */
	text-align: center;
	font-size: var(--f-m);
	line-height: 2;
	padding: 0 50px;
}