@charset "UTF-8";
/* CSS Document */

/*QA P1見出し用*/
h4.title{
	font-size: 1.5em; 
	padding: 0.5em; 
	box-shadow: 3px 3px 3px rgba(0,0,0,0.10);
}

.t01{
	background-color: #f1bb3e; 
	border-left: solid 1em #f9e4b2;
}


.t02{
	background-color: #92d8b0; 
	border-left: solid 1em #d3efdf;
}


.t03{
	background-color: #61ceb4; 
	border-left: solid 1em #c0ebe1; 
}


.t04{
	background-color: #ffd564; 
	border-left: solid 1em #ffeec1;
}

h4.title span.none{
	font-size: 0.6em;
}


.q ul li{
	list-style: disc;
}

/*magazine_main内link修飾打ち消し*/
#magazine_main h4.title a{
	text-decoration: none;
	color: #000000;
}

.q{
	padding:0 0 0 4em;
}

.profile_photo{
	float:left;
	width:20%;
	margin:0 1em 0 0;
}

/*Q.見出し*/
#main_left #magazine_main #magazine_Pspace h4.qa01_q{
	display: block;
	position: relative;
	color: #333;
	text-shadow: 0 0 2px white;
	margin: 0 0 0 1em;
}


#main_left #magazine_main #magazine_Pspace h4.qa01_q::before {
  content: "Q.";
  color: #FFFFFF;
  position: absolute;
  padding: 1rem 1rem 1rem 1.2rem;
  background-color: #0e2984;
  border-radius: 50%;
  width: 1.3rem;
  height: 1.5rem;
  top: 50%;
  left: -10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#main_left #magazine_main #magazine_Pspace h4.qa01_q::first-letter{
	margin: 0 2em 0 0.6em;
	color: #FFFFFF;
}

#main_left #magazine_main #magazine_Pspace h4.qa01_q span{
	border: 1px solid #0e2984;
	border-radius: 40px 30px 30px 60px / 100px 30px 30px 100px;
	padding: 5px 15px 5px 0;
}

/*A.見出し*/
#main_left #magazine_main #magazine_Pspace h4.qa01_a{
	display: block;
	position: relative;
	color: #333;
	text-shadow: 0 0 2px white;
	margin: 0 0 0 1em;
}


#main_left #magazine_main #magazine_Pspace h4.qa01_a::before {
  content: "A.";
  color: #FFFFFF;
  position: absolute;
  padding: 1rem 1rem 1rem 1.2rem;
  background-color: #ff1a00;
  border-radius: 50%;
  width: 1.3rem;
  height: 1.5rem;
  top: 50%;
  left: -10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#main_left #magazine_main #magazine_Pspace h4.qa01_a::first-letter{
	margin: 0 2em 0 0.6em;
	color: #FFFFFF;
}

#main_left #magazine_main #magazine_Pspace h4.qa01_a span{
	border: 1px solid #ff1a00;
	border-radius: 40px 30px 30px 60px / 100px 30px 30px 100px;
	padding: 5px 15px 5px 0;
}

/* PC */
@media (min-width:1000px){ 


	.scroll {
	    height: auto;
		margin:0.5em auto;
	    padding: 5px;
	    overflow: scroll;
	    -webkit-overflow-scrolling: touch;
	}
}

/* SP */
@media (max-width:999px){

	.scroll {
	    height:auto;
		margin:1em auto;
	    padding: 5px;
	    overflow: scroll;
	    -webkit-overflow-scrolling: touch;
	}


	#magazine_main #magazine_Pspace .scroll img{
		width: 800px;
		height: auto;
	}

}