@charset "utf-8";


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

インタビューページ

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

/*
サポーター
*/


.pagecontents > .innercontents > .wrap{
	width: 100%;
	text-align: left;
	}

.pagecontents > .innercontents > .wrap h4{
	font-weight: 700;
	font-size: 1.4em;
	text-align: center;
	padding-top: 50px;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents > .wrap > h4{
	font-size: 1.2em;
	padding-top: 30px;
	}
	}

.pagecontents > .innercontents > .wrap > .inner{
	width: 100%;
	text-align: left;
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom:50px;
	border-top: 1px solid #ccc;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	row-gap: 40px;
	column-gap: 6%;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents > .wrap > .inner{
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom:30px;
	column-gap: 4%;
	}
	}

.pagecontents > .innercontents > .wrap > .inner > .one{
	display: flex;
	flex-direction: column;
	width: 46%;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents > .wrap > .inner > .one{
	width: 48%;
	}
	}

.pagecontents > .innercontents > .wrap > .inner > .one > a{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;
	row-gap: 20px;
	padding-bottom: 20px;
	}

.pagecontents > .innercontents > .wrap > .inner > .one > a > img{
	width:100%;
	}

/**/
.pagecontents > .innercontents > .wrap > .inner > .one.pink > a > img{border: 3px solid #DC0275;}
.pagecontents > .innercontents > .wrap > .inner > .one.orange > a > img{border: 3px solid #F1A201;}
.pagecontents > .innercontents > .wrap > .inner > .one.yellow > a > img{border: 3px solid #F7D400;}
.pagecontents > .innercontents > .wrap > .inner > .one.blue > a > img{border: 3px solid #149BD0;}
.pagecontents > .innercontents > .wrap > .inner > .one.green > a > img{border: 3px solid #77B914;}
.pagecontents > .innercontents > .wrap > .inner > .one.sky > a > img{border: 3px solid #7FC1B9;}
.pagecontents > .innercontents > .wrap > .inner > .one.purple > a > img{border: 3px solid #bc5fd8;}

.pagecontents > .innercontents > .wrap > .inner > .one.pink > a:hover > img{border: 3px solid #b80263;}
.pagecontents > .innercontents > .wrap > .inner > .one.orange > a:hover > img{border: 3px solid #db9200;}
.pagecontents > .innercontents > .wrap > .inner > .one.yellow > a:hover > img{border: 3px solid #e0bf00;}
.pagecontents > .innercontents > .wrap > .inner > .one.blue > a:hover > img{border: 3px solid #098abd;}
.pagecontents > .innercontents > .wrap > .inner > .one.green > a:hover > img{border: 3px solid #77B914;}
.pagecontents > .innercontents > .wrap > .inner > .one.sky > a:hover > img{border: 3px solid #6dada6;}
.pagecontents > .innercontents > .wrap > .inner > .one.purple > a:hover > img{border: 3px solid #a951c4;}


.pagecontents > .innercontents > .wrap > .inner > .one > a > p{
	font-weight: 700;
	line-height: 1.5em;
	}

.pagecontents > .innercontents > .wrap > .inner > .one > .btn{
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none !important;
	}

@media screen and (max-width: 900px) {
.pagecontents > .innercontents > .wrap > .inner > .one > .btn >a{
	width: 150px;
	}
	}


.pagecontents > .innercontents > .wrap > .inner > .one > .btn p{
	font-size: .85em;
	}

.pagecontents > .innercontents > .wrap > .inner > .one.pink > .btn a{background: #DC0275;}
.pagecontents > .innercontents > .wrap > .inner > .one.orange  > .btn a{background: #F1A201;}
.pagecontents > .innercontents > .wrap > .inner > .one.yellow  > .btn a{background: #F7D400;}
.pagecontents > .innercontents > .wrap > .inner > .one.blue  > .btn a{background: #149BD0;}
.pagecontents > .innercontents > .wrap > .inner > .one.green  > .btn a{background: #77B914;}
.pagecontents > .innercontents > .wrap > .inner > .one.sky  > .btn a{background: #7FC1B9;}
.pagecontents > .innercontents > .wrap > .inner > .one.purple  > .btn a{background: #bc5fd8;}

.pagecontents > .innercontents > .wrap > .inner > .one.pink > .btn a:hover{background: #b80263;}
.pagecontents > .innercontents > .wrap > .inner > .one.orange  > .btn a:hover{background: #db9200;}
.pagecontents > .innercontents > .wrap > .inner > .one.yellow  > .btn a:hover{background: #e0bf00;}
.pagecontents > .innercontents > .wrap > .inner > .one.blue  > .btn a:hover{background: #098abd;}
.pagecontents > .innercontents > .wrap > .inner > .one.green  > .btn a:hover{background: #77B914;}
.pagecontents > .innercontents > .wrap > .inner > .one.sky  > .btn a:hover{background: #6dada6;}
.pagecontents > .innercontents > .wrap > .inner > .one.purple  > .btn a:hover{background: #a951c4;}


/*
bar
*/

.pagecontents .bar{
	width: calc(100vw - 160px);
	margin: 0 calc(50% - 50vw);
	margin-top: 50px;
	}
@media screen and (max-width: 900px) {
.pagecontents .bar{
	width: 100vw;
	margin-top: 35px;
	}
	}

.pagecontents .bar img{
	width: 600px;
	display: block;
	margin: 0 auto;
	}
@media screen and (max-width: 900px) {
.pagecontents .bar img{
	width: 90%;
	}
	}

.pagecontents .bar .upper{
	width: 100%;
	height: 10px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	}

.pagecontents .bar .under{
	width: 100%;
	height: 10px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row-reverse;
	}

.pagecontents .bar > div > div{
	width: 100%;
	height: 100%;
	}

.pagecontents .bar > div > div:first-child{	background: #E953EE	}
.pagecontents .bar > div > div:nth-child(2){	background: #B8C520	}
.pagecontents .bar > div > div:nth-child(3){	background: #DFC101	}
.pagecontents .bar > div > div:nth-child(4){	background: #E4007F	}
.pagecontents .bar > div > div:nth-child(5){	background: #F0873B	}
.pagecontents .bar > div > div:nth-child(6){	background: #008800	}
.pagecontents .bar > div > div:nth-child(7){	background: #0079D6	}
.pagecontents .bar > div > div:last-child{	background: #FF005E	}


/*
post
*/


.pagecontents > .innercontents.post {
	margin-top: -20px;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents.post {
	margin-top: 0px;
	}
	}

.pagecontents > .innercontents.post > .wrap > h4{
	font-size: 1em;
	}

.pagecontents > .innercontents.post > .wrap > .inner{
	margin-top: 30px;
	row-gap: 0;
	}

.pagecontents > .innercontents.post > .wrap > .inner > .intro{
	width: 100%;
	}

.pagecontents > .innercontents.post > .wrap > .inner > .intro h5{
	font-weight: 700;
	line-height: 1.5em;
	font-size: 1.3em;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents.post > .wrap > .inner > .intro h5{
	font-size: 1.2em;
	}
	}

.pagecontents > .innercontents.post > .wrap > .inner > .intro img{
	width: 100%;
	margin-top: 50px;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents.post > .wrap > .inner > .intro img{
	margin-top: 30px;
	}
	}

.pagecontents > .innercontents.post > .wrap > .inner > .intro p{
	margin-top: 50px;
	line-height: 1.8em;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents.post > .wrap > .inner > .intro p{
	margin-top: 30px;
	}
	}


.pagecontents > .innercontents.post > .wrap > .inner > .entry{
	width: 100%;
	margin-top: 50px;
	border-top: 1px solid #ccc;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents.post > .wrap > .inner > .entry{
	margin-top: 30px;
	}
	}

.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block{
	margin-top: 30px;
	}

.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block{
	clear: both;
	}

.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block:after{
    content:"";
    display:table;
	clear: both;
	}

.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block h6{
	font-weight: 700;
	line-height: 1.5em;
	font-size: 1.2em;
	padding: 30px 0 30px 20px;
	margin-bottom: 30px;
	border-left: 6px solid #A72D2A;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block h6{
	font-size: 1.1em;
	padding: 20px 0 20px 10px;
	margin-bottom: 30px;
	}
	}


.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block .dh_fimg {
	display: block;
	width: 45%;
	max-width: 500px;
	height: auto;
	background: #fff;
	}
.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block:nth-child(odd) .dh_fimg {
	float: left;
	padding: 0 5% 20px 0;
	}
.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block:nth-child(even) .dh_fimg {
	float: right;
	padding: 0 0 20px 5%;
	}
.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block .dh_fimg.full {
	float: none;
	padding: 0 0 40px 0;
	width: 100%;
	max-width: 100%;
	}
.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block .dh_fimg.lefts {
	float: left;
	padding: 0 5% 20px 0;
	}
.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block .dh_fimg.rights {
	float: right;
	padding: 0 0 20px 5%;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block .dh_fimg {
	width: 60%;
	float: none;
	padding: 0 0 30px 0;
	margin: auto;
	margin-top: 0;
	}
.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block:nth-child(odd) .dh_fimg {
	width: 100%;
	max-width: 100%;
	float: none;
	padding: 0 0 30px 0;
	}
.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block:nth-child(even) .dh_fimg {
	width: 100%;
	max-width: 100%;
	float: none;
	padding: 0 0 30px 0;
	}
.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block .dh_fimg.full {
	float: none;
	padding: 0 0 30px 0;
	width: 100%;
	max-width: 100%;
	}
.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block .dh_fimg.lefts {
	width: 100%;
	max-width: 100%;
	float: none;
	padding: 0 0 30px 0;
	}
.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block .dh_fimg.rights {
	width: 100%;
	max-width: 100%;
	float: none;
	padding: 0 0 30px 0;
	}
	}

.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block .dh_fimg::after {
	content: "";
	display: block;
	clear: both;
	}

.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block .dh_fimg img{
	width: 100%;
	}

.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block p{
	line-height: 1.8em;
	font-size: 1;
	}

.pagecontents > .innercontents.post > .wrap > .inner > .entry >.block p a,
.pagecontents > .innercontents.post > .wrap > .inner > .intro > p a{
	text-decoration: underline;
	color:#A72D2A;
	font-weight: 700;
	}