@charset "UTF-8";


.p-ttlarea__inner.forProject{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-image: url(/lp/casual/assets/project/img/bg_ttlarea_pc.jpg);
}

.project-heading{
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 25px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
}
@media screen and (max-width: 768px){
.project-heading{
	font-size: 19px;
	margin-bottom: 10px;
}
}

.project-intro{
	text-align: center;
	padding: 70px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.project-intro p{
	font-size: 18px;
	letter-spacing: 0.18em;
	line-height: 2.66;
}
@media screen and (max-width: 768px){
.project-intro{
	padding: 35px 20px;
}
.project-intro p{
	font-size: 13px;
	letter-spacing: 0;
}
}


.project-flow{
	padding: 0 15px;
	margin-bottom: 120px;
}
.project-flow-list li{
	padding: 15px 0;
}
.project-flow-list li:nth-child(odd) {
	background-color: #F6F6F6;
}
.project-flow-list-inner{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
	width: 1040px;
	margin: auto;
}
.project-flow-list-ttl{
	font-size: 20px;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	width: 220px;
}
.project-flow-list-txt{
	font-size: 16px;
	width: 820px;
	padding-left: 30px;
	border-left: 1px solid #CCCCCC;
}
.project-flow-list li:last-child .project-flow-list-ttl{
	text-align: center;
	width: 100%;
}
@media screen and (max-width: 768px){
.project-flow{
	padding: 0;
	margin-bottom: 50px;
}
.project-flow-list li{
	padding: 20px 0;
}
.project-flow-list-inner{
	display: block;
	width: auto;
	padding: 0 20px;
}
.project-flow-list-ttl{
	font-size: 17px;
	width: auto;
}
.project-flow-list-txt{
	font-size: 12px;
	width: auto;
	padding-left: 0;
	border-left: none;
}
.project-flow-list li:last-child .project-flow-list-ttl{
	text-align: left;
}
}


.project-description{
	max-width: 1400px;
	margin: auto;
}
.project-description-block{
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	margin-bottom: 100px;
}
.project-description-block.img-left{
	-webkit-flex-direction: row-reverse; /* Safari */
	flex-direction:         row-reverse;
}
.project-description-block>*{
	width: 50%;
}
.project-description-block.img-left .project-description-block-txt{
	padding: 0 45px 0 80px;
}
.project-description-block.img-right .project-description-block-txt{
	padding: 0 80px 0 45px;
}
.project-description-block-txt .project-heading{
	text-align: left;
}
.project-description-block-txt p{
	font-size: 16px;
	line-height: 2.625;
}
.project-description-block-img figure{
	margin: 0 0 20px;
}
.project-description-block-img figure img{
	width: 100%;
	margin-bottom: 15px;
}
.project-description-block-img figure figcaption{
	font-size: 13px;
	line-height: 2;
}
@media screen and (max-width: 768px){
.project-description{
	padding: 0 20px;
}
.project-description-block{
	display: block;
	margin-bottom: 50px;
}
.project-description-block>*{
	width: auto;
}
.project-description-block.img-left .project-description-block-txt{
	padding: 0 0 20px;
}
.project-description-block.img-right .project-description-block-txt{
	padding: 0 0 20px;
}
.project-description-block-txt .project-heading{
	text-align: left;
}
.project-description-block-txt p{
	font-size: 12px;
	line-height: 2;
}
.project-description-block-img figure{
	margin: 0 0 15px;
}
.project-description-block-img figure img{
	margin-bottom: 5px;
}
.project-description-block-img figure figcaption{
	font-size: 10px;
	line-height: 2;
}
}

.project-notes{
	text-align: right;
	padding-bottom: 100px;
	font-size: 13px;
    max-width: 1400px;
    margin: auto;
}
@media screen and (max-width: 768px){
.project-notes{
    padding: 0 20px 50px;
	font-size: 10px;
}
}