@charset 'utf-8';

/*↓reset↓*/
*, *:before, *:after {
box-sizing:border-box;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
text-overflow:ellipsis;
padding:0; margin:0;
outline:none;
}
html { -webkit-text-size-adjust:100%;}
h1,h2,h3,h4 { font-weight:normal;}
a:link,a:visited { text-decoration:none;}
a:hover,a:active { text-decoration:underline;}
a:focus { outline:none;}
ul { list-style:none;}
img,iframe { border:0;}
button,select,input,textarea { outline:none;}
button,select,input[type='checkbox'],label　{ cursor:pointer;}/* 指 */
button,select { line-height:1;}
button::-moz-focus-inner, input::-moz-focus-inner { padding:0 !important; border:0 !important;}/* 呪 */
/*↑reset↑*/
/*↓標準リンク色↓*/
a:link { color:#233BEF;} a:visited { color:#47009F;} a:hover,a:active { color:#0073EF;}
/*↑標準リンク色↑*/
/*↓html,body↓*/
body {
width:100vw; height:auto;
overflow-x:hidden; overflow-y:scroll;
position:relative;
overflow-scrolling:touch; -webkit-overflow-scrolling:touch;
background:radial-gradient(farthest-side circle at center -10%,#ABB,#455,#677);
color:#677; line-height:1; text-align:center;
}
body.lock {/* 画面固定 */
overflow-y:hidden;
overflow-scrolling:auto; -webkit-overflow-scrolling:auto;
}
body > .inner { width:768px; margin:0 auto;}
@media screen and (max-width:768px){
body > .inner { width:100%;}
}
/*↑html,body↑*/
/*↓header↓*/
header { padding:32px;}
header a {
display:inline-block;
width:160px; height:96px;
background:url('../img/common/egg.png') no-repeat center center; background-size:contain;
filter:drop-shadow(0 2px 2px rgb(0,0,0,50%));
}
@media screen and (max-width:768px){
header { padding:16px;}
header a { width:120px; height:72px;}
}
/*↑header↑*/
/*↓section↓*/
section {
overflow:hidden;
background:#FFF;
/* box-shadow:0 0 4px #ABB,0 0 8px #CDD,0 0 16px #EFF; */
box-shadow:0 0 16px #EFF,0 0 8px #CDD,0 0 4px #ABB;
border-radius:16px;
margin:0 32px;
}
section .inner { padding:64px 32px;}
section .inner:last-of-type { padding-bottom:48px;}
@media screen and ( max-width:768px ){
section { margin:0 16px;}
section .inner { padding:32px 16px;}
section .inner:last-of-type { padding-bottom:24px;}
}
@media screen and ( max-width:480px ){
section {
border-radius:0;
margin:0;
}
}

section .main:before {/* メイン */
display:block; width:100%;
background:linear-gradient(#455,#677);
color:#FFF; font-size:12px;
padding:10px 32px;
content:'プロジェクトEGG　リニューアル記念　スペシャルインタビュー';
}
section .main img { display:block; width:100%;}

section h1 {/* 見出 */
background:linear-gradient(#501,#A02);
box-shadow:0 0 4px #ABB,0 1px 8px #301 inset;
color:#FFF; font-size:24px; text-shadow:0 1px 2px #300;
padding:16px 32px;
}
@media screen and ( max-width:768px ){
section h1 { font-size:16px; padding:16px;}
}

section .talk { display:flex; flex-wrap:wrap;}/* 対談 */
section .talk dt,
section .talk dd { font-size:16px; line-height:1.5em; margin-bottom:1em;}
section .talk dt:last-of-type,
section .talk dd:last-of-type { margin-bottom:0;}
section .talk dt { width:5em; color:#6BB; text-align:right;}
section .talk dt.guest { color:#A02;}/* 強調 */
section .talk dd { width:calc(100% - 5em); color:#455; text-align:left; padding-left:1em;}
section .talk img {/* 写真 */
display:block; width:200px;
float:right;
box-shadow:0 0 4px #677;
border-radius:0.5em;
margin:0 0 0.5em 0.5em;
}
@media screen and ( max-width:768px ){
section .talk dt,
section .talk dd { font-size:14px;}
section .talk img { width:120px;}
}
section .document { margin:32px 0;}/* 資料 */
section .document img { display:block; max-width:100%; margin:0 auto 8px;}
section .document p { display:block; font-size:12px; line-height:1.5; text-align:center;}
/*↑section↑*/
/*↓ページャ↓*/
.pager {
display:flex; justify-content:space-between;
background:linear-gradient(#011,#233);
font-size:12px;
}
.pager a {
position:relative;
width:100%; overflow:hidden;
display:block; color:#FFF !important; text-decoration:none !important; white-space:nowrap;
padding:18px 16px;
}
.pager > a:nth-child(1) {/* 左 */
width:calc(50% - 24px);
text-align:left; padding-left:40px;
}
.pager > a:nth-child(2) {/* 中 */
width:48px; text-align:center;
}
.pager > a:nth-child(3) {/* 右 */
width:calc(50% - 24px);
text-align:right; padding-right:40px;
}
.pager a:hover { background:linear-gradient(#455,#677);}
.pager a:before {
position:absolute; top:calc(50% - 8px);
display:block; width:16px; height:16px;
background:url('../img/common/arrow.png') no-repeat 0 0 / contain;
content:'';
animation:pager-before 0.5s infinite alternate;
}@keyframes pager-before { 0%{ opacity:0.5;}}

.pager a:nth-child(1):before { left:16px; transform:rotate(-90deg);}/* 左 */
.pager a:nth-child(2):before { left:calc(50% - 8px);}/* 中 */
.pager a:nth-child(3):before { right:16px; transform:rotate(90deg);}/* 右 */
@media screen and (max-width:480px){
.pager a { font-size:0; height:48px;}
.pager a:nth-child(1):after { font-size:12px; content:'前へ戻る';}/* 左 */
.pager a:nth-child(3):after { font-size:12px; content:'次へ進む';}/* 右 */
}
/*↑ページャ↑*/
/*↓footer↓*/
footer { padding:32px;}
footer a:link,footer a:visited { color:#CDD; text-decoration:none;}
footer a:hover,footer a:active { color:#FFF; text-decoration:none;}
footer a {
display:inline-block;
color:#FFF !important; font-size:10px;
filter:drop-shadow(0 1px 1px rgb(0,0,0,50%));
}
footer a:before {
display:block;
width:48px; height:48px;
background:url('../img/common/d4e.png') no-repeat center center / contain;
margin:0 auto 8px;
content:'';
}
@media screen and ( max-width:768px ){
footer { padding:16px;}
}
/*↑footer↑*/