@charset "UTF-8";

/**==============================================**/
/*
/*			共通設定
/*
/**==============================================**/

div.headd-box {
	margin: auto;
}
.headd-box h1 {
	color: #034B7D;
}
.headd-box div.headd-inner {
	box-sizing: border-box;
}
.headd-inner strong {
	color: #0868AB;
	display: block;
}


/* fase-01 */
.headd-inner .img-wrap img {
	display: block;
	max-width: 100%;
}


.fase-01 table {
	width: 100%;
	border-top: 1px solid #B4B4B5;
}
.fase-01 table tr {
	border-bottom: 1px solid #B4B4B5;
}
.fase-01 table th {
	border-right: 1px solid #B4B4B5;
}
.fase-01 table td {
	box-sizing: border-box;
}



/* fase-02 */
.fase-02 .main-img-wrap div.cap-wrap img {
	display: block;
	max-width: 100%;
}
ul.fase-02-list li {
	background: #EEEEEF;
	color: #00355F;
	font-weight: bold;
	text-align: center;
}


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

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

	/* banner contact */
	.banner.contact div.b-contact-inner {
		background: none !important;
		border-color: #fff !important;
	}
	.b-contact-inner dl {
		display: none;
	}
	.rec-contact-02 .b-contact-inner ul li {
		float: none !important;
	}
	div.banner.contact {
		padding: 10% 0 15%;
	}


	div.headd-box {
		width: 94%;
		margin-top: 15%;
	}
	.headd-box h1 {
		font-size: 2.6rem;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 5%;
	}
	.headd-box div.headd-inner {}
	.headd-inner strong {
		font-size: 2rem;
		line-height: 1.4;
		text-align: center;
	}
	.headd-inner strong span {
		font-size: 2.6rem;
	}
	.headd-inner strong em {
		display: inline-block;
	}
	.inner-cap p {
		font-size: 1.6rem;
		line-height: 1.4;
		margin: 5% auto;
	}
	.inner-cap p span {
		display: inline-block;
	}



	/* fase-01 */
	.fase-01 .headd-box {
		margin: 20% auto 5%;
	}
	.fase-01 .headd.line {
		margin-bottom: 10%;
	}
	.fase-01 .headd.line h2 {
		font-size: 2.6rem;
	}
	.headd-inner .img-wrap {
		width: 70%;
		margin: auto;
	}
	.headd-inner .img-wrap img {
		width: 47%;
	}
	.headd-inner .img-wrap img.lf {
		float: left;
	}
	.headd-inner .img-wrap img.rg {
		float: right;
	}
	.fase-01 table {
		font-size: 1.6rem;
	}
	.fase-01 table th {
		display: block;
		text-align: left;
		border-right: 0;
		padding: 5% .5em 0;
	}
	.fase-01 table td {
		display: block;
		padding: 5% .5em;
		line-height: 1.4;
	}
	.rec-contact-01 .banner.contact div.b-contact-inner {
		width: 100% !important;
	}



	/* fase-02 */
	.fase-02 .main-img-wrap {}
	.fase-02 .main-img-wrap > img {
		width: 100% !important;
	}
	.fase-02 .main-img-wrap div.cap-wrap {
		width: 76.6%;
	}
	.fase-02 div.headd-box {}
	.fase-02 div.headd-inner {
		position: relative;
	}
	.fase-02 .img-wrap {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: .4;
	}
	.fase-02 .img-wrap img {
		width: 100%;
	}

	.fase-02 .inner-cap {
		position: relative;
		z-index: 2;
	}
	.fase-02 .inner-cap strong,
	.fase-02 .inner-cap p {
		line-height: 1.6;
	}
	ul.fase-02-list {
		margin: 5% auto;
	}
	.fase-02-list li {
		width: 32.2%;
		float: left;
		font-size: 1.8rem;
		line-height: 1.4;
		padding: 1.9% 0;
		text-align: center;
		box-shadow: 0 0 3px 2px rgba(255,255,255,.8);
	}
	.fase-02-list li:nth-child(2) {
		margin: 0 1.7%;
	}
	.fase-02-list li:last-child {
		width: 100%;
		margin-top: 1.7%;
	}

	.fase-02-list li span {
		display: inline-block;
	}


	.fase-02 div.banner.contact {
		padding: 0 !important;
	}
	.fase-02 div.b-contact-inner {
		border: 0 !important;
		width: 100% !important;
	}
	.fase-02 .b-contact-inner ul {
/*
		width: 73.5%;
		max-width: 430px;
		margin: 0 0 0 auto;
*/
	}
	.fase-02 .b-contact-inner ul li {
/*
		width: 100%;
		margin-bottom: 20px;
*/
	}

	





}


@media screen and (min-width:480px) {}





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

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

	/* banner contact */
	.banner.contact div.b-contact-inner {
		background: none !important;
		border-color: #fff !important;
	}
	.b-contact-inner dl {
		display: none;
	}
	.rec-contact-02 .b-contact-inner ul li {
		float: none !important;
	}
	div.banner.contact {
		padding: 55px 0 52px;
	}


	div.headd-box {
		width: 95.77%;
		max-width: 1040px;
	}
	.headd-box h1 {
		font-size: 3.769vw;
		float: left;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		width: 1em;
		height: auto;
		line-height: 1.2;
	}
	.headd-box div.headd-inner {
		float: right;
		width: 85.5%;
		max-width: 964px;
		margin-right: 7.2%;
	}
	.headd-inner strong {
		font-size: 24px;
		line-height: 1.4;
	}
	.headd-inner strong span {
		font-size: 31px;
	}
	.headd-inner strong em {
		display: inline-block;
	}
	.inner-cap p {
		font-size: 17px;
	}
	.inner-cap p span {
		display: inline-block;
	}



	/* fase-01 */
	div.fase-01 {
		margin-top: 62px;
	}
	.fase-01 .headd-inner {}
	.fase-01 .img-wrap {
		width: 14.38%;
	}
	.fase-01 .inner-cap {
		width: 68.4%;
		float: left;
		text-align: center;
		margin: 0 1.42%;
	}
	.fase-01 .headd-inner strong {
		margin-bottom: 7px;
	}
	.fase-01 .inner-cap p {
		line-height: 2.28;
	}



	.headd-cap {}

	.img-wrap.lf {
		float: left;
	}
	.img-wrap.rg {
		float: right;
	}


	.fase-01 table {
		margin-top: 40px;
	}
	.fase-01 table th {
		width: 17.75%;
		height: 50px;
	}
	.fase-01 table td {
		padding-left: 1.7em;
	}








	/* fase-02 */
	.fase-02 .main-img-wrap {
		max-height: 348px;
	}
	.fase-02 .main-img-wrap div.cap-wrap {
		width: 86.6%;
		max-width: 400px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.fase-02 div.headd-box {
		padding: 33px 0 0;
	}
	.fase-02 div.headd-inner {
		position: relative;
	}
	.fase-02 .img-wrap {
		/*		width: 38.2%;*/
		width: 340px;
		position: absolute;
		top: 34px;
		left: 0;
	}
	.fase-02 .inner-cap {
		width: 65.8%;
		float: right;
		margin-top: 58px;
		position: relative;
		z-index: 2;
	}
	.fase-02 .inner-cap strong,
	.fase-02 .inner-cap p {
		text-align: right;
		line-height: 1.6;
	}
	ul.fase-02-list {
		margin: 16px 0 32px auto;
		max-width: 558px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: nowrap;
	}
	.fase-02-list li {
		flex-basis: auto;
		flex-grow: 2;
		font-size: 19px;
		line-height: 1.4;
		padding: 1.9% 0;
	}
	.fase-02-list li:nth-child(1) {
		box-shadow: -3px 0 5px 5px rgba(255,255,255,.9);
	}
	.fase-02-list li:not(:last-child) {
		margin-right: 1%;
	}
	.fase-02-list li span {
		display: inline-block;
	}


	.fase-02 div.banner.contact {
		padding: 0 !important;
	}
	.fase-02 div.b-contact-inner {
		border: 0 !important;
		width: 100% !important;
	}
	.fase-02 .b-contact-inner ul {
		width: 73.5%;
		max-width: 430px;
		margin: 0 0 0 auto;
	}
	.fase-02 .b-contact-inner ul li {
		width: 100%;
		max-width: 430px;
		margin-bottom: 20px;
	}







}



/**==============================================**/
/*
/*			sp tab 共通
/*
/**==============================================**/

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







}

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

@media screen and (min-width:960px) {

	/* banner contact */
	.banner.contact div.b-contact-inner {
		background: none !important;
		border-color: #fff !important;
	}
	.b-contact-inner dl {
		display: none;
	}
	.rec-contact-02 .b-contact-inner ul li {
		float: none !important;
	}
	div.banner.contact {
		padding: 55px 0 52px;
	}


	div.headd-box {
		width: 95.77%;
		max-width: 1040px;
	}
	.headd-box h1 {
		font-size: 2.769vw;
		float: left;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		width: 1em;
		height: auto;
		line-height: 1.2;
	}
	.headd-box div.headd-inner {
		float: right;
		width: 85.5%;
		max-width: 964px;
		margin-right: 7.2%;
	}
	.headd-inner strong {
		font-size: 24px;
		line-height: 1.4;
	}
	.headd-inner strong span {
		font-size: 31px;
	}
	.headd-inner strong em {
		display: inline-block;
	}
	.inner-cap p {
		font-size: 17px;
	}
	.inner-cap p span {
		display: inline-block;
	}



	/* fase-01 */
	div.fase-01 {
		margin-top: 62px;
	}
	.fase-01 .headd-inner {}
	.fase-01 .img-wrap {
		width: 14.38%;
	}
	.fase-01 .inner-cap {
		width: 68.4%;
		float: left;
		text-align: center;
		margin: 0 1.42%;
	}
	.fase-01 .headd-inner strong {
		margin-bottom: 7px;
	}
	.fase-01 .inner-cap p {
		line-height: 2.28;
	}

	
	
	.headd-cap {}
	
	.img-wrap.lf {
		float: left;
	}
	.img-wrap.rg {
		float: right;
	}


	.fase-01 table {
		margin-top: 40px;
	}
	.fase-01 table th {
		width: 17.75%;
		height: 50px;
	}
	.fase-01 table td {
		padding-left: 1.7em;
	}








	/* fase-02 */
	.fase-02 .main-img-wrap {
		max-height: 348px;
	}
	.fase-02 .main-img-wrap div.cap-wrap {
		width: 86.6%;
		max-width: 400px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.fase-02 div.headd-box {
		padding: 33px 0 0;
	}
	.fase-02 div.headd-inner {
		position: relative;
	}
	.fase-02 .img-wrap {
/*		width: 38.2%;*/
		width: 340px;
		position: absolute;
		top: 34px;
		left: 0;
	}
	.fase-02 .inner-cap {
		width: 65.8%;
		float: right;
		margin-top: 58px;
		position: relative;
		z-index: 2;
	}
	.fase-02 .inner-cap strong,
	.fase-02 .inner-cap p {
		text-align: right;
		line-height: 1.6;
	}
	ul.fase-02-list {
		margin: 16px 0 32px auto;
		max-width: 558px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: nowrap;
	}
	.fase-02-list li {
		flex-basis: auto;
		flex-grow: 2;
		font-size: 19px;
		line-height: 1.4;
		padding: 1.9% 0;
	}
	.fase-02-list li:nth-child(1) {
		box-shadow: -3px 0 5px 5px rgba(255,255,255,.9);
	}
	.fase-02-list li:not(:last-child) {
		margin-right: 1%;
	}
	.fase-02-list li span {
		display: inline-block;
	}

	
	.fase-02 div.banner.contact {
		padding: 0 !important;
	}
	.fase-02 div.b-contact-inner {
		border: 0 !important;
		width: 100% !important;
	}
	.fase-02 .b-contact-inner ul {
		width: 73.5%;
		max-width: 430px;
		margin: 0 0 0 auto;
	}
	.fase-02 .b-contact-inner ul li {
		width: 100%;
		max-width: 430px;
		margin-bottom: 20px;
	}
	
	
	
}


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

	
	
	
}



/**==============================================**/
/*
/*			print
/*
/**==============================================**/

@media print {


}