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

/*PC*/
@media print, screen and (min-width: 769px) {
/*--------------------------*/
.talkhedImg {
width: 1100px;
margin: 0 auto 40px;
}

/*.talkhedImg img {
width: 100%;
}*/

.txtBox {
margin: 0 auto 40px;
}

.talkImgL {
width: 400px;
float: left;
margin: 0 40px 30px 0;
}

.talkImgR {
width: 400px;
float: right;
margin: 0 0 30px 40px;
}

/*.talkImgL img,
.talkImgR img {
width: 100%;
}*/

.talkTxt p {
margin-bottom: 10px;
line-height: 1.9em;
}

.talkH01 {
color: #0098e6;
}

.talkH02 {
color: #FB5500;
}

.talkName {
font-size: 0.9em;
text-align: right;
padding: 5px 0;
} 

.profBox {
border: 2px solid #0098e6;
border-radius: 4px;
margin: 2em 0;
padding: 30px;
position: relative;
}
.profBox::before {
background-color: #fff;
color: #0098e6;
content: "プロフィール";
font-weight: bold;
font-size: 1.2em;
left: 1em;
padding: 0 .5em;
position: absolute;
top: -.8em;
}

.proImg {
width: 210px;
float: left;
}

.proImg img {
width: 100%;
border-radius: 50%;
}

.proTxt {
width: 776px;
float: right;
}

.proTxt h4 {
font-size: 1.1em;
position: relative;
padding-bottom: 10px;
border-bottom: 4px solid #ccc;
margin-bottom: 15px;
}

.proTxt h4::after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: '';
width: 20%;
height: 4px;
background-color: #0098e6;
}

.kome {
font-size: 0.9em;
color: #666666;
}

.pmBox {
margin-bottom: 60px;
}

.pmTit {
float: left;
width: 280px;
}

.comTit03 {
color: #0085c9;
font-size: 1.4em;
}

.comTit03Sub {
padding: 20px 0;
font-size: 1.1em;
font-weight: bold;
}

.pmCom {
width: 800px;
float: right;
}

.pmImg {
width: 210px;
float: left;
}

.pmImg img {
border-radius: 50%;
}

.pmTxt {
width: 550px;
float: right;
}

.pmTxt span {
font-weight: bold;
}


}





/*----------------------------------------------------*/


/*sp*/
@media only screen and (max-width: 768px) {
/*--------------------------*/
.talkhedImg {
width: 100%;
margin: 0 auto 40px;
}

/*.talkhedImg img {
width: 100%;
}*/

.txtBox {
margin: 0 auto 40px;
}

.talkImgL {
width: 100%;
float: none;
margin: 0 0 10px 0;
}

.talkImgR {
width: 100%;
float: none;
margin: 0 0 10px 0;
}

/*.talkImgL img,
.talkImgR img {
width: 100%;
}*/

.talkTxt p {
margin-bottom: 10px;
line-height: 1.9em;
}

.talkH01 {
color: #0098e6;
}

.talkH02 {
color: #FB5500;
}

.talkName {
font-size: 0.9em;
text-align: right;
padding: 5px 0;
} 

.profBox {
border: 2px solid #0098e6;
border-radius: 4px;
margin: 2em 0;
padding: 10px;
position: relative;
}
.profBox::before {
background-color: #fff;
color: #0098e6;
content: "プロフィール";
font-weight: bold;
font-size: 1.2em;
left: 1em;
padding: 0 .5em;
position: absolute;
top: -.8em;
}

.proImg {
width: 70%;
float: none;
margin: 10px auto 10px;
}

.proImg img {
width: 100%;
border-radius: 50%;
}

.proTxt {
width: 100%;
float: none;
}

.proTxt h4 {
font-size: 1.1em;
position: relative;
padding-bottom: 10px;
border-bottom: 4px solid #ccc;
margin-bottom: 15px;
}

.proTxt h4::after {
position: absolute;
bottom: -4px;
left: 0;
z-index: 2;
content: '';
width: 20%;
height: 4px;
background-color: #3498db;
}

.pmBox {
margin-bottom: 60px;
}

.pmTit {
float: none;
width: 100%;
margin-bottom: 30px;
}

.comTit03 {
color: #0085c9;
font-size: 1.4em;
}

.comTit03Sub {
padding: 20px 0 0;
font-size: 1.1em;
font-weight: bold;
}

.pmCom {
width: 100%;
float: none;
}

.pmImg {
width: 70%;
float: none;
margin: 0 auto 30px;
}

.pmImg img {
border-radius: 50%;
}

.pmTxt {
width: 100%;
float: none;
}

.pmTxt span {
font-weight: bold;
}




}