@charset "utf-8";
@import url("common.css");
/*======================================================================
||
||   talk.css
||
======================================================================*/

#talk_main {
	padding:80px 0 180px;
}
#talk_main h1 {
	text-align:center;
	margin:0 0 34px;
}

#talk_main [id^="sec"]{
	margin:0 210px 80px;
	font-size:15px;
	color:#686D71;
}
#talk_main span{
	font-weight:bold;
	color:#151A59;
}
#talk_main #sec h2{
	text-indent:-9999px;
	background:url("../img/talk/title.png")no-repeat left;
	width:388px;
	height:82px;
	margin:62px 0 117px;
	background-size:contain;
}
#talk_main #sec dl{
	float:left;
	width:calc(100% / 5);
	text-align:center;
}
#talk_main #sec dl dd{
	height:90px;
	line-height:90px;
}

#talk_main #sec2 h2{
	text-indent:-9999px;
	background:url("../img/talk/title_2.png")no-repeat left;
	width:445px;
	height:57px;
	margin-bottom:40px;
	background-size:contain;
}

#talk_main .txt_area p,
#talk_main .txt_area2 p{
	margin-bottom:30px;
	font-family:Helvetica,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	line-height:180%;
}
#talk_main .txt_area{
	float:left;
	width:47%;
	/*margin-right:40px;*/
}
#talk_main .txt_area2{
	width:47%;
	margin-left:auto;
}

#talk_main #sec3 h2{
	text-indent:-9999px;
	background:url("../img/talk/title_3.png")no-repeat left;
	width:253px;
	height:56px;
	margin-bottom:40px;
	background-size:contain;
}
#talk_main #sec4{
	margin-bottom:0;
}
#talk_main #sec4 h2{
	text-indent:-9999px;
	background:url("../img/talk/title_4.png")no-repeat left;
	width:348px;
	height:57px;
	margin-bottom:40px;
	background-size:contain;
}
#talk_main .img_area img{
	width:100%;
}
#talk_main .inner img{
	width:100%;
}
#talk_main #sec2 .none{
	display:none;
}

#talk_main #sec4 #link_r{
	margin-top:16px;
	text-align:right;
	color:#151A59;
	font-weight:bold;
}


/* responsive */

@media screen and (max-width: 1200px) {
#talk_main [id^="sec"]{
	margin:0 30px 80px;
}
#talk_main #sec h2{
	width:auto;
	/*padding-top:24.26%;*/
	margin:40px 50px 50px 0 !important;
}
#talk_main .txt_area,
#talk_main .txt_area2{
	float:none;
	width:auto;
}
#talk_main .inner img{
	width:auto;
}
#talk_main #sec2 .none{
	display:inline;
}
#talk_main #sec2 .none img{margin-bottom:30px;}
#talk_main #sec2 .none2{
	display:none;
}
}

@media screen and (max-width: 768px) {
#talk_main {
	padding:40px 0 90px;
}
#talk_main h1 img {
	width:75px;
}

#talk_main [id^="sec"]{
	margin:0 15px 80px;
}

#talk_main #sec2 h2,#talk_main #sec4 h2{
	width:auto;
	margin-bottom:40px;
}

#talk_main .inner img{
	width:100%;
}
#talk_main #sec dl{
	display:inline-block;
	width:auto;
	float:none;
	margin:0 5px 15px 0;
}
}

@media screen and (max-width:480px){
#talk_main #sec dl{
	width:100%;
	margin:0 auto 15px;
}
}