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

/* reset and common
-----------------------------------------------*/
/* ========== reset ========== */
#contents {
	padding: 0;
	width: 100%;
	overflow: hidden;
	background: #ebedf0;
}
#contents p,
#contents figcaption,
#contents li,
#contents dt,
#contents dd,
#contents h2,
#contents h3,
#contents h4 {
	font-family: Sawarabi Mincho,Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
#contents p,
#contents figcaption,
#contents li,
#contents dt,
#contents dd {
	font-size: 16px;
	line-height: 210%;
}
#contents p {
	margin-bottom: 1.2em;
}
#contents p:last-child {
	margin-bottom: 0;
}

/* ========== common ========== */
.innerBox01 {
	width: 960px;
	margin: 0 auto;
}



/* base discription (for PC)
-----------------------------------------------*/
/* ========== mvArea01 ========== */
.mvArea01 {
	background: #190215;
}

/* ========== aboutArea01 ========== */
.aboutArea01 {
	border-top: 13px solid #9d811c;
	background: #ebedf0;
	padding-bottom: 80px;
}
.movieFrame01 iframe {
	width: 500px;
	height: 282px;
}
.aboutArea01 p:last-child {
	margin-top: 65px;
}

/* ========== projectArea01 ========== */
.projectArea01 {
	background: #11508b;
	transform:skew(0deg, -7deg);
	overflow: hidden;
}
.bgimageArea01 {
	background: url(../img/bakumatsu-ishinhaku/bg_index01.png) 0 0 / 259px 73px repeat;
	transform:skew(0deg, 7deg);
	margin-top: -250px;
}
.projectArea01 .innerBox01 {
	width: 980px;
	padding: 280px 10px 600px;
}

.projectArea01 article {
	background: url(../img/bakumatsu-ishinhaku/bg_index02_pc.png) 0 0 / cover no-repeat;
	height: 1293px;
	padding: 90px 50px 0;
	margin: 0 -10px 0
}
.projectArea01 article p {
	line-height: 230% !important;
	margin: -10px 0 2em !important;
}

.projectArea01 aside {
	min-height: 470px;
	position: relative;
	padding: 35px 30px;
	background: url(../img/bakumatsu-ishinhaku/bg_index03.jpg) center 0 / cover no-repeat;
	box-shadow:1px 2px 16px -3px #000;
}
.projectArea01 aside h4 {
	font-size: 30px;
	vertical-align: middle;
}
.projectArea01 aside h4 span {
	display: inline-block;
	width: 75px;
	line-height: 75px;
	vertical-align: middle;
	margin-right: 7px;
	font-size: 60px;
	color: #fff;
}
.projectArea01 aside figure {
	position: absolute;
	top: 35px;
	width: 560px;
}
.projectArea01 aside p {
	position: absolute;
	top: 140px;
	width: 310px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	line-height: 190% !important;
}

.charaBox01 {
	margin-top: 80px;
	border-top: 6px solid #bc9c1a;
}
.charaBox02 {
	border-top: 6px solid #6c0259;
}

.charaBox01 h4 span {
	background: #bc9c1a;
}
.charaBox02 h4 span {
	background: #6c0259;
}

.charaBox01 figure {
	right: 30px;
}
.charaBox02 figure {
	left: 30px;
}

.charaBox02 h4,
.charaBox02 p {
	margin-left: 595px;
}


/* ========== projectArea02 ========== */
.projectArea02 {
	background: #ebedf0;
	transform:skew(0deg, 7deg);
	margin-top: -465px;
}
.projectArea02 .innerBox01 {
	transform:skew(0deg, -7deg);
	padding: 50px 0 270px;
	background: url(../img/bakumatsu-ishinhaku/bg_index04.png) left 280px / 470px auto no-repeat;
}

.katanaBox01,
.katanaBox02 {
	position: relative;
}
.katanaBox01 {
	height: 340px;
}
.katanaBox02 {
	height: 480px;
}
.katanaBox01 figure,
.katanaBox02 figure,
.katanaBox01 figcaption,
.katanaBox02 figcaption {
	position: absolute;
}
.katanaBox01 figure {
	top: 195px;
}

.katanaBox01 figcaption {
	top: -10px;
	right: 0;
	width: 700px;
	height: 185px;
	padding: 45px;
	background: url(../img/bakumatsu-ishinhaku/bg_index05_pc.png) right 0 / 100% no-repeat;
}
.katanaBox02 figcaption {
	top: -10px;
	right: 0;
	width: 440px;
}


/* ========== projectArea03 ========== */
.projectArea03 {
	margin-top: -150px;
	background: #937c3d;
	transform:skew(0deg, -7deg);
	margin-bottom: -250px;
	overflow: hidden;
}
.bgimageArea02 {
	background: url(../img/bakumatsu-ishinhaku/bg_index06.png) 0 0 / 58px 30px repeat;
	transform:skew(0deg, 7deg);
	margin-top: -250px;
}
.projectArea03 .innerBox01 {
	padding: 275px 0 330px;
}
.scheduleList01 {
	padding: 30px 30px;
	background: #fff;
	box-shadow:1px 2px 16px -3px #000;
}
.scheduleList01 dt,
.scheduleList01 dd {
	display: inline-block;
}
.scheduleList01 p {
	border-top: 1px solid #ccc;
}
.banner{
	margin:20px auto 0;
	text-align:center;
}


/* for mobile
-----------------------------------------------*/
@media(max-width:639px) {

/* ========== reset ========== */
#contents p,
#contents figcaption,
#contents li,
#contents dt,
#contents dd {
	font-size: 14px;
	line-height: 180%;
}
#contents p {
	margin-bottom: 1.5em;
}

img {
	max-width: 100%;
}
#contents .flL,
#contents .flR {
	display: block !important;
}


/* ========== common ========== */
.innerBox01 {
	width: 92%;
}


/* ========== aboutArea01 ========== */
.aboutArea01 {
	border-top: 6px solid #9d811c;
	padding-bottom: 50px;
}
.topArrow01 {
	width: 40% !important;
}
.movieFrame01 {
	width: 100% !important;
	height: 0 !important;
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	overflow: hidden;
}
.movieFrame01 iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}


/* ========== projectArea01 ========== */
.bgimageArea01 {
	background: url(../img/bakumatsu-ishinhaku/bg_index01.png) 0 0 / 129.5px 36.5px repeat;
}
.projectArea01 .innerBox01 {
	width: 92%;
	padding: 280px 0 540px;
}
.projectArea01 article {
	padding: 35px 4% 5px;
	margin: 0;
	background: url(../img/bakumatsu-ishinhaku/bg_index02_sp.png) 0 0 / cover repeat;
	height: auto;
}
.projectArea01 article p {
	line-height: 180% !important;
	margin: 0 0 2em !important;
}
.projectArea01 aside {
	min-height: 0;
	padding: 23px 4% 30px;
}
.projectArea01 aside h4 {
	font-size: 22px;
}
.projectArea01 aside h4 span {
	width: 55px;
	line-height: 55px;
	margin-right: 5px;
	font-size: 44px;
}
.projectArea01 aside figure,
.projectArea02 aside figure,
.projectArea01 aside p,
.projectArea02 aside p {
	position: static;
	width: 100%;
	border: none;
}
.charaBox02 h4,
.charaBox02 p {
	margin-left: 0;
}


/* ========== projectArea02 ========== */
.projectArea02 .innerBox01 {
	padding: 40px 0 195px;
	background: url(../img/bakumatsu-ishinhaku/bg_index04.png) left 13% / auto 95px no-repeat;
}

.katanaBox01,
.katanaBox02 {
	height: auto;
	position: static;
}
.katanaBox01 figure,
.katanaBox02 figure,
.katanaBox01 figcaption,
.katanaBox02 figcaption {
	position: static;
}
.katanaBox01 figcaption {
	width: 100%;
	height: auto;
	padding: 15px calc(4% + 10px);
	margin: 25px auto 0;
	background: url(../img/bakumatsu-ishinhaku/bg_index05_sp.png) 0 0 / contain no-repeat;
	text-align: left !important;
}
.katanaBox02 {
	width: 92%;
	margin: 35px auto 0;
}
.katanaBox02 figcaption {
	width: 100%;
}


/* ========== projectArea03 ========== */
.bgimageArea02 {
	background: url(../img/bakumatsu-ishinhaku/bg_index06.png) 0 0 / 34px 20px repeat;
}
.projectArea03 .innerBox01 {
	padding: 265px 0 320px;
}
.projectArea03 h3 img{
	width: 250px !important;
}
.scheduleList01 {
	padding: 15px 4% 20px;
}
.scheduleList01 li {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.scheduleList01 p {
	text-align: left !important;
	border: none;
}

}