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

/*オープニング*/
#loading {position: fixed; top: 0;left: 0;bottom: 0;z-index: 99999; width: 100%;  height: 100%;  background:#b41911;	}
#loading #loading_box {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 100%;  text-align: center;}	
#loading #loading_box p{  color: #fff;  font-size: 14px;  letter-spacing:3px;  padding:0 0 50px 0;margin: 0 auto 0px auto; position: relative;}
#loading #loading_box p:before{  content: '';  position: absolute;  left: 50%; transform: translateX(-50%);  bottom: 0;  width: 0;  border-bottom: solid 1px #db655f;   animation: border_anim 0.5s linear forwards;}
@keyframes border_anim {
	0%{    width: 0%;  }
	100%{    width: 100%;  }
}

/* コピー */
.copy_animation {
    -webkit-animation-fill-mode:both; 
    -ms-animation-fill-mode:both; 
    animation-fill-mode:both; 
    -webkit-animation-duration:1.2s; 
    -ms-animation-duration:1.2s; 
    animation-duration:1.2s; 	
	-webkit-animation-delay: 1.6s; /* アニメーション開始時間 */
	-ms-animation-delay: 1.6s;
	animation-delay:1.6s;	
    -webkit-animation-name:copy_animation; 
    animation-name:copy_animation; 
    visibility: visible !important;
}
@keyframes copy_animation{ 
    0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
    30% { opacity: 0; } 
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/* スライドショーアニメーション */
.blur{  animation-name:blurAnime;  animation-duration:0.8s; animation-delay:1.5s;	 animation-fill-mode:forwards;}
@keyframes blurAnime{  
	from {  filter: blur(10px);  transform: scale(1.1);  }
	to {  filter: blur(0);  transform: scale(1);  }
}

/*スクロール誘導のアニメーション*/
@keyframes sdl {
		0% {    transform: scale(1, 0);    transform-origin: 0 0;  }
		50% {    transform: scale(1, 1);    transform-origin: 0 0;  }
		50.1% {    transform: scale(1, 1);    transform-origin: 0 100%;  }
		100% {    transform: scale(1, 0);    transform-origin: 0 100%;  }
}

@media (min-width:1051px) {
	.scroll{display:inline-block;position:absolute;right:2%;bottom:0;padding:0px 0px 80px 30px;overflow:hidden;color:white;font-size:11px;line-height:1;letter-spacing:1px;text-decoration: none}
	.scroll::before {  content: '';  position: absolute;  bottom: 0;  left: 0%;  width: 1px;  height: 90px; background: rgba(255,255,255, .9);}
	.scroll::after {  content: '';  position: absolute;  bottom: 0;  left: 0%;  width: 1px;  height: 90px;  background:#db655f;animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;}
	.scroll:hover{color:#db655f}
	
	header{margin: 0 auto;padding:0px ;font-size: 0}
	header #inner{position: relative;height: 100vh;margin: 0 auto;padding:0px ;}
	
	header #inner #background{position: absolute;bottom:0%;left:0%;width: 80%;height:80vh;background: white}
	
	header #inner #image{position: absolute;top:10%;right:0%;width: 80%;height:80vh;}
	header #inner #image .image_slider {	width:100%;height: 100%;margin: 0;}	
	header #inner #image .image_slider div{position: relative;width:100%;height: 100%; margin: 0 auto;padding: 0;overflow: hidden}		
	header #inner #image .image_slider div img{width:100%;height:100%;margin: 0 ;padding: 0;object-fit: cover; transform: scale(1.2);  transition: .8s cubic-bezier(.645, .045, .355, 1);}
	header #inner #image .slick-current div img {  transform: scale(1);}/*slickにアニメーションクラス設定*/
	
	header #inner #catch_copy{position: absolute;top: 50%;    left: 10%;    transform: translate(0%, -50%);}
	header #inner #catch_copy p{margin:0 auto 10px auto;padding: 0;color:#db655f;font-size: 20px;letter-spacing: 3px;overflow: hidden;    display: inline-block;}
	header #inner #catch_copy p span{ display: inline-block;}
	header #inner #catch_copy h2{margin:0;padding: 0;color:#c30d23;font-size: 36px;letter-spacing: 3px;font-weight: normal}
	
	header #inner #news{    position: absolute;    bottom: 3%;    left: 50px;   font-size: 0}
	header #inner #news h3{display:inline-block;margin:0 30px 0 0;padding: 0;font-size: 14px;color: #b41911;font-weight: normal}
	header #inner #news #article{display: inline-block;margin:0;padding: 0;font-size: 14px;letter-spacing: 1px; color: #727171;}
	
	main #concept{position: relative;width: 100%;min-height: 600px;;margin:100px auto 0px auto;padding:0px 0 0 0;}
	main #concept::before {    content:"";    display: block;    padding-top: 32%; }
	main #concept figure{position:absolute;bottom:0%;right:60%;width:35%;height: 80%; margin: 0;padding:0px 0 0 0;z-index: 1}
	main #concept figure img{ width: 100%;height: 100%;object-fit: cover;margin: 0;padding:0px 0 0 0;}
	main #concept #text{position:absolute;top:0%;right: 00%;width:55%;height: 85%; margin: 0;padding:0px 0% 0 10%;background: #b41911;/*直下の#innerに対する中寄せ*/display: flex;  align-items: center;}		
	main #concept #text #inner{text-align: center }
	main #concept #text #inner h4{position: relative;margin:0 auto 80px auto;padding: 0 ;color:white;font-size: 38px;letter-spacing: 6px;font-weight: normal;}
	main #concept #text #inner h4::after{content:'';position: absolute;bottom: -30px;left: 50%;transform: translate(-50%, 0%);width: 60px;height: 1px;background: white}
	main #concept #text #inner p{margin:30px auto 0px auto;padding: 0;color:white;font-size: 18px;letter-spacing: 3px;}
	
	main #works{width: 95%;margin:100px auto 0px 0;padding:80px 0 50px 0;background: #b41911;}
	main #works h4{position: relative;width: 85%;margin:0 auto 80px auto;padding: 0 ;color:white;font-size: 38px;letter-spacing: 6px;font-weight: normal;}
	main #works h4::after{content:'';position: absolute;bottom: -30px;left: 0%;width: 60px;height: 1px;background: white}
	main #works h4 span{display: block; margin:0 auto 0px auto;padding: 0 ;color:white;font-size: 18px;letter-spacing: 2px;font-weight: normal;}
	main #works #inner{width:85%;margin:0 auto }
	main #works #inner section{display: inline-block;width:30%;vertical-align: top}
	main #works #inner section:first-of-type{margin:0 3% 0 0 ;}
	main #works #inner section:nth-of-type(2){margin:40px 3% 0 0 ;}
	main #works #inner section:last-of-type{margin:80px 0 0 0;}
	main #works #inner section figure{width:100%;margin: 0 auto 20px auto;padding:0px 0 0 0;}
	main #works #inner section figure img{width:100%;height:420px;object-fit: cover;margin: 0;padding:0px 0 0 0;}
	main #works #inner section h5{margin:0 auto 0px auto;padding: 0 ;color:white;font-size: 18px;letter-spacing: 2px;font-weight: normal;}
	main #works #inner section p{position: relative;margin: 0;padding:0px 0 0 40px;font-size: 70px;letter-spacing: 0px;color:#bf3f3c;}
	main #works #inner section p::after{content:'#';position: absolute;top:10px;left: 0%;font-size: 50px;}
	
	main #company_strength{width: 90%;margin:100px auto 0px auto;padding:80px 0 80px 0;background: #b41911;}
	main #company_strength h4{position: relative;margin:0 auto 80px auto;padding: 0 ;color:white;font-size: 38px;letter-spacing:6px;font-weight: normal;text-align: center;}
	main #company_strength h4::after{content:'';position: absolute;bottom: -30px;left: 50%; transform: translate(-50%, 0%);width: 60px;height: 1px;background: white}
	main #company_strength h4 span{display: block; margin:0 auto 0px auto;padding: 0 ;color:white;font-size: 18px;letter-spacing: 2px;font-weight: normal;}
	main #company_strength #inner{width:60%;min-width: 800px; margin:0 auto;background: url("../img/point_image01.jpg") no-repeat;background-position: 50% 50%;background-size: 100% auto; }
	main #company_strength #inner h5{margin:0 auto 0px auto;padding: 80px 0 70px 0;color: #b41911;font-size: 22px;letter-spacing: 3px;line-height: 20px; text-align: center;font-weight:normal;border-bottom: 3px solid #b41911; }	
	main #company_strength #inner h5:first-of-type{background: url("../img/point_number01.png") no-repeat;background-position: 50% 50%;background-size: auto 70%;}
	main #company_strength #inner h5:nth-of-type(2){background: url("../img/point_number02.png") no-repeat;background-position: 50% 50%;background-size: auto 70%;}
	main #company_strength #inner h5:last-of-type{background: url("../img/point_number03.png") no-repeat;background-position: 50% 50%;background-size: auto 70%;}
	
	main #company{position: relative;width: 100%;min-height: 800px;;margin:100px auto 0px auto;padding:0px 0 0 0;}
	main #company::before {    content:"";    display: block;    padding-top: 50%; }
	main #company figure{position:absolute;bottom:0%;right:60%;width:35%;height: 80%; margin: 0;padding:0px 0 0 0;z-index: 1}
	main #company figure img{ width: 100%;height: 100%;object-fit: cover;margin: 0;padding:0px 0 0 0;}
	main #company #text{position:absolute;top:0%;right: 00%;width:55%;height: 90%; margin: 0;padding:0px 0% 0 10%;background: #b41911;/*直下の#innerに対する中寄せ*/display: flex;  align-items: center;}		
	main #company #text #inner{ }
	main #company #text #inner h4{position: relative;margin:0 auto 80px auto;padding: 0 ;color:white;font-size: 38px;letter-spacing: 6px;font-weight: normal;}
	main #company #text #inner h4::after{content:'';position: absolute;bottom: -30px;left: 0%;width: 60px;height: 1px;background: white}
	main #company #text #inner h5{margin:0 auto 10px auto;padding: 0 ;color:white;font-size: 20px;letter-spacing: 3px;font-weight: normal;}
	main #company #text #inner p{margin:0px auto 50px auto;padding: 0;color:white;font-size: 16px;letter-spacing: 3px;}
	main #company #text #inner p span{font-size: 12px;margin: 0 10px 0 0}
	main #company #text #inner dl{display: flex;flex-wrap: wrap;width: 50%;min-width:500px ; margin: 0 auto 0 0;padding: 0;}
	main #company #text #inner dl dt{width: 25%;margin: 0 auto;padding:20px 0;border-bottom: 1px solid #db655f;color:white;font-size: 14px;letter-spacing: 1px;}
	main #company #text #inner dl dt:last-of-type{border-bottom:none}
	main #company #text #inner dl dd{width: 75%;margin: 0 auto;padding:20px 0;border-bottom: 1px solid #db655f;color:white;font-size: 14px;letter-spacing: 1px;}
	main #company #text #inner dl dd:last-of-type{border-bottom:none}
	
	main #contact{width: 65%;margin:100px auto 80px auto;padding:80px 80px 50px 80px;background: #b41911;font-size: 0;}
	main #contact #text{display:inline-block;width: 50%;margin: 0;padding: 0;}
	main #contact #text h6{position: relative;margin:0 auto 80px auto;padding: 0 ;color:white;font-size: 28px;letter-spacing: 3px;font-weight: normal;}
	main #contact #text h6::after{content:'';position: absolute;bottom: -30px;left: 0%;width: 60px;height: 1px;background: white}
	main #contact #text h6 span{display: block; margin:0 auto 0px auto;padding: 0 ;color:white;font-size: 14px;letter-spacing: 2px;font-weight: normal;}
	main #contact #text p{margin:0px auto 0px auto;padding: 0;color:white;font-size: 14px;letter-spacing: 2px;}
	main #contact #button{display:inline-block;width: 50%;margin: 0;padding: 0;vertical-align: top}
	main #contact #button a{display: block;padding: 40px 0; text-align: center;border: 1px solid #db655f;color:white;text-decoration: none}
	main #contact #button a .fa-envelope{ font-size: 32px;}
	main #contact #button a span{display: block;font-size: 14px;letter-spacing: 1px;margin-top:10px;}
	main #contact #button a:hover{background:#d11516;}
}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	.scroll{display:inline-block;position:absolute;right:2%;bottom:0;padding:0px 0px 80px 0px;overflow:hidden;color:white;font-size:11px;line-height:1;letter-spacing:0px;text-decoration: none}
	.scroll::before {  content: '';  position: absolute;  bottom: 0;  left: 50%;  width: 1px;  height: 50px; background: rgba(255,255,255, .9);}
	.scroll::after {  content: '';  position: absolute;  bottom: 0;  left: 50%;  width: 1px;  height: 50px;  background:#db655f;animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;}
	.scroll:hover{color:#db655f}
	
	header{margin: 0 auto;padding:0px ;font-size: 0}
	header #inner{position: relative;height: 100vh;margin: 0 auto;padding:0px ;}
	
	header #inner #background{position: absolute;bottom:0%;left:0%;width: 90%;height:80vh;background: white}
	
	header #inner #image{position: absolute;top:10%;right:0%;width: 80%;height:80vh;}
	header #inner #image .image_slider {	width:100%;height: 100%;margin: 0;}	
	header #inner #image .image_slider div{position: relative;width:100%;height: 100%; margin: 0 auto;padding: 0;overflow: hidden}		
	header #inner #image .image_slider div img{width:100%;height:100%;margin: 0 ;padding: 0;object-fit: cover;}
	
	header #inner #catch_copy{position: absolute;top: 50%;    left: 5%;    transform: translate(0%, -50%);}
	header #inner #catch_copy p{margin:0 auto 10px auto;padding: 0;color:#db655f;font-size: 20px;letter-spacing:2px;overflow: hidden;    display: inline-block;}
	header #inner #catch_copy p span{ display: inline-block;}
	header #inner #catch_copy h2{margin:0;padding: 0;color:#c30d23;font-size: 36px;letter-spacing:1px;font-weight: normal}
	
	header #inner #news{    position: absolute;    bottom: 3%;    left: 50px;   font-size: 0}
	header #inner #news h3{display:inline-block;margin:0 30px 0 0;padding: 0;font-size: 14px;color: #b41911;font-weight: normal}
	header #inner #news #article{display: inline-block;margin:0;padding: 0;font-size: 14px;letter-spacing: 1px; color: #727171;}
	
	main #concept{position: relative;width: 100%;max-width: :700px;min-height: 600px;;margin:100px auto 0px auto;padding:0px 0 0 0;}
	main #concept::before {    content:"";    display: block;    padding-top: 32%; }
	main #concept figure{position:absolute;bottom:0%;left:0%;width:40%;height: 80%; margin: 0;padding:0px 0 0 0;z-index: 1}
	main #concept figure img{ width: 100%;height: 100%;object-fit: cover;margin: 0;padding:0px 0 0 0;}
	main #concept #text{position:absolute;top:0%;right: 00%;width:55%;height: 85%; margin: 0;padding:0px 0% 0 10%;background: #b41911;/*直下の#innerに対する中寄せ*/display: flex;  align-items: center;}		
	main #concept #text #inner{text-align: center }
	main #concept #text #inner h4{position: relative;margin:0 auto 80px auto;padding: 0 ;color:white;font-size: 38px;letter-spacing: 6px;font-weight: normal;}
	main #concept #text #inner h4::after{content:'';position: absolute;bottom: -30px;left: 50%;transform: translate(-50%, 0%);width: 60px;height: 1px;background: white}
	main #concept #text #inner p{margin:30px auto 0px auto;padding: 0;color:white;font-size: 16px;letter-spacing: 2px;}
	
	main #works{width: 95%;margin:100px auto 0px 0;padding:80px 0 50px 0;background: #b41911;}
	main #works h4{position: relative;width: 85%;margin:0 auto 80px auto;padding: 0 ;color:white;font-size: 38px;letter-spacing: 6px;font-weight: normal;}
	main #works h4::after{content:'';position: absolute;bottom: -30px;left: 0%;width: 60px;height: 1px;background: white}
	main #works h4 span{display: block; margin:0 auto 0px auto;padding: 0 ;color:white;font-size: 18px;letter-spacing: 2px;font-weight: normal;}
	main #works #inner{width:85%;margin:0 auto }
	main #works #inner section{width:80%;}
	main #works #inner section:first-of-type{margin:0 auto 30px 0 ;}
	main #works #inner section:nth-of-type(2){margin:0px auto 30px auto;}
	main #works #inner section:last-of-type{margin:0px 0 30px auto;}
	main #works #inner section figure{width:100%;margin: 0 auto 0px auto;padding:0px 0 0 0;}
	main #works #inner section figure img{width:100%;height:220px;object-fit: cover;margin: 0;padding:0px 0 0 0;}
	main #works #inner section h5{margin:0 auto 0px auto;padding: 0 ;color:white;font-size: 18px;letter-spacing: 1px;font-weight: normal;}
	main #works #inner section p{position: relative;margin: 0;padding:0px 0 0 30px;font-size: 50px;letter-spacing: 0px;color:#bf3f3c;line-height: 50px;}
	main #works #inner section p::after{content:'#';position: absolute;top:0px;left: 0%;font-size: 40px;}
	
	main #company_strength{width: 90%;margin:100px auto 0px auto;padding:80px 0 80px 0;background: #b41911;}
	main #company_strength h4{position: relative;margin:0 auto 80px auto;padding: 0 ;color:white;font-size: 38px;letter-spacing:6px;font-weight: normal;text-align: center;}
	main #company_strength h4::after{content:'';position: absolute;bottom: -30px;left: 50%; transform: translate(-50%, 0%);width: 60px;height: 1px;background: white}
	main #company_strength h4 span{display: block; margin:0 auto 0px auto;padding: 0 ;color:white;font-size: 18px;letter-spacing: 2px;font-weight: normal;}
	main #company_strength #inner{width:80%; margin:0 auto;background: url("../img/point_image01.jpg") no-repeat;background-position: 50% 50%;background-size:cover; }
	main #company_strength #inner h5{margin:0 auto 0px auto;padding: 80px 0 70px 0;color: #b41911;font-size: 20px;letter-spacing: 3px;line-height: 20px; text-align: center;font-weight:normal;border-bottom: 3px solid #b41911; }	
	main #company_strength #inner h5:first-of-type{background: url("../img/point_number01.png") no-repeat;background-position: 50% 50%;background-size: auto 70%;}
	main #company_strength #inner h5:nth-of-type(2){background: url("../img/point_number02.png") no-repeat;background-position: 50% 50%;background-size: auto 70%;}
	main #company_strength #inner h5:last-of-type{background: url("../img/point_number03.png") no-repeat;background-position: 50% 50%;background-size: auto 70%;}
	
	main #company{position: relative;width: 100%;min-height: 800px;;margin:100px auto 0px auto;padding:0px 0 0 0;}
	main #company::before {    content:"";    display: block;    padding-top: 60%; }
	main #company figure{position:absolute;bottom:0%;left:0%;width:40%;height: 80%;  margin: 0;padding:0px 0 0 0;z-index: 1}
	main #company figure img{ width: 100%;height: 100%;object-fit: cover;margin: 0;padding:0px 0 0 0;}
	main #company #text{position:absolute;top:0%;right: 00%;width:55%;height: 90%; margin: 0;padding:0px 0% 0 10%;background: #b41911;/*直下の#innerに対する中寄せ*/display: flex;  align-items: center;}		
	main #company #text #inner{ }
	main #company #text #inner h4{position: relative;margin:0 auto 80px auto;padding: 0 ;color:white;font-size: 38px;letter-spacing: 6px;font-weight: normal;}
	main #company #text #inner h4::after{content:'';position: absolute;bottom: -30px;left: 0%;width: 60px;height: 1px;background: white}
	main #company #text #inner h5{margin:0 auto 10px auto;padding: 0 ;color:white;font-size: 20px;letter-spacing: 3px;font-weight: normal;}
	main #company #text #inner p{margin:0px auto 30px auto;padding: 0;color:white;font-size: 16px;letter-spacing: 3px;}
	main #company #text #inner p span{font-size: 12px;margin: 0 10px 0 0}
	main #company #text #inner dl{display: flex;flex-wrap: wrap;width: 90%; margin: 0 auto 0 0;padding: 0;}
	main #company #text #inner dl dt{width: 22%;margin: 0 auto;padding:20px 0;border-bottom: 1px solid #db655f;color:white;font-size: 13px;letter-spacing: 1px;}
	main #company #text #inner dl dt:last-of-type{border-bottom:none}
	main #company #text #inner dl dd{width: 78%;margin: 0 auto;padding:20px 0;border-bottom: 1px solid #db655f;color:white;font-size: 13px;letter-spacing: 1px;}
	main #company #text #inner dl dd:last-of-type{border-bottom:none}
	
	main #contact{width: 80%;margin:100px auto 80px auto;padding:80px 40px 50px 40px;background: #b41911;font-size: 0;}
	main #contact #text{display:inline-block;width: 45%;margin: 0 5% 0 0;padding: 0;}
	main #contact #text h6{position: relative;margin:0 auto 80px auto;padding: 0 ;color:white;font-size: 28px;letter-spacing: 3px;font-weight: normal;}
	main #contact #text h6::after{content:'';position: absolute;bottom: -30px;left: 0%;width: 60px;height: 1px;background: white}
	main #contact #text h6 span{display: block; margin:0 auto 0px auto;padding: 0 ;color:white;font-size: 14px;letter-spacing: 2px;font-weight: normal;}
	main #contact #text p{margin:0px auto 0px auto;padding: 0;color:white;font-size: 14px;letter-spacing: 2px;}
	main #contact #button{display:inline-block;width: 50%;margin: 0;padding: 0;vertical-align: top}
	main #contact #button a{display: block;padding: 40px 0; text-align: center;border: 1px solid #db655f;color: white;text-decoration: none}
	main #contact #button a .fa-envelope{ font-size: 28px;}
	main #contact #button a span{display: block;font-size: 12px;letter-spacing: 1px;margin-top:10px;}
	main #contact #button a:hover{background:#d11516;}
}

@media (max-width: 700px) {
	.scroll{display:inline-block;position:absolute;right:4%;bottom:0;padding:0px 0px 80px 0px;overflow:hidden;color:#b41911;font-size:11px;line-height:1;letter-spacing:2px;text-transform:uppercase;text-decoration: none; writing-mode: vertical-lr;}
	.scroll::before {  content: '';  position: absolute;  bottom: 0;  left: 50%;  width: 1px;  height: 60px; background: rgba(255,255,255, .9);}
	.scroll::after {  content: '';  position: absolute;  bottom: 0;  left: 50%;  width: 1px;  height: 60px;  background:#db655f;animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;}
	.scroll:hover{color:#db655f}
	
	header{margin: 0 auto;padding:0px ;font-size: 0}
	header #inner{position: relative;height: 100vh;margin: 0 auto;padding:0px ;}
	
	header #inner #background{display: none}
	
	header #inner #image{position: absolute;bottom:0px;right:0%;width: 100%;height:100vh;}
	header #inner #image .image_slider {	width:100%;height: 100%;margin: 0;}	
	header #inner #image .image_slider div{position: relative;width:100%;height: 100%; margin: 0 auto;padding: 0;overflow: hidden}		
	header #inner #image .image_slider div img{width:100%;height:100%;margin: 0 ;padding: 0;object-fit: cover;}
	
	header #inner #catch_copy{position: absolute;top: 50%;    left: 5%;  width: 90%;  transform: translate(0%, -50%);}
	header #inner #catch_copy p{margin:0 auto 10px auto;padding: 0;color:#db655f;font-size:14px;letter-spacing:1px;overflow: hidden;    display: inline-block;}
	header #inner #catch_copy p span{ display: inline-block;}
	header #inner #catch_copy h2{margin:0;padding: 0;color:#c30d23;font-size: 20px;letter-spacing:1px;font-weight: normal}
	
	header #inner #news{    position: absolute;    bottom: 0%;    left: 0%;width: 80%;padding: 30px 0; background:  #d11516; font-size: 0}
	header #inner #news h3{width: 90%;margin:0 auto 10px auto;padding: 0;font-size: 14px;color:white ;font-weight: normal}
	header #inner #news #article{width: 90%;margin:0 auto;padding: 0;font-size: 12px;letter-spacing: 1px; color:white;}
	
	main #concept{width: 100%;margin:0px auto 30px auto;padding:50px 0 0 0;}
	main #concept figure{position: relative;width:95%;margin: 0 auto 0 0;padding:0px 0 0 0;}
	main #concept figure img{ width: 80%;margin: 0 auto;padding:0px 0 0 0;}
	main #concept figure::before{ content:"";position: absolute;top: 0;left: 0%;width: 100%;height: 100px;background: #b41911;z-index: -1}
	main #concept #text{width:90%; margin:0 auto;padding:50px 0%;background: #b41911;}		
	main #concept #text #inner{text-align: center }
	main #concept #text #inner h4{position: relative;margin:0 auto 50px auto;padding: 0 ;color:white;font-size: 22px;letter-spacing: 2px;font-weight: normal;}
	main #concept #text #inner h4::after{content:'';position: absolute;bottom: -20px;left: 50%;transform: translate(-50%, 0%);width: 60px;height: 1px;background: white}
	main #concept #text #inner p{margin:30px auto 0px auto;padding: 0;color:white;font-size: 14px;letter-spacing: 2px;}
	
	main #works{width: 95%;margin:0px auto 0px 0;padding:50px 0 30px 0;background: #b41911;}
	main #works h4{position: relative;width: 85%;margin:0 auto 50px auto;padding: 0 ;color:white;font-size: 22px;letter-spacing: 2px;font-weight: normal;}
	main #works h4::after{content:'';position: absolute;bottom: -20px;left: 0%;width: 60px;height: 1px;background: white}
	main #works h4 span{display: block; margin:0 auto 0px auto;padding: 0 ;color:white;font-size: 14px;letter-spacing: 1px;font-weight: normal;}
	main #works #inner{width:85%;margin:0 auto }
	main #works #inner section{width:100%;margin:0px auto 20px auto;}
	main #works #inner section figure{width:100%;margin: 0 auto 0px auto;padding:0px 0 0 0;}
	main #works #inner section figure img{width:100%;height:200px;object-fit: cover;margin: 0;padding:0px 0 0 0;}
	main #works #inner section h5{margin:0 auto 0px auto;padding: 0 ;color:white;font-size: 16px;letter-spacing: 0px;font-weight: normal;}
	main #works #inner section p{position: relative;margin: 0;padding:0px 0 0 20px;font-size: 40px;letter-spacing: 0px;color:#bf3f3c;line-height: 40px;}
	main #works #inner section p::after{content:'#';position: absolute;top:0px;left: 0%;font-size: 30px;}
	
	main #company_strength{width: 90%;margin:50px auto 0px auto;padding:50px 0 30px 0;background: #b41911;}
	main #company_strength h4{position: relative;margin:0 auto 50px auto;padding: 0 ;color:white;font-size: 22px;letter-spacing: 2px;font-weight: normal;text-align: center;}
	main #company_strength h4::after{content:'';position: absolute;bottom: -20px;left: 50%; transform: translate(-50%, 0%);width: 60px;height: 1px;background: white}
	main #company_strength h4 span{display: block; margin:0 auto 0px auto;padding: 0 ;color:white;font-size: 14px;letter-spacing: 1px;font-weight: normal;}
	main #company_strength #inner{width:88%; margin:0 auto;background: url("../img/point_image01.jpg") no-repeat;background-position: 50% 50%;background-size:cover; }
	main #company_strength #inner h5{margin:0 auto 0px auto;padding: 40px 0 30px 0;color: #b41911;font-size: 16px;letter-spacing: 1px;text-align: center;font-weight:normal;border-bottom: 3px solid #b41911; }	
	main #company_strength #inner h5:first-of-type{background: url("../img/point_number01.png") no-repeat;background-position: 50% 50%;background-size: auto 70%;}
	main #company_strength #inner h5:nth-of-type(2){background: url("../img/point_number02.png") no-repeat;background-position: 50% 50%;background-size: auto 70%;}
	main #company_strength #inner h5:last-of-type{background: url("../img/point_number03.png") no-repeat;background-position: 50% 50%;background-size: auto 70%;}
	
	main #company{width: 100%;margin:50px auto 0px auto;padding:0px 0 0 0;}	
	main #company figure{position: relative;width:95%;margin: 0 auto 0 0;padding:0px 0 0 0;}
	main #company figure img{width: 80%;margin: 0 auto;padding:0px 0 0 0;}
	main #company figure::before{ content:"";position: absolute;top: 0;left: 0%;width: 100%;height: 100px;background: #b41911;z-index: -1}
	main #company #text{width:90%; margin:0 auto;padding:50px 0 20px 0;background: #b41911;}		
	main #company #text #inner{ }
	main #company #text #inner h4{position: relative;margin:0 auto 50px auto;padding: 0 ;color:white;font-size: 22px;letter-spacing: 2px;font-weight: normal;text-align: center;}
	main #company #text #inner h4::after{content:'';position: absolute;bottom: -20px;left: 50%; transform: translate(-50%, 0%);width: 60px;height: 1px;background: white}
	main #company #text #inner h5{margin:0 auto 10px auto;padding: 0 ;color:white;font-size: 16px;letter-spacing: 1px;font-weight: normal;text-align: center;}
	main #company #text #inner p{margin:0px auto 20px auto;padding: 0;color:white;font-size: 14px;letter-spacing: 1px;text-align: center;}
	main #company #text #inner p span{font-size: 12px;margin: 0 10px 0 0}
	main #company #text #inner dl{display: flex;flex-wrap: wrap;width: 88%; margin: 0 auto ;padding: 0;}
	main #company #text #inner dl dt{width: 100%;margin: 0 auto;padding:0px 0 10px 0;border-bottom: 1px solid #db655f;color:white;font-size: 14px;letter-spacing: 1px;}	
	main #company #text #inner dl dd{width: 100%;margin: 0 auto 20px auto;padding:10px 0 0px 0;color:white;font-size: 14px;letter-spacing: 1px;}
	
	main #contact{width: 90%;margin:50px auto 80px auto;padding:50px 00px 30px 00px;background: #b41911;font-size: 0;}
	main #contact #text{width: 95%;margin: 0 auto 20px auto;padding: 0;}
	main #contact #text h6{position: relative;margin:0 auto 50px auto;padding: 0 ;color:white;font-size: 22px;letter-spacing: 2px;font-weight: normal;text-align: center;}
	main #contact #text h6::after{content:'';position: absolute;bottom: -20px;left: 50%; transform: translate(-50%, 0%);width: 60px;height: 1px;background: white}
	main #contact #text h6 span{display: block; margin:0 auto 0px auto;padding: 0 ;color:white;font-size: 14px;letter-spacing: 2px;font-weight: normal;}
	main #contact #text p{margin:0px auto 0px auto;padding: 0;color:white;font-size: 14px;letter-spacing: 0px;text-align: center;}
	main #contact #button{width: 80%;margin: 0 auto;padding: 0;}
	main #contact #button a{display: block;padding: 20px 0; text-align: center;border: 1px solid #db655f;color: white;text-decoration: none}
	main #contact #button a .fa-envelope{ font-size: 22px;}
	main #contact #button a span{display: block;font-size: 12px;letter-spacing: 1px;margin-top:10px;}
	main #contact #button a:hover{background:#d11516;}
}