@charset "UTF-8";

/* fase-main */
div.fase-main {
	background: #f7f7f7;
	overflow: hidden;
}
.fase-main > div {
	opacity: 0;
}
.fase-main .copy {}
.fase-main .copy strong {
	display: block;
	margin: auto;
}
.fase-main .copy strong img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
}
.fase-main .copy-01 img.ab.active {
	margin-left: 0;
}
.fase-main .copy-02 img.ab.active {
	margin-right: 0;
}
div.fase-main {
	width: 100%;
	height: calc(100vh - 90px);
	position: relative;
}
.fase-main .copy {
	max-width: 100%;
	width: 100%;
	height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.fase-main .copy strong {
	position: absolute;
	width: 100%;
}
.fase-main .copy strong:nth-child(1),
.fase-main .copy strong:nth-child(3) {
	right: 0;
	left: 0;
}
.fase-main .copy strong:nth-child(1){
	top: 0;
}
.fase-main .copy strong:nth-child(3){
	bottom: 0;
}
.fase-main .copy strong:nth-child(2) {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
}
.fase-main .copy img.ab {
	position: absolute;
	left: -50%;
	right: -50%;
}


.fase-main .obj {
	width: 53.8%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.fase-main .obj ul {
	width: 100%;
	position: relative;
}
.fase-main .obj ul li {
	position: absolute;
	width: 16%;
	margin: 0 2%;
	top: 0;
}
.obj ul li:nth-child(1) {
	left: 0%;
}
.obj ul li:nth-child(2) {
	left: 20%;
}
.obj ul li:nth-child(3) {
	left: 40%;
}
.obj ul li:nth-child(4) {
	left: 60%;
}
.obj ul li:nth-child(5) {
	left: 80%;
}
.fase-main .obj ul li img {
	display: block;
	width: 95%;
	height: auto;
	margin: auto;
}
.fase-main .truck {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 2;
	width: 100%;
}
.fase-main .truck img {
	display: block;
	width: 50%;
	max-width: 571px;
	position: absolute;
	top: 50%;
	left: 150%;
	right: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
	-o-transition-duration: 1.5s;
	transition-duration: 1.5s;
}
.fase-main .truck img.test {
	left: -50%;
}
.fase-main .cap {
	font-size: 17px;
	text-align: center;
	position: absolute;
	top: 59.5%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.fase-main .cap p {
	line-height: 1.8;
	font-weight: bold;
}
.fase-main a.scroll-btn {
	color: #30b9ce;
	display: block;
	position: absolute;
	bottom: 5%;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 9;
	width: 6em;
	text-align: center;
	font-weight: bold;
	letter-spacing: .02em;
	text-indent: -.02em;
}
.uasp-l .fase-main a.scroll-btn {
	bottom: 8%;
}

.scroll-btn:after {
	content: "";
	position: absolute;
	top: 1.2em;
	right: 0;
	left: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #30b9ce transparent transparent transparent;
}



/* headd-wrap  */
div.headd-wrap {}
.headd-wrap h1 {
	text-align: center;
}
.headd-wrap h1 img {
	display: block;
	margin: auto;
}
.headd-wrap h1 strong {
	font-weight: normal;
	display: block;
	background: url(../img/top/headd-border.svg) 50% 0 no-repeat;
}



/* fase-02 */
div.fase-02 {}
.fase-02 ul li:nth-child(1) {
	background: #89cdce;
}
.fase-02 ul li:nth-child(2) {
	background: #e6c900;
}
.fase-02 ul li:nth-child(3) {
	background: #81c791;
}
.fase-02 ul li:nth-child(4) {
	background: #90deff;
}
.fase-02 ul li:nth-child(5) {
	background: #89d185;
}
.fase-02 ul li:nth-child(6) {
	background: #eae1c9;
}
.fase-02 ul li div > img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.fase-02 ul li h2 {
	text-align: center;
}
.fase-02 ul li a {
	background: #74351d;
	color: #fff;
	display: block;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
	text-indent: -1em;
}
.fase-02 ul li a img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto auto auto 5%;
	width: auto;
}



/* fase-03 */
div.fase-03 {}
.fase-03 ul.news-list {}
.news-list li {
	box-sizing: border-box;
	border-bottom: 1px dashed #221814;
}
.fase-03 .inner-wrap a.all-link {
	background: url(../img/common/icon-arrow-brown.svg) 100% 50% no-repeat;
	padding-right: 2em;
	display: inline-block;
}


/* fase-04 */
div.fase-04.corporate {
	background: #f7f7f7;
}
.corporate > img {
	display: block;
	width: 100%;
	height: auto;
} 
.corporate div.list {
	padding: 20px 20px 26px;
	box-sizing: border-box;
	background: #fff;
}
.corporate .list > ul {
/*
	border-top: 1px solid #888889;
	border-bottom: 1px solid #888889;
*/
}
.corporate .list li {
	box-sizing: border-box;
}
.corporate .list .fase-04-box > ul > li:nth-child(n+2),
.corporate .list > ul > li:nth-child(n+2) {
	border-top: 1px dotted #221814;
}
.corporate .list li dl dt {
	font-weight: bold;
	height: 35px;
}
.corporate div.history {
	background: #fff;
}
.corporate .history h2 {
	letter-spacing: 1em;
	text-indent: 1em;
	text-align: center;
	border-bottom: 1px solid #888889;
}
.corporate .history .list > ul {
	border-top: 1px solid #888889;
	border-bottom: 1px solid #888889;
}
.corporate .history .list li dl dt {
	height: 45px;
}
.corporate .history .fase-04-box > dl > dt {
	font-weight: bold;
	font-size: 17px;
}
.corporate .history .fase-04-box > dl:nth-child(1) dd {
	border: 1px solid #888889;
	box-sizing: border-box;
}

.corporate .fase-04-box + img {
	display: block;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.corporate .history dd dt {
	font-weight: normal !important;
	text-align: left !important;
}



/* fase-05 map */
div.fase-05.map {
	background: #f7f7f7;
	position: relative;
}
.map img.road {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	z-index: 2;
}
.map div.map-wrap {
	position: relative;
	overflow: hidden;
	position: relative;
	height: 0
}
.map div embed,
.map div iframe,
.map div object {
	position: absolute;
	left: 0;
	width: 100%;
	height: 120%
}
.map img.mask {
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	z-index: 2;
	bottom: -1px;
	left: 0;
}



/* fase-06 recruit */
div.fase-06.recruit {}
div.recruit-lf h2 {
	text-align: center;
}
.recruit-lf ul.recruit-list {
	border-top: 1px solid #888889;
	border-bottom: 1px solid #888889;
	box-sizing: border-box;
}
.recruit-list li {
	box-sizing: border-box;
}
.recruit-list > li:nth-child(n+2) {
	border-top: 1px dotted #221814;
}
.recruit-list li > dl > dt {
	font-weight: bold;
}
div.recruit-rg h2 {
	background: #221814;
	color: #fff;
	text-align: center;
}
.recruit-rg ul.chart-list {}
.chart-list h3 {
	text-align: center;
}
.chart-list li > div {
	position: relative;
}
.chart-list li > div img {
	position: absolute;
	height: 100%;
	width: auto;
}
/*
.chart-list li div .circliful text {
	display: none !important;
}
.chart-list li div strong {
	display: none;
	color: #000;
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 50%;
	left: 0;
	margin: auto;
	text-align: center;
	text-indent: .5em;
}
*/



/* fase-07 contact */
div.fase-07.contact {
	background: #f7f7f7;
}
.contact div.contact-head {}
.contact-head dl dt {
	border: 3px solid #74351d;
	color: #74351d;
	background: #fff;
	text-align: center;
	margin: auto;
	font-weight: bold;
	box-sizing: border-box;
}
.contact-head dl dd strong {
	color: #74351d;
}
.contact-head .cap-wrap p {
	text-indent: -1em;
	padding-left: 1em;
}
ul.contact-list {}
.contact-list li dl dt p {
	background: #74351d;
	color: #fff;
}
.contact-list li dl dd {
	vertical-align: top;
}
.contact-list li dl dd input,
.contact-list li dl dd textarea {
	border: 0;
}
.contact .form_buttons {
	text-align: center;
}
.contact .form_buttons button {
	background: #74351d;
	color: #fff;
	text-align: center;
	border-radius: 0;
	border: 0;
	text-shadow: none;
	padding: 0;
	position: relative;
}
.contact .form_buttons button img {
	position: absolute;
	top: 0;
	right: 5%;
	bottom: 0;
	margin: auto auto auto 5%;
	width: auto;
}
#mfp_overlay{
	z-index: 999 !important;
}

.thanks {
	
}
div.thanks-list-wrap {
	display: block;
	text-align: center;
	color: #74351d;
}
.thanks-list-wrap ul {
	display: inline-block;
	text-align: left;
}
.thanks a.arrow {
	display: block;
	margin-right: auto;
	margin-left: auto;
	background: #74351d;
	color: #fff;
	text-align: center;
	border-radius: 0;
	border: 0;
	text-shadow: none;
	padding: 0;
	position: relative;
}
.thanks a.arrow img {
	position: absolute;
	top: 0;
	right: 5%;
	bottom: 0;
	margin: auto auto auto 5%;
	width: auto;
}


/**==============================================**/
/*
/*			SP
/*
/**==============================================**/

@media screen and (max-width:736px) {

	.fase-main .copy {
		width: 80%;
		height: 40vh;
	}
	.fase-main .copy strong img {
		max-width: 100%;
	}
/*
	.fase-main .copy img.ab {
		width: 40%;
	}
	.fase-main .copy-x.small {
		width: 1em;
		height: 1em;
	}
	.fase-main .copy-x.small img {
		display: block;
		width: 1em;
		height: 1em;
	}
*/
	.fase-main .cap {
		top: 67.5%;
	}
	.fase-main .obj {
		width: 80%;
	}
	.fase-main .truck img {
		width: 60%;
	}
	.fase-main .cap {
		width: 90%;
		font-size: 1.6rem;
	}
/*
	.uasp-l .fase-main .cap p br:nth-child(1) {
		display: none;
	}
*/
	.uasp-l .fase-main .copy {
		width: 30%;
		height: 40vh;
	}

	.uasp-l .fase-main .copy-x {
		width: 20%;
	}

	.uasp-l .fase-main .obj {
		width: 60%;
	}

	.uasp-l .fase-main .truck img {
		width: 40%;
	}

	.uasp-l .fase-main .cap {
		width: 90%;
		font-size: 1.4rem;
	}
	.uasp-l .fase-main .cap p {
		line-height: 1.6;
	}

	.fase-main a.scroll-btn {
		font-size: 1.4rem;
	}
	.scroll-btn:after {
		border-width: 15px 34px 0 34px;
	}


	/* メインイメージ下 共通 */
	div.headd-wrap {
		padding: 15% 0 0;
	}
	.headd-wrap h1 {
		font-size: 1.7rem;
	}
	.headd-wrap h1 img {
		height: 2.4em;
	}
	.headd-wrap h1 strong {
		margin: 4% auto;
		padding-top: 6%;
		letter-spacing: .2em;
		text-indent: .2em;
	}



	/* fase-02 */
	div.fase-02 {}
	.fase-02 ul {}
	.fase-02 ul li {
		padding: 5% 0;
	}
	.fase-02 ul li div {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		padding: 5% 0;
	}
	.fase-02 ul li div > img {
		margin-bottom: 5%;
	}
	.fase-02 ul li div h2 {
		font-size: 2rem;
		line-height: 1.4;
	}
	.fase-02 ul li div p {
		font-size: 1.6rem;
		line-height: 1.8;
		margin: 5% auto 8%;
	}
	.fase-02 ul li a {
		max-width: 70%;
		font-size: 1.6rem;
		line-height: 4;
		position: relative;
		text-align: center;
	}
	.fase-02 ul li a img {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto auto auto 5%;
		width: auto;
	}



	/* fase-03 */
	div.fase-03 {}
	.fase-03 .inner-wrap {
		width: 90%;
		margin-bottom: 18%;
	}
	.fase-03 ul.news-list {
		margin: 5% auto 3%;
	}
	.news-list a {
		display: block;
		font-size: 1.5rem;
		padding: 3% 0;
	}
	.news-list a span {
		display: block;
		margin-bottom: 3%;
	}
	.news-list a p {
		background: url(../img/common/icon-arrow-brown.svg) 0 50% no-repeat;
		padding-left: 2em;
		line-height: 1.4;
	}
	.fase-03 .inner-wrap a.all-link {
		line-height: 1.6em;
		float: right;
	}



	/* fase-04 */	
	div.fase-04.corporate {
		background-image: url(../img/top/fase-04-bg.jpg);
		background-position: 68% 1px;
		background-size: 140% auto;
		background-repeat: no-repeat;
	}
	.corporate .headd-wrap {
		margin-bottom: 16%;
		padding-top: 12%;
	}
	.corporate > img {}
	.corporate {
		padding-bottom: 16%;
	}
	.corporate .inner-wrap {
		width: 90%;
	}
	.corporate .inner-wrap > div {
		font-size: 1.6rem;
	}
	.corporate .list {
		margin-bottom: 8%;
	}
	.corporate .list li {}
	.corporate .list li dl {
		padding: 3%;
	}
	.corporate .list dl dt {
		line-height: 1.6;
		margin-bottom: 3%;
		height: auto !important;
	}
	.corporate .list dl dt br {
		display: none;
	}
	.corporate .list dl dd {
		line-height: 1.6;
		padding-left: 1em;
	}
	.corporate .list ul.inner-list {
		margin: 10px auto;
	}
	.corporate .inner-list li p,
	.corporate .inner-list li span {
		line-height: 1.6;
	}
	.corporate .inner-list li p {
		float: left;
		margin-right: 1em;
	}
	.corporate .inner-list li span {}
	.corporate .history {
		padding: 5%;
		box-sizing: border-box;
	}
	.corporate .history .fase-04-box li > dl {
		padding-right: 0;
	}
	.corporate .history .fase-04-box > dl > dt {
		line-height: 1.8;
		margin-bottom: .5em;
		font-size: 2rem;
	} 
	.corporate .history .fase-04-box > dl:nth-child(1) {
		margin-bottom: 2em;
	}
	.corporate .history .fase-04-box > dl:nth-child(1) dd {
		padding: 3%;
		line-height: 1.6;
	}
	.corporate .history .fase-04-box > dl:nth-child(1) dd br {
		display: none;
	}

	.corporate .history .fase-04-box > dl:nth-child(1) dd h3 {
		margin-bottom: 1em;
		font-size: 1.7rem;
		line-height: 1.6;
	}



	/* fase-05 */
	.fase-05 div.map-wrap {
		margin-top: -8%;
	}
	.fase-05 div.map-wrap {
		padding-bottom: 50%;
		padding-top: 50%;
	}
	.fase-05 div embed,
	.fase-05 div iframe,
	.fase-05 div object {
		top: -20%;
	}



	/* fase-06 recruit */
	div.fase-06.recruit {
		padding-bottom: 15%;
	}
	.recruit .inner-wrap {
		width: 90%;
	}
	.recruit .headd-wrap {
		margin-bottom: 10%;
	}
	div.recruit-lf {
		margin-bottom: 50px;
	}
	div.recruit-lf h2 {
		font-size: 2rem;
		margin-bottom: 3%;
	}
	div.recruit-rg {}
	.recruit-lf ul.recruit-list {}
	.recruit-list li {
		padding: 3%;
	}
	.recruit-list li h3 {
		line-height: 1.6;
		font-size: 1.6rem;
		margin-bottom: 3%;
	}
	.recruit-list li h3 br {
		display: none;
	}
	.recruit-list li div {
		padding: 0 0 0 1em;
		font-size: 1.6rem;
	}
	.recruit-list li div li {
		line-height: 1.6;
	}
	.recruit-list li div p,
	.recruit-list li div dl dd {
		line-height: 1.7;
	}
	.recruit-list li:nth-child(1) div dt {
		margin: 3% auto;
	}
	.recruit-list li:nth-child(1) div dd {
		padding-left: 1em;
	}
	.recruit-list li:last-child div p br:last-child {
		margin-bottom: 1em;
	}
	div.recruit-rg h2 {
		font-size: 1.6rem;
		line-height: 3;
		margin: 0 auto 8%;
		width: 100%;
	}
	.recruit-rg ul.chart-list {
		width: 80%;
		margin: auto;
	}
	.chart-list li {
		margin-bottom: 20%;
	}
	.chart-list li img {
		display: block;
		width: 100%;
		height: auto;
		margin: auto;
	}
	.chart-list li h3 {
		font-size: 1.7rem;
		line-height: 2;
	}
	.chart-list li img {
		display: block;
		width: 100%;
		height: auto;
		margin: auto;
	}
	.chart-list li h3 {
		line-height: 42px;
	}
	.chart-list li > div:before {
		content: "";
		padding-top: 80.3%;
		display: block;
	}
	.chart-list li > div img {
		right: -50%;
		left: -50%;
		bottom: 0;
		margin: auto;
		height: 110%;
	}
	.chart-list li h3 {
		padding: 7% 0 3%;
		letter-spacing: .3em;
		text-indent: .3em;
	}
	.chart-list li p {
		line-height: 1.6;
		padding: 0 5%;
	}

	
	
	
	
	
	

	/* fase-07 contact */
	div.fase-07.contact {
/*		padding: 25px 0 58px;*/
	}
	.contact .headd-wrap {
		margin-bottom: 10%;
	}
	.contact .contact-head {
		margin-bottom: 10%;
	}
	.contact .inner-wrap {
		width: 100%;
	}
	.contact-head dl:nth-child(1) {
		margin-bottom: 8%;
	} 
	.contact-head dl dt {
		width: 80%;
		font-size: 1.6rem;
		line-height: 3.4;
	}
	.contact-head dl dd {
		text-align: center;
		padding: 5% 0;
	}
	.contact-head dl:nth-child(2) dd {
		text-align: left;
		padding: 5% 4%;
		line-height: 1.4;
	}
	.contact-head dl dd strong,
	.contact-head dl dd span,
	.contact-head dl dd a {
		font-size: 3rem;
		color: #74351d;
		font-weight: bold;
	}
	.contact-head dl dd a {
		text-decoration: underline;
	}
	.contact-head .cap-wrap {
		width: 90%;
		margin: 3% auto 0;
	}
	.contact-head p {
		display: inline-block;
		line-height: 1.6;
		text-align: left;
	}


	ul.contact-list {
		width: 90%;
		margin: auto;
	}
	.contact-list li {
		margin-bottom: 5%;
	}
	.contact-list li dl dt {
		margin-bottom: 1%;
	}
	.contact-list li dl dt p {
		line-height: 2;
		font-size: 1.6rem;
		padding: 0 5%;
		width: 8em;
	}
	.contact-list li dl dd {}
	.contact-list li dl dd input,
	.contact-list li dl dd textarea {
		width: 100% !important;
		max-width: none;
		padding: 1% 2%;
		box-sizing: border-box;
		font-size: 16px;
		background: #e9e9e9;
	}
	.contact-list li dl dd input {
		line-height: 2;
	}
	.contact-list li dl dd textarea {
		min-height: 266px;
		padding: 2%;
		line-height: 1.2;
	}
	.contact .form_buttons {
		margin: 10% auto;
	}
	.contact .form_buttons button {
		width: 70%;
		line-height: 3.4;
		font-size: 1.7rem;
	}
	.contact p.att {
		width: 90%;
		margin: 0 auto 10%;
		line-height: 1.6;
		font-size: 1.5rem;
	}



	/* thanks */
	.thanks .contact-head {
		margin-bottom: 8%;
	}
	.thanks .contact-head dl dt {
		width: 80% !important;
		font-size: 1.6rem;
		line-height: 1.6;
		padding: 3%;
	}
	.thanks .contact-head dl dd {
		line-height: 1.6;
		font-size: 1.5rem;
		text-align: left;
		width: 90%;
		margin: auto;
	}
	div.thanks-list-wrap {
		margin-bottom: 15%;
	}
	.thanks-list-wrap ul {
		display: inline-block;
		text-align: left;
	}
	.thanks-list-wrap ul li {
		font-size: 2.0rem;
		margin-bottom: 5%;
	}
	.thanks-list-wrap ul li a {
		color: #74351d;
		text-decoration: underline;
	}


	.thanks a.arrow {
		margin-top: 10%;
		width: 288px;
		line-height: 64px;
		font-size: 1.7rem;
	}




















}

/**==============================================**/
/*
/*			sp-l ～ tab
/*
/**==============================================**/

@media screen and (min-width: 737px) and (max-width: 959px) {

	.fase-main .copy {
		width: 90%;
	}
	.fase-main .copy strong img {
		max-width: 50%;
	}
	.fase-main .cap {
		width: 100%;
	}
	.fase-main a.scroll-btn {
		font-size: 16px;
	}
	.scroll-btn:after {
		border-width: 20px 40px 0 40px;
	}


	/* メインイメージ下 共通 */
	div.headd-wrap {
		padding: 75px 0 0;
	}
	.headd-wrap h1 {
		font-size: 17px;
	}
	.headd-wrap h1 img {
	}
	.headd-wrap h1 strong {
		margin: 14px auto;
		padding-top: 19px;
		letter-spacing: .2em;
		text-indent: .2em;
	}



	/* fase-02 */
	div.fase-02 {}
	.fase-02 ul {}
	width: 100%;
	.fase-02 ul li:nth-child(-n+2){
		width: 50%;
		float: left;
	}
	.fase-02 ul li:nth-child(n+4){
		width: 50%;
		float: left;
	}
	.fase-02 ul li:nth-child(-n+2) div{
		width: 90%;
		max-width: 416px;
		margin-right: auto;
		margin-left: auto;
		padding: 68px 0 48px;
	}
	.fase-02 ul li:nth-child(-n+2) div h2 {
		font-size: 26px;
	}
	.fase-02 ul li:nth-child(-n+2) div > img {
		margin-bottom: 28px;
	}
	.fase-02 ul li:nth-child(n+4):not(:last-child) div{
		width: 90%;
		max-width: 416px;
		margin-right: auto;
		margin-left: auto;
	}
	.fase-02 ul li:nth-child(-n+2) div {
		padding: 68px 0 48px;
	}
	.fase-02 ul li:nth-child(-n+2) div h2 {
		font-size: 26px;
	}
	.fase-02 ul li:nth-child(-n+2) div > img {
		margin-bottom: 28px;
	}
	.fase-02 ul li:nth-child(n+3):not(:last-child) div {
		padding: 8px 0 48px;
	}
	.fase-02 ul li:nth-child(n+3):not(:last-child) h2 {
		font-size: 22px;
	}
	.fase-02 ul li:last-child, .fase-02 ul li:nth-child(3){
		float: left;
		width: 100%;
	}
	.fase-02 ul li:last-child div {
		padding: 54px 0 44px;
	}
	.fase-02 ul li:last-child div p {
		margin: 17px auto 20px;
	}
	.fase-02 ul li:nth-child(3) div{
		width: 100%;
		max-width:100%;
		text-align: center;
	}
	.fase-02 ul li div > img {
		margin-bottom: 28px;
	}
	.fase-02 ul li div h2 {
		font-size: 20px;
	}
	.fase-02 ul li div p {
		font-size: 16px;
		line-height: 1.8;
		margin: 21px auto 32px;
	}
	.fase-02 ul li:last-child div p {
		text-align: center;
	}
	.fase-02 ul li a {
		max-width: 210px;
		font-size: 16px;
		line-height: 60px;
		position: relative;
		text-align: center;
	}
	.fase-02 ul li a img {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto auto auto 5%;
		width: auto;
	}



	/* fase-03 */
	div.fase-03 {}
	.fase-03 .inner-wrap {
		width: 80%;
		margin-bottom: 74px;
	}
	.fase-03 ul.news-list {
		margin: 25px auto 10px;
	}
	.news-list a {
		min-height: 49px;
		display: block;
	}
	.news-list a:hover p {
		text-decoration: underline;
	}
	.news-list a span {
		display: table-cell;
		width: 100px;
		vertical-align: middle;
	}
	.news-list a p {
		background: url(../img/common/icon-arrow-brown.svg) 0 50% no-repeat;
		padding-left: 2em;
		height: 49px;
		display: table-cell;
		width: 547px;
		vertical-align: middle;
		line-height: 1.4;
	}
	.fase-03 .inner-wrap a.all-link {
		line-height: 1.6em;
		float: right;
	}



	/* fase-04 */	
	div.fase-04.corporate {
		background-image: url(../img/top/fase-04-bg.jpg);
		background-position: 100% 1px;
		background-size: 120% auto;
		background-repeat: no-repeat;
	}
	.corporate .headd-wrap {
		margin-bottom: 20%;
/*		margin-bottom: 98px;*/
	}
	.corporate > img {}
	.corporate {
		padding-bottom: 80px;
	}
	.corporate .inner-wrap {
		width: 80%;
	}
	.corporate .inner-wrap > div {
		font-size: 15px;
	}
	.corporate .list {
		margin-bottom: 30px;
	}
	.corporate .list li {}
	.corporate .list li dl {}
	.corporate .list dl dt {
		display: table-cell;
		vertical-align: middle;
		width: 160px;
		text-align: center;
		height: 45px;
		line-height: 1.6;
	}
	.corporate .list dl dd {
		display: table-cell;
		vertical-align: middle;
		width: 608px;
		line-height: 1.4;
		padding: 10px 0;
	}
	.corporate .list ul.inner-list {
		margin: 10px auto;
	}
	.corporate .inner-list li p,
	.corporate .inner-list li span {
		line-height: 1.6;
	}
	.corporate .inner-list li p {
		float: left;
		margin-right: 1em;
	}
	.corporate .inner-list li span {}
	.corporate .history {
		padding: 20px;
		box-sizing: border-box;
	}
	.corporate .history .fase-04-box > dl > dt {
		line-height: 1.8;
		margin-bottom: .5em;
		font-size: 17px;
	} 
	.corporate .history .fase-04-box > dl:nth-child(1) {
		margin-bottom: 30px;
	}
	.corporate .history .fase-04-box > dl:nth-child(1) dd {
		padding: 3%;
		line-height: 1.6;
	}
	.corporate .history .fase-04-box > dl:nth-child(1) dd h3 {
		margin-bottom: 1em;
		font-size: 16px;
	}



	/* fase-05 */
	.fase-05 div.map-wrap {
		margin-top: -8%;
	}
	.fase-05 div.map-wrap {
		padding-bottom: 57%;
		padding-top: 20%;
	}
	.fase-05 div embed,
	.fase-05 div iframe,
	.fase-05 div object {
		top: -20%;
	}



	/* fase-06 recruit */
	div.fase-06.recruit {
		padding-bottom: 40px;
	}
	.recruit .inner-wrap {
		width: 80%;
	}
	.recruit .headd-wrap {
		margin-bottom: 62px;
	}
	div.recruit-lf {
		margin-bottom: 50px;
	}
	div.recruit-lf h2 {
		font-size: 17px;
		margin-bottom: 12px;
	}
	div.recruit-rg {}
	.recruit-lf ul.recruit-list {
		font-size: 15px;
	}
	.recruit-list li h3 {
		display: table-cell;
		vertical-align: middle;
		width: 160px;
		text-align: center;
		height: 51px;
		line-height: 1.6;
		font-size: 15px;
	}
	.recruit-list li div {
		display: table-cell;
		vertical-align: middle;
		width: 800px;
		padding: 14px 0 14px .5em;
	}
	.recruit-list li div p,
	.recruit-list li div dl dd {
		line-height: 1.7;
	}
	.recruit-list li div li {
		line-height: 1.7;
	}
	.recruit-list li:nth-child(1) div dt {
		margin: 10px auto 8px;
	}
	.recruit-list li:nth-child(1) div dd {
		padding-left: 1em;
	}
	.recruit-list li:last-child div p br:last-child {
		margin-bottom: 1em;
	}
	div.recruit-rg h2 {
		font-size: 22px;
		line-height: 56px;
		margin: 8px auto 40px;
		width: 73%;
	}
	.recruit-rg ul.chart-list {
		margin: auto;
	}
	.chart-list li {
		width: 42.6%;
		float: left;
		margin-bottom: 40px;
	}
	.chart-list li:nth-child(even) {
		float: right;
	}
	.chart-list li:nth-child(n+3) {
		margin-bottom: 0;
	}
	.chart-list li img {
		display: block;
		width: 100%;
		height: auto;
		margin: auto;
	}
	.chart-list li h3 {
		line-height: 42px;
	}
	.chart-list li {
		width: 50%;
		float: left;
		margin-bottom: 52px;
	}
	.chart-list li:nth-child(even) {
		float: right;
	}
	.chart-list li:nth-child(n+3) {
		margin-bottom: 0;
	}
	.chart-list li > div:before {
		content: "";
		padding-top: 80.3%;
		display: block;
	}
	.chart-list li > div img {
		right: -50%;
		left: -50%;
		bottom: 0;
		margin: auto;
		height: 110%;
	}
	.chart-list li h3 {
		font-size: 17px;
		padding: 7% 0 3%;
		letter-spacing: .3em;
		text-indent: .3em;
	}
	.chart-list li p {
		line-height: 1.6;
		padding: 0 5%;
	}

	
	
	
	


	/* fase-07 contact */
	div.fase-07.contact {
		padding: 25px 0 58px;
	}
	.contact .headd-wrap {
		margin-bottom: 43px;
	}
	.contact .contact-head {
		margin-bottom: 50px;
	}
	.contact .inner-wrap {
		max-width: 830px;
	}
	.contact-head dl:nth-child(1) {
		margin-bottom: 27px;
	} 
	.contact-head dl dt {
		width: 326px;
		font-size: 17px;
		line-height: 54px;
	}
	.contact-head dl dd {
		text-align: center;
		padding: 30px 0 21px;
	}
	.contact-head dl dd strong {
		font-size: 34px;
	}
	.contact-head .cap-wrap {
		text-align: center;
	}
	.contact-head p {
		display: inline-block;
		line-height: 1.6;
		text-align: left;
	}


	ul.contact-list {}
	.contact-list li {
		margin-bottom: 10px;
	}
	.contact-list li dl dt {
		display: table-cell;
		width: 182px;
		text-align: center;
	}
	.contact-list li dl dt p {
		height: 66px;
		line-height: 66px;
		font-size: 16px;
	}
	.contact-list li dl dd {
		display: table-cell;
		width: 648px;
		padding-left: 8px;
	}
	.contact-list li dl dd input,
	.contact-list li dl dd textarea {
		width: 100% !important;
		max-width: none;
		padding: 0 2%;
		box-sizing: border-box;
		font-size: 16px;
	}
	.contact-list li dl dd input {
		line-height: 66px;
	}
	.contact-list li dl dd textarea {
		min-height: 266px;
		padding: 2%;
		line-height: 1.2;
	}
	.contact .form_buttons {
		margin: 66px auto 48px;
	}
	.contact .form_buttons button {
		width: 288px;
		line-height: 64px;
		font-size: 17px;
	}
	.contact .form_buttons button img {
	}
	.contact p.att {
		line-height: 1.7;
	}



	/* thanks */
	.thanks .contact-head {
		margin-bottom: 40px;
	}
	.thanks .contact-head dl dt {
		width: 600px;
	}
	.thanks .contact-head dl dd {
		line-height: 1.6;
		font-size: 16px;
	}
	div.thanks-list-wrap {}
	.thanks-list-wrap ul {
		display: inline-block;
		text-align: left;
	}
	.thanks-list-wrap ul li {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.thanks-list-wrap ul li a {
		color: #74351d;
	}


	.thanks a.arrow {
		margin-top: 50px;
		width: 288px;
		line-height: 64px;
		font-size: 17px;
	}























}



/**==============================================**/
/*
/*			PC
/*
/**==============================================**/

@media print, screen and (min-width:960px){
	
	.fase-main .copy {
		width: 100%;
		max-width: 1000px;
	}


	/* メインイメージ下 共通 */
	div.headd-wrap {
		padding: 75px 0 0;
	}
	.headd-wrap h1 {
		font-size: 17px;
	}
	.headd-wrap h1 img {
	}
	.headd-wrap h1 strong {
		margin: 14px auto;
		padding-top: 19px;
		letter-spacing: .2em;
		text-indent: .2em;
	}
	.fase-main a.scroll-btn {
		font-size: 16px;
	}
	.scroll-btn:after {
		border-width: 20px 40px 0 40px;
	}



	/* fase-02 */
	div.fase-02 {}
	.fase-02 ul {
		width: 100%;
	}
	.fase-02 ul li:nth-child(-n+2), .fase-02 ul li:nth-child(n+4){
		width: 50%;
		float: left;
	}
	.fase-02 ul li:nth-child(-n+2) div{
		width: 90%;
		max-width: 416px;
		margin-right: auto;
		margin-left: auto;
		padding: 68px 0 48px;
	}
	.fase-02 ul li:nth-child(-n+2) div h2 {
		font-size: 26px;
	}
	.fase-02 ul li:nth-child(-n+2) div > img {
		margin-bottom: 28px;
	}
	.fase-02 ul li:nth-child(3) div{
		width: 100%;
		max-width: 100%;
		padding: 15px 0 48px;
	}
	.fase-02 ul li:nth-child(n+4):not(:last-child) div {
		width: 90%;
		max-width: 416px;
		margin-right: auto;
		margin-left: auto;
		padding: 8px 0 48px;
	}
	.fase-02 ul li:nth-child(n+3):not(:last-child) h2 {
		font-size: 22px;
	}
	.fase-02 ul li:last-child,.fase-02 ul li:nth-child(3) {
		float: left;
		width: 100%;
	}
	.fase-02 ul li:last-child div{
		padding: 54px 0 44px;
	}
	.fase-02 ul li:last-child div p{
		margin: 17px auto 20px;
	}
	.fase-02 ul li:last-child div h2 {
		font-size: 23px;
		margin-bottom: 28px;
	}
	.fase-02 ul li:last-child div p,.fase-02 ul li:nth-child(3) div p {
		text-align: center;
	}
/*
	.fase-02 ul li:nth-child(3) div p{
		margin: 21px auto 32px;
	}
*/
	.fase-02 ul li div p {
		font-size: 16px;
		line-height: 1.8;
		margin: 21px auto 32px;
	}
	.fase-02 ul li a {
		max-width: 188px;
		font-size: 16px;
		line-height: 48px;
		position: relative;
		text-align: center;
		-webkit-transition-duration: .3s;
		-ms-transition-duration: .3s;
		transition-duration: .3s;
	}
	.fase-02 ul li a:hover {
		opacity: .8;
	}
	.fase-02 ul li a img {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto auto auto 5%;
		width: auto;
	}
	/* fase-03 */
	div.fase-03 {}
	.fase-03 .inner-wrap {
		width: 49.8%;
		max-width: 648px;
		margin-bottom: 120px;
	}
	.fase-03 ul.news-list {
		margin: 25px auto 10px;
	}
	.news-list a {
		min-height: 49px;
		display: block;
	}
	.news-list a:hover p {
		text-decoration: underline;
	}
	.news-list a span {
		display: table-cell;
		width: 100px;
		vertical-align: middle;
	}
	.news-list a p {
		background: url(../img/common/icon-arrow-brown.svg) 0 50% no-repeat;
		padding-left: 2em;
		height: 49px;
		display: table-cell;
		width: 547px;
		vertical-align: middle;
		line-height: 1.4;
	}
	.fase-03 .inner-wrap a.all-link {
		line-height: 1.6em;
		float: right;
	}
	.fase-03 .inner-wrap a.all-link:hover {
		text-decoration: underline;
	}

	
	
/* fase-04 */	
	div.fase-04.corporate {
		background-image: url(../img/top/fase-04-bg.jpg);
		background-position: 50% 30px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.corporate .headd-wrap {
		margin-bottom: 20%;
/*		margin-bottom: 260px;*/
		padding: 90px 0 0;
	}
	.corporate > img {
		margin-bottom: 35px;
	}
	.corporate {
		padding-bottom: 116px;
	}
	.corporate .inner-wrap > div {
		font-size: 15px;
	}
	.corporate .list {
		width: 49%;
		float: left;
	}
	.corporate .list li {}
	.corporate .list li dl {}
	.corporate .list dl dt {
		display: table-cell;
		vertical-align: middle;
		width: 126px;
		text-align: center;
		height: 50px !important;
		line-height: 1.6;
		padding: 1% 0;
	}
	.corporate .list dl dd {
		display: table-cell;
		vertical-align: middle;
		width: 328px;
		line-height: 1.4;
		padding: 10px 0;
	}
	.corporate .list ul.inner-list {
		margin: 0 auto;
	}
	.corporate .inner-list li p,
	.corporate .inner-list li span {
		line-height: 1.6;
	}
	.corporate .inner-list li p {
		float: left;
		margin-right: 1em;
	}
	.corporate .inner-list li span {
	}
	.corporate .history {
		width: 49%;
		float: right;
		padding: 20px;
		box-sizing: border-box;
	}
	.history .list {
		width: 100%;
	}
	.corporate .history .fase-04-box > dl > dt {
		line-height: 1.8;
		margin-bottom: .5em;
		font-size: 18px;
	} 
	.corporate .history .fase-04-box > dl:nth-child(1) {
		margin-bottom: 30px;
	}
	.corporate .history .fase-04-box > dl:nth-child(1) dd {
		padding: 3%;
		line-height: 1.6;
	}
	.corporate .history .fase-04-box > dl:nth-child(1) dd h3 {
		margin-bottom: 1em;
		font-size: 17px;
	}
	.corporate .fase-04-box + img {
		max-width: 434px;
		margin-top: 12px;
	}



/* fase-05 */
	.fase-05 div.map-wrap {
		margin-top: -8%;
	}
	.fase-05 div.map-wrap {
		padding-bottom: 47%;
		padding-top: 30px;
	}
	.fase-05 div embed,
	.fase-05 div iframe,
	.fase-05 div object {
		top: -20%;
	}



	/* fase-06 recruit */
	div.fase-06.recruit {
		padding-bottom: 110px;
	}
	.recruit .headd-wrap {
		margin-bottom: 62px;
	}
	div.recruit-lf {
		width: 46.2%;
		float: left;
	}
	div.recruit-lf h2 {
		font-size: 17px;
		margin-bottom: 12px;
	}
	div.recruit-rg {
		width: 48%;
		float: right;
	}
	.recruit-lf ul.recruit-list {
		font-size: 15px;
	}
	.recruit-list li h3 {
		display: table-cell;
		vertical-align: middle;
		width: 126px;
		text-align: center;
		height: 51px;
		font-size: 15px;
		line-height: 1.6;
	}
	.recruit-list li div {
		display: table-cell;
		vertical-align: middle;
		width: 340px;
		padding: 14px 0 14px .5em;
	}
	.recruit-list li div ul li {
		line-height: 1.6;
		margin: 3% 0;
	}
	.recruit-list li div ul li.ind {
		text-indent: -2em;
		padding-left: 2em;
	}
	
	.recruit-list li div p,
	.recruit-list li div dl dd {
		line-height: 1.7;
	}
	.recruit-list li:nth-child(1) div dt {
		margin: 10px auto 8px;
	}
	.recruit-list li:nth-child(1) div dd {
		padding-left: 1em;
	}
	.recruit-list li:last-child div p br {
		margin-bottom: 1em;
	}
	div.recruit-rg h2 {
		font-size: 23px;
		line-height: 56px;
		margin: 8px auto 60px;
		width: 96%;
	}
	.recruit-rg ul.chart-list {
/*		width: 97.8%;*/
		margin: auto;
	}
	.chart-list li {
		width: 50%;
		float: left;
		margin-bottom: 52px;
	}
	.chart-list li:nth-child(even) {
		float: right;
	}
	.chart-list li:nth-child(n+3) {
		margin-bottom: 0;
	}
	.chart-list li > div:before {
		content: "";
		padding-top: 80.3%;
		display: block;
	}
	.chart-list li > div img {
		right: -50%;
		left: -50%;
		bottom: 0;
		margin: auto;
		height: 110%;
	}
	.chart-list li h3 {
		font-size: 15px;
		padding: 7% 0 3%;
		letter-spacing: .3em;
		text-indent: .3em;
	}
	.chart-list li p {
		line-height: 1.6;
		padding: 0 5%;
	}



	/* fase-07 contact */
	div.fase-07.contact {
		padding: 25px 0 58px;
	}
	.contact .headd-wrap {
		margin-bottom: 74px;
	}
	.contact .contact-head {
		margin-bottom: 50px;
	}
	.contact .inner-wrap {
		max-width: 830px;
	}
	.contact-head dl:nth-child(1) {
		margin-bottom: 27px;
	} 
	.contact-head dl dt {
		width: 326px;
		font-size: 17px;
		line-height: 54px;
	}
	.contact-head dl dd {
		text-align: center;
		padding: 30px 0 21px;
	}
	.contact-head dl dd strong {
		font-size: 34px;
	}
	.contact-head .cap-wrap {
		text-align: center;
	}
	.contact-head p {
		display: inline-block;
		line-height: 1.6;
		text-align: left;
	}


	ul.contact-list {}
	.contact-list li {
		margin-bottom: 10px;
	}
	.contact-list li dl dt {
		display: table-cell;
		width: 182px;
		text-align: center;
	}
	.contact-list li dl dt p {
		height: 66px;
		line-height: 66px;
		font-size: 16px;
	}
	.contact-list li dl dd {
		display: table-cell;
		width: 648px;
		padding-left: 8px;
	}
	.contact-list li dl dd input,
	.contact-list li dl dd textarea {
		width: 100% !important;
		max-width: none;
		padding: 0 2%;
		box-sizing: border-box;
		font-size: 16px;
	}
	.contact-list li dl dd input {
		line-height: 66px;
		height: 66px;
	}
	.contact-list li dl dd textarea {
		min-height: 266px;
		padding: 2%;
		line-height: 1.2;
	}
	.contact .form_buttons {
		margin: 66px auto 48px;
	}
	.contact .form_buttons button {
		width: 288px;
		line-height: 64px;
		font-size: 17px;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.contact .form_buttons button:hover {
		opacity: .8;
	}
	.contact .form_buttons button img {
	}
	.contact p.att {
		line-height: 1.7;
	}

	
	
	/* thanks */
	.thanks .contact-head {
		margin-bottom: 40px;
	}
	.thanks .contact-head dl dt {
		width: 600px;
	}
	.thanks .contact-head dl dd {
		line-height: 1.6;
		font-size: 16px;
	}
	div.thanks-list-wrap {}
	.thanks-list-wrap ul {
		display: inline-block;
		text-align: left;
	}
	.thanks-list-wrap ul li {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.thanks-list-wrap ul li a {
		color: #74351d;
	}
	.thanks-list-wrap ul li a:hover {
		text-decoration: underline;
	}

	
	.thanks a.arrow {
		margin-top: 50px;
		width: 288px;
		line-height: 64px;
		font-size: 17px;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.thanks a.arrow:hover {
		opacity: .8;
	}















}





@media print, screen and (min-width:1300px){
}