.parallax {
    min-height: 400px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;    
}
.content {


}
.parallax.bg-01 {
    background-image: url(../img/bg2.jpg);
	background-size: contain;
		background-repeat: repeat-y;
}
.wrap {
   display: none;
}
/*==================
container
==================*/

.main_img {
width: 100%;
	
}

div.spacer{
clear: both;
}

h2{
	margin-bottom: 15px;
	text-align: left;
	
}
h2{
	margin-bottom: 15px;
	text-align: left;
	
}
.col-1 {
    display: inline-block;
    width: 160px;
    margin-top: 10px;
		margin-bottom: 10px;
	text-align: left;
	margin-left: -80px;

	vertical-align: top;
}
.col-2 {
    display: inline-block;
    width: 70%;
    margin-top: 10px;
		margin-bottom: 10px;
	text-align: left;
}
/*==================
 ブレイクポイント
 *〜768px：SP、モバイル
 *769px〜1242px：中間
 *1243px〜：大画面
==================*/
@media screen and (min-width:1243px) { /*大画面*/

	/* -----------------
	container */
.main_img {
width: 100%;
	
}
	.contents{
		margin: 0 auto;
		margin-top: 0px;
text-align: center; 
}

	.cont1 {
		width: 100%;
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;
		background-image: url(../img/bg1.jpg);
		background-size: contain;
		background-repeat: no-repeat;


		
	}
	.cont2 {
		width: 100%;
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;

	}
	
		.inner {
		max-width: 987px;
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;


		
	}
	.inner2 {
		max-width: 987px;
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;
			padding: 80px;

		
	}
	.cont2 h2{
		font-size: 30px;
		line-height: 2;
		
	}
	.cont2 p{
		font-size: 19px;
		line-height: 2;
		
	}
	.cont2 .inner2 li{
		font-size: 19px;
		line-height: 2.5;
		text-align: left;
		list-style: none;
		
	}
	.cont2 .inner2 li:before{
  content: url(../img/small_j.png);
}

.clear { clear:both; }


}/*大画面*/

@media screen and (min-width:769px) and (max-width:1242px) {/*中間*/
.main_img {
width: 100%;
	
}
	.contents{
		margin: 0 auto;
		margin-top: 0px;
text-align: center; 
}

	.cont1 {
		width: 100%;
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;
		background-image: url(../img/bg1.jpg);
		background-size: contain;
		background-repeat: no-repeat;


		
	}
	.cont2 {
		width: 100%;
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;
				background-image: url(../img/bg2.jpg);
			background-size: contain;
		background-repeat: repeat-y;
	}
	
		.inner {
		max-width: 987px;
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;


		
	}
	.inner2 {
		max-width: 987px;
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;
			padding: 80px;

		
	}
	.cont2 h2{
		font-size: 30px;
		line-height: 2;
		
	}
	.cont2 p{
		font-size: 19px;
		line-height: 2;
		
	}
	.cont2 .inner2 li{
		font-size: 19px;
		line-height: 2.5;
		text-align: left;
		list-style: none;
		
	}
	.cont2 .inner2 li:before{
  content: url(../img/small_j.png);
}



}/*中間*/

@media screen and (max-width:768px) {/*SP、モバイル*/
.container{
	width: 90%;
		margin: 0 auto;
		margin-top: 0px;
text-align: center;
}
.main_img {
width: 100%;
	
}
	.cont1 {
		width: 100%;
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;
		background-image: url(../img/bg1.jpg);
		background-size: contain;
		background-repeat: no-repeat;


		
	}
	.cont2 {
		width: 100%;
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;
				background-image: url(../img/bg2.jpg);
			background-size: contain;
		background-repeat: repeat-y;
	}
	
		.inner {
		width: 90%;
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;


		
	}
	.inner2 {
		width: 90%;
		margin: 0 auto;
		margin-top: 0px;
		margin-bottom: 0px;
		

		
	}
		.cont2 .inner2 li{
		
		line-height: 2.5;
		text-align: left;
		list-style: none;
		
	}
	.cont2 .inner2 li:before{
  content: url(../img/small_j.png);
}
	h2{
		margin-top: 30px;
	}
	.col-1 {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
		margin-bottom: 10px;
	text-align: left;
		margin-left: 0px;
}
.col-2 {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
		margin-bottom: 10px;
	text-align: left;
}
}/*SP、モバイル*/
@media only screen and (max-width: 480px) {
  	.container{
	width: 90%;
	text-align: center;
		font-size: 80%;
}
	.main_img {
		margin-top: 50px;
margin-bottom: 30px!important;
	width: 100%!important;
}


	.anchor{
      position: relative;
       top: -320px;
       display: block;
}
	.anchor_n{
      position: relative;
       top: 0px;
       display: block;
}
}
