/* CSS Document */
main.top {
  background: url(../img/common/line.svg) repeat-y center top;
}
main.top #philosophy, main.top #message {
  padding-top: 230px;
}
main.top #philosophy .item-hd, main.top #message .item-hd {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 30px;
  color: #07375D;
}
main.top #philosophy .item-text, main.top #message .item-text {
  font-size: 16px;
  font-size: 1rem;
}
main.top #philosophy .item-text:not(:last-child), main.top #message .item-text:not(:last-child) {
  margin-bottom: 45px;
}
main.top #philosophy .item-btn, main.top #message .item-btn {
  margin-bottom: 96px;
}
main.top #philosophy .item-bg, main.top #message .item-bg {
  width: calc(100vw - 32px);
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  height: 480px;
  overflow: hidden;
}
main.top #philosophy .item-bg span, main.top #message .item-bg span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 110%;
}
main.top #philosophy .item-bg span img, main.top #message .item-bg span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main.top #business {
  padding-top: 160px;
  padding-bottom: 120px;
  position: relative;
}
main.top #business:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 520px;
  bottom: 0;
  background: #F3F4F5;
}
main.top #business .item-sub:not(:last-child) {
  margin-bottom: 64px;
}
main.top #property {
  padding-top: 160px;
  /* .item{
  	&-list{
  		@include fb;
  		@include f_wrap;
  		margin-right: -32px;
  		margin-bottom: -40px;
  		@include nlc{
  			margin-bottom: 10px;
  		}
  	}
  	&-li{
  		margin-right: 32px;
  		width: calc(50% - 32px);
  		margin-bottom: 40px;
  		@include fb;
  		@include align(center);
  	}
  	&-img{
  		margin-right: 30px;
  		max-width: 65%;
  		a{
  			display: block;
  			overflow: hidden;
  			img{
  				@include transition(all,0.8s);
  			}
  			&:hover{
  				img{
  					@include scale(1.1,center,center);
  				}
  			}
  		}
  	}
  	&-text{
  		@include basis(10px);
  		@include grow(1);
  		@include fb;
  		@include align(center);
  		@include f_wrap;
  		.cat{
  			margin-right: 10px;
  			margin-bottom: 10px;
  		}
  		.title{
  			@include remb(20);
  			line-height: 1.5;
  			margin-bottom: 25px;
  			a{
  				color: $black;
  			}
  		}
  		dl{
  			padding-top: 25px;
  			width: $per1;
  			@include fb;
  			@include f_wrap;
  			position: relative;
  			font-weight: bold;
  			&:before{
  				@include coverBG(true,calc(100% + 30px),1px,false,0);
  				right: 0;
  				background: $border;
  			}
  			dt{
  				width: 50px;
  				color: $t-gray;
  				@include ls(0);
  			}
  			dd{
  				color: $black2;
  				width: calc(100% - 50px);
  			}
  		}
  	}
  } */
}
main.top #voice {
  padding-top: 160px;
  padding-bottom: 120px;
  position: relative;
}
main.top #voice:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 540px;
  bottom: 0;
  background: #F3F4F5;
}
main.top #voice .item-sub:not(:last-child) {
  margin-bottom: 64px;
}
main.top #reason {
  background: #FFF;
  padding-top: 176px;
  padding-bottom: 176px;
}
main.top #reason .item-bg {
  position: absolute;
  left: 50%;
  top: 16px;
  width: calc(100vw - 32px);
  height: calc(100% - 32px);
  transform: translateX(-50%);
  overflow: hidden;
}
main.top #reason .item-bg span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 110%;
}
main.top #reason .item-bg span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main.top #reason .item-sub {
  color: #FFF;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 30px;
}
main.top #reason .item-text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  color: #FFF;
}
main.top #reason .item-text p:not(:last-child) {
  margin-bottom: 30px;
}

@media screen and (min-width: 701px) and (max-width: 1216px) {
  main.top #philosophy, main.top #message {
    padding-top: 180px;
  }
  main.top #business:before {
    height: 50%;
  }
  main.top #voice:before {
    height: 50%;
  }
}
@media screen and (max-width: 700px) {
  main.top {
    background-size: 700px auto;
  }
  main.top #philosophy, main.top #message {
    padding-top: 100px;
  }
  main.top #philosophy .item-hd, main.top #message .item-hd {
    font-size: 17px;
    font-size: 1.0625rem;
    margin-bottom: 20px;
  }
  main.top #philosophy .item-text, main.top #message .item-text {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  main.top #philosophy .item-text:not(:last-child), main.top #message .item-text:not(:last-child) {
    margin-bottom: 25px;
  }
  main.top #philosophy .item-btn, main.top #message .item-btn {
    margin-bottom: 30px;
  }
  main.top #philosophy .item-bg, main.top #message .item-bg {
    height: 250px;
    width: calc(100vw - 10px);
  }
  main.top #philosophy .item-bg span, main.top #message .item-bg span {
    height: 130%;
  }
  main.top #business {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  main.top #business:before {
    height: 65%;
  }
  main.top #business .item-sub:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 700px) and (max-width: 450px) {
  main.top #business .item-li {
    width: 100%;
  }
  main.top #business .item-img {
    position: relative;
    aspect-ratio: 1.5;
  }
  main.top #business .item-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center top;
  }
}
@media screen and (max-width: 700px) {
  main.top #property {
    padding-top: 80px;
  }
  main.top #voice {
    padding-top: 80px;
    padding-bottom: 60px;
  }
  main.top #voice:before {
    height: 50%;
  }
  main.top #voice .item-sub:not(:last-child) {
    margin-bottom: 30px;
  }
  main.top #reason {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  main.top #reason .item-bg {
    width: calc(100vw - 8px);
    height: calc(100% - 8px);
    top: 4px;
  }
  main.top #reason .item-bg:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(26, 34, 41, 0.4);
  }
  main.top #reason .item-sub {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 20px;
  }
  main.top #reason .item-text {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  main.top #reason .item-text p:not(:last-child) {
    margin-bottom: 20px;
  }
}