@charset "UTF-8";


@keyframes txtloop {
0% {
transform: translateX(100%);
}
to {
transform: translateX(-100%);
}
}

@keyframes txtloop2 {
0% {
transform: translateX(0);
}
to {
transform: translateX(-200%);
}
}


/*PC*/
@media print, screen and (min-width: 769px) {
#hed_wrap{
margin-bottom: 0;
}

#crosstalk{
position: relative;
margin: 0 auto;
overflow: hidden;
background: #F1F3FA;
padding:120px 0 120px;
box-sizing: border-box;
}

#crosstalk .flex_wrap{
width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#crosstalk .block{
width: 48%;
}

#crosstalk .block .ttl{
font-size: 2rem;
line-height: 1;
text-align: center;
margin: 0 0 30px;
}

#crosstalk .block .img{
width: 90%;
margin:0 auto 30px;
}

#crosstalk .block .img img{
border-radius: 1rem;
}

#crosstalk .block .txt{
font-size: 1.2rem;
line-height: 2;
text-align: center;
}

/*detail
-------------------------------------*/
#crosstalk .block2{
width: 1200px;
margin: 0 auto 60px;
}

#crosstalk .block2 .ttl2{
font-size: 2.2rem;
font-weight: 500;
line-height: 1;
text-align: center;
margin: 0 0 30px;
}


#crosstalk .block2 .img{
margin:0 0 30px;
}

#crosstalk .block2 .img img{
border-radius: 2rem;
}

#crosstalk .block2 .txt2{
font-size: 1.2rem;
line-height: 2;
text-align: center;
margin: 0 0 60px;
}

#crosstalk .block2 .crosstalkMember_ttl {
font-size: 1.6rem;
margin: 0 auto 40px;
display: flex;
}

#crosstalk .block2 .crosstalkMember_ttl span {
display: block;
padding-right: 20px;
padding-left: 20px;
white-space: nowrap;
font-weight: bold;
color: #443E6E;
}

#crosstalk .block2 .crosstalkMember_ttl:before {
top: 0;
bottom: 0;
margin: auto;
height: 1px;
width: 50%;
content: "";
background: #443E6E;
}

#crosstalk .block2 .crosstalkMember_ttl:after {
top: 0;
bottom: 0;
margin: auto;
height: 1px;
width: 50%;
content: "";
background: #443E6E;
}

#crosstalk .block2 .crosstalkMember_list{
display: flex;
flex-wrap: wrap;
justify-content:center;
width: 70%;
margin: auto;
}

#crosstalk .block2 .crosstalkMember_list li{
width: 29%;
margin: 0 2%;
text-align: center;
}

#crosstalk .block2 .crosstalkMember_list li .img{
margin: 0 0 20px;
}

#crosstalk .block2 .crosstalkMember_list li .img img{
border-radius: 1rem;
}

#crosstalk .block2 .crosstalkMember_list li h4{
font-size: 1.1rem;
font-weight: 500;
line-height: 1;
margin: 0 0 20px;
background:-webkit-linear-gradient(0deg, #6F59C5, #261551);
padding:10px;
border-radius: .5rem;
color: #FFF;
}

#crosstalk .block2 .crosstalkMember_list li h5{
font-size: 1.6rem;
font-weight: 400;
line-height: 1;
margin-bottom: 10px;
}

#crosstalk .block2 .crosstalkMember_list li h5 span{
display: block;
font-size: 1rem;
margin-top:10px;
}

#crosstalk .block2 .crosstalkMember_list li p{
font-size:1.2rem;
font-weight: 500;
}

#crosstalk .crosstalk_block{
width: 100%;
position: relative;
margin: 0 0 120px;
}

#crosstalk .crosstalk_block .crosstalk_block_theme{
padding-top: 44px;
padding-bottom: 44px;
background-color: #e2def9;
text-align: center;
margin: 0 0 40px;
}

#crosstalk .crosstalk_block .crosstalk_block_theme h3{
font-size: 2rem;
line-height: 1;
color:#443E6E;
}

#crosstalk .crosstalk_block .crosstalk_block_theme h3 span{
display: block;
font-size: 1rem;
margin: 0 0 10px;
}

#crosstalk .crosstalk_block .work_list{
width: 1000px;
margin:0 auto 60px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#crosstalk .crosstalk_block .work_list li{
width: 48%;
border: 2px solid #443E6E;
padding: 25px;
box-sizing: border-box;
border-radius: 1rem;
}

#crosstalk .crosstalk_block .work_list li h4{
font-size: 1.4rem;
color:#443E6E;
border-bottom: 1px solid #443E6E;
line-height: 1;
margin: 0 0 20px;
padding-bottom:10px;
box-sizing: border-box;
}

#crosstalk .crosstalk_block2{
width: 1000px;
position: relative;
margin: 0 auto 60px;
}

#crosstalk .crosstalk_block2 .q_list{
font-size: 1.4rem;
line-height: 1;
padding-left: 80px;
position: relative;
color: #443E6E;
margin: 0 0 30px;
}

#crosstalk .crosstalk_block2 .q_list::before{
content: "";
position: absolute;
top:10px;
left: 0;
width: 70px;
height: 2px;
background:-webkit-linear-gradient(0deg, #6F59C5, #261551);
}

#crosstalk .crosstalk_block2 dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 20px;
}

#crosstalk .crosstalk_block2 dl dt{
width:80px;
color:#6F59C5;
font-weight: bold;
box-sizing: border-box;
}

#crosstalk .crosstalk_block2 dl dd{
width: calc(100% - 95px);
line-height:2;
}


#crosstalk .crosstalk_block .mv_img{
width:960px;
margin:30px auto 60px;
}

#crosstalk .crosstalk_block .mv_img img{
border-radius:2rem;
}

}




/*sp*/
@media only screen and (max-width: 768px) {
#hed_wrap{
margin-bottom: 0;
}

#crosstalk{
position: relative;
margin: 0 auto;
overflow: hidden;
background: #F1F3FA;
padding: 60px 0;
box-sizing: border-box;
}

#crosstalk .block{
width: 90%;
margin: 0 auto 60px;
}

#crosstalk .block:last-child{
margin-bottom: 0;
}

#crosstalk .block .ttl{
font-size: 1.6rem;
line-height: 1;
text-align: center;
margin: 0 0 20px;
}

#crosstalk .block .img{
margin:0 0 10px;
}

#crosstalk .block .img img{
border-radius: 1rem;
}

#crosstalk .block .txt{
font-size: 1rem;
line-height: 2;
text-align: center;
}

/*detail
-------------------------------------*/
#crosstalk .block2{
width: 90%;
margin: 0 auto 60px;
}

#crosstalk .block2 .ttl2{
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
text-align: center;
margin: 0 0 20px;
}


#crosstalk .block2 .img{
margin:0 0 10px;
}

#crosstalk .block2 .img img{
border-radius: 1rem;
}

#crosstalk .block2 .txt2{
font-size: 1rem;
line-height: 2;
text-align: center;
margin: 0 0 60px;
}

#crosstalk .block2 .crosstalkMember_ttl {
font-size: 1.4rem;
margin: 0 auto 30px;
display: flex;
}

#crosstalk .block2 .crosstalkMember_ttl span {
display: block;
padding-right: 20px;
padding-left: 20px;
white-space: nowrap;
font-weight: bold;
color: #443E6E;
}

#crosstalk .block2 .crosstalkMember_ttl:before {
top: 0;
bottom: 0;
margin: auto;
height: 1px;
width: 50%;
content: "";
background: #443E6E;
}

#crosstalk .block2 .crosstalkMember_ttl:after {
top: 0;
bottom: 0;
margin: auto;
height: 1px;
width: 50%;
content: "";
background: #443E6E;
}

#crosstalk .block2 .crosstalkMember_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#crosstalk .block2 .crosstalkMember_list li{
width: 47%;
text-align: center;
}

#crosstalk .block2 .crosstalkMember_list li .img{
margin: 0 0 20px;
}

#crosstalk .block2 .crosstalkMember_list li .img img{
border-radius: 1rem;
}

#crosstalk .block2 .crosstalkMember_list li h4{
font-size: 0.9rem;
font-weight: 500;
line-height: 1;
margin: 0 0 10px;
background:-webkit-linear-gradient(0deg, #6F59C5, #261551);
padding: 10px;
border-radius: .5rem;
color: #FFF;
}

#crosstalk .block2 .crosstalkMember_list li h5{
font-size: 1.4rem;
font-weight: 400;
line-height: 1;
margin-bottom: 10px;
}

#crosstalk .block2 .crosstalkMember_list li h5 span{
display: block;
font-size: 0.8rem;
margin-top: 10px;
}

#crosstalk .block2 .crosstalkMember_list li p{
font-size: 1rem;
font-weight: 500;
}

#crosstalk .crosstalk_block{
width: 100%;
position: relative;
margin: 0;
}

#crosstalk .crosstalk_block .crosstalk_block_theme{
padding-top: 30px;
padding-bottom: 30px;
background-color: #e2def9;
text-align: center;
margin: 0 0 40px;
}

#crosstalk .crosstalk_block .crosstalk_block_theme h3{
font-size: 1.6rem;
line-height: 1;
color:#443E6E;
}

#crosstalk .crosstalk_block .crosstalk_block_theme h3 span{
display: block;
font-size: 0.8rem;
margin: 0 0 10px;
}

#crosstalk .crosstalk_block .work_list{
width: 90%;
margin: 0 auto 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#crosstalk .crosstalk_block .work_list li{
width: 48%;
border: 2px solid #443E6E;
padding: 15px;
box-sizing: border-box;
border-radius: 1rem;
}

#crosstalk .crosstalk_block .work_list li h4{
font-size: 1.1rem;
color: #443E6E;
border-bottom: 1px solid #443E6E;
line-height: 1;
margin: 0 0 15px;
padding-bottom: 10px;
box-sizing: border-box;
}

#crosstalk .crosstalk_block2{
width: 90%;
position: relative;
margin: 0 auto 50px;
}

#crosstalk .crosstalk_block2 .q_list{
font-size: 1.1rem;
line-height: 1.2;
padding-left: 40px;
position: relative;
color: #443E6E;
margin: 0 0 20px;
}

#crosstalk .crosstalk_block2 .q_list::before{
content: "";
position: absolute;
top:10px;
left: 0;
width: 30px;
height: 2px;
background:-webkit-linear-gradient(0deg, #6F59C5, #261551);
}

#crosstalk .crosstalk_block2 dl{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 20px;
}

#crosstalk .crosstalk_block2 dl dt{
width:80px;
color:#6F59C5;
font-weight: bold;
box-sizing: border-box;
}

#crosstalk .crosstalk_block2 dl dd{
width: calc(100% - 95px);
line-height:2;
font-size: 0.9rem;
}


#crosstalk .crosstalk_block .mv_img{
width: 90%;
margin: 20px auto 40px;
}

#crosstalk .crosstalk_block .mv_img img{
border-radius: 1rem;
}



}