@charset "UTF-8";
/* CSS Document */
#csrpage .labelstyle_B{
  height: 64px;
  margin-left: 20px;
  margin-bottom: 0;
}
#csrpage .labelstyle_B p{
  padding-left: 20px;
  margin-bottom: -6px;
  letter-spacing: 0.05em;
}




/*------ sub_img ------*/
.sub_img{
  background: url('../images/csr_main_img.jpg') no-repeat;
  background-size: cover;
  background-position: 10% 30%;
}



/*------ wrap_g_01 & 02 ------*/


.wrap_g_01, .wrap_g_02 {
	width: 96%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	padding-bottom: 0px;
	padding-top: 10px;
}
.wrap_g_02{
  padding-bottom: 30px;
}

.wrap_g_01 .labelstyle_A,
.wrap_g_02 .labelstyle_A {
	width: auto;
	height: 34px;
	padding: 4px;
	padding-bottom: 3px;
	letter-spacing: 0.05rem;
}

.g_left {
	width: 24%;
	position: relative;
	left:-2%;
}
.g_right {
	width: 76%;
  margin-top: 18px;

}
.g_right img{
	width: 100%;
  margin-top: 10px;
}

/*------ レスポンシブ------*/
@media screen and (max-width : 768px) {
/*------ wrap_g_01 & 02 ------*/
  .wrap_g_01,
  .wrap_g_02{
    width: 100%;
    flex-direction: column;
    padding-bottom: 0px;
  }
  .wrap_g_01 .labelstyle_A,
  .wrap_g_02 .labelstyle_A{
    width: 248px;
    height: 34px;
    padding: 4px;
    padding-bottom: 3px;
    margin-left: -6%;
    letter-spacing: 0;
  }
  .wrap_g_01 img{
    width:100%;
    margin: 0 auto;

  }
  .g_left,
  .g_right{
    width:100%;
  }
  .g_left{
    display: flex;
    flex-flow:column-reverse;
  }
  .g_textarea {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .g_textarea p{
    margin-bottom:14px;
  }


}