@charset "UTF-8";

/*=====================================================
*
*	campaign.css
*	Since 2023.3.9
*	
*
*
========================================================*/


div#container #main {
	background: #EAE8DA;
    border-top: solid 45px #142552;
}


#articleBody {
    position:  relative;
    min-width: 1200px !important;
    margin: 0 auto 25px !important;
    font-size: 16px;
    font-weight: 400;
}

#articleBody #articleBodyInner {
	position: relative;
	width: 100%;
	padding-top: 0px !important;
	padding-bottom: 10px;    
    font-family: 'Roboto', 'Noto Sans JP', "游ゴシック Medium", 'Yu Gothic Medium', 'YuGothic Medium', "メイリオ", 'Meiryo', sans-serif;
}


body#enjoyment ul#pathNav {
    position: absolute;
	left: calc(( 100vw - 1200px ) / 2 + 30px );
    top: -45px;
    z-index: 10000;
	width: 1140px;
	height: 16px !important; 
	text-align:left;
    
}
body#enjoyment ul#pathNav li::after,
body#enjoyment ul#pathNav li a,
body#enjoyment ul#pathNav li.current {
    color:#fff !important;
}


/* main column snsArea */
#main ul.snsArea {
    position: relative;
    padding-top: 3px;
    padding-bottom:  5px;
    text-align: center;
    background: none;
}


#main ul.snsArea li {
    display: inline-block;
    margin: 10px;
    background: none;
    border-radius: 7px;
}

#main ul.snsArea a {
    position: relative;
    text-align:  center;
    
}

#main ul.snsArea a span {
    display:  block;
    position:absolute;
    bottom: 6px;
    left: 0px;
    width: 100%;
    height: 11px;
    color:  #fff;
    font-size: 10px;
}

#main ul.snsArea a:hover img {
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#articleBody strong { font-weight: 600;}

#articleBody section.block .col-navy {
    color: #000096 !important;
}
#articleBody section.block .col-red {
    color: #fa1f6f !important;
}
#articleBody section.block.information p.intro strong.col-red {
    color: #cc004a !important;
    font-size: 133.33%;
}
#articleBody section.block.timeline p.end strong.col-red {
    color: #cc004a !important;
    font-size: 140%;
}
#articleBody section.block .col-blue {
    color: #89c6da !important;
}
#articleBody section.block .col-yellow {
    color: #e9cc78 !important;
}
.font-castoro {
    font-family: 'Castoro', serif;
}
/* -------------------- */

#articleBody h1 {
    position: relative;
    box-sizing: border-box;
    padding: 25px 25px 20px;
    margin: 0;
    width: 100vw !important;
    left: 50%;
    transform: translateX( -50% );
    background: #fff;
}
@media screen and ( max-width : 1200px ){

    #articleBody h1 {
        width: 1150px !important;
        left: 0px;
        transform: translateX( 0% );
        background: #fff;
    }

}/*==== // end @media */

#articleBody h1 .inner {
    position: relative;
    display: block;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
}
#articleBody h1 .inner img:nth-child(1) {
    width: 56.08%;
    height: auto;
    animation: fade1 2s ease 0s 1 normal;
}
#articleBody h1 .inner img:nth-child(2) {
    position: absolute;
    left: 57.25%;
    top: 0px;
    width: 42.75%;
    height: auto;
    animation: fade2 2s ease 0s 1 normal;
}
#articleBody h1 .inner img:nth-child(3) {
    position: absolute;
    left: 57.25%;
    top: 57.43%;
    width: 20%;
    height: auto;
    animation: fade3 2.3s ease 0s 1 normal;
}
#articleBody h1 .inner img:nth-child(4) {
    position: absolute;
    left: 77.59%;
    top: 57.43%;
    width: 16.25%;
    height: auto;
    animation: fade4 2.6s ease 0s 1 normal;
}
@keyframes fade1 {
  0%, 30% {
    opacity: 0;
    margin-left: -80px;
    margin-top: -40px;
  }
  90% {
    opacity: 1;
    margin-left: 0;
    margin-top:0;
  }
}
@keyframes fade2 {
  0%, 40% {
    opacity: 0;
    margin-bottom: -40px;
    margin-left: 80px;
  }
  90% {
    opacity: 1;
    margin-bottom: 0;
    margin-left: 0;
  }
}
@keyframes fade3 {
  0%, 50% {
    opacity: 0;
    margin-bottom: -40px;
    margin-left: 80px;
  }
  90% {
    opacity: 1;
    margin-bottom: 0;
    margin-left: 0;
  }
}
@keyframes fade4 {
  0%, 60% {
    opacity: 0;
    margin-bottom: -40px;
    margin-left: 80px;
  }
  95% {
    opacity: 1;
    margin-bottom: 0;
    margin-left: 0;
  }
}

p.interviewLink {
    position: relative;
    box-sizing: border-box;
    width: 100% !important;
    height: 60px;
    border-top: solid 3px #CD004A;
    border-bottom: solid 3px #CD004A;
    background: #fff;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 22px;
    font-weight: 500;
}
p.interviewLink a {
    position: relative;
    display: inline-block;
    padding-left: 1.5em;
    color: #CD004A;
    text-decoration: none;
}
p.interviewLink a::before {
    content: "▼";
    position: absolute;
    left: 0px;
    top: 3px;
    display: inline-block;
    margin-right: 0.5em;
    margin-top: -5px;
    font-size: 14px;
    transform: rotate(-90deg);
}
p.interviewLink a:hover {
    text-decoration: underline;
}
section.block {
    position: relative;
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    padding: 4.16%;
}
section.block.information .innerBlock {
    position: relative;
    margin-right:  -3.6%;
    padding-left: 42%;
}

        
section.block.information .innerBlock.effect-fade::before {
    content: "";
    display: block;
    position: absolute;
    left: 10.8%;
    top: 5px;
    z-index: 0;
    width: 360px;
    height: 325px;
    background: rgba(0,0,0,0.1);
    -webkit-transition: all 1.5s 1.2s ease;
    -moz-transition: all 1.5s 1.2s ease;
    transition: all 1.5s 1.2s ease;
    opacity: 0.5;
}
section.block.information .innerBlock.effect-fade.effect-scroll::before {
    left: 200px;
    top: 255px;
 }   
@media screen and ( max-width : 1250px ){

    section.block.information .innerBlock {
        margin-right:  -1.6%;
        padding-left: 42%;
    }
    section.block.information .innerBlock.effect-fade.effect-scroll::before {
        left: 13%;
    }

}/*==== // end @media */

section.block.timeline {
    background: #142552;
    color: #fff;
}
section.block.mov {
    background: #e2d2bf;
}

section.block.timeline,
section.block.mov {
    width: 100vw !important;
    max-width: 100vw;
    padding: 4.16% 0;

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

    section.block.timeline,
    section.block.mov {
        width: 1200px !important;
        max-width: 1200px;
    }

}/*==== // end @media */


section.block h2 {
    margin-bottom: 40px;
    padding-left: 0.5em;
    font-size: 30px;
    letter-spacing: 0.5em;
    text-align: center;
    font-weight: 500;
}
section.block.interview h2 {
    letter-spacing: 0.1em;
    padding-left: 0.1em;
}
section.block p,
section.block ul,
section.block li {
    font-weight: 500;
}
section.block p {
    margin-bottom: 1.5em;
    line-height: 1.7;
}
section.block li {
    margin-bottom: 0.7em;
    line-height: 1.5;
}
section.block.information p {
    font-size: 18px;
    margin-bottom: 1.5em;
}

section.block p.intro,
section.block p.end {
    margin-bottom: 35px;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
}
section.block p.end {
    padding-top: 30px;
}
section.block p.intro strong,
section.block p.end strong {
    display: block;
    margin-bottom: 12px;
    font-weight: 700;
}
section.block p.intro .col-navy {
    font-weight: 600;
}
p.subText {
    margin-top: -45px;
    margin-bottom: 40px;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 20px;
    font-weight: 700 !important;
    letter-spacing: 0.1em;
}
p.subText span { font-size: 85%;}

section.block.information ul {
    z-index: 0;
    list-style: disc;
    margin-left: 0.5em;
    padding: 25px 20px 20px 35px;
    background: rgba(255,255,255,1.00);
}
section.block.information ul li {
    list-style: disc;
    margin-left: 1em;
    font-size: 20px;
}
section.block.information .img {
    position: absolute;
    text-align: center;
}
section.block.information .img.img01 {
    left: 10.8%;
    top: 5px;
    z-index: 3;
}

section.block.information .img.img02 {
    left: 3.2%;
    top: 458px;
     z-index: 3;
}
@media screen and ( max-width : 1250px ){

    section.block.information .img.img01 {
        left: 9.8%;
    }
    section.block.information .img.img02 {
        left: 2.5%;
    }

}/*==== // end @media */

section.block.information .img .caption {
        font-weight: 600;
        display: block;
        padding-top: 5px;
        letter-spacing: 0.05em;
}

.movie-wrap {
  position: relative;
  padding-bottom: 45%;
  width: 80%;
  max-width: 960px; 
  height: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
@media screen and ( min-width : 1200px ){
    
    .movie-wrap {
        padding-bottom: 540px;
    }

}/*==== // end @media */
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 540px;
}
.movie-area > div {
 margin-bottom: 8px;
}

section.block.timeline dl {
    position: relative;
    box-sizing: border-box;
    -js-display: flex;
	display : -webkit-box;
	display : -ms-flexbox;
	display : -webkit-flex;
	display : flex;
	flex-flow: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-right: 75px;
    padding-left: 10px;
}


section.block.timeline dl dt {
    position: relative;
    width: 290px;
    box-sizing: border-box;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-right: solid 35px #051030;
    text-align: right;
    letter-spacing: 0.05em;
    font-size: 50px;
    font-style: italic;
    font-weight: 500;
    font-family: 'Castoro', serif;
    line-height: 1.1;
}
/* 上余白 フォント大 */
section.block.timeline dl dt.in1866 {
    padding-top: 20px;
    font-size: 58px;
}
/* フォント大 */
section.block.timeline dl dt.in1916 {
    font-size: 58px;
}
/* フォント大大 */
section.block.timeline dl dt.in1918,
section.block.timeline dl dt.in1921,
section.block.timeline dl dt.in1950,
section.block.timeline dl dt.in1959,
section.block.timeline dl dt.in2016 {
    font-size: 70px;
}

/* 戦争中 */
section.block.timeline dl dt.in1914,
section.block.timeline dl dt.in1916,
section.block.timeline dl dt.in1918,
section.block.timeline dl dt.in1939,
section.block.timeline dl dt.in1940,
section.block.timeline dl dt.in1944,
section.block.timeline dl dt.in1945 {
    border-right: solid 35px #476b85;
}
/* 上余白 */
section.block.timeline dl dt.in1919 {
    padding-top: 20px;
}
section.block.timeline dl dt.in1950 {
    padding-top: 30px;
}
section.block.timeline dl dt.in2014 {
    padding-top: 50px;
}
section.block.timeline dl dt span {
    display: inline-block;
    padding: 0 2px;
    font-size: 57.4%;
    font-family: 'Roboto', 'Noto Sans JP', "游ゴシック Medium", 'Yu Gothic Medium', 'YuGothic Medium', "メイリオ", 'Meiryo', sans-serif;
}
section.block.timeline dl dt span.japanese {
    display: block;
    font-size: 20px;
}
section.block.timeline dl dd,
section.block.timeline dl dt.in1939 + dd.col-blue + dt.in1939 + dd {
    position: relative;
    box-sizing: border-box;
    width: calc( 100% - 290px );
    padding-top: 21px;
    padding-left: 60px;
    font-size: 25px;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0.1em;
    line-height: 1.5;
}
section.block.timeline dl dd::before,
section.block.timeline dl dt.in1939 + dd.col-blue + dt.in1939 + dd::before {
    content: "";
    display: block;
    position: absolute;
    left: -35px;
    top: 38px;
    width: 80px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
}
/* 上余白 */
section.block.timeline dl dt.in1866 + dd::before,
section.block.timeline dl dt.in1919 + dd::before {
    top: 48px;
}
/* 上余白 大 */
section.block.timeline dl dt.in2014 + dd::before {
    top: 78px;
}

/* フォント大大 */
section.block.timeline dl dt.in1921 + dd::before,
section.block.timeline dl dt.in1959 + dd::before,
section.block.timeline dl dt.in2016 + dd::before {
    top: 53px;
}
/* フォント大大大 */
section.block.timeline dl dt.in1950 + dd::before {
    top: 66px;
}

/* 戦争中 */
section.block.timeline dl dt.in1914 + dd::before,
section.block.timeline dl dt.in1939 + dd::before {
    top: 50px;
    left: -22px;
    width: 70px;
    height: 17px;
    background: url("/feature/mone-sukue/images/blue-line.png") no-repeat center top;
    -webkit-background-size: 70px 17px;
    background-size: 70px 17px;
}
section.block.timeline dl dt.in1866 + dd {
    padding-top: 20px;
    font-size: 40px;
}
section.block.timeline dl dt.in1866 + dd {
    padding-right: calc( 100% - 746px );
}
section.block.timeline dl dt.in1896 + dd {
    padding-right: calc( 100% - 810px );
}

section.block.timeline dl dt .till {
    font-size: 66.66%;
}
/* 上余白 フォント大 */
section.block.timeline dl dt.in1914 + dd,
section.block.timeline dl dt.in1939 + dd {
    padding-top: 23px;
    font-size: 35px;
}
/* 上余白 */
section.block.timeline dl dt.in1919 + dd {
    padding-top: 31px;
}
/* 上余白　大 */
section.block.timeline dl dt.in2014 + dd {
    padding-top: 61px;
}
/* フォント大大 */
section.block.timeline dl dt.in1921 + dd span.col-yellow:first-child {
    font-size: 40px;
}
section.block.timeline dl dt.in2016 + dd span.col-yellow {
    display: block;
    padding-bottom: 5px;
    font-size: 40px;
}
/* 上余白 フォント大大 */
section.block.timeline dl dt.in1950 + dd {
    font-size: 40px;
    padding-top: 40px;
}
section.block.timeline dl dt.in1959 + dd {
    font-size: 40px;
}
section.block.timeline dl dt.in1921 + dd {
    padding-bottom: 20px;
}
section.block.timeline dl dt.in1916 + dd,
section.block.timeline dl dt.in1924 + dd,
section.block.timeline dl dt.in1927 + dd,
section.block.timeline dl dt.in1940 + dd,
section.block.timeline dl dt.in2019 + dd {
    width: calc( 100% - 165px );
    margin-right: -125px;  
}
section.block.timeline dl dd p {
    margin-top: 7px;
    padding-left: 3px;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
}
section.block.timeline dl dt.in1916 + dd p {
    margin-right:  -2em;
}
section.block.timeline dl dt.in2016 + dd p {
    margin-top: 10px;
}
section.block.timeline dl dd p:last-child { margin-bottom: 0.6em; }
.japonisme {
    position: absolute;
    right: 30px;
    top: 46px;
    box-sizing: border-box;
    width: 276px;
    height: 276px;
    padding-top: 38px;
    text-align: center;
    border: solid 2px #fff;
    border-radius: 50%;
}
.japonisme h3 {
    font-size: 36px;
    font-weight: 500;
    font-style: italic;
    line-height: 1.5;
}
.japonisme h3 span {
    font-size: 58px;
    font-family: 'Castoro', serif;
    font-weight: normal;
}
section.block.timeline dl dd .japonisme p {
    margin-left: -0.5em;
    padding-left: 0;
    font-size: 23px;
    letter-spacing: 0px;
}

.gallery {
    position: relative;
    box-sizing: border-box;
    -js-display: flex;
	display : -webkit-box;
	display : -ms-flexbox;
	display : -webkit-flex;
	display : flex;
	flex-flow: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
    justify-content: space-around;
    background: rgba(9,26,69,0.80);
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 35px 0 35px 35px;
}
.align-center {
    align-items: center;
}
section.block.timeline dl dt.in1916 + dd .gallery {
    width: 1313px;
    margin-left: -408px
}
section.block.timeline dl dt.in1919 + dd .gallery {
    margin-right: -50px;
}
section.block.timeline dl dt.in1921 + dd .gallery {
    margin-right: -50px;
}
section.block.timeline dl dt.in2016 + dd .gallery {
    width: 1200px;
    margin-left: -350px
}
section.block.timeline dl dt.in2021 + dd .gallery {
    width: 620px;
    -webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.gallery .box {
    display: inline-block;
    margin-right: 34px;
}
section.block.timeline dl dt.in1921 + dd .gallery .box:nth-child(2) {
    padding-top: 30px;
}
section.block.timeline dl dt.in2021 + dd .gallery .box:nth-child(1)::after {
    content:"";
    display: block;
    position: absolute;
    right: 45%;
    top: 52px;
    width:40px;
    height: 10px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
   
}
section.block.timeline dl dt.in2021 + dd .gallery p {
    width: 520px;
    margin-top: 30px;
    padding-right: 30px;
}
.gallery .box h4 {
    position: relative;
    margin-left: -1.5em;
    margin-right: -1.5em;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 1.8;
}
section.block.timeline dl dt.in1916 + dd .gallery .box:nth-child(1) h4,
section.block.timeline dl dt.in1916 + dd .gallery .box:nth-child(2) h4 {
    letter-spacing: 0px;
}
section.block.timeline dl dt.in1921 + dd .gallery .box h4,
section.block.timeline dl dt.in1940 + dd .gallery .box h4,
section.block.timeline dl dt.in2016 + dd .gallery .box h4 {
    margin-left: 1em;
    width: -moz-fit-content;
    width: fit-content;
}
.gallery .box img { margin-bottom: 10px; }
section.block.timeline dl dd .gallery .box p {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    font-size: 13px;
}
section.block.timeline dl dt.in1919 + dd .gallery .box p,
section.block.timeline dl dt.in1921 + dd .gallery .box p,
section.block.timeline dl dt.in1940 + dd .gallery .box p,
section.block.timeline dl dt.in2016 + dd .gallery .box p {
    text-align: left;
    margin-left: 0;
    padding-left: 0;
    font-size: 14px;
}
section.block.timeline dl dt.in1921 + dd .gallery .box p + p,
section.block.timeline dl dt.in1940 + dd .gallery .box p + p,
section.block.timeline dl dt.in2016 + dd .gallery .box p + p {
    margin-top: 40px;
    font-size: 15px;
}
.episode {
    margin-top: 25px;
    margin-bottom: 20px;
    padding: 20px;
    border: solid 2px #fff;
}
section.block.timeline dl dt.in1940 + dd .episode {
    width: calc( 100% - 95px );
}
section.block.timeline dl dt.in1940 + dd .gallery {
    width: calc( 100% - 50px );
}
.underBar {
    position: relative;
    display: inline-block;
    padding-left: 0.1em;
    padding-right: 0.0.05em;
}
.underBar::after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 0px;
    width:  100%;
    height: 1px;
    background: #fff;
}

.before {
    display: block;
    width: 1100px;
    margin: 30px auto;
    padding: 50px;
    border: solid 10px #f2d47a;
    border-radius: 3px;
    background: #2c3a5e;
    text-align: center;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.before h3 {
    color: #f2d47a;
    font-size: 40px;
    font-weight: 600;
    font-style: italic;
}
.before p {
    margin-bottom: 0 !important;
    color: #fff;
    font-size: 50px;
    font-weight: 900 !important;
}
#main .before .onAirtime {
    margin-bottom: 0.2em !important;
    color: #fe7f7f;
    font-size: 36px;
    font-weight: 500;
}
.before .onAirtime span {
    font-size: 150%;
    font-weight: 900;
}

section.interview {
    padding-top: 80px;
    background: #fff;
}
section.interview h2 {
    position: absolute;
    top: 15px;
    right: 20%;
    z-index: 5;
    display: block;
    writing-mode: vertical-rl;
    height: 600px;
    font-family: 'Noto Serif JP', serif;
    font-size: 25px;
    font-weight: 600;
    color: #fff;
    vertical-align: middle;
    text-align: left;
    letter-spacing: 0.1em;
    transform: scaleY(1.1);
}
section.interview h2 span {
    display: inline-block;
    background: #cc0033;
}
section.interview h2 span:first-child {
    display: inline-block;
    margin-left:3px;
    padding: 0.5em 0.1em;
    
}
section.interview h2 span:nth-child(2) {
    margin-top: 40px;
    padding: 0.5em 0.1em;
}
section.interview h2 span.name {
    display: inline-block;
    font-size: 35px;
    padding: 0 0 0.1em 0;
}
section.interview .photoMain {
    position: relative;
    z-index: 3;
    text-align: left;
    padding-left: 5%;
    margin-bottom: 60px;
}
section.interview .photoMain.effect-fade::before {
    content: "";
    position: absolute;
    left: 5%;
    top: 0px;
    z-index: -1;
    display: block;
    width: 85%;
    height: 100%;
    background: rgba(51,51,102,0.3);    
    -webkit-transition: all 1.2s 1.2s ease;
    -moz-transition: all 1.2s 1.2s ease;
    transition: all 1.2s 1.2s ease;
    opacity: 1;
}
section.interview .photoMain.effect-fade.effect-scroll::before {
    left: calc( 5% + 50px );
    top: 40px;
}
section.interview p.copy {
    width: 900px;
    margin: 1em auto;
    font-size: 30px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.6;
}
section.interview p.copy span {
    display: inline-block;
    margin-bottom: 0;
    background:linear-gradient(transparent 80%, rgba(204,0,51,0.3) 80%);

}
section.interview p.copy span:first-child {
    float: left;
}
section.interview p.copy span:nth-child(2) {
    float: right;
}
.dialogue {
    clear: both;
    padding: 50px;
}
section.interview  .dialogue p {
    margin-bottom: 0.8em;
    font-size:  16px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.7;
}
section.interview  .dialogue p.mb2em {
    margin-bottom: 2em;
}
section.interview  .dialogue p.question {
    position: relative;
    margin-bottom: 0.7em;
    padding-left: 3em;
    color:rgba(26,46,110,1.00);
    font-size: 18px;
}
section.interview .dialogue p.question::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0.8em;
    display: block;
    width: 2.5em;
    height: 1px;
    background: rgba(26,46,110,1.00);
}
section.interview .dialogue p.RightPos {
    padding-left: 40px;
    padding-bottom: 25px;
}
section.interview .dialogue p.align-center { text-align: center; }

p.link a {
    display: block;
    width: 50vw;
    height: 53px;
    padding-top: 3px;
    border: solid 2px #cc004a;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.7em;
    padding-left: 0.7em;
    color: #fff;
    background: #cc004a;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
p.link a:hover {
    color: #cc004a;
    background: #fff;
    text-decoration: none !important;
}