@charset "UTF-8";
body.sp .brPc, body.tablet .brPc {
	display: none;
}

body.sp .section {
	background-image: url(../images/bg_s.jpg);
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
}

body.pc .section, body.tablet .section {
	background: url(../images/bg.jpg);
	background-size: 2000px auto;
	background-position: top -56px center;
	background-repeat: no-repeat;
}

body.sp .section .pageTitle {
	padding-top: 11.4%;
}

body.sp .section .pageTitle img {
	width: 88%;
}

body.sp .bodyMain {
	padding: 18% 0 0;
}

.bodyMain {
	padding: 100px 0 0;
}

.bodyDescription {
	text-align: center;
	margin: 0 0 20px;
}

body.sp .bodyDescription {
	text-align: left;
	margin: 0 0 5vw;
}

.bodyDescription p {
	line-height: 2;
}

body.sp .bodyDescription .text-r {
  text-align: left;
}

body.sp .bodyDescription .writer {
	text-align: center;
}

.bodyDescription .writer {
	margin-bottom: 22px;
	font-weight: bold;
}

body.sp .bodyDescription .text-small, body.sp bodyContent .text-small, body.sp .bodyContent-image .text-small  {
	font-size: 220%;
}

body.sp .bodyDescription .text-small, body.sp .bodyContent .text-small, body.sp .bodyContent-image .text-small  {
	line-height: 1.5;
}

.bodyDescription .text-small, .bodyContent .text-small, .bodyContent-image .text-small  {
	font-size: 14px;
}

.color-chara1 {	color: #ff8d39;}
.color-chara2 { color: #5ea6ff;}

.bodyContent {
	clear: both;
	margin-top: 60px;
	overflow: hidden;
}

body.sp .bodyContent-image + .bodyContent {
	margin-top: 12vw;
}

.bodyContent-image + .bodyContent {
	margin-top: 80px;
}

body.sp .bodyContent h2 {
	font-size: 260%;
	font-weight: bold;
	/* padding: 10% 0 20px 0; */
	padding: 0.6% 0 2% 9%;
}

.bodyContent h2 {
	text-align: left;
	color: #fde74f;
	font-size: 20px;
	padding: 20px 0 20px 60px;
	border-bottom: 1px solid #633d19;
	position: relative;	
}

body.sp .bodyContent h2 img {
	width: 6.4%;
	top: 0;
	transform: none;
}

.bodyContent h2 img {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.bodyContent p {
	line-height: 2;
}

.bodyContent p strong {
	display: block;
	font-weight: bold;
}

body.pc .bodyContent .img-r {
	float: right;
	margin: 6px 0 40px 40px;
}

body.pc .bodyContent .img-l {
	float: left;
	margin: 6px 60px 40px 0;
}

body.sp .bodyContent .img-r,
body.sp .bodyContent .img-l {
  text-align: center;
}

body.sp .bodyContent .img-r img,
body.sp .bodyContent .img-l img {
  width: 50%;
}

.bodyContent-image {
	text-align: center;
	margin-top: 36px;
}

.bodyContent-image figure {
	margin: 0;
}

body.sp .bodyContent-image figcaption {
	line-height: 1.5;
	margin-top: 20px;
}

.bodyContent-image figcaption {
	line-height: 1.7;
	margin-top: 12px;
}

body.sp .bodyContent-image img {
	width: 100%;
}

body.sp .bodyContent-image img.widthSp {
	width: 74%;
}

.writerSection {
	clear: both;
	border-top: #633d19 solid 1px;
	border-bottom: #633d19 solid 1px;
	margin: 60px 0 40px;
	padding: 45px 0;
}

body.sp .writerSection h2 {
	font-size: 260%;
}

.writerSection h2 {
	font-size: 16px;
	text-align: left;
	margin: 0 0 5px;
	font-weight: bold;
}

.writerSection p {
	margin: 0;
	line-height: 2;
}

.text-r {
	text-align: right;
}