@charset "UTF-8";
/* CSS Document */
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

html,body {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	/*background-color: #E61E58;*/
	background-image: url("../assets/img/bg_icon.svg");
	background-repeat: repeat;
	background-color: #EEEFEF;
	/*height: 100%;*/
	font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	overflow-x: hidden;
}
img {vertical-align: bottom;}

.pcNone{
	
}
.spNone{
	
}
header {
  /*position: fixed;
  top: 0;
  left: 0;
  z-index: 2;*/
  height: 8%;
transition: .3s;
}
.report_head {
	width: 50%;
}
.report_head img{
	width: 100%;
}
/*.report_head {
	width: auto;
	height: 40%;
	display: block;
	position: fixed;
	top:0;
	left: 0;
}
.report_head img{
	height: 100%;
}*/
.report_page{
	width: 90%;
	/*margin: 15% auto 3% auto;*/
	margin: 0 auto 3% auto;
	background: rgba(238,239,239,0.9);
}
ul.report_page_list{
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
li.report_page_pic {
	width: 40%;
}
li.report_page_pic img{
	width: 100%;
}
img.kakuchi_pix {margin-bottom: 1rem;}
li.report_page_tex {
	width: 59%;
	padding: 0rem 2rem 2rem 2rem;
	box-sizing: content-box;
}
h3 {
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 1rem;
}
.left1rem {
	margin-left: -1rem;
} 
h4 {
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 1rem;
}
h5 {
	font-size: 1.4rem;
	font-weight: 400;
	margin-bottom: 2rem;
}
.quate {
	font-size: 6rem;
}
p {
	font-size: 1.2rem;
	margin-bottom: 1rem;
}
.quote{
	 font-size:3rem;
    line-height:1;
    margin: 0 .2em 0 0;
    padding: .1em 0;
}
.quote_l{
	float: left;
}
p.ans_talk {
	font-weight: 700;
}
span {
	font-size: 1rem;
}
.ans_box {
	padding: 0.3em;
	color: #000;
	background: #FFD600;
	margin-right:  0.8em;
}
.shi_box {
	padding: 0.3em;
	color: #FFF;
	background: #0A69CF;
	margin-right:  0.8em;
}
p.kakuchi_tex {
	font-size: 1.5rem;
	line-height: 1.6em;
}

p.report_back {
	text-align: center;
	margin: 1rem auto;
}
a.report_back_link {
	display: inline-block; 
  color: #ffffff;
  background: #38BADA;
  padding: 15px 30px;
  text-decoration: none;
	 border-radius: 5px;
}
a.report_back_link:hover {
  background: #fff;
  color: #38BADA;
}
/*===================

 SP縦向き

===================*/
@media screen and (orientation: portrait) and (max-width: 480px){
	/*===================

 	Section-2

	===================*/
	/*
	ヘッダー
	———————————*/
	
	header {
  		position: fixed;
  		top: 0;
  		left: 0;
  		z-index: 2;
  		/*height: 10%;*/
		transition: .3s;
	}
	.report_head {
		width: 90%;
	}
	.report_page{
		width: 90%;
		margin: 25% auto 3% auto;
	}
	ul.report_page_list{
		width: 100%;
		margin: 0 auto;
		display:inline-block;
	}
	li.report_page_pic {
		width: 100%;
	}
	li.report_page_pic img{
		width: 100%;
	}
	li.report_page_tex {
		width: 90%;
		margin: 0 auto;
		padding: 0rem;
		box-sizing: content-box;
	}
	
	/*
	ステートメント志位さん、サポーター双方
	———————————*/
	ul.statement {
		width: 80%;
		margin: 0 auto;
	
		display: inherit;
	}
	ul.statement li{
		width: 100%;
	}
	ul.statement li:first-child{
		margin-bottom: 3em;
	}
}


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

SP横向き

===================*/
@media screen and (orientation: landscape) and (max-width: 896px){
}


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

タブレット縦向き

===================*/
@media screen and (min-width: 481px) and (max-width: 1024px) and (orientation: portrait){
}


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

タブレット横向き

===================*/
@media screen and (min-width: 897px) and (max-width: 1112px) and (orientation: landscape){
}