@charset "UTF-8";



/*______________fixed back-ground*/


.bg-wrapper{
    position: fixed;
    width: 100%;
    top:0;
    background-image: url(../img/about/about_base.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    z-index: 0;
}


.scroll-contents {
	position: relative;
	margin: auto;
	left: 0;
	right: 0;
	overflow: hidden;
	/*max-width: 1000px;*/
	width: 100%;
	z-index: 10;
	height: auto;
	/*background-image: url(../img/top/about_base.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;*/
}








@media screen and (max-width: 767px) {
	
	.bg-wrapper{
    position: fixed;
    width: 100%;
    top: 0;
    background-image : none;
}
    
    
      .bg-wrapper::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center top;
  background-image: url(../img/about/about_base_sp.jpg);
	background-size: 100% 100%;
    }
    
    
    .scroll-contents {
    position:relative;
    margin: auto;
    left: 0;
    right: 0;
    overflow: hidden;
	max-width: 100%;
	width:100%;
    z-index: 10;
	height:auto;
		
		background-image:none;
}
	
	

	
}


.cp-title-wrapper{
	text-align: center;

}


.cp-title{
	display: inline-block;
	padding: 0.5rem 1rem;
	line-height: 1;
	/*font-size: var(--name-font-size);*/
	font-size: var( --title-font-size);
	text-align: center;
	color: #fff;
	font-weight: var(--title-font-weight);
	letter-spacing:0;
	background-color: #E67093;
}

.cp-title_red{
	color: hsla(359,100%,50%,1.00);	
	background-color: hsla(0,0%,0%,0.26);
}




.container__step{
	max-width: 800px;
}


.post-item{
	width: 49%;
	padding: 2rem 1rem;
	/*border: 1px solid hsla(0,14%,99%,0.5);*/
	

}




.post-item2{
	width:50%;
	padding:2rem 1rem;
	
}





.kiyaku{
	background-color: hsla(0,0%,100%,0.80);
}

.kiyaku-list{
	font-family: "source-han-sans-japanese", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: var( --font-size-small);
	padding: 0 1rem;
	color: #29619D;	
}


.kiyaku-list a{
	color: #E67093;
}




@media (max-width: 767px) {
	
	.present{
		margin-left: auto;
		margin-right: auto;
		width:80%;
	}
	
.post-item{
	width: 100%;
	padding: 1rem 0.5rem;
	/*border: 1px solid hsla(0,14%,99%,0.5);*/
}

.post-item2{
	width:100%;
padding: 1rem 0.5rem;
	
}
	
	
}