@charset "UTF-8";

img.topbutton{
	width:200px;
	padding-bottom: 40px;
	padding-left: 90px;
	padding-top: 40px;
}

body{
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

body{
	background-color: #b3f2ff;
}

div.interview{
padding: 1em;
margin: 2em auto;
color: #3d4d99;
width:93%;
background: #ffffe6;
border-top: solid 5px #ffa64d;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
}

p.interview{
	width:95%;
	padding-left: 20px;
}

p.question{
	font-weight: bold;
}

h3.profile{
	padding-left: 40px;
}

img.kao{
	weight:110px;
	padding-left: 20px;
}

div.artkouji{
	
}

h2 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 8px);
  background: #ffffe6;
	color:#3d4d99;
}

h2:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #ffa64d;
}

h3.artkouji{
	position: relative;
  padding: 1rem 2rem calc(1rem + 8px);
  background: #ffffe6;
	color:#3d4d99;
}
h3.artkouji:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #ffa64d;
}
div.artkouji{
padding: 1em;
margin: 2em auto;
color: #3d4d99;
width:93%;
background: #ffffe6;
border-top: solid 5px #ffa64d;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
}

h3.arttitle{
	font-weight: bold;
}

.botton {
  color: #fff;
  background-color: #eb6100;
padding:20px;
	margin:10px;
}
.botton:hover,
.botton:hover {
  color: #fff;
  background: #f56500;
}

class.botton{
	margin: 10px;
}