@charset "UTF-8";


/*　index
-------------------------------------*/
#page .talk_index .mainImg {
	background: url(/images/talk/common/main-pic_talk.jpg) no-repeat;
    background-size: cover;
}
#page .talk_index .sectionIn {
	/margin:0 -16px -28px 0;
}
#page .talk_index .sectionIn section {
	width:100%;
	/float:left;
	/margin:0 16px 28px 0;
	margin-top: 20px;
}
#page .talk_index .sectionIn section:first-child {
	margin-top: 70px;
}
#page .talk_index .sectionIn section figure {
	/margin-bottom:10px;
}
#page .talk_index .sectionIn section figure a img {
	width:100%;
	height:auto;
}
#page .talk_index .sectionIn section h1 {
	background:none;
	padding:0;
	margin-bottom:6px;
	font-size:16px;
}
#page .talk_index .sectionIn section:last-child {
	margin-bottom: 160px;
}
#page #talk .imgRight figure, .imgLeft figure {
    width: 232px;
    padding-bottom: 20px!important;
}

/*　ta1 世界に通用するジャパンブランド
-------------------------------------*/

#page #talk.talk_ta1 .talkField dl dt {
    margin-right:  0px!important;
}
#page .talk_ta1 .talkField .imgLeft dl dd {
    padding-left: 98px!important;
}
#page.en .talk_ta1 .talkField .imgLeft dl dd {
    padding-left: 127px!important;
}
#page .talk_ta1 .talkField .imgRight dl dd {
    padding-left: 86px!important;
}
#page #talk.talk_ta1 .talkField dl dd {
    padding-left: 87px;
}
#page.en #talk.talk_ta1 .talkField dl dd {
    padding-left: 127px !important;
    padding-top: 5px;
}
#page #talk.talk_ta1 .talkField dl dt {
    width: 58px;
    line-height: 1.9;
}
/*　IE9用 */
#page #talk .talkField dl dt:not(:target) {
  line-height: 2.3\9;
}
/*　IE11用 */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #page #talk .talkField dl dt { line-height: 2.3 } /* IE11 */
}
/*　win用 */
.win #page #talk .talkField dl dt {
  line-height: 2.3;
}


/*　ta2 パラダイムシフト時代を生き抜く企業経営
-------------------------------------*/
/*#page .talk_ta2 .talkField .imgRight dl dd {
    padding-left: 100px!important;
}*/
#page.en #talk.talk_ta2 .talkField dl dd {
    padding-left: 100px !important;
    padding-top: 5px;
}


#page #talk .mainImg {
    /width: 1120px;
    margin: 0 auto;
	margin-bottom: 20px;
}
#page #talk.talk_ta1 .mainImg,
#page #talk.talk_ta2 .mainImg,
#page #talk.talk_ta3 .mainImg,
#page #talk.talk_ta4 .mainImg,
#page #talk.talk_ta5 .mainImg {
    width: 1120px;
    margin: 0 auto;
	margin-bottom: 20px;
    height: 400px;
}
#page #talk .mainImg img {
	width:100%;
}

#page #talk #main {
    margin-top: 60px;
}

#page .midashiPlof {
	text-align: center;
	position:relative;
}
#page .midashiPlof span {
    position: relative;
    font-size: 28px;
    z-index: 2;
    margin: 0 2.5em;
    padding: 0 1em;
    font-family:Arial, Helvetica, sans-serif;
    background-color:#fff;
    font-weight: bold;
}
#page .midashiPlof:before {
	content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top: 50%;
}
#page .midashiPlof:after {
    display: none;
}

#page #talk .sameBox {
  position: relative;
}

#page .profBox {
	padding-bottom: 45px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 50px;
    -js-display: flex;
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display: flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:center;/*--- safari（PC）用 ---*/
    justify-content: center;
}
/*　IE9用 */
#page .profBox:not(:target) {
    text-align: center\9;
}
#page .profBox .prof:not(:target) {
    display: inline-block\9;
    float: none\9;
    vertical-align: top\9;
}
#page .talk_ta2 .profBox .prof:not(:target) {
    float: left\9;
}
#page .profBox .prof .midashiC:not(:target) {
    text-align: left;
}

/*　safari用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome,#page .profBox{
        text-align: center;
    }
    ::i-block-chrome,#page .profBox .prof {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    #page .talk_ta2 .profBox .prof {
        float: left;
        -js-display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
    }
    ::i-block-chrome,#page .profBox .prof .midashiC {
        text-align: left;
    }
}


#page .profBox > div {
	float:left;
}
#page .profBox > div {
    margin-right: 1.8582em;
    width: 356px;
}
#page .profBox > div:last-child {
	margin-right: 0;
}
#page .profBox figure {
	max-width: 108px;
	float: left;
}
#page .talk_ta2 .profBox figure {
    margin-right: 17px;
}
#page .profBox .txt {
	width:230px;
	float: right;
}
#page .profBox .txt p {
	line-height: 1.8;
	/letter-spacing: -0.009em;
    font-size:  13px;
}
#page .profBox figure img {
	width:100%;
}
#page .profBox .midashiC:before {
	height: 40px!important;
}
#page .profBox .midashiC {
	font-size: 20px!important;
	line-height: 1!important;
	padding: 1px 0 0px 12px!important;
	margin-bottom: 15px!important;
}
#page .profBox .midashiC span {
	font-size: 13px;
	font-weight: bold;
}
#page .profBox .prof01,
#page .profBox .prof02,
#page .profBox .prof03 {
	width: 356px;
}
#page .profBox > div .midashiC:before {
	background: #bf0000!important;
}
#page .profBox > div:nth-child(2n) .midashiC:before {
	background: #006f97!important;
}
#page .profBox > div:nth-child(3n) .midashiC:before {
	background: #008f03!important;
}
#page #talk .leadBox {
    margin-bottom: 105px;
}
#page #talk .leadBox .lead {
	width:873px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 16px;
  text-align: left;
}
#page #talk .talkTheme {
	font-size: 36px;
	line-height:1.4;
	text-align:center;
	margin-bottom: 50px;
    margin-top: 135px;
}
#page #talk .talkField {
	width:873px;
	margin: 0 auto;
	font-size: 16px;
}
#page #talk .talkField .talkChapter {
    margin-bottom:  110px;
    position: relative;
}
#page #talk .talkField figure img {
    width: 100%;
}
#page #talk .talkField .questioner {
	position:relative;
    margin-bottom: 55px;
}
#page #talk .talkField .questioner:before {
	content:"";
	display:block;
	width:108px;
	height:1px;
	background-color: #ccc;
    top: 16px;
    left: -124px;
	position: absolute;
}
#page #talk .talkField .txt {
    /width: 641px;
}
#page #talk .talkField dl dt {
    position: relative;
    float: left;
}
#page #talk .talkField dl dd {
    float: left;
}
#page #talk .talkField .imgRight dl dd {
    float: none;
    /margin-bottom: 20px;
    padding-left: 70px;
}
#page #talk .talkField .imgLeft dl dd {
    float: none;
    /width: 535px;
    /margin-bottom: 20px;
}
#page #talk .talkField .imgLeft .txt {
    margin-left: 245px;
}
#page #talk .talkField dl dd {
    float: none;
    margin-bottom: 45px;
    /*letter-spacing: 0.016em;*/
    padding-left: 77px;
    letter-spacing: 0.025em;
  padding-top: 4px;
}
#page.zh #talk.talk_ta2 .talkField dl dd {
  padding-left: 70px;
}
#page.en #talk .talkField dl dd {
    text-align: left;
}

#page #talk .talkField dl dt {
    width: 38px;
    margin-right: 17px;
    font-weight: bold;
    padding-left: 15px;
    font-size: 18px;
  line-height: 2.2!important;
}
#page.en #talk.talk_ta1 .talkField dl dt {
    line-height: 2.2;
}

#page #talk .talkField dl dt::before {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 20px;
    left: 0;
    top: 9px;
}
#page #talk .talkField dl dt.taBlue::before {
    background-color: #006f97;    
}
#page #talk .talkField dl dt.taRed::before {
    background-color: #bf0000;    
}
#page #talk .talkField dl dt.taGreen::before {
    background-color: #008f03;
}
#page #talk .talkField .sameTime {
    position: absolute;
    left: -70px;
}
#page.en #talk .talkField .sameTime {
    left: -85px;
}
#page.en #talk .talkField .sameTime .taBlue {
    margin-right: 32px;
}
#page #talk .talkField .Chapter {
    font-size: 28px;
    text-align: center;
    margin-bottom:  40px;
    line-height: 1.4;
}






#page .talkPager {
    margin-bottom: 140px;
}
#page .talkPager .talkPagerIn {
    width: 1120px;
    margin: 0 auto;
    text-align: right;
}
#page .talkPager .pagerBtn {
	font-size: 18px;
    margin: 0 3px;
}
#page .talkPager .pagerBtn:last-child {
    margin-right: 0;
}
#page .talkPager .pagerBtn a {
    padding: 0.167em 0.45em;
    font-weight:  bold;
    font-family: Arial,sans-serif;
}
#page .talkPager .pagerBtn a:hover,
#page .talkPager .pagerBtn a.active{
    background-color: #006f97;
    opacity: 1;
    color: #fff;
}





@media screen and (max-width: 760px) {

/*　index
-------------------------------------*/
#page .talk_index .sectionIn {
	margin:0 auto;
	/*padding: 0 20px;*/
}
    #page .pageTtl h2 {
        font-size: 49px;
    }
#page .talk_index .sectionIn section {
	width:100%;
	float:none;
	margin:0 0 28px 0;
}
#page .talk_index .section figure a img {
	width:100%;
}
#page .talk_index .sectionIn section:first-child {
	margin-top: 35px;
}
#page .talk_index .sectionIn section:last-child {
	margin-bottom: 80px;
}

#page .talk_ta2 .mainImg {
	width:100%;
	height: auto;
}
    .talk_index #main.moduleContent {
        padding: 0;
    }
  #page #talk .talkField dl dt::before {
    top: 6px;
  }

/*　ta2_01
-------------------------------------*/
  #page #talk .talkTheme {
    margin-top: 0;
  }
    #main.moduleContent {
        padding: 0 20px;
    }
    #page #talk.talk_ta2 .mainImg {
        width: 100%;
        height: auto;
    }
    #page .profBox {
      -webkit-flex-flow: column nowrap;
      -moz-flex-flow: column nowrap;
      flex-flow: column nowrap;
        padding-bottom: 0;
    }
    #page .profBox > div:first-child {
        order: 1;
    }
    #page .profBox > div:last-child {
        order: 2;
    }
    #page .profBox > div {
        margin: 0 0 20px 0;
        width: 100%;
        display:-webkit-box;/*--- Androidブラウザ用 ---*/
        display:-ms-flexbox;/*--- IE10 ---*/
        display: -webkit-flex;/*--- safari（PC）用 ---*/
        display: flex;
        /*padding: 0 20px;*/
    }
    #page .profBox .txt {
        width: initial;
    }
    #page .profBox figure {
        margin-right: 20px;
        min-width: 90px;
    }
    #page #talk .leadBox .lead {
        /*padding: 0 20px;*/
        width: initial;
    }
    #page .talkPager .talkPagerIn {
        width: initial;
      padding-right: 20px;
    }
    #page #talk .talkField .questioner {
        padding-left: 20px;
    }
    #page #talk .talkField .questioner:before {
        width: 28px;
        left: -14px;
    }
    #page #talk .imgRight figure,
    #page #talk .imgLeft figure {
        width: 160px;
        margin: 0 auto;
    }
    #page #talk .talkField .imgLeft .txt {
        margin-left: 175px;
    }
    #page #talk .talkField .imgRight dl dd {
        margin-bottom: 15px;
    }
    #page #talk .talkField dl dd {
        margin-bottom: 15px;
    }
    
    #page #talk .talkField .sameTime .taBlue {
        float: none;
        line-height: 1.2;
    }
    #page #talk .talkField .sameTime .taRed {
        line-height: 1.2;
    }
    #page #talk .talkField .sameTime dt::before {
        top: 0;
    }
    #page #talk .talkField .sameTime {
        left: 0;
        position: initial;
    }
  #page.en #talk .talkField .sameTime {
    margin-right: 30px;
  }
  #page.en #talk.talk_ta2 .talkField dl.sameBox dd {
    padding-left: 182px!important;
  }
    
    
    @media screen and (max-width: 520px) {
        #page #talk .imgRight figure,
        #page #talk .imgLeft figure {
            float: none;
            width: 260px;
            margin-bottom: 10px;
        }
        #page #talk .talkField .imgLeft .txt {
            margin-left: 0;
        }
    }
    #page .talkPager {
        margin-bottom: 0;
      line-height: 1;
      padding: 20px 0;
    }
    #pager {
        margin-bottom: 0px;
    }
  #page .contentIn {
    margin-bottom: 0;
  }
#page #talk .talkField {
    width: initial;
}
    /*　ta1_01
    -------------------------------------*/
    #page #talk.talk_ta1 .mainImg {
        width: 100%;
        height: auto;
    }
  #page .talk_ta1 .talkField .imgLeft dl dd {
    padding-left: 87px!important;
  }
    @media screen and (max-width: 400px) {
        #page #talk .talkField dl dt {
            display: block;
            float: none;
        }
      #page #talk .talkField dl.sameBox dt {
        line-height: 1.3!important;
        display: inline-block;
      }
      #page #talk .talkField dl.sameBox dt::before {
        top: 0;
      }
      #page #talk .talkField dl.sameBox dt.taBlue {
        margin-right: 5px;
      }
      #page.en #talk .talkField dl.sameBox dt.taBlue {
        margin-right: 30px;
      }
      #page #talk .talkField dl.sameBox dt.taBlue::before {
        top: 4px;
      }
      #page #talk .talkField dl dd,
        #page.en #talk .talkField dl dd,
        #page.zh #talk .talkField dl dd,
        #page.en #talk.talk_ta1 .talkField dl dd,
        #page.en #talk.talk_ta2 .talkField dl dd {
            padding-left: 0!important;
            padding-top: 0!important;
        }
      #page.en #talk.talk_ta2 .talkField dl.sameBox dd {
        padding-left: 0px!important;
      }
    }


}