@charset "UTF-8";

/* [xx] rd/index.html

=========================================================================================== */

.newLine {
  padding-top: 1em;
}
.special_description.vol2 {
    text-align: center;
}
.special .Column1andsecond{margin-bottom: 30px!important;}
#Contents.vol1_p p{margin-bottom: 70px;}
#Contents.vol1_p .lecturerRBox p{margin-bottom: 0;}
#Contents.rdContents {
    padding-left: 0!important;
    padding-right: 0!important;
    padding-bottom: 0;
}
.rdGrid {  width: 100%;  }
.rdMain .contentsWidth {max-width: inherit!important;}
.contentsWidth {
    max-width: 1275px;
    margin: 0 auto;
}
.contentpersonsWidth {
max-width: 1275px;
margin: 70px auto;
padding-left: 100px;
}
.contentpersonsWidth2 {
max-width: 1275px;
margin: 30px auto;
padding: 0;
line-height: 1.8;
}
.person_name2{display: inline-block; width: 130px; padding-right: 8px; font-weight: bold; vertical-align: top;}
.person_text2{display: inline-block; width: 84.73575%;}

.rdTextStyle1 {
    line-height: 1.6;
}
.kanrenlink h2{font-size: 26px;text-align: center;margin-top: 55px; background: none;}
.kanrenlink li{width: 33%;float: left;margin-bottom: 10px;}
@media screen and (max-width: 767px) {
    #Contents.rdContents {
        padding-bottom: 1px;
    }
    .rdTextStyle1 {
        font-size: 13px;
        line-height: 1.35;
    }
	.kanrenlink li{width: 100%;margin-bottom: 0;}
.kanrenlink .LinkListStyle2{margin: -5px 0 25px;}
}

.rdButtonStyle .link {
    display: inline-block;
    min-width: 160px;
    min-height: 18px;
    margin: 0 0 15px;
    text-align: center;
    font-size: 83%;
    line-height: 130%;
    background-image: url(/hcrd/image/top/icon_link_right_black.png);
    background-repeat: no-repeat;
    background-position: 175px center;
    word-break: break-all;
}
.rdButtonStyle .link.js_areacolumnbtn {
    cursor: pointer;
    float: none;
    width: auto;
}
.rdButtonStyle.white .link {
    background-image: url(/hcrd/image/top/icon_link_right_white.png);
    background-repeat: no-repeat;
}
.rdButtonStyle.small .link {
    min-width: 100px;
    background-position: 120px center;
}
.rdButtonStyle .link{
    padding: 9px 22px 9px 15px;
    color: #000;
    text-decoration: none;
    border: solid 1px #000;
}

.rdButtonStyle.white .link{
    padding: 9px 22px 9px 15px;
    color: #FFF;
    text-decoration: none;
    border: solid 1px #FFF;
}

.person{text-indent: -70px;line-height: 2em;}
.person2{margin-top: 30px;line-height: 2em;}

.rdButtonStyle .link:hover,
.rdButtonStyle.white .link:hover,
.js_areacolumnbtn:hover .rdButtonStyle .link,
.js_areacolumnbtn:hover .rdButtonStyle.white .link {
    color: #FFF;
    background-color: #e60027;
    background-image: url(/hcrd/image/top/icon_link_right_white.png);
    border: solid 1px #e60027;
}
@media screen and (max-width: 767px) {
    .rdButtonStyle .link {
        min-width: 125px;
        min-height: 12px;
        margin-top: 6px;
    }
    .rdMain .rdButtonStyle .link {
        background-position: 125px 8px;
    }
    #rdBlock04 .rdButtonStyle.small .link,
    #rdBlock05 .rdButtonStyle.small .link {
        background-position: 101px 8px;
    }
    .rdButtonStyle .link{
        font-size: 10px;
    }
    .rdButtonStyle .link,
    .rdButtonStyle.white .link,
    #rdBlock04 .rdButtonStyle.small .link,
    #rdBlock05 .rdButtonStyle.small .link,
    .rdButtonStyle.small .link {
        padding: 7px 13px 7px 5px;
        min-width: 74px;
        background-position: 78px center;
    }
}
.person{text-indent: -90px;line-height: 2em;margin-bottom: 40px;}

.rdMain {
    display: block;

}
a.mainVisualLink {
    text-decoration: none;
}
a.mainVisualLink:hover img {
    opacity: 1;
}
.rdMain .hl1 {
    font-size: 45px;
    font-weight: bold;
    line-height: 58px;
}

.rdMain .contentsWidth:first-child {
    display: block;
    min-height: 528px;
    position: relative;
}
.rdMain .contentsWidth:first-child .contentsWidthInner{
    display: block;
}
.rdMain .contentsWidth:first-child .ButtonStyle1{
    position: absolute;
    left: 75%;
    margin-left: -85px;
    bottom: 35px;
    display: block;
}


a.mainVisualLink .contentsWidth:first-child .ButtonStyle1 .btnInner{
    display: block;
    padding: 15px 22px 15px 15px;
    background-color: #e60027;
	border:1px solid #e60027;
    color: #fff;
    text-decoration: none;
    border-right: solid 3px transparent;
    background-image: url(/image/en/r1/icon/icon_link_right_l_white_hd.gif);
    background-size: 16px;
    min-width: 130px;
    min-height: 18px;
    margin: 0 0 15px;
    text-align: center;
    font-size: 100%;
    line-height: 130%;
    background-repeat: no-repeat;
    background-position: right center;
    word-break: break-all;
}
a.mainVisualLink:hover .contentsWidth:first-child .ButtonStyle1 .btnInner,
a.mainVisualLink:active .contentsWidth:first-child .ButtonStyle1 .btnInner{
    padding: 15px 24px 15px 15px;
    background-color: #b1000e;
	border: solid 1px #b1000e;
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 1280px) {
    .rdMain {
        background-size: 1280px auto !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1304px) {

    .rdMain {
        padding-top: 41%;
        min-height: 0;
        background-size: auto 100% !important;
        background-position: center left;
		position: relative;
    }
    .rdMain .contentsWidth:first-child {
        min-height: 0!important;
    }
    .rdMain .contentsWidth:first-child .ButtonStyle1 {
        bottom: 19px !important;
        left: 68%;
		position: absolute;
    }
}

.rdMain .logo {
    font-size: 30px;
    display: inline-block;
    border: 2px solid #000;
    line-height: 45px;
    padding: 0 15px;
    letter-spacing: -0.03em;
    margin: 18px 0 24px;
}

@media screen and (max-width: 767px) {
    .rdMain .hl1 {
        line-height: 30px;
    }
    .rdMain .hl1 .ttl{
        font-size: 21px;
        font-weight: bold;
        line-height: 18px;
        padding-left: 16px;
    }
    .rdMain .contentsWidth:first-child {
        padding-top: 58.4%;
        min-height: 100px;
    }
    .rdMain .contentsWidthInner {
        width: 100%;
        float: none;
        padding: 0;
    }
    .rdMain .logo {
        font-size: 17px;
        display: block;
        margin: 0;
        background: #000;
        color: #FFF;
        border: none;
        line-height: 40px;

    }
    .rdMain .capText01 {
        padding: 14px 12px 0 !important;

    }
    .rdMain .capText02 {
        padding: 6px 0 0 10px !important;
        font-size: 10px;
    }
    .rdMain .contentsWidth:first-child .ButtonStyle1 {
        position: relative;
        text-align: center;
       bottom: inherit;
       padding: 25px 0 0;
    }
	.rdMain .contentsWidth:first-child .ButtonStyle1 {
		left: 50%;}
    .rdMain .contentsWidth:first-child .ButtonStyle1 .btnInner{
        font-size: 66%;
        width: 66px;
        margin: 0 auto;
        padding-top: 3px;
        padding-bottom: 3px;
        background-size: 8px 8px;
        line-height: 2.8;
    }
}
.rdMain .capText01 {
    padding-top: 18px;
}
.rdMain .capText02 {
    padding-top: 20px;
}

.rdBlockTtl {
    padding: 80px 0 62px;
}
.rdBlockTtl.first {
    padding: 56px 0 65px;
}
.rdBlockTtl2 {
    padding: 80px 0 28px;
}
.rdBlockTtl h2,
.rdBlockTtl2 h2{
    text-align: center;
    background: none;
    font-size: 235%;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .rdBlockTtl h2,
    .rdBlockTtl2 h2{
        font-size: 21px;
        margin-left: 0;
    }
	h2.h2link_none a{
padding: 0 0 0 0!important;
}
}
.rdRegionBlock {
    position: relative;
    min-height: 450px;
    background: url(/hcrd/image/top/img_rd_region01.jpg) center center no-repeat;
    background-size: 100% auto;
}
.rdRegionBlock#rdBlock01 {
    background: url(/hcrd/image/top/img_rd_region01.jpg) center center no-repeat;
    background-size: 100% auto;
}
.rdRegionBlock#rdBlock01_underlayer {
background: url(/hcrd/image/top/img_rd_region01.jpg) center top no-repeat;
background-size: 100% auto;
min-height:250px;
}
.rdRegionBlock#rdBlock02_underlayer {
background: url(/hcrd/image/top/img_rd_region02.jpg) center center no-repeat;
background-size: 100% auto;
min-height:250px;
}
.rdRegionBlock#rdBlock02 {
    background: url(/hcrd/image/top/img_rd_region02.jpg) center center no-repeat;
    background-size: 100% auto;
}
.rdRegionBlock#rdBlock03 {
    background: url(/hcrd/image/top/img_rd_region03.jpg) center center no-repeat;
    background-size: 100% auto;
}
.rdRegionBlock#rdBlock03_underlayer {
	background: url(/hcrd/image/top/img_rd_region03.jpg) center top no-repeat;
background-size: 100% auto;
min-height:250px;
}
.rdRegionBlock#rdBlock04 {
    min-height: 447px;
    background: url(/hcrd/image/top/img_rd_region04.jpg) center center no-repeat;
    background-size: 100% auto;
}
.rdRegionBlock#rdBlock04 .contentsWidth:first-child {
    min-height: 447px;
}
.rdRegionBlock#rdBlock04 .contentsWidth:first-child h3{
    font-size: 210%;
    padding-top: 93px;
}
.rdRegionBlock#rdBlock04 .contentsWidth:first-child .rdButtonStyle{
    padding-top: 20px;
}
.rdRegionBlock#rdBlock05 {
    background: url(/hcrd/image/top/img_rd_region05.jpg) center center no-repeat;
    background-size: 100% auto;
}
.rdRegionBlock#rdBlock05,
.rdRegionBlock#rdBlock05 .contentsWidth:first-child,
.rdRegionBlock#rdBlock05 .rdBlockTxtBox {
    min-height: 350px;
}
.rdRegionBlock#rdBlock05 .rdBlockTxtBox .rdButtonStyle{
    padding-top: 43px;
}
.rdRegionBlock#rdBlock06 {
    background: url(/hcrd/image/top/img_rd_region06.jpg) center center no-repeat;
    background-size: 100% auto;
}
.rdRegionBlock#rdBlock06,
.rdRegionBlock#rdBlock06 .contentsWidth:first-child,
.rdRegionBlock#rdBlock06 .rdBlockTxtBox {
    min-height: 350px;
}
.rdRegionBlock#rdBlock06 .rdBlockTxtBox.researchers.noBg h3 {
    padding-top: 148px;
}
.rdRegionBlock h1 {
    font-size: 45px;
    font-weight: bold;
}
.underlayer_main_text{
width: 965px;
margin: 60px auto;
font-size: 15px;
line-height: 2em;
}
.rdRegionBlock_underlayer_box1,.rdRegionBlock_underlayer_box2,.rdRegionBlock_underlayer_box3{display: none;}
@media screen and (max-width: 1280px) {
    .rdRegionBlock {
        background-size: 1280px auto !important;
		margin: 0 -15px;
padding: 0 15px;
    }
	#rdBlock01.rdRegionBlock,#rdBlock02.rdRegionBlock,#rdBlock03.rdRegionBlock,#rdBlock04.rdRegionBlock,#rdBlock05.rdRegionBlock,#rdBlock06.rdRegionBlock{margin: 0!important;
    padding: 0!important;}
}
@media screen and (max-width: 1024px) {
    .rdRegionBlock {
        background-size: auto 100%;
        background-attachment: scroll;

    }

}
.rdRegionBlock .contentsWidth:first-child {
    min-height: 450px;
    position: relative;
}
.rdRegionBlock#rdBlock01_underlayer .contentsWidth,.rdRegionBlock#rdBlock02_underlayer .contentsWidth,.rdRegionBlock#rdBlock03_underlayer .contentsWidth {
min-height: 250px;
position: relative;
}
.rdBlockTxtBox {
    width: 745px;
    height: 228px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    text-align: center;
    color: #FFF;
    background: rgba(0,0,0,0.7)
}
.rdBlockTxtBox.underlayer{width: 300px;;height: 90px;}
.rdBlockTxtBox .js_areacolumnbtn {
  width: 100%;
  height: 100%;
  float: none;
  margin: 0;
}
.rdBlockTxtBox.noBg {
    background: none;
    color: #000;
}
.rdBlockTxtBox.noBg h3 {
    color: #000;
}
.rdBlockTxtBox.noBg.white h3 {
    color: #FFF;
}
.rdBlockTxtBox.researchers.noBg {

}

.rdBlockTxtBox.researchers.dev.noBg h3 {
    font-size: 35px;
    padding-top: 71px;
}
.rdBlockTxtBox.researchers.noBg h3 {
    font-size: 35px;
    padding-top: 65px;
}
.rdBlockTxtBox.researchers.noBg.white h3 {
    padding-top: 82px;
}
.rdBlockTxtBox.researchers.noBg .rdButtonStyle {
    padding-top: 20px;
}


.rdBlockTxtBox h3 {
    font-size: 30px;
    font-weight: normal;
    color: #FFF;
    padding-top: 35px;
}
.rdBlockTxtBox.underlayer h3 {
	font-size: 30px;
font-weight: normal;
color: #FFF;
line-height: 90px;
	padding-top: 0px;
}
.rdBlockTxtBox h3 a {
  padding: 0;
  background: none;
  color: #000;
}
.rdBlockTxtBox h3 a:hover {
  color: #b1000e;
  text-decoration: underline;
}
.rdBlockTxtBox .capText01 {
    padding-top: 12px;
}
.rdBlockTxtBox .rdButtonStyle {
    padding-top: 36px;
}
@media screen and (max-width: 767px) {
    .rdBlockTtl.first {
        padding: 25px 0 8px;
        border-top: 1px solid #cccccc;
    }
    .rdBlockTtl {
        padding: 25px 0 8px;
    }
    .rdBlockTtl h2{
        width: 100%;
    }
    .rdRegionBlock {
        height: auto;
        min-height: inherit;
        padding-bottom: 0;
        background-size: 100% auto !important;
    }
    .rdRegionBlock#rdBlock01 {
        background: url(/hcrd/image/top/sp_img_rd_region01.jpg) top center no-repeat;
    }
    .rdRegionBlock#rdBlock02 {
        background: url(/hcrd/image/top/sp_img_rd_region02.jpg) top center no-repeat;
    }
    .rdRegionBlock#rdBlock03 {
        background: url(/hcrd/image/top/sp_img_rd_region03.jpg) top center no-repeat;
    }
    .rdRegionBlock#rdBlock04 {
        min-height: inherit;
        background: url(/hcrd/image/top/sp_img_rd_region04.jpg) top center no-repeat;
    }
    .rdRegionBlock#rdBlock04 .contentsWidth:first-child {
        min-height: inherit;
        padding-top: 66.66%;
    }
	.rdRegionBlock#rdBlock01_underlayer {
background: url(/hcrd/image/top/img_rd_region01.jpg) center top no-repeat;
background-size: 100% auto;
min-height: inherit;
}
.rdRegionBlock#rdBlock02_underlayer {
background: url(/hcrd/image/top/img_rd_region02.jpg) center top no-repeat;
background-size: 100% auto;
min-height: inherit;
}
.rdRegionBlock#rdBlock03_underlayer {
background: url(/hcrd/image/top/img_rd_region03.jpg) center top no-repeat;
background-size: 100% auto;
min-height: inherit;
}
.rdBlockTxtBox.underlayer {
width: 206px;
height: 60px;
}
.rdBlockTxtBox.underlayer h3{

    font-size: 20px;
	padding-top: 0px!important;
line-height: 60px;
}
.rdRegionBlock#rdBlock01_underlayer .contentsWidth,.rdRegionBlock#rdBlock02_underlayer .contentsWidth,.rdRegionBlock#rdBlock03_underlayer .contentsWidth {
min-height: inherit;
position: relative;
padding-top: 35%;
}
.underlayer_main_text{width: 90%;margin: 30px auto;}
    .rdRegionBlock#rdBlock04 .contentsWidth:first-child h3 {
        font-size: 120%;
        padding-top: 78px;
    }
    .rdRegionBlock#rdBlock04 .contentsWidth:first-child .rdButtonStyle {
        padding-top: 0;
    }
    .rdRegionBlock#rdBlock04 .rdBlockTxtBox .inner {
        display: table-cell;
        position: relative;
        width: 100%;
    }
    .rdRegionBlock#rdBlock05 {
        background-position: top center;
    }
    .rdRegionBlock#rdBlock05 .contentsWidth:first-child {
        min-height: inherit;
        padding-top: 27.34%;
        margin-bottom: 27.34%;
    }
    .rdRegionBlock#rdBlock05,
    .rdRegionBlock#rdBlock05 .rdBlockTxtBox,
    .rdRegionBlock#rdBlock06 .contentsWidth:first-child,
    .rdRegionBlock#rdBlock06 .rdBlockTxtBox{
        min-height: inherit;
    }
    .rdRegionBlock#rdBlock05 .rdBlockTxtBox {
        width: 100%;
        height: 100%;
        top: 100%;
        bottom: inherit;
    }
    .rdRegionBlock#rdBlock05 .rdBlockTxtBox.researchers.noBg h3 {
        margin-top: -27.34%;
        font-size: 19px;
        padding-top: 12.67%;
    }
    .rdRegionBlock#rdBlock05 .rdBlockTxtBox .inner {
        position: absolute;
        top: 0;
        bottom: inherit;
        width: 100%;
        height: 0!important;
    }
    .rdRegionBlock#rdBlock05 .rdBlockTxtBox .capText01 {
        padding-top: 5%;
        font-size: 15px;
    }
    .rdRegionBlock#rdBlock06 {
        min-height: inherit;
        background: url(/hcrd/image/top/sp_img_rd_region06.jpg) top center no-repeat;
        padding-top: 20px;
        background-position: center 20px;
    }
    .rdRegionBlock#rdBlock06 .contentsWidth{
        padding-top: 60%;
    }
    .rdRegionBlock#rdBlock06 .rdBlockTxtBox.researchers.noBg h3 {
        padding-top: 41px;
        font-size: 21px;
    }
    .rdRegionBlock#rdBlock06 .rdBlockTxtBox.researchers .rdButtonStyle {
        padding-top: 0;
    }
    .rdBlockTxtBox .rdTextStyle1 {
        font-size: 11px;
    }
    .rdBlockTxtBox h3 {
        font-size: 17px;
        padding-top: 6%;
    }
    .rdBlockTxtBox.researchers.noBg h3 {
        font-size: 17px;
        padding-top: 6%;
    }
    .rdBlockTxtBox .capText01 {
        padding-top: 4px;
    }
    .rdBlockTxtBox {
        width: 75%;
        height: 150px;
        vertical-align: middle;
    }
    .rdRegionBlock .contentsWidth:first-child {
        min-height: inherit;
        padding-top: 53.3333%;
    }
    .rdBlockTxtBox .rdButtonStyle {
        padding-top: 4px;
    }
    .rdRegionBlock#rdBlock05 .rdBlockTxtBox .rdButtonStyle {
        padding-top: 4px;
    }
}


.rdDark {
    background: #111122;
}
.rdDark2 {
    background: #002244;
}
.rdGray {
    background: #f4f4f4;
}

.rdInfo.whatsNew {
    padding-top: 50px;
    padding-bottom: 72px;
}
.rdInfo.whatsNew.first {
   padding-top: 0;
    padding-bottom: 0;
}
.rdInfo.col2 {
    padding-top: 68px;
    padding-bottom: 72px;
}
.rdInfo .FMLinkListStyle li {
    font-size: 100%;
}
.rdInfo .FMLinkListStyle li .more{
    font-size: 125%;
}

.rdInfo.col2 .Column2{
    width: 450px;
}
.rdInfo.col2 .Column2.LastItem {
    margin-left: 63px;
}
.rdInfoTtl {
    position: relative;
    line-height: 1.875;
    border-bottom: 1px solid #e60027;
}
.rdInfoTtl h3 {
    color: #000;
    font-size: 150%;
    margin: 0 0 24px;
}
.rdInfoTtl .FMLinkListStyle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
}
.rdInfoTtl .FMLinkListStyle li a{
    color: #000;
}
.rdInfoTtl .FMLinkListStyle li a:hover{
    color: #b1000e;
    text-decoration: underline;
}

.rdInfoLists {
    padding-top: 25px;
    margin-left: 0;
}
.rdInfo .rdInfoLists.FMLinkListStyle li {
    font-size: 90%;
    line-height: 1.9;
    padding-bottom: 11px;
    letter-spacing: -0.02em;
}
.media .rdInfoLists li a{
    text-decoration: none;
}
.media .rdInfoLists li a:hover{
    text-decoration: underline;
}
.rdInfo.col2 .rdInfoLists li {
    padding-bottom: 12px;
}
.rdInfoLists li .category {
    display: inline-block;
    background: #959595;
    color: #FFF;
    padding: 0 3px;
    line-height: 19px;
    margin: 0 4px 0 0;
}
.rdInfoLists li .date {
    display: inline-block;
    padding-right: 5px;
    color: #363636;
    letter-spacing: -0.06em;
}

.rdRecruitTtl h2,
.rdRelateLinkTtl h2{
    font-size: 28px;
}

.rdRecruitTtl {
    padding: 70px 0 22px;
}

.rdRecruit.col2 .ColumnSet{
    margin-left: -10px;
    margin-right: -10px;
}
.rdRecruit.col2 .Column2{
    width: 50%;
    max-width: 230px;
    box-sizing: border-box;
    padding: 0 10px;
    float: left;
    margin: 0;
}
.rdRecruit.col2 .Column2 img{
    width: 100%;
    height: auto;
}
.rdRecruit.col2 .Column2 .rdRecruitImgCap{
    display: block;
    font-size: 86.5%;
    color: #000000;
    background: #eaeaea;
    line-height: 1.5;
    padding: 10px 18px 10px 10px;
    background-image: url(/hcrd/image/top/icon_link_right_black.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    text-decoration: none;
}
.rdRecruit.col2 .Column2 a{
    color: #000000;
    text-decoration: none;
}
.rdRecruit.col2 .Column2 a:hover{
    text-decoration: underline;
    background-position: 193px center;
}
.rdRecruit.col2 .Column2.LastItem {
    margin-left: 30px;
}

.col2Wrapper {
    background: #ffffff;
    padding: 0 0 29px;
}
.col2Wrapper .singleCol{
    float: left;
    width: 50%;
}
@media screen and (min-width: 768px) and (max-width: 994px) {
    .rdInfo {
        margin: 0 15px;
    }
    .rdInfo.col2 .ColumnSet,
    .rdRecruit.col2 .ColumnSet {
        display: table;
        margin: 0;
    }
    .rdInfo.col2 .Column2,
    .rdRecruit.col2 .Column2 {
        display: table-cell;
        width: 50%;
        box-sizing: border-box;
    }
    .rdRecruit.col2 .ColumnSet {
        width: 100%;
    }
    .rdInfo.col2 .Column2.FirstItem{
        padding-right: 31px;
        padding-left: 0;
    }
    .rdInfo.col2 .Column2.LastItem{
        padding-left: 31px;
        margin-left: 0;
    }
    .rdRecruit.col2 .Column2 .rdRecruitImgCap{
        /*background-position: 165px center;*/
    }
}
@media screen and (max-width: 767px) {
    .rdInfoTtl .FMLinkListStyle {
        top: 0;
    }
    .rdBlockTtl2 {
        padding: 40px 0 0;
    }
    .rdBlockTtl2 h2 {
        width: 100%;
    }
    .rdRecruit {
        margin: 0 10px;
    }
    .rdRecruit.col2 .ColumnSet {
        margin: 0;
    }
    .rdRecruit.col2 .Column2 {
        max-width: inherit;
    }
    .rdRecruit.col2 .Column2.FirstItem {
        padding-bottom: 20px;
    }
    .rdRecruit.col2 .Column2 .rdRecruitImgCap {
        background-color: #eaeaea;
        padding-left: 5px;
        padding-right: 10px;
        background-position: 97% center;
    }
    .rdRecruit.col2 .Column2 a:hover {
        background-position: 97% center;
    }
    .rdInfoTtl {
        font-size: 14px;
        padding-top: 11px;
    }
    .rdInfoTtl h3 {
        margin: 0 0 14px;
    }
    .rdInfoTtl .more {
        font-size: 14px;
        margin-right: 0;
    }
    .rdInfo {
        margin: 0 15px;
    }
    .rdInfoLists {
        padding-top: 16px;
    }
    .rdInfoLists li {
        line-height: 1.5;
        padding-bottom: 16px;
    }
    .rdInfoLists li .category {
        padding: 0 3px;
        line-height: 1.5;
    }
    .rdInfo.whatsNew {
        padding: 0 0 23px;
    }
    .rdInfo.whatsNew .rdInfoTtl .FMLinkListStyle{
        top: 8px;
    }
    .rdInfo.col2 .rdInfoTtl h3{
        margin: 0 0 18px;
    }
    .rdInfo.col2 {
        padding-top: 0;
        padding-bottom: 22px;
    }
    .rdInfo.col2 .Column2 {
        width: auto;
    }
    .rdInfo.col2 .rdInfoTtl {
        margin-top: 17px;
        padding-top: 0;
    }
    .rdInfo.col2 .rdInfoTtl .more{
        top: 0;
    }
    .rdInfo.col2 .Column2.LastItem {
        margin: 0;
    }
    .rdInfo.col2 .Column2.LastItem .rdInfoTtl {
        margin-top: 32px;
    }
    .rdInfo.col2 .Column2.LastItem .rdInfoTtl h3 {
        margin: 0 0 15px;
    }
}

@media screen and (max-width: 767px) {
    .rdRecruitTtl {
        padding: 34px 0 15px;
    }
    .rdRecruitImgCap {
        padding-left: 10px;
    }
    .rdRecruit.col2 .Column2 {
        width: 100%;
        padding: 0
    }
    .rdRecruit.col2 .Column2.LastItem {
        margin-left: 0;
        margin-top: 15px;
    }
    .col2Wrapper {
        padding: 0;
    }
    .col2Wrapper .singleCol {
        float: none;
        width: 100%;
    }
}

.rdRelateLinkTtl {
    padding: 70px 0 22px
}

.rdRelateLink {
    padding: 0 0 92px;
}
.rdRelateLink .LinkListStyle2{
    padding-left: 20px;
    padding-top: 7px;
}
.rdRelateLink .LinkListStyle2 li{
    display: inline-block;
    padding-right: 5px;
    padding-bottom: 17px;
}
.rdRelateLink .LinkListStyle2 li.left{
    width: 185px;
    text-align: left;
}

.RdSocial.rdSocialCenter {
    text-align: center;
    padding-top: 15px;
}
.RdSocial.rdSocialCenter .socialShareButtons{
    padding-top: 0;
    padding-left: 0;
}
.RdSocial.rdSocialCenter div{
    vertical-align: top;
    float: none;
}

@media screen and (min-width: 768px) and (max-width: 994px) {
    .rdRelateLink .LinkListStyle2 {
        display: block;
    }
    .rdRelateLink .LinkListStyle2 li {
        display: inline-block;
    }
    .rdRelateLink .LinkListStyle2 li a {
        display: inline-block;
    }
    .rdRelateLink .LinkListStyle2 li.left {
        width: auto;
    }
}
@media screen and (max-width: 767px) {
    .rdRecruitTtl h2 {
        font-size: 100%;
    }
    .rdRelateLinkTtl {
        padding-top: 26px;
        padding-bottom: 0;
    }
    .rdRelateLinkTtl h2{
        font-size: 17px;
    }
    .rdRelateLink .LinkListStyle2 {
        display: block;
        margin: 6px 0 0;
        padding-left: 10px;
    }
    .rdRelateLink .LinkListStyle2 li {
        padding: 0 0 9px;
        display: block;
    }
    .rdRelateLink {
        padding: 0 0 28px;
    }
    .RdSocial.rdSocialCenter {
        padding-top: 15px;
    }
}

.rdLightGray {
    background: #f4f4f4;
}
.rdNav {
    padding-top: 25px;
}
.rdNavColumn {
    width: 196px;
    float: left;
}
.rdNavColumn > p > a{
    color: #333;
    text-decoration: none;
}
.rdNavColumn > p > a:hover{
    text-decoration: underline;
}
.rdNavLists li{
    font-size: 12px;
    line-height: 1.7;
    padding-left: 13px;
}
.rdNavLists li ul li{
    padding-left: 15px;
}
.rdNavLists li a{
    text-decoration: none;
}
.rdNavLists ul > li > a:hover {
    text-decoration: underline;
}
.rdNavLists li ul li:before{
    content: '?�ｿｽ�ｿｽE';
    color: #c02;
}
.rdNavLists.linkBlack {
    padding-left: 10px;
}
.rdNavLists.linkBlack li a{
    color: #333;
    text-decoration: none;
}
.rdNavLists.linkBlack li a:visited {
    color: #333;
}
.rdNavLists.linkBlack li a:hover {
    color: #333;
    text-decoration: underline;
}


.FatBanner.noBorder {
    border-top: none;
    padding-top: 36px;
}
@media screen and (max-width: 767px) {
    .FatBanner.noBorder {
        padding-top: 15px;
        margin-top: -15px;
    }

}


/* [xx] ?�ｿｽ�ｿｽ?�ｿｽ�ｿｽ?�ｿｽ�ｿｽW?�ｿｽ�ｿｽg?�ｿｽ�ｿｽb?�ｿｽ�ｿｽv

=========================================================================================== */

#TopicPath ul {
    padding-top: 15px;
    padding-bottom: 15px;
}
.specialTopicPath#TopicPath ul li{
    font-size: 83%;
}
.special_description{font-size: 12px;width: 1275px;margin: 15px auto 0;}
.special_description_box{max-width: 1275px;line-height: 2em;}
.special_description_box p.RightAdjust{margin-right: 10px; color:#999999;}
.special_description_box.vol1{margin: 60px auto 100px!important; }
.specialBlock.manyperson .specialBlockTxtBoxInner{margin-bottom: 20px;}
.specialcontents{background:#f4f4f4; padding: 40px 15px !important;padding-top:77px;margin-bottom: 30px;}
.specialcontents h2{margin-bottom: 30px;}
@media screen and (min-width: 1px){
    #TopicPath ul li {
        background: none;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    #TopicPath ul li:before{
        content: '>';
        padding-right: 7px;
        margin-left: -14px;
    }
    #TopicPath ul li.FirstItem:before{
        content: none;
    }
}

.specialGrid {
    width: 100%;
}
h2.h2link_none a{
color:#000;
background: none;
}
h2.h2link_none a:hover{
color:#CC0022;
}
#specialMain {
    position: relative;
    min-height: 528px;
    background: url(/hcrd/sc/ai/image/cover_bg.jpg) center center no-repeat;
    background-size: cover;
}
#specialMain.vol1 {
background: url(/hcrd/sc/suzuki/image/cover_bg.jpg) center -13px no-repeat;
background-size: cover;
}
#specialMain.vol2 {
background: url("/hcrd/research/design/vision_design/talk/image/cover_bg.jpg") center top no-repeat;
background-size: cover;
}
#specialMain h1{
    font-size: 0;
}

.socialShareButtons{
    padding-top: 15px;
}
.socialShareButtons ul{
    text-align: center;
    letter-spacing: -.4em;
}
.socialShareButtons ul li{
    display: inline-block;
    letter-spacing: normal;
    padding: 0 5px;
    margin: 0 0 5px;
}
.socialShareButtons ul li a{
    display: block;
    width: 90px;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
    padding-left: 33px;
    border-radius: 4px;
    background-repeat: no-repeat;
}
.socialShareButtons ul li a:hover{
    opacity: 0.8;
}
.socialShareButtons ul li.fb a{
    background-color: #3b5999;
    background-image: url(/hcrd/image/top/icn_fb.png);
    background-size: 12px 26px;
    background-position: 15px 8px;
}
.socialShareButtons ul li.lk a{
    background-color: #0079ba;
    background-image: url(/hcrd/image/top/icn_in.png);
    background-size: 22px 23px;
    background-position: 11px 9px;
}
.socialShareButtons ul li.tw a{
    background-color: #1da1f2;
    background-image: url(/hcrd/image/top/icn_tw.png);
    background-size: 21px 17px;
    background-position: 12px 12px;
}
.socialShareButtons ul li.ht a{
    background-color: #00a4de;
    background-image: url(/hcrd/image/top/icn_ht.png);
    background-size: 20px 18px;
    background-position: 9px 10px;
    padding-left: 32px;
    width: 93px;
}
.socialShareButtons ul li.ln a{
    background-color: #00b900;
    background-image: url(/hcrd/image/top/icn_ln.png);
    background-size: 22px 22px;
    background-position: 11px 9px;
}
.socialShareButtons ul li.gp a{
    background-color: #dc4e41;
    background-image: url(/hcrd/image/top/icn_gp.png);
    background-size: 28px 18px;
    background-position: 10px 10px;
}

.socialShareButtons ul li.fb span{
    color:#3b5999;
	font-size:80%;
}
.socialShareButtons ul li.lk span{
    color:#0079ba;
	font-size:80%;
}
.socialShareButtons ul li.tw span{
    color:#1da1f2;
	font-size:80%;
}
.socialShareButtons ul li.ht span{
    color:#00a4de;
	font-size:80%;
}
.socialShareButtons ul li.ln span{
    color:#00b900;
	font-size:80%;
}
.socialShareButtons ul li.gp span{
    color:#dc4e41;
	font-size:80%;
}

.PC .socialShareButtons ul li.ln{
    display: none;
}

@media screen and (max-width: 1280px) {
    #specialMain {
        background-size: 1280px auto !important;
    }
}

@media screen and (max-width: 994px) {
	 .Column2 .socialShareButtons{
        padding-top: 0;
    }
    .Column2 .socialShareButtons ul{
        letter-spacing: -.4em;
        margin: 30px -5px;
    }
    .Column2 .socialShareButtons ul li{
        width: auto;
        letter-spacing: normal;
        padding: 0 5px;
    }
    .Column2 .socialShareButtons ul li a{
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #FFFFFF;
        font-size: 0;
        text-decoration: none;
        padding-left: 0;
        border-radius: 2px;
        background-repeat: no-repeat;
    }
    .Column2 .socialShareButtons ul li a:hover{
        opacity: 0.8;
    }
    .Column2 .socialShareButtons ul li.fb a{
        background-size: 11px 24px;
        background-position: 14px 8px;
    }
    .Column2 .socialShareButtons ul li.lk a{
        background-size: 20px 21px;
        background-position: 10px 9px;
    }
    .Column2 .socialShareButtons ul li.tw a{
        background-size: 20px 16px;
        background-position: 10px 12px;
    }
    .Column2 .socialShareButtons ul li.ht a{
        background-size: 20px 18px;
        background-position: 11px 11px;
        padding-left: 0;
        width: 40px;
    }
    .Column2 .socialShareButtons ul li.ln a{
        background-size: 22px 22px;
        background-position: 9px 10px;
    }
    .Column2 .socialShareButtons ul li.gp a{
        background-size: 26px 16px;
        background-position: 6px 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1304px) {

    #specialMain {
        padding-top: 41.25%;
        min-height: 0;
        background-size: auto 100% !important;
        background-position: center left;
    }
    #specialMain .contentsWidth:first-child {
        min-height: 0!important;
    }
    #specialMain .contentsWidth:first-child .ButtonStyle1 {
        bottom: 0 !important;
    }
    .socialShareButtons ul li a{
        width: 82px;
    }
}
@media screen and (max-width: 965px){
.special_description {
    margin: 0px 0 30px;
    font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
    width: auto;
}

	.special_description.vol2 {
    text-align: left;
}

}
@media screen and (max-width: 767px) {
    .JS #TopicPath.specialTopicPath ul{
        padding: 0;
    }
    #specialMain {
        height: auto !important;
        min-height: 26.6666667%;
        background: url(/hcrd/sc/ai/image/sp_cover_bg.jpg) top center no-repeat;
        background-size: 100% auto !important;
        padding-top: 26.6666667%;
    }
    .specialGrid .socialShareButtons{
        padding-top: 0;
    }
    .specialGrid .specialBlock#overview {
        background-size: cover;
    }
    .RdSocial div {
        padding-left: 0;
    }
    .socialShareButtons{
        padding-top: 0;
    }
    .socialShareButtons ul{
        letter-spacing: -.4em;
        margin: 0 -5px;
    }
    .socialShareButtons ul li{
        width: auto;
        letter-spacing: normal;
        padding: 0 5px;
    }
    .socialShareButtons ul li a{
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #FFFFFF;
        font-size: 0;
        text-decoration: none;
        padding-left: 0;
        border-radius: 2px;
        background-repeat: no-repeat;
    }
    .socialShareButtons ul li a:hover{
        opacity: 0.8;
    }
    .socialShareButtons ul li.fb a{
        background-size: 11px 24px;
        background-position: 14px 8px;
    }
    .socialShareButtons ul li.lk a{
        background-size: 20px 21px;
        background-position: 10px 9px;
    }
    .socialShareButtons ul li.tw a{
        background-size: 20px 16px;
        background-position: 10px 12px;
    }
    .socialShareButtons ul li.ht a{
        background-size: 20px 18px;
        background-position: 11px 11px;
        padding-left: 0;
        width: 40px;
    }
    .socialShareButtons ul li.ln a{
        background-size: 22px 22px;
        background-position: 9px 10px;
    }
    .socialShareButtons ul li.gp a{
        background-size: 26px 16px;
        background-position: 6px 12px;
    }
    .Column2 .socialShareButtons ul{
        letter-spacing: -.4em;
        margin: 0 -5px;
    }
}

.specialBlockTtl {
    padding: 85px 0 43px;
}
.renzoku .specialBlockTtl {
padding: 70px 0 53px;
}
.specialBlockTtl.firstItem {
    padding: 48px 0 40px;
}
.specialBlockTtl h2 {
    background: none;
    text-align: center;
    font-size: 200%;
    font-weight: bold;
    line-height: 1.5;
    padding-top: 44px;
	margin-top: 30px;
}
.specialBlockTtl h2:first-child {
	    padding-top: 14px;
}

.specialcontents.specialBlockTtl h2 {
font-weight: 500;
}
.renzoku .specialBlockTtl h2 {
margin: 0;
padding: 0;
}
.specialBlock {
    padding: 18px 0 82px;
}
.specialBlock#overview {
    padding: 112px 0 82px;
    background: url(/hcrd/sc/ai/image/overview_bg.jpg) top center no-repeat;

    background-size: 100% auto;
}
.specialBlock h3{
    font-size: 218%;
    text-align: center;
    color: #000;
    line-height: 1.5;
}
.specialBlock .subTtl {
    padding-top: 15px;
    text-align: center;
    font-size: 87.5%;
}
.specialBlock .txt {
    width: 611px;
    margin: 0 auto;
    padding-top: 35px;
    line-height: 1.9;
}
.specialBlock .rdButtonStyle {
    text-align: center;
    padding-top: 54px;
}

/* 1逡ｪ逶ｮ讓ｪ100%縲∽ｻ･荳�2蛻� */
#videoDigest .contentsWidth .vDCol1{
    width: calc(100% / 2 - 10px);
    display: inline-block;
    box-sizing: border-box;
  vertical-align: top;
}
#videoDigest .contentsWidth .vDCol1:nth-child(even){
    margin-left: 14px;
}
#videoDigest .contentsWidth .vDCol1.latest{
    padding-bottom: 28px;
    width: 100%;
}
#videoDigest .contentsWidth .vDCol1.latest .vDTtl{
    padding: 0 0 8px;
}
#videoDigest.renzoku .contentsWidth .vDCol1.latest{
padding-bottom: 0px;
width: 100%;
}
#videoDigest .contentsWidth .vDCol1 .vDThumb{
    padding-top: 17px;
}
#videoDigest .contentsWidth .vDCol1 .vDThumb img{
    width: 100%;
}
.renzoku .vDThumb{padding-top: 70px!important;}
#videoDigest .contentsWidth .vDCol1 .rdButtonStyle{
    padding-top: 30px;
}
/* 3蛻� */
#videoDigest .contentsWidth.col3 .vDCol1{
    width: calc(100% / 3 - 13px);
}
#videoDigest .contentsWidth.col3 .vDCol1{
    margin-right: 15px;
}
#videoDigest .contentsWidth.col3 .vDCol1:nth-child(even){
    margin-left: 0;
}
#videoDigest .contentsWidth.col3 .vDCol1:last-child{
    margin-right: 0;
}
#videoDigest .contentsWidth .vDTtl{
    font-size: 120%;
    font-weight: bold;
    padding: 10px 0 4px;
    color: #e60027;
}
#videoDigest .contentsWidth .vDTxt{
    font-size: 85%;
    line-height: 1.45;
}
#videoDigest .contentsWidth .rdButtonStyle .link{
    min-width: 132px;
    background-position: 150px center;
}

#references.specialBlock {
    padding: 0 0 50px;
}
#references.specialBlock h2 {
    font-size: 150%;
    font-weight: normal;
    line-height: 1;
    border-bottom: 1px solid #e60027;
    padding: 8px 0 15px;
    margin-bottom: 20px;
    background: none;
}
#references.specialBlock .referencesThumb{
    padding-right: 20px;
}
#references.specialBlock .referencesName{
    font-size: 125%;
}
#references.specialBlock .referencesTtl{
    padding-top: 15px;
}
#references.specialBlock .specialBlockTxtBoxInner {
    display: table;
    width: 100%;
}
#references.specialBlock .referencesThumb,
#references.specialBlock .referencesTxtBox{
    display: table-cell;
    vertical-align: top;
}
#references.specialBlock .referencesTxt,
#references.specialBlock .referencesLinkWrapper{
    font-size: 87.5%;
    line-height: 1.78;
    padding-top: 10px;
}
#references.specialBlock .referencesLinkWrapper{
    padding-top: 0;
}
#references.specialBlock .referencesLinkWrapper .lecturerRefLabel{
    float: left;
}
#references.specialBlock .referencesLinkWrapper .LinkListStyle2{
    font-size: 100%;
    display: inline-block;
}

#lecturer.specialBlock {
    padding-top: 50px;
}
.specialOverviewGrid #lecturer{
    padding-top: 0;
}
.specialOverviewGrid #lecturer.chapter{
    padding-top: 50px;
}
#lecturer.specialBlock h2 {
    font-size: 150%;
    font-weight: normal;
    line-height: 1;
    border-bottom: 1px solid #e60027;
    padding: 8px 0 15px;
    margin-bottom: 20px;
    background: none;
}
#lecturer.specialBlock .lecturerThumb{
    padding-right: 20px;
	float: left;
}
#lecturer.specialBlock .lecturerName{
    font-size: 125%;
}
#lecturer.specialBlock .specialBlockTxtBoxInner {
    display: table;
    width: 100%;
}
#lecturer.specialBlock .lecturerThumb,
#lecturer.specialBlock .lecturerRBox{
    /*display: table-cell;*/
    vertical-align: top;
}
#lecturer.specialBlock .lecturerTxt,
#lecturer.specialBlock .lecturerLinkWrapper{
    font-size: 87.5%;
    line-height: 1.78;
    padding-top: 10px;
}
#lecturer.specialBlock .lecturerLinkWrapper .lecturerRefLabel{
    float: left;
}
#lecturer.specialBlock .lecturerLinkWrapper .LinkListStyle2{
    font-size: 100%;
    display: inline-block;
}

.FatBanner.rdFatBanner {
    padding-top: 95px;
}

@media screen and (min-width: 768px) and (max-width: 1304px) {
	.contentpersonsWidth {
    max-width: 84%;
}
.person_name2{width: 14%; padding-right: 2%; }
.person_text2{width: 83%;}
    #lecturer.specialBlock .lecturerThumb {
        width: 180px;
    }
    #references.specialBlock .references.Thumb {
        width: 180px;
    }

    .specialPageTop ul{
        padding-right: 15px;
    }
}

@media screen and (max-width: 1304px) {
		.specialBlock {
				padding: 18px 15px 82px;
		}
		.contentpersonsWidth2{
		max-width: auto;
		padding: 0 15px;    
		}
    
		#references.specialBlock {
				padding: 0 12px 50px;
		}

    #videoDigest {
				padding: 18px 15px 41px;
    }
    #videoDigest .contentsWidth {
        display: block;
    }
    #videoDigest .contentsWidth .vDCol1 .vDTtl{
        font-size: 87.5%;
        padding-top: 0;
        padding-bottom: 7px;
    }
    #videoDigest .contentsWidth .vDCol1 .vDTxt{
        font-size: 80%;
        line-height: 1.45;
    }
    #videoDigest .contentsWidth .vDCol1 .vDThumb {
        padding-top: 11px;
    }
}

@media screen and (max-width: 767px) {
    .specialBlockTtl.firstItem {
        padding-top: 15px;
        padding-bottom: 12px;
        font-size: 50%;
        border-top: 1px solid #ccc;
        margin: 0px 0 0;
    }
	.special_description_box{margin: 0;}
	.renzoku .specialBlockTtl{
	padding-top: 30px;
	padding-bottom: 15px;
	}
    #videoDigest {
				padding: 18px 15px;
    }
		#videoDigest.renzoku .contentsWidth .vDCol1.latest{
		padding: 0 15px 0 15px;
		}
	.renzoku .vDThumb{padding-top:30px!important;}
	.renzoku .vDThumb:first-child{padding-top:15px!important;}
    #videoDigest .contentsWidth .vDCol1 .rdButtonStyle {
        padding-top: 9px;
    }
    #videoDigest .contentsWidth .rdButtonStyle .link {
        min-width: 88px;
        background-position: 93px center;
    }
    .specialBlockTtl {
        padding-top: 15px;
        font-size: 50%;
        padding-bottom: 1px;
    }
	.specialcontents .portalColumn{
width: 100%;
margin: 0 0px 15px!important;
}
.specialcontents h3 {
padding: 3px 5px!important;
line-height: 1.6em!important;
}
    .specialBlockTtl h2 {
        margin-left: 0;
        margin-right: 0;
        background-image: none;
    }
	.specialBlockTtl.firstItem h2 {
margin-top: 20px;
}
    .specialBlock .subTtl {
        padding-top: 11px;
    }
    .specialBlock#overview h3{
        font-size: 175%;
    }
    .specialBlock#overview {
        font-size: 67.5%;
        padding: 42px 0 18px;
        background-size: 100% auto;
    }
    .specialBlock .txt {
        width: auto;
        font-size: 120%;
        padding-left: 12px;
        padding-right: 12px;
        line-height: 1.8;
    }

	.special_description_box {
width: auto;
font-size: 81%;
line-height: 1.8;
padding-top:30px;
/*padding-left: 12px;
padding-right: 12px;
padding-bottom: 12px;*/
border-top: 1px solid #ccc;
margin: 0px 0 15px;
}
.RdSocial {
margin-bottom: 0px;
}
.special_description{
margin: 0px 0 30px;
font-size: 12px;
padding-left: 12px;
padding-right: 12px;
width:auto;
}
.specialBlock {
    padding: 18px 0 82px;
}
.contentpersonsWidth {
padding-left: 12px;
padding-right: 12px;
width:auto;
margin: 10px 0 ;
}
.contentpersonsWidth2{
font-size: 170%;
}
.person_name2{width: auto;}
.person_text2{width: auto;}
.person2{line-height: 1.8}
.specialBlockTtl.firstItem p.person{text-indent: 0;line-height: 1.8;font-size: 170%;margin-bottom: 20px;margin-top: 30px;}
    .specialBlock .rdButtonStyle {
        padding-top: 25px;
    }
    .specialOverviewGrid #videoDigest {
        margin-left: 15px;
    }
    .specialOverviewGrid #videoDigest.specialOverviewBlock.chapter {
        margin-left: 0;
    }
    .specialOverviewGrid #lecturer.specialBlock {
        margin-left: 15px;
    }
    .specialOverviewGrid #lecturer.specialBlock.chapter {
        padding-top: 30px;
        margin-left: 0;
    }
    .specialOverviewGrid #videoDigest .contentsWidth {
        display: flex;
        flex-wrap: wrap;
    }
    #references.specialBlock {
        padding: 30px 0 0;
    }
    #references.specialBlock h2 {
        margin: 0 10px;
        font-size: 87.5%;
        padding-top: 11px;
        padding-bottom: 5px;
    }
    #references.specialBlock .referencesThumb {
        float: none;
        width: 27%;
        margin: 0 auto;
        padding-left: 30px;
        padding-top: 8px;
    }
    #references.specialBlock .referencesName {
        font-size: 87.5%;
        text-align: center;
        padding-top: 12px;
    }
    #references.specialBlock .referencesTxt{
        font-size: 80%;
        padding-left: 15px;
        padding-right: 15px;
    }
    #references.specialBlock .specialBlockTxtBoxInner {
        display: block;
        width: auto;
    }
    #references.specialBlock .referencesThumb,
    #references.specialBlock .referencesTxtBox{
        display: block;
    }
    #references.specialBlock .referencesLinkWrapper{
        font-size: 80%;
        padding: 10px 15px 0;
    }
    #references.specialBlock .referencesLinkWrapper .LinkListStyle2 li {
        padding: 5px 0;
    }
    #references.specialBlock .referencesLinkWrapper .LinkListStyle2 li a{
        background-size: 14px;
        padding-right: 12px;
        text-decoration: underline;
    }
    #lecturer.specialBlock {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    #lecturer.specialBlock h2 {
        margin: 0 10px;
        font-size: 87.5%;
        padding-top: 11px;
        padding-bottom: 5px;
    }
    #lecturer.specialBlock .lecturerThumb {
        /*float: none;*/
        width: 27%;
        margin: 0;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 8px;
    }
    #lecturer.specialBlock .lecturerRBox {
        display: block;
    }

    #lecturer.specialBlock .lecturerParamsBox {
        /*position: absolute;*/
        top: 0;
        height: 27%;
        padding-left: 27%;
        margin-left: 20px;
    }
    #lecturer.specialBlock .lecturerName {
        font-size: 87.5%;
        font-weight: bold;
        padding-top: 12px;
    }
    #lecturer.specialBlock .lecturerTtl {
        padding-top: 10px;
        font-size: 80%;
    }
    #lecturer.specialBlock .lecturerTxt{
        font-size: 80%;
        padding-left: 10px;
        padding-right: 10px;
    }
    #lecturer.specialBlock .specialBlockTxtBoxInner {
        display: block;
        width: auto;
        position: relative;
    }
    #lecturer.specialBlock .lecturerThumb,
    #lecturer.specialBlock .lecturerTxtBox{
        display: block;
    }
    #lecturer.specialBlock .lecturerLinkWrapper{
        font-size: 80%;
        padding: 10px 15px 0;
    }
    #lecturer.specialBlock .lecturerLinkWrapper .LinkListStyle2 li a{
        background-size: 14px;
        padding-right: 12px;
        text-decoration: underline;
    }
    #lecturer.specialBlock .specialBlockTxtBox p.TextStyle3 {
			margin-right: 10px;
    }
    .contentsWidth.specialPageTop {
        padding-top: 30px;
        padding-right: 15px;
    }
}

/* [xx] ?�ｿｽ�ｿｽ?�ｿｽ�ｿｽ?�ｿｽ�ｿｽWOverview

=========================================================================================== */

.specialOverviewGrid {
    width: 100%;
}
#specialOverviewMain {
    position: relative;
    min-height: 160px;
    background-color: #f1f1ef;
    background-image: url(/hcrd/sc/ai/image/001_cover_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 965px auto;
    margin: 0;
}
#specialOverviewMain.vol1 {
	background-image: url(/hcrd/sc/suzuki/image/title_small.jpg);
}
#specialOverviewMain h1{
    font-size: 0;
}

@media screen and (min-width: 768px) and (max-width: 965px) {
    #specialOverviewMain {
        min-height: 0;
        height: 0;
        padding-top: 16.5803109%;
        position: relative;
        background-size: 100% auto;
    }
    #specialOverviewMain .contentsWidth{
        position: absolute;
        top: 0;

    }
}

@media screen and (max-width: 767px) {
    #specialOverviewMain {
        height: auto !important;
        min-height: 26.6666667%;
        background: url(/hcrd/sc/ai/image/sp_cover_bg.jpg) top center no-repeat;
        background-size: 100% auto !important;
        padding-top: 26.6666667%;
    }
    #specialOverviewMain.vol1 {
        background: url(/hcrd/sc/suzuki/image/sp_title_small.jpg) top center no-repeat;
    }
    #specialOverviewMain h1{
        margin: 0;

    }
}

.specialOverviewBlockWrapper {
    background: url(/hcrd/sc/ai/image/001_overview_bg.jpg) top center no-repeat;
    background-size: 100% auto;
    padding-bottom: 24px;
}
.specialOverviewBlockWrapper.chapter {
    background-image: none;
}
.specialOverviewBlockWrapper .RdSocial.rdSocialCenter{
    padding-top: 72px;
}

.specialOverviewBlock .specialOverviewBlockTtl h2 {
    text-align: center;
    font-size: 150%;
    padding-top: 53px;
    color: #000;
    background: none;
}
.specialOverviewBlock .specialOverviewBlockTxtBox .chapterTtl {
    /*padding-top: 30px;*/
    text-align: center;
    font-size: 172%;
    font-weight: bold;
    color: #FF0000;
    padding-top: 19px;
}
.specialOverviewBlock .specialOverviewBlockTxtBox h3.mainTtl {
    padding-top: 10px;
}
.specialOverviewBlock .specialOverviewBlockTxtBox h3 {
    font-size: 218.75%;
    text-align: center;
    font-weight: bold;
    padding-top: 35px;
    line-height: 1.5;
    color: #000;

}
.specialOverviewBlock .specialOverviewBlockTxtBox .subTtl {
    padding-top: 13px;
    text-align: center;
    font-size: 87.5%;
}
.specialOverviewBlock .specialChapterThumb {
    margin-top: 64px;
}
.specialOverviewBlock .specialChapterThumb .contentsWidth .inner {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.specialOverviewBlock .specialChapterThumb .contentsWidth iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.RdSocial.rdSocialCenter.specialOverviewSocial {
    padding-top: 66px;
}

.specialOverviewWidth {
    max-width: 1275px;
    margin: 0 auto;
    padding-top: 32px;
}
.specialOverviewWidth.first {
    padding-top: 64px;
}
.specialOverviewWidth p{
    text-indent: 1em;
    line-height: 2.2;
}
.specialOverviewWidth.topBorder{
    border-top: 1px solid #ccc;
    margin-top: 33px;
    padding-top: 42px;
    text-indent: 0;
}
.specialOverviewWidth.topBorder p:first-child{
    padding-top: 0;
}
.specialOverviewWidth.topBorder p{
    text-indent: 0;
    padding-top: 15px;
}
.specialOverviewWidth.topBorder p.Txt{
    line-height: 1.8;
    font-size: 87.5%;
    padding-top: 5px;
}
.specialOverviewBlock.imgBlock {
    padding-top: 48px;
    padding-bottom: 19px;
}
#videoDigest.specialOverviewBlock .contentsWidth {
    max-width: 1275px;
    padding-top: 10px;
}
#videoDigest.specialOverviewBlock .vDCol1 {
    width: 33.3%;
}
#videoDigest.specialOverviewBlock .vDCol1 img {
    width: 100%;
}
#videoDigest.specialOverviewBlock .vDCol1.hide,
#videoDigest .contentsWidth .vDCol1.hide .vDThumb{
    opacity: 0.5;
}
#videoDigest.specialOverviewBlock {
    padding-bottom: 69px;

}
#videoDigest.specialOverviewBlock.chapter {
    padding-bottom: 20px;
		box-sizing: border-box;
}

.feature_contents {
		padding-top: 0 !important;
}

@media screen and (min-width: 768px) and (max-width: 1304px) {
	.specialBlock#overview.chapterBlock {
        background-size: 100% auto;
        margin-bottom: 0;
    }
	#lecturer.specialBlock .lecturerThumb {
	width: 180px;
}
    .JS .GridSet.specialOverviewGrid .Grid4{
        padding: 0;
    }
    .specialOverviewWidth {
        padding-left: 15px;
        padding-right: 15px;
    }
    #videoDigest.specialOverviewBlock {
        width: 100%;
    }
    #videoDigest.specialOverviewBlock .contentsWidth {
        box-sizing: border-box;
    }
}
@media screen and (min-width: 995px) and (max-width: 1304px) {
		.JS .RdContentsWithBgimg .Section {
				margin-right: 0;
				margin-left: 0;
		}
}
@media screen and (max-width: 767px) {
    .specialOverviewBlock .specialOverviewBlockTtl h2 {
        margin: 0;
        padding: 40px 0 0;
    }
    .specialOverviewBlock .specialOverviewBlockTxtBox h3 {
        padding-top: 11px;
        font-size: 120%;
    }
    .specialOverviewBlock .specialOverviewBlockTxtBox .subTtl {
        padding-top: 0;
        font-size: 64%;
    }
    .specialOverviewBlock .specialOverviewBlockTxtBox .chapterTtl {
        padding-top: 15px;
        text-align: center;
        font-size: 100%;
        font-weight: bold;
        color: #FF0000;
    }
    .specialOverviewBlock .specialChapterThumb {
        margin-top: 20px;
    }
    .socialShareButtons {
        padding-top: 26px;
    }
    .specialOverviewWidth,
    .specialOverviewWidth.first {
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;

    }
    .specialOverviewWidth p {
        font-size: 80%;
        line-height: 1.7;
    }
    .RdSocial.rdSocialCenter.specialOverviewSocial {
        padding-top: 20px;
    }
    .specialOverviewBlockWrapper {
        padding-bottom: 0;
    }
    /* 1逡ｪ逶ｮ讓ｪ100%縲∽ｻ･荳�2蛻� */
    #videoDigest.specialOverviewBlock .vDCol1 {
        width: 50%;
    }
    /* 3蛻� */
    #videoDigest .contentsWidth.col3 .vDCol1{
        width: calc(100% / 2 - 11px);
        margin-right: 16px;
        padding: 0;
    }
    #videoDigest .contentsWidth.col3 .vDCol1:nth-child(even){
        margin-right: 0;
    }
    .specialOverviewBlock.imgBlock {

    }
}

.specialBlock#overview.chapterBlock {
    padding: 66px 0 27px;
    background-position: center center;
    margin-bottom: 80px;
}

.FMLinkListStyle li a.js_areacolumnbtn {
    float: none;
    width: auto;
    margin-right: 0;
}


@media screen and (min-width: 768px) and (max-width: 1304px) {
    .specialBlock#overview {
        background-size: cover;
    }
    .specialBlock#overview.chapterBlock {
        background-size: 100% auto;
        margin-bottom: 0;
    }
}


@media screen and (max-width: 767px) {
    .specialBlock#overview {
        font-size: 67.5%;
        padding: 42px 0 18px;
        background-size: auto 100%;
    }
    .specialBlock#overview.chapterBlock {
        background-size: 100% auto;
        margin-bottom: 0;
    }
}