@charset "UTF-8";

/**==============================================**/
/**==============================================**/
/*
/*
/*			PC
/*
/*
/**==============================================**/
/**==============================================**/
@media screen and (min-width:600px){

	body {}
	footer {
		border-top: 1px solid #DCDCDD;
		margin-top: 10px;
	}

	div.content-wrap {
		margin-top: 0;
	}

	.fase {
		position: relative;
	}

	div.main-img {
		width: 100%;
		position: relative;
	}
	.main-img img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.main-img h1 {
		width: 43%;
		padding: 3% 0;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		max-width: 750px;
		background: url(../img/jadecom/main-cap.svg) 50% 50% no-repeat;
		background-size: 100% auto;
	}
	
	
	
	div.sec-inner {
		max-width: 1156px;
		margin: auto;
		padding: 95px 0 60px;
	}
	div.sec-inner > div {
		width: 50%;
	}
	div.sec-inner > div.cap-wrap {
		width: 44%;
		font-size: 18px;
		line-height: 40px;
		letter-spacing: 1px;
	}
	div.img-wrap {
		padding-top: 10px;
		position: relative;
	}
	.img-wrap img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.cap-wrap p strong {
		display: block;
		font-size: 20px;
		font-weight: bold;
		line-height: 45px;
		letter-spacing: 0;
	}
	
	.img-lf div.img-wrap {
		float: left;
	}
	.img-lf div.cap-wrap {
		float: right;
		padding: 0 1% 0 5%;
	}
	
	.img-rg div.img-wrap {
		float: right;
	}
	.img-rg div.cap-wrap {
		float: left;
		padding: 0 5% 0 1%;
	}




	/* .sec_01 */
	div.sec_01 {}
	.sec_01 h1 {
		background: url(../img/jadecom/sec_01-headd.svg) 50% 50% no-repeat;
		background-size: 100% auto;
		padding: 9% 0;
		margin-bottom: 20px;
	}
	.sec_01 .img-wrap {
		position: relative;
	}
	.sec_01 .img-wrap p {
		padding: 0 0 0 5%;
		width: 74%;
		font-size: 20px;
		margin-top: 22px;
	}
	.sec_01 .img-wrap p:nth-child(3) {
		text-align: right;
		font-size: 26px;
		font-weight: bold;
	}
	.sec_01 .img-wrap p:nth-child(3) span {
		font-size: 21px;
		font-weight: normal;
		padding-left: .5em;
	}
	.sec_01 .img-wrap img.img_02 {
		position: absolute;
		padding-top: 50px;
	}
	.sec_01 .img-wrap img.img_03 {
		position: absolute;
		padding-top: 130%;
	}
	.sec_01 .cap-wrap {
		width: 49% !important;
		padding: 0 1% 0 0 !important;
	}


	/* .sec_02 */
	div.sec_02 {}
	.sec_02 h1 {
		background: url(../img/jadecom/sec_02-headd.svg) 50% 50% no-repeat;
		background-size: 100% auto;
		padding: 11% 0;
		margin-bottom: 20px;
	}
	.sec_02 .cap-wrap {
		width: 49% !important;
		padding: 0 1% 0 0 !important;
	}


	/* .sec_03 */
	div.sec_03 {
		padding: 45px 0;
		background: url(../img/jadecom/sec_03-bg.jpg) 50% 50% no-repeat;
		background-size: cover;
	}
	.sec_03 h1 {
		max-width: 1060px;
		background: url(../img/jadecom/sec_03-headd.svg) 50% 50% no-repeat;
		background-size: 100% auto;
		padding: 4% 0;
		margin: 20px auto;
	}
	.sec_03 .sec-inner {
		padding: 20px 0 0;
		max-width: 1060px;
	}
	.sec_03 .cap-wrap {
		width: 48% !important;
		padding: 0 1% 0 1% !important;
	}
	.sec_03 .cap-wrap p span {
		font-weight: bold;
	}
	.sec_03 .cap-wrap p strong {
		display: inline !important;
		font-size: 20px;
	}
	.sec_03 .img-wrap img:first-child {
		margin: 30px auto 60px;
	}


	/* .sec_04 */
	div.sec_04 {
	}
	.sec_04 .sec-inner {
		padding: 40px 0 15px;
	}
	.sec_04 h1 {
		font-size: 21px;
		margin: 15px auto 15px;
	}
	.sec_04 .img-wrap {
		width: 12.9%;
	}
	.sec_04 .img-wrap img {
		margin: auto;
	}
	.sec_04 .cap-wrap {
		width: 81.1% !important;
	}
	.sec_04 .cap-wrap p span {
		font-weight: bold;
	}
	.sec_04 .cap-wrap p strong {
		display: inline !important;
		font-size: 20px;
	}
	.sec_04 ul {
		max-width: 1156px;
		margin: 40px auto 65px
	}
	.sec_04 ul li {
		float: left;
		width: 30.8%;
		margin-right: 3.8%;
	}
	.sec_04 ul li:last-child {
		margin: 0;
	}
	.sec_04 ul li img {
		width: 100%;
		vertical-align: bottom;
	}
	.sec_04 a {
		max-width: 504px;
		height: 119px;
		text-align: center;
		background: url(../img/jadecom/sec_04-btn-bg.gif) 0 0 repeat;
		border-radius: 5px;
		display: block;
		margin: 0 auto 80px;
		color: #fff;
		text-decoration: none;
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition-duration: .3s;
	}
	.sec_04 a p {
		background: url(../img/jadecom/sec_04-blank-icon.svg) 96% 50% no-repeat;
		width: 504px;
		height: 119px;
		display: table-cell;
		vertical-align: middle;
		font-size: 20px;
		border-left-width: 2px;
	}
	.sec_04 a p span {
		font-size: 22px;
	}
	.sec_04 a:hover {
		opacity: .7;
	}




	/* img-back */
	div.img-back {
		width: 100%;
		position: relative;
	}
	.img-back img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.img-back div {
		width: 63.8%;
		max-width: 830px;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		height: 170px;
		border: 2px solid #fff;
		border-radius: 20px;
	}
	.img-back h2 {
		letter-spacing: 2px;
		width: 830px;
		height: 170px;
		font-size: 26px;
		color: #fff;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	.img-back h2 strong {
		font-size: 34px;
	}






























}










/*
@media screen and (min-width: 960px) and (max-width: 1280px){}
@media screen and (min-width: 600px) and (max-width: 959px){}
*/










/**==============================================**/
/**==============================================**/
/*
/*
/*			SP
/*
/*
/**==============================================**/
/**==============================================**/
@media screen and (max-width:599px){

	body {
		overflow-x: hidden !important;
	}

	footer {
		border-top: 1px solid #DCDCDD;
		margin-top: 10px;
	}

	div.content-wrap {}

	.fase {
		position: relative;
	}

	div.main-img {
		width: 100%;
		position: relative;
	}
	.main-img img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.main-img h1 {
		width: 80%;
		padding: 3% 0;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		background: url(../img/jadecom/main-cap.svg) 50% 50% no-repeat;
		background-size: 100% auto;
	}



	div.sec-inner {
		width: 94%;
		margin: auto;
		padding: 10% 0;
	}
	div.sec-inner > div {
	}
	div.sec-inner > div.cap-wrap {
/*		width: 44%;*/
		font-size: 1.3rem;
		line-height: 2.3rem;
		letter-spacing: .1rem;
	}
	div.sec-inner .img-wrap {
		padding-top: 10px;
		position: relative;
	}
	div.sec-inner .img-wrap img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.cap-wrap p strong {
		display: block;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 3rem;
		letter-spacing: 0;
	}

/*
	.img-lf div.img-wrap {
		float: left;
	}
	.img-lf div.cap-wrap {
		float: right;
		padding: 0 1% 0 5%;
	}

	.img-rg div.img-wrap {
		float: right;
	}
	.img-rg div.cap-wrap {
		float: left;
		padding: 0 5% 0 1%;
	}
*/




	/* .sec_01 */
	div.sec_01 {}
	.sec_01 .sec-inner {
		padding-bottom: 0;
	}
	.sec_01 h1 {
		background: url(../img/jadecom/sec_01-headd.svg) 50% 50% no-repeat;
		background-size: 100% auto;
		padding: 9% 0;
		margin-bottom: 5%;
	}
	.sec_01 .img-wrap {
		position: relative;
		padding: 0;
	}
	.sec_01 .img-wrap p {
		width: 94%;
		font-size: 1.4rem;
		margin: 3% auto;
		padding: 0 3%;
	}
	.sec_01 .img-wrap p:nth-child(3) {
		text-align: right;
		font-size: 1.6rem;
		font-weight: bold;
		margin-bottom: 8%;
	}
	.sec_01 .img-wrap p:nth-child(3) span {
		font-size: 1.4rem;
		font-weight: normal;
		padding-left: .5em;
	}

	
	.sec_01 .img-wrap img.img_01 {
		width: 60%;
		float: left;
		position: absolute;
	}
	.sec_01 .img-wrap img.img_02 {
		width: 47%;
		float: right;
		margin-right: -2%;
	}
	.sec_01 .sec-inner > img {
		width: 110%;
		margin: 5% 0;
	}


	/* .sec_02 */
	div.sec_02 {}
	.sec_02 h1 {
		background: url(../img/jadecom/sec_02-headd.svg) 50% 50% no-repeat;
		background-size: 100% auto;
		padding: 9% 0;
		margin-bottom: 5%;
	}
	.sec_02 .cap-wrap {
/*
		width: 49% !important;
		padding: 0 1% 0 0 !important;
*/
	}


	/* .sec_03 */
	div.sec_03 {
		padding: 1% 0 10%;
		background: url(../img/jadecom/sec_03-bg.jpg) 0 0 no-repeat;
		background-size: auto 100%;
	}
	.sec_03 h1 {
		width: 94%;
		background: url(../img/jadecom/sec_03-headd-sp.svg) 0 50% no-repeat;
		background-size: 90% auto;
		padding: 6% 0;
		margin: 5% auto 0;
	}
	.sec_03 .sec-inner {
		padding: 5% 0 0;
		width: 94%;
	}
	.sec_03 .cap-wrap {
	}
	.sec_03 .cap-wrap p span {
		font-weight: bold;
	}
	.sec_03 .cap-wrap p strong {
		display: block !important;
		font-size: 1.7rem;
		margin-top: 3%
	}
	.sec_03 .img-wrap img:first-child {
		margin: 5% auto;
	}
	.sec_03 .img-wrap img:last-child {
		width: 100%;
		margin-left: -2%;
	}


	/* .sec_04 */
	div.sec_04 {
	}
	.sec_04 .sec-inner {
		padding: 10% 0 3%;
	}
	.sec_04 h1 {
		font-size: 1.6rem;
		margin: 5% auto;
		height: 2em;
		line-height: 2.5em;
		text-align: center;
	}
	.sec_04 h1 img {
		float: left;
		height: 100%;
		width: auto;
		margin-right: 5%;
	}

	.sec_04 .cap-wrap p span {
		font-weight: bold;
	}
	.sec_04 .cap-wrap p strong {
		display: inline !important;
	}
	.sec_04 ul {
		width: 94%;
		margin: 3% auto;
	}
	.sec_04 ul li {
		float: left;
		width: 30.8%;
		margin-right: 3.8%;
	}
	.sec_04 ul li:last-child {
		margin: 0;
	}
	.sec_04 ul li img {
		width: 100%;
		vertical-align: bottom;
	}
	.sec_04 a {
		width: 90%;
		text-align: center;
		background: url(../img/jadecom/sec_04-btn-bg.gif) 0 0 repeat;
		border-radius: 5px;
		display: block;
		margin: 10% auto 15%;
		color: #fff;
		text-decoration: none;
	}
	.sec_04 a p {
		background: url(../img/jadecom/sec_04-blank-icon.svg) 94% 94% no-repeat;
		width: 360px;
		height: 90px;
		display: table-cell;
		vertical-align: middle;
		font-size: 1.5rem;
		border-left-width: 2px;
	}
	.sec_04 a p span {
		font-size: 1.7rem;
	}
	.sec_04 a:hover {
		opacity: .7;
	}




	/* img-back */
	div.img-back {
		width: 100%;
		position: relative;
	}
	.img-back img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	.img-back div {
		width: 90%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		height: 60px;
		border: 2px solid #fff;
		border-radius: 10px;
	}
	.img-back h2 {
		letter-spacing: .1rem;
		width: 360px;
		height: 60px;
		font-size: 1.2rem;
		color: #fff;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	.img-back h2 strong {
		font-size: 1.3rem;
	}






















}