@charset "utf-8";

/* talk
-----------------------------------------------------------------*/
.talk .main_right{
  background-color: #F2F0F0;
}

/* #Sec01
-----------------------------------------------------------------*/
.talk #Sec01{
  padding: 0 50px;
}
.talk #Sec01 .inner{
  max-width: 670px;
  margin: 0 auto;
  position: relative;
  padding: 30px 0 80px;
}
.talk #Sec01 h3.ttl{
  top: 37px;
}
.talk #Sec01 p.ttl{
  font-size: 2rem;
  text-align: center;
  font-weight: 400;
  margin-top: 50px;
}
.talk #Sec01 .txt{
	font-size: 1.6rem;
  font-weight: 400;
	margin-top: 50px;
}
.talk #Sec01 .member_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
.talk #Sec01 .member_box .cross{
  width: 15%;
}
.talk #Sec01 .member_box .cross img{
  width: 100%;
  height: auto;
}
.talk #Sec01 .member_area{
  width: 38%;
}
.talk #Sec01 .member_box .member{
  margin-top: 40px;
}
.talk #Sec01 .member_box .img{

}
.talk #Sec01 .member_box .img img{
  width: 100%;
  height: auto;
}
.talk #Sec01 .member_box .member_txt{
  line-height: 2.2rem;
  margin-top: 15px;
}

.talk #Sec01 .talk_box .talk_ttl{
  font-size: 2rem;
  color: #2B8857;
  margin-top: 60px;
}
.talk #Sec01 .talk_box .talk_ttl span{
  color: #FF3302;
}
.talk #Sec01 .talk_box table{
  margin-top: 20px;
}
.talk #Sec01 .talk_box table th{
  width: 125px;
  text-align: left;
  font-weight: 500;
  padding: 15px 0;
}
.talk #Sec01 .talk_box table td{
  font-weight: 400;
  padding: 15px 0;
}
.talk #Sec01 .talk_box .img_box_01{
  width: calc( 100% - 125px);
  display: flex;
  justify-content: space-between;
  margin-left: 125px;
  margin-top: 20px;
}
.talk #Sec01 .talk_box .img_box_01 img{
  width: 100%;
  height: auto;
}
.talk #Sec01 .talk_box .img_box_01 .img_01{
  width: 40.2%;
}
.talk #Sec01 .talk_box .img_box_01 .img_02{
  width: 55%;
}

.talk #Sec01 .talk_box .img_box_02{
  width: calc( 100% - 125px);
  margin-left: 125px;
  position: relative;
  margin-top: 20px;
}
.talk #Sec01 .talk_box .img_box_02 img{
  width: 100%;
  height: auto;
}
.talk #Sec01 .talk_box .img_box_02 .img_01{
  width: 75%;
  position: relative;
  z-index: 2;
}
.talk #Sec01 .talk_box .img_box_02 .img_02{
  width: 100%;
  position: absolute;
  right: -90px;
  bottom: -20px;
}

.talk #Sec01 .talk_box .img_box_03{
  width: calc( 100% - 125px);
  margin-left: 125px;
  position: relative;
  margin-top: 20px;
}
.talk #Sec01 .talk_box .img_box_03 img{
  width: 100%;
  height: auto;
}
.talk #Sec01 .talk_box .img_box_03 .img_01{
  width: 75%;
  position: relative;
  z-index: 2;
  margin-left: 25%;
}
.talk #Sec01 .talk_box .img_box_03 .img_02{
  width: calc( 100% + 90px );
  position: absolute;
  right: -90px;
  bottom: -20px;
}

.talk #Sec01 .talk_box .img_box_04{
  margin-top: 20px;
}
.talk #Sec01 .talk_box .img_box_04 img{
  width: 100%;
  height: auto;
}

.talk #Sec01 .gr_btn_un {
    margin-top: 60px;
}

@media screen and (max-width: 1100px) {
/* 1100pxまでの幅の場合に適応される */

/* 1100pxまでの幅の場合に適応される */
}

@media screen and (max-width: 980px) {
/* 980pxまでの幅の場合に適応される */

.talk #Sec01 h2.ttl {
    margin-top: 100px;
}

/* 980pxまでの幅の場合に適応される */
}

@media screen and (max-width: 767px) {
/* 767pxまでの幅の場合に適応される */

/* #Sec01
-----------------------------------------------------------------*/
.talk #Sec01{
  padding: 0 20px;
}
.talk #Sec01 .inner{
  padding: 20px 0 20px;
}
.talk #Sec01 h2.ttl{
	font-size: 1.6rem;
	margin-top: 55px;
}
.talk #Sec01 h3.ttl{
	top: 20px;
}
.talk #Sec01 p.ttl{
  margin-top: 30px;
}
.talk #Sec01 .txt {
  font-size: 1.6rem;
  font-weight: 400;
  margin-top: 30px;
}

.talk #Sec01 .member_box .cross{
  width: 10%;
}
.talk #Sec01 .member_box .cross img{
  width: 100%;
  height: auto;
}
.talk #Sec01 .member_area{
  width: 42%;
}
.talk #Sec01 .member_box .member{
  margin-top: 30px;
}
.talk #Sec01 .member_box .img{

}
.talk #Sec01 .member_box .img img{
  width: 100%;
  height: auto;
}
.talk #Sec01 .member_box .member_txt{
  line-height: 2rem;
  margin-top: 15px;
}

.talk #Sec01 .talk_box .talk_ttl{
  font-size: 1.8rem;
  margin-top: 40px;
}
.talk #Sec01 .talk_box .talk_ttl span{
  color: #FF3302;
}
.talk #Sec01 .talk_box table{
  margin-top: 10px;
}
.talk #Sec01 .talk_box table th{
  width: 60px;
}
.talk #Sec01 .talk_box .img_box_01{
  width: calc( 100% - 60px);
  display: flex;
  justify-content: space-between;
  margin-left: 60px;
  margin-top: 20px;
}
.talk #Sec01 .talk_box .img_box_01 .img_01{
  width: 40.2%;
}
.talk #Sec01 .talk_box .img_box_01 .img_02{
  width: 55%;
}

.talk #Sec01 .talk_box .img_box_02{
  width: calc( 100% - 60px);
  margin-left: 60px;
  position: relative;
  margin-top: 20px;
}
.talk #Sec01 .talk_box .img_box_02 .img_01{
  width: 75%;
  position: relative;
  z-index: 2;
}
.talk #Sec01 .talk_box .img_box_02 .img_02{
  width: 100%;
  position: absolute;
  right: -60px;
  bottom: -10px;
}

.talk #Sec01 .talk_box .img_box_03{
  width: calc( 100% - 60px);
  margin-left: 60px;
  position: relative;
  margin-top: 20px;
}
.talk #Sec01 .talk_box .img_box_03 img{
  width: 100%;
  height: auto;
}
.talk #Sec01 .talk_box .img_box_03 .img_01{
  width: 75%;
  position: relative;
  z-index: 2;
  margin-left: 25%;
}
.talk #Sec01 .talk_box .img_box_03 .img_02{
  width: calc( 100% + 60px );
  position: absolute;
  right: -60px;
  bottom: -10px;
}

.talk #Sec01 .talk_box .img_box_04{
  margin-top: 20px;
}
.talk #Sec01 .talk_box .img_box_04 img{
  width: 100%;
  height: auto;
}

.talk #Sec01 .gr_btn_un {
    margin-top: 40px;
}

/* 767pxまでの幅の場合に適応される */
}


@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */


/* 640pxまでの幅の場合に適応される */
}