@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	  word-wrap: break-word;
    overflow-wrap: break-word;
}
ol, ul{
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	text-decoration: none;
}
/* Font */
body {
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}
.fontMontRegular {
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.fontMontSemiBold{
	font-family: montserrat, sans-serif;
	font-weight: 600;
	font-style: normal;
}
.fontMontBold{
	font-family: montserrat, sans-serif;
	font-weight: 700;
	font-style: normal;
}
/* Layout */
#bodyWrap{
	width:100vw;
	padding-top:14.4vw;
	height:auto;
	overflow:hidden;
}
@media screen and (min-width : 769px){
	#bodyWrap{
		padding-top:calc(7.9 * var(--iw));
	}
}
#titleArea{
	width:100%;
	text-align: center;
	height:auto;
	margin-bottom:3vw;
}
.pageTitle{
	height:23.2vw;
	line-height:23.2vw;
	font-size:5.3vw;
	font-weight:700;
	text-align:center;
	width:100%;
	background-image:url("../img/title_bg_sp.svg");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center top;
}
@media screen and (min-width : 769px){
	#titleArea{
		margin-top:calc(3 * var(--iw));
		margin-bottom:calc(3 * var(--iw));
	}
	.pageTitle{
		margin:auto;
		height:calc(16.3 * var(--iw));
		width:calc(100 * var(--iw));
		font-size:calc(3.3 * var(--iw));
		line-height:calc(16.3 * var(--iw));
		background-image:url("../img/title_bg_pc.svg");
	}
}
#mainWrap{
	z-index:1;
}
#mainArea,#sideArea,#breadArea{
	width:100vw;
	height:auto;
}
#breadWrap{
	width:100vw;
}
#breadArea {
	width:100vw;
	position:relative;
}
@media screen and (min-width : 769px){
	#mainWrap{
		display:flex;
		justify-content: center;
	}
	#mainArea {
		width:calc(75 * var(--iw));
		
	}
	#breadArea {
		width:calc(100 * var(--iw));
		margin:0 auto;
	}
	#sideArea {
		width:calc(25 * var(--iw));
		
	}
	.mustRead{
		position:relative;
		margin-top:calc(13 * var(--iw));
		height:calc(4.9 * var(--iw));
		bottom:calc(5 * var(--iw));
		left:calc(3 * var(--iw));;
	}
}
/* Utilyty */
:root {
	--iw: 1vw;
}
@media screen and (min-width : 1201px){
	:root {
		--iw: 12px;
	}
}
.pcOnly {
	display:none;
	visibility: hidden;
}
@media screen and (min-width : 769px){
	.pcOnly {
		display:block;
		visibility: visible;
	}
	.spOnly {
		display:none;
		visibility: hidden;
	}
}
/* Header */
header{
	z-index:998;
	position:fixed;
	display:flex;
	width:100vw;
	height:14.4vw;
	background-image:url("../img/header_bg.svg");
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center bottom;
	justify-content:center;
	align-items: center;
}
.headLogo{
	width:11.5vw;
	height:6.9vw;
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center top;
	background-image:url("../img/head_logo_sp.svg");
}
@media screen and (min-width : 769px){
	header{
		height:calc(7.9 * var(--iw));
		background-image:url("../img/header_bg_pc.svg");

	}
	.headerEdge{
		z-index:998;
		position:fixed;
		pointer-events: none;
		top:calc(6.8 * var(--iw));
		height:14.7vw;
		left:-0.25vw;
		width:100.5vw;
		background-repeat: no-repeat;
		background-size:cover;
		background-position: center top;
		background-image:url("../img/header_edge.svg");
	}
	.headLogo{
		width:calc(5 * var(--iw));
		height:calc(4 * var(--iw));
		background-image:url("../img/head_logo_pc.svg");
	}
}
/* BreadCrumb */
.breadWrap{
	margin:6vw 3vw;
}
.breadCrumbItem{
	font-size:2.4vw;
	line-height:5.1vw;
	height:5.1vw;
	margin-right:1.5vw;
	padding:1.5vw;
	font-weight:700;
	background-color:#E0E0E0;
}

@media screen and (min-width : 769px){
	.breadWrap{
		margin-top:calc(10 * var(--iw));
		margin-left:calc(3 * var(--iw));
		margin-bottom:calc(2 * var(--iw));
	}
	.breadCrumbItem{
		font-size:calc(1 * var(--iw));
		line-height:calc(2 * var(--iw));
		height:calc(2 * var(--iw));	
		padding:calc(0.5 * var(--iw));
		margin-right:calc(0.5 * var(--iw));
	}	
}

/* Slider */
.sliderArea{
	position:relative;
	z-index:999;
	margin-top:-14.4vw;
	width:100vw;
	height:101vw;
	overflow:hidden;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center top;
	background-image:url("../img/slick_bg_sp@2x.png");
}
@media screen and (min-width : 769px){
	.sliderArea{
		margin-top:calc(-7.9 * var(--iw));
		height:46vw;
		background-image:url("../img/slick_bg_pc.png");
		background-color:black;
	}
}
.sliderContent{
	position:relative;
	display:block;
	width:93.3vw;
	height:49vw;
	margin:22vw 5vw;
}
@media screen and (min-width : 769px){
	.sliderContent{
		width:62.5vw;
		height:33vw;
		margin:7.3vw 5vw;
	}
}
.sliderImg{
	position:absolute;
	width:100%;
	height:100%;
}
.sliderFrame{
	position:absolute;
	width:101%;
	top:-0.5%;
	left:-0.5%;
}
@media screen and (min-width : 769px){
	.sliderFrame{
		width:64vw;
		
		top:-0.5vw;
		left:-0.5vw;
	}
}
.sliderFrame-right{
	position:absolute;
	bottom:-0.5vw;
	right:-1vw;
}
.prev-arrow {
	height:auto;
    z-index: 100;
	left:5vw;
	width:6vw;
}
.next-arrow{
	height:auto;
    z-index: 100;
	right:5vw;
	width:6vw;
}
@media screen and (min-width : 769px){
	.prev-arrow {
    	left:14vw;
    	width:1.4vw;	
	}
	.next-arrow {
    	right:14vw;
   		width:1.4vw;
	}
}
.sliderCartein{
	position:absolute;
	top:0;
	pointer-events: none;
	width:100vw;
}
.sliderCategory{
	position:absolute;
	width:auto;
	background:white;
	text-align:left;
	left:-1.6vw;
	height:4.6vw;
	bottom:2.3vw;
}
.sliderCategory p{
	color:black;
	margin:1.5vw 2vw;
	font-size:2.6vw;
}
@media screen and (min-width : 769px){
	.sliderCategory{	
		left:-1vw;
		height:1.9vw;
		bottom:2.8vw;
	}
	.sliderCategory p{
		color:black;
		margin:0.6vw 1vw;
		font-size:0.9vw;
	}
}
.sliderTitle{
	position:absolute;
	left:-1.6vw;
	bottom:-8.5vw;
	width:96vw;
	height:11.2vw;
	background:white;
}
.sliderTitle p{
	color:black;
	line-height:1.5;
	margin:2vw 2vw;
	font-size:2.6vw;
	height:7.2vw;
	width:auto;
	text-overflow: ellipsis;
	overflow:hidden;
}
@media screen and (min-width : 769px){
	.sliderTitle{
		left:-1vw;
		bottom:-1.5vw;
		width:30vw;
		height:4.3vw;	
	}
	.sliderTitle p{
		line-height:1.9;
		margin:0.6vw 1vw;
		font-size:0.9vw;
	}
}
/* Icons Variable */
.slider_peopleIcons{
	position:absolute;
	width:31vw;
	height:11.1vw;
	top:-5.5vw;
	right:-2vw;
}
@media screen and (min-width : 769px){
	.slider_peopleIcons{
		width:17vw;
		height:6.1vw;
		top:28.5vw;
		right: 1vw;
	}
}
.article_peopleIcons{
	position:absolute;
	width:31vw;
	height:11.1vw;
	bottom:-5.5vw;
	left:7vw;
}
@media screen and (min-width : 769px){
	.article_peopleIcons{
		width:calc(15.6 * var(--iw));
		height:calc(5.8 * var(--iw));
		top:calc(-3 * var(--iw));
		left:calc(-2 * var(--iw));
	}
}
.side_peopleIcons{
	position:absolute;
	width:31vw;
	height:11.1vw;
	top:16.5vw;
	left:4vw;
}
@media screen and (min-width : 769px){
	.side_peopleIcons{
		width:calc(15.6 * var(--iw));
		height:calc(5.8 * var(--iw));
		top:calc(10.5 * var(--iw));
		left:calc(4 * var(--iw));
	}
}
/* Icons Common */
.peopleFrame{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	right:0;
}
.interVieweeIcon{
	position:absolute;
	width:33%;
	height:90%;
	top:5%;
	left:11%;
	border-radius:100%;
}
.interViewerIcon{
	position:absolute;
	width:33%;
	height:90%;
	top:5%;
	right:4.5%;
	border-radius:100%;
}
/* Nav Drawers */
#nav-drawer{
	position: relative;
	font-size:5.3vw;
	top:0;
	z-index:999;
}

.nav-unshown{
	display:none;
}
@media screen and (min-width : 769px){
	#nav-drawer{
		font-size:calc(1.7 * var(--iw));
	}
}
#nav-open{
	position:fixed;
	width:7.7vw;
	height:6.4vw;
	top:4vw;
	left:3vw;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center top;
	background-image:url("../img/nav_open.svg");
}
#nav-close {
	z-index: 1001;/*最前面に*/
	position:fixed;
	display: none;
	width:7.7vw;
	height:7.7vw;
	top:4vw;
	left:3vw;
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center top;
	background-image:url("../img/nav_close.svg");
}
@media screen and (min-width : 769px){
	#nav-open{
		width:calc(2.8 * var(--iw));
		height:calc(2.3 * var(--iw));
		top:calc(2.5 * var(--iw));
		left:calc(3.2 * var(--iw));
	}
	#nav-close{
		width:calc(2.8 * var(--iw));
		height:calc(2.3 * var(--iw));
		top:calc(2.5 * var(--iw));
		left:calc(3.2 * var(--iw));
	}
}
#nav-content{
	z-index: 1000;/*最前面に*/
  	overflow: auto;
  	position: fixed;
	top: 0;
  	left: 0;
	width:100%;
	height:100%;
	background:#FFFCD3;
	transition: .3s ease-in-out;/*滑らかに表示*/
  	-webkit-transform: translateX(-105%);
  	transform: translateX(-105%);/*左に隠しておく*/
}
@media screen and (min-width : 769px){
	#nav-content{
		width:calc(39.4 * var(--iw));		
	}
}
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
}
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#sub-nav-open{
	position:absolute;
	top:21vw;
	left:1.2vw;
	width:100%;
	
}
#sub-nav-close {
	z-index: 10001;/*最前面に*/
	position:absolute;
	background:#FFFCD3;
	width:100vw;
	padding-top:21vw;
	padding-left:1.2vw;
	top:0;
	left:0;
	display: none;/*はじめは隠しておく*/
}
.menuNext{
	position:absolute;
	top:1.5vw;
	right:10vw;
	width:2vw;
}
@media screen and (min-width : 769px){
	#sub-nav-open{
		top:calc(14 * var(--iw));
		left:calc(4 * var(--iw));
	}
	#sub-nav-close{
		padding-top:calc(14 * var(--iw));
		padding-left:calc(4 * var(--iw));
	}
	.menuNext{
		top:calc(0 * var(--iw));
		right:calc(7 * var(--iw));
		width:calc(1.2 * var(--iw));
	}
}
#sub-nav-content{
	z-index: 9999;/*最前面に*/
  	overflow: auto;
  	position: fixed;
	top: 0;
  	left: 0;
	width:100%;
	height:100%;
	background:#FFFCD3;
	transition: .3s ease-in-out;/*滑らかに表示*/
  	-webkit-transform: translateX(-105%);
  	transform: translateX(-105%);/*左に隠しておく*/
}
#sub-nav-input:checked ~ #sub-nav-close {
  display: block;/*カバーを表示*/
}
#sub-nav-input:checked ~ #sub-nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
/* Menu */
#nav-menu,#sub-nav-menu{
	position:relative;
	top:38vw;
	left:1.2vw;
}
.menuStyle,#nav-menu li,#sub-nav-menu li{
	position:relative;
	margin:0 0 12vw;
	left:10vw;
}
.menuStyle:after,#nav-menu li:after,#sub-nav-menu li:after{
	content:"";
	display:block;
	position:absolute;
	left:-7.5vw;
	bottom:-6vw;
	width:90vw;
	border-bottom:black solid 1px;
}
.menuStyle:before,#nav-menu li:before,#sub-nav-menu li:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:-7.5vw;
	width:5.3vw;
	height:5.3vw;
	background-image:url("../img/menu_icon.svg");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
}
.menuBack:before{
	background-image:url("../img/menu_back.svg");
}
@media screen and (min-width : 769px){
	#nav-menu,#sub-nav-menu{
	top:calc(19 * var(--iw));
	left:calc(4 * var(--iw));
	}
.menuStyle,#nav-menu li,#sub-nav-menu li{
	margin:0 0 calc(3 * var(--iw));
	left:calc(1.4 * var(--iw));
	}
.menuStyle:after,#nav-menu li:after,#sub-nav-menu li:after{
	left:calc(-3.5 * var(--iw));
	bottom:calc(-1 * var(--iw));
	width:calc(35 * var(--iw));
	border-bottom:black solid 1px;
	}
.menuStyle:before,#nav-menu li:before,#sub-nav-menu li:before{
	left:calc(-3 * var(--iw));
	width:calc(1.7 * var(--iw));
	height:calc(1.7 * var(--iw));
	}
}
/* Search */
.p-search-form__keyword{
	position:fixed;
	z-index:999;
	right:4vw;
	top:3.5vw;
	height:7vw;
	width:7vw;
	border:none;
	background:none;
	background-image:url("../img/search.svg");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center top;
	-webkit-transition: 0.3s ease-in-out;
  	-moz-transition: 0.3s ease-in-out;
  	-o-transition: 0.3s ease-in-out;
  	transition: 0.3s ease-in-out;
}
.p-search-form__keyword::placeholder{
	color:transparent;
}
.p-search-form__keyword:hover{
	background:none;
	z-index:999;
	width:80vw;
	height:9.3vw;
	right:4vw;
	top:2vw;
	border-radius:4.6vw;
	border: 1px solid #E0E0E0;
	background-color:#E0E0E0;
	position:fixed;
	outline-style:none;	
}
@media screen and (min-width : 769px){
	.p-search-form__keyword{
		width:calc(2.8 * var(--iw));
		height:calc(2.3 * var(--iw));
		top:calc(2.5 * var(--iw));
		right:calc(3.2 * var(--iw));
	}
	.p-search-form__keyword:hover{
		width:calc(20 * var(--iw));
		height:calc(2.3 * var(--iw));
		top:calc(2.5 * var(--iw));
		right:calc(3.2 * var(--iw));
		border-radius:calc(1.2 * var(--iw));
	}
}
/* article */
#articleListArea{
	display:flex;
	align-items: flex-start ;
 	flex-wrap: wrap;
	width:100%;
	height:auto;
}
.articleContent{
	position:relative;
	width:45.5vw;
	height:auto;
	margin:0 0 11.1vw 3vw;
	background:#FFFCD3;
}
@media screen and (min-width : 769px){
	#articleListArea{
		margin-top:calc(2 * var(--iw));
	}
	.articleContent{
		width:calc(33 * var(--iw));
		margin-left:calc(3 * var(--iw));
		margin-bottom:calc(6 * var(--iw));
	}
}
.articleImg{
	position:relative;
	width:100%;
	height:auto;
}
.articleTitleWrap{
	position:relative;
	height:100%;
}
.articleCategory{
	position:absolute;
	top:-0.5vw;
	left:0;
	padding:1vw 2vw 0;
	width:auto;
	height:4.3vw;
	background:black;
	text-align:left;
}
.articleCategory p{
	color:white;
	font-size:2.6vw;
}
@media screen and (min-width : 769px){ 
	.articleCategory{
		top:calc(-0.3 * var(--iw));
		left:0;
		padding-top:calc(1 * var(--iw));
		padding-left:calc(1 * var(--iw));
		padding-right:calc(1 * var(--iw));
		height:calc(2.5 * var(--iw));
	}
	.articleCategory p {
		font-size:calc(1.3 * var(--iw));
	}
}
.articleTitle{
	position:relative;
	padding-top:7.2vw;
	width:100%;
	height:100%;
}
.articleTitle > p{
	color:black;
	font-size:2.9vw;
	margin:0 2.7vw 2vw;
}
.articleDate{
	position:relative;
	display:block;
	color:#848484;
	font-size:2.9vw;
	margin:0 2.7vw 10.4vw;
}
@media screen and (min-width : 769px){
	.articleTitle{
		padding-top:calc(3 * var(--iw));
	}
	.articleTitle p{
		line-height:1.9;
		margin:calc(2 * var(--iw));
		font-size:calc(1.4 * var(--iw));
	}
	.articleDate{
		line-height:1.9;
		margin:calc(2 * var(--iw));
		font-size:calc(1.4 * var(--iw));
	}
}
/* Index */
#peopleIndexArea{
	display:flex;
	flex-direction: row;
	justify-content: flex-end;
}
.indexBanner{
	width:95%;
	margin:2.5%;
}
@media screen and (min-width : 769px){
	#peopleIndexArea{
		flex-direction: column;
	}
}
/* Ad */
#adArea{
	width:85vw;
	height:26.6vw;
	margin:6vw;
	background:gray;
	display:none;
}
@media screen and (min-width : 769px){
	#adArea{
		width:calc(25 * var(--iw));
		height:calc(20.8 * var(--iw));
		margin:0;
		margin-top:calc(5 * var(--iw));
	background:gray;
	}
}
/* Banner */
#bannerArea img{
	width:85vw;
	height:85vw;
	margin:6vw;
	
}
@media screen and (min-width : 769px){
	#bannerArea img{
		width:calc(25 * var(--iw));
		height:calc(25 * var(--iw));
		margin:0;
		margin-top:calc(5 * var(--iw));
		
	}
}
/* pagination */
.pagination{
	display:flex;
	align-items: center;
	justify-content: center;
	width:100%;
}
.pagination *{
	display:brock;
	height:5.8vw;
}

.pagination img{
	margin:0 1.3vw;
}
.pagination .pager{
	width:5.8vw;
 	text-align: center;
	color:white;
	background:black;
	font-size:3.2vw;
	line-height:5.8vw;
	font-family: montserrat, sans-serif;
	font-weight: 600;
	font-style: normal;
	margin:0 1.3vw;
}
.pagination .current{
	background:#FFD35F;
}
@media screen and (min-width : 769px){
	.pagination *{
		height:calc(3 * var(--iw));
		margin: 0;
	}
	.pagination img{
		margin-right:calc(0.7 * var(--iw));
		margin-left:calc(0.7 * var(--iw));
	}
	.pagination .pager{
		width:calc(3 * var(--iw));
		font-size:calc(1.4 * var(--iw));
		line-height:calc(3 * var(--iw));
		margin-right:calc(0.7 * var(--iw));
		margin-left:calc(0.7 * var(--iw));
	}
}
/* footer */
footer{
	position:relative;
	width:100vw;
	height:69.3vw;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center top;
	background-image:url("../img/footer_bg_sp.svg");
}
.twitter_icon{
	position:absolute;
	height:10.4vw;
	width:10.4vw;
	left:44.8vw;
	top:44.8vw;
}
.footerContent{
	display:none;
}
@media screen and (min-width : 769px){
	footer{
		height:calc(34.9 * var(--iw));
		width:100vw;
		margin-top:14.7vw;
		text-align:center;
		background-image:url("../img/footer_bg_pc.svg");
	}
	footer:before{
		position:absolute;
		top:-14.4vw;
		left:-0.25vw;
		content:"";
		height:14.7vw;
		width:100.5vw;
		background-repeat: no-repeat;
		background-size:cover;
		background-position: center top;
		background-image:url("../img/footer_edge.svg");
	}
	#footerInner{
		position:relative;
		width:calc(100 * var(--iw));
		height:100%;
		margin:0 auto;
	}
	#footerInner:before{
		position:absolute;
		top:calc(-23.2 * var(--iw));
		right:0;
		content:"";
		height:calc(23.5 * var(--iw));
		width:calc(25 * var(--iw));
		background-repeat: no-repeat;
		background-size:cover;
		background-position: center top;
		background-image:url("../img/ru-san.svg");
	}
	.twitter_icon{
		height:calc(4.1 * var(--iw));
		width:calc(4.1 * var(--iw));
		left:calc(32 * var(--iw));
		top:calc(18 * var(--iw));
	}
	.footerContent{
		display:flex;
		position:absolute;
		width:calc(54.8 * var(--iw));
		height:calc(13 * var(--iw));
		top:calc(10 * var(--iw));
		left:calc(45 * var(--iw));
	}
	.footerMenu{
		text-align:left;
		font-size:calc(1.7 * var(--iw));
		width:calc(30.4 * var(--iw));
		border-left:solid white 1px;
	}
	.footerMenu a{
		color:white;
	}
	.footerMenu li{
		position:relative;
		margin-left:calc(8 * var(--iw));
		margin-bottom:calc(2 * var(--iw));
	}
	.footerMenu li:before{
		content:"";
		display:block;
		position:absolute;
		top:0;
		left:calc(-3 * var(--iw));
		width:calc(1.7 * var(--iw));
		height:calc(1.7 * var(--iw));
		background-image:url("../img/footer_menu.svg");
		background-repeat: no-repeat;
		background-size:contain;
		background-position: center;
	}
}
/* Single */
#singlePost{
	width:94%;
	margin:3%;
	font-size:4vw;
	line-height:2;
}
#singlePost h1,#singlePost h3{
	font-size:3.7vw;
	line-heigh:1.6;
	font-weight:700;
	margin-top:3.7vw;
	margin-bottom:3.7vw;
}
#singlePost h2{
	font-size:5.1vw;
	line-heigh:1.6;
	font-weight:700;
	margin-top:5.1vw;
	margin-bottom:5.1vw;
}
.singleDate{
	color:#848484;
}
#singlePost strong,#singlePost b{
	fomt-weight:bold;
}
#singlePost em,#singlePost i{
	font-style:italic;
}
@media screen and (min-width : 769px){
	.singleWrap{
		width:90%;
		margin-right:5%;
		padding-right:5%;
		border-right:solid 2px #707070;
	}
	#singlePost{
		font-size:calc(1.5 * var(--iw));
		line-height:2.5;
		width:95%;
	}
	#singlePost h1,#singlePost h3{
		font-size:calc(2 * var(--iw));
		line-height:1.9;
		margin-top:calc(2 * var(--iw));
		margin-bottom:calc(2 * var(--iw));
	}
	#singlePost h2{
		font-size:calc(2.5 * var(--iw));
		line-height:2;
		margin-top:calc(2.5 * var(--iw));
		margin-bottom:calc(2.5 * var(--iw));
	}
}
#singlePost ul,#singlePost ol{
	font-size:3.5vw;
	margin:3vw 5vw;	
}
#singlePost ul{
	list-style:outside disc;
}
#singlePost ol{
	list-style:outside decimal;
}
@media screen and (min-width : 769px){
	#singlePost ul,#singlePost ol{
		font-size:calc(1.8 * var(--iw));
		margin:calc(1.8 * var(--iw));
	}
}
#singlePost brockquote{
	position:relative;
	display:block;
	margin:10vw 0;
	padding:10vw 5vw;
	border:solid 1px #B9B9B9;
	background-color:#F5F5F5;
	font-size:3.7vw;
}
#singlePost brockquote:before{
	display:block;
	content:'';
	top:-4%;
	left:3%;
	width:10%;
	height:8%;
	position:absolute;
	background-image:url("../img/quate_icon.svg");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
}
@media screen and (min-width : 769px){
	#singlePost brockquote{
		margin-top:calc(3 * var(--iw));
		margin-bottom:calc(3 * var(--iw));
		margin-left:0;
		margin-right:0;
		padding:calc(3 * var(--iw));
		font-size:calc(1.3 * var(--iw));
	}
	#singlePost brockquote:before{
		left:-2%;
	}
}
.singleThumb{
	width:100%;
	margin-bottom:5%;
}
.single_peopleArea{
	display:flex;
	border-bottom:solid 1px black;
}
.single_interviewee,.single_interviewer{
	position:relative;
	width:100%;
	height:53vw;
	text-align:center;
}
.single_peopleIcon{
	width:11vw;
	height:11vw;
	border-radius:100%;
}
@media screen and (min-width : 769px){
	.single_peopleIcon{
		position:absolute;
		top:0;
		left:5%;
		width:calc(5.4 * var(--iw));
		height:calc(5.4 * var(--iw));
	}
	.single_interviewee,.single_interviewer{
		height:calc(12 * var(--iw));
	}
}
.single_intervieweeFrame{
	position:absolute;
	top:0vw;
	left:14vw;
}
.single_interviewerFrame{
	position:absolute;
	top:6vw;
	right:17vw;
}
@media screen and (min-width : 769px){
	.single_intervieweeFrame{
		left:0;
		width:8%;
		height:auto;
	}
	.single_interviewerFrame{
		left:14.5%;
		top:calc(2.6 * var(--iw));
		width:7.5%;
		height:auto;
	}
}
.single_intervieweeLabel{
	position:absolute;
	top:13vw;
	width:21.6vw;
	left:12.5vw;
}
.single_interviewerLabel{
	position:absolute;
	top:13vw;
	width:12.3vw;
	left:17.5vw;
}
@media screen and (min-width : 769px){
	.single_intervieweeLabel,.single_interviewerLabel{
		top:0;
		width:auto;
		height:calc(1.4 * var(--iw));
		left:25%;
	}
}
.single_interviewee > h4,.single_interviewer > h4{
	position:relative;
	top:4vw;
	font-size:4.3vw;
	font-weight:700;
}
.single_interviewee > p,.single_interviewer > p{
	position:absolute;
	top:25vw;
	font-size:3.5vw;
	margin:2vw;
	line-height:2.1;
	overflow:hidden;
	text-align:left;
}

@media screen and (min-width : 769px){
	.single_interviewee > h4,.single_interviewer > h4{
		position:absolute;
		top:calc(1 * var(--iw));
		left:25%;
		font-size:calc(1.3 * var(--iw));
	}
	.single_interviewee > p,.single_interviewer > p{
		top:calc(4 * var(--iw));
		width:60%;
		font-size:calc(1.3 * var(--iw));
		margin:0 0 0 25%;
		line-height:1.6;
	}
}
.singleContent{
	margin-top:5vw;
}
.singleContent p{
    margin-bottom:8vw;
}
.singleContent strong{
    font-weight:700;
}
@media screen and (min-width : 769px){
	.singleContent{
		margin-top:calc(5 * var(--iw));
	}
	.singleContent p{
	    margin-bottom:calc(3.8 * var(--iw));
	}
}
.singleContent img{
	max-width:100%;
	height:auto;
}
#nextPost{
	position:relative;
	width:83.5vw;
	height:9.1vw;
	left:14vw;
	margin-bottom:5vw;
}
#nextPost:before{
	position:absolute;
	display:block;
	content:"";
	left:-11vw;
	height:9.1vw;
	width:9.1vw;
	background-image:url("../img/next_page_sp.svg");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;
}
#nextPost p{
	color:#5297E2;
	font-size:3.7vw;
	line-height:1.4;
}
.paginationLeft{
	justify-content: flex-start;
	margin-left:3vw;
}
@media screen and (min-width : 769px){ 
	#nextPost{
		width:calc(50.9 * var(--iw));
		height:calc(1.5 * var(--iw));
		left:calc(18.2 * var(--iw));
		margin-bottom:calc(0.7 * var(--iw));
	}
	#nextPost:before{
		left:calc(-15.2 * var(--iw));
		height:calc(4.3 * var(--iw));
		width:calc(13.8 * var(--iw));
		background-image:url("../img/next_page_pc.svg");
	}
	#nextPost p{
	font-size:calc(1.5 * var(--iw));;
	line-height:calc(4.3 * var(--iw));;
	}
	.paginationLeft{
		margin-left:4%;
		margin-top:calc(4.3 * var(--iw));
	}
}
/* related posts */
#relatedPosts{
	border:solid 1px #B9B9B9;
	width:93.6vw;
	margin:1.6vw;
	margin-top:15vw;
	height:72.5vw;
	text-align:center;
}
.relatedIcon{
	margin-top:3vw;
	width:73.6vw;
}
.postsWrap{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
.sidePost{
	position:relative;
	width:41.9vw;
	margin-top:3.2vw;
	margin-left:3.2vw;
	text-align:left;
	font-weight: 700;
}
.sideThumb{
	width:100%;
	height:22.1vw;
	height:auto;
}
.sideTitle{
	width:100%;
	margin-top:8.5vw;
	height:8.5vw;
	font-size:2.9vw;
	line-height:1.7;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sideCategory{
	font-size:2.9vw;
	margin-top:3.5vw;
	height:5.1vw;
	padding:0 2.9vw;
	display:inline-block;
	line-height:5.1vw;
	background:#E0E0E0;
}
@media screen and (min-width : 769px){ 
	#relatedPosts{
		width:calc(65.8 * var(--iw));
		margin-top:calc(5.8 * var(--iw));
		height:calc(40.3 * var(--iw));
	}
	.relatedIcon{
		margin-left:calc(5.8 * var(--iw));
		margin-bottom:calc(-2 * var(--iw));
		width:calc(56.1 * var(--iw));
	}
	.sidePost{
		width:calc(25 * var(--iw));
		margin-top:calc(5.3 * var(--iw));
		margin-left:calc(5.3 * var(--iw));
	}
	.sideThumb{
		height:calc(13.2 * var(--iw));
	}
	.sideTitle{
		margin-top:calc(4.1 * var(--iw));
		height:calc(4.1 * var(--iw));
		font-size:calc(1.4 * var(--iw));
		line-height:1.6;
	}
	.sideCategory{
		font-size:calc(1 * var(--iw));
		margin-top:calc(1* var(--iw));
		height:calc(2.5 * var(--iw));
		line-height:calc(2.5 * var(--iw));
		padding-left:calc(1 * var(--iw));
		padding-right:calc(1 * var(--iw));
	}
	
}
#topPosts{
	width:93.6vw;
	margin:15vw 1.6vw;
	text-align:center;
}
.topIcon{
	margin-top:3vw;
	width:57.9vw;
}

@media screen and (min-width : 769px){ 
	#topPosts{
		width:calc(65.8 * var(--iw));
		margin:0;
		margin-top:calc(5.8 * var(--iw));
	}
	#topPosts .postsWrap{
		display:block;
	}
	#topPosts .sidePost{
		position:relative;
		width:calc(25 * var(--iw));
		margin:0;
		margin-top:calc(5 * var(--iw));
		text-align:left;
		font-weight: 700;
	}
	#topPosts .sideTitle{
	}
	.topIcon{
		margin-top:calc(-2 * var(--iw));
		width:calc(18.1 * var(--iw));
	}
}
/* Index */
.writerIndex,.intervieweeIndex{
	position:relative;
	width:93.1vw;
	height:28.5vw;
	margin-bottom:3vw;
	background:#FFFCD3;
}
.indexThumb{
	position:absolute;
	border-radius:100%;
	width:15.6vw;
	height:15.6vw;
	top:6.5vw;
	left:6.5vw;
}
.writerFrame{
	position:absolute;
	width:7.1vw;
	height:7.1vw;
	top:15vw;
	left:16vw;
}
.intervieweeFrame{
	position:absolute;
	width:7.1vw;
	height:7.1vw;
	top:6vw;
	left:3.5vw;
}
.indexName{
	position:absolute;
	color:black;
	font-size:4.3vw;
	font-weight:700;
	top:4vw;
	left:25vw;
}
.indexProf{
	position:absolute;
	color:black;
	font-size:4vw;
	width:60.8vw;
	height:10.9vw;
	line-height:1.5;
	top:12vw;
	left:25vw;
	overflow:hidden;
}
@media screen and (min-width : 769px){
	.writerIndex,.intervieweeIndex{
		display:inline-block;
		width:calc(30 * var(--iw));
		height:calc(9.2 * var(--iw));
		margin-bottom:calc(1 * var(--iw));
		margin-left:calc(1.5 * var(--iw));
	}
	.indexThumb{
		width:calc(5.1 *var(--iw));
		height:calc(5.1 *var(--iw));
		top:calc(2 *var(--iw));
		left:calc(2 *var(--iw));
	}
	.writerFrame,.intervieweeFrame{
		width:calc(2.3 *var(--iw));
		height:calc(2.3 *var(--iw));
		top:calc(5 *var(--iw));
		left:calc(5 *var(--iw));
	}
	.intervieweeFrame{
		top:calc(2 *var(--iw));
		left:calc(1 *var(--iw));
	}
	.indexName{
	font-size:calc(1.3 *var(--iw));
	top:calc(1 *var(--iw));
	left:calc(8.5 *var(--iw));
	}
	.indexProf{
		position:absolute;
		font-size:calc(1.3 *var(--iw));
		width:calc(20.9 *var(--iw));
		height:calc(3.5 *var(--iw));
		line-height:1.5;
		top:calc(4 *var(--iw));
		left:calc(8.5 *var(--iw));;
	}
}