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


/* INDEXアニメーション */
#animation_container { width: 100% !important; height: auto !important}
#canvas {width: 100% !important; height: auto !important}
#dom_overlay_container {width: 100% !important; height: auto !important}


/* IndexContents-01 */
.IndexContents-01 {width: 100%;}

.dx-inner { width: 100%; overflow: hidden}
.dx-1 {width: 15%; float: left }

.dx-2 {width: 75%; float: right; margin-bottom: 20px}
.dx-2 h1 { width: 100%; margin-bottom: 20px}

.dx-3 {width: 70%; margin: 0 auto}


/* IndexContents-02 */
.IndexContents-02 {z-index: 999; position: relative; width: 100%}
.service-inner { width: 90%; margin: 0 auto; background-color: #F6F6F6 ;border-radius: 50px; padding: 40px }


ul.service-ul { margin-bottom: 20px; }
ul.service-ul li { width: 100%; margin: 0 auto; background-color: #FFFFFF; border-radius: 50px; padding: 30px; text-align: center; margin-bottom: 40px !important}
.service-icon img { width: 80%}
ul.service-ul li h2 {margin-bottom: 20px }

.h1-bottom-border {
  position: relative;
  border-bottom: 2px solid #ccc; width: 50%; margin-bottom: 40px
}

.h1-bottom-border:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 50%;
  height: 2px;
  content: '';
  background: #BA1F23;
}

.h1-bottom-border-center {
  position: relative;
  border-bottom: 2px solid #ccc; width: 50%; margin: 0 auto
}

.h1-bottom-border-center:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 50%;
  height: 2px;
  content: '';
  background: #BA1F23;
}


/* IndexContents-03 */
.IndexContents-03 { width: 100% }

.IndexContents-03-inner { width: 100%; margin-top: -200px;  background-image: url("../img/index-performance-bg.jpg"); 
	background-repeat: no-repeat; background-position: center; background-size:auto; 
                 padding: 300px 10px 60px 10px; z-index: 222}

.BoxL-55-03-inner {width: 90%; margin: 0 auto; color: #fff }
.BoxR-55-03-inner {width: 90%; margin: 0 auto; background-color: #F6F6F6; border-radius: 50px; padding: 60px 40px 20px 40px  }

.h3-top-border { position: relative; border-bottom: 1px solid #000; width: 100%; margin-bottom: 40px;
}

.h3-top-border:before { position: absolute; bottom: -15px; left: 0; width: 80%; height: 30px;
  content: ''; background: #000; 
}

.h3-top-border-span  { position: absolute; top:-9px; color: #fff; left:10px; font-size: 1.2rem;
	                                 font-weight: bold}

.performance-inner { width: 100%; margin-bottom: 60px}

.Index-performance-icon { text-align: center; margin-bottom: 20px}
.Index-performance-icon img {width: 50%;}

.Index-performance-R h3 {margin-bottom: 20px}


/* IndexContents-04 */
.IndexContents-04 { width: 100%; overflow: hidden}
.IndexContents-04-inner { width: 100%;}
.IndexRecruit-L	{ padding: 60px}
.IndexRecruit-R	{ width: 90%; margin: 0 auto}


/* IndexContents-05 */
.IndexContents-05 { width: 100% }
.IndexContents-05-inner { width: 90%; margin: 0 auto; background-color: #F6F6F6 ;border-radius: 50px; padding: 40px; text-align: center}






/* width 769以上　1024px未満 */

@media screen and (min-width : 769px){	
	
	
/* IndexContents-01 */
.dx-inner { width: 58%; float: left}

.dx-2 h1 { margin-bottom: 20px}

.dx-3 {width: 40%; float: right; text-align: center}
.dx-3 img { width: 60%}	
	

/* IndexContents-02 */
.service-inner { width: 80%; margin: 0 auto; background-color: #F6F6F6 ;border-radius: 50px; padding:60px }
	
ul.service-ul {display: flex; align-items: stretch;}	

ul.service-ul li { width: 80%; background-color: #FFFFFF; border-radius: 50px; padding: 30px; text-align: center; margin-bottom: 40px !important; margin-right: 20px}
.service-icon img { width: 80%}
ul.service-ul li h2 {margin-bottom: 20px }	

.h1-bottom-border {width: 30%}	
	

/* IndexContents-03 */	
.IndexContents-03-inner { margin-top: -400px; background-image: url("../img/index-performance-bg.jpg"); background-repeat: no-repeat; padding: 500px 0px 120px 10px;}	
	
.BoxL-55-03-inner {width: 80%; float: right}
.BoxR-55-03-inner {width: 90%; float: right; border-radius: 50px 0px 0px 50px; padding: 80px 60px 0px 60px}

.Index-performance-icon { text-align: left; margin-bottom: 0px}
.Index-performance-icon img {width: 90%;}

.Index-performance-R h3 {margin-bottom: 20px; font-size: 2.0rem}
	
.h3-top-border:before { max-width: 50%
}
	
	
/* IndexContents-04 */
.IndexContents-04-inner { padding: 120px 60px 120px 120px}	
	
.IndexRecruit-L	{ padding: 0px}
.IndexRecruit-L img	{ width: 80%}	
.IndexRecruit-R	{ }

	
/* IndexContents-05 */
.IndexContents-05-inner { width: 80%; margin: 0 auto; background-color: #F6F6F6 ;border-radius: 50px; padding:60px}
	
	
	
	
	
	
	
	
	
	
	

}	

	

















/* width 1000以上 */

@media screen and (min-width : 1000px){	
	

	
	
}