@charset "utf-8";
/* 自然素材ハウスの家づくりページ */




h2{
    text-align: center; 
}

p{
    text-align: center; 
}

#S01 .contentsDetail div{
	margin-bottom: 73px;
    padding: 0 25px;
	position: relative;
	background-color: #F8F8F8;
	text-align: center;
}

#S01 .contentsDetail .color01{
background-color: #EDE9E4
}

#S01 .contentsDetail .color02{
background-color: #EBF0EA
}


#S01 .contentsDetail div img{
width: 100%;
    max-width: 680px;
    margin-bottom: 30px;
}




#S01 .contentsDetail div h3{
    padding: 30px 0 16px;
    border-bottom: 1px solid #A2999A;
    margin-bottom: 16px;
}


#S01 .contentsDetail div p{

}

#S01 .contentsDetail .arrow2::after {
    content: '';
    display: block;
    width: 70px;
    height: 80px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/wp-content/themes/original-child/assets/img/flow/flow_yazirusi1.png);
    left: 0;
    right: 0;
    margin: auto;
}

#S01 .contentsDetail .arrow1::after {
    content: '';
    display: block;
    width: 70px;
    height: 80px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/wp-content/themes/original-child/assets/img/flow/flow_yazirusi2.png);
    left: 0;
    right: 0;
    margin: auto;
}



#S02  .contents{
	border-top:3px solid #7F776D;
}

#S02 .contentsDetail h2 span{
    color:  #B3070A;
    font-size: 34px;
    margin-left: 5px;
}

#S02 .contentsDetail p{
	text-align: center;
	padding: 0;
}

#S02 .contentsDetail .logo{
    display: flex;
    justify-content: center;
    align-items: center;
}

#S02 .contentsDetail .logo li:nth-child(1) {
    width: 360px;
}


#S02 .contentsDetail .logo li:nth-child(2) {
    width: 27%;
	font-size: 35px;
}


#S02 .contentsDetail .logo li img{
	width: 100%;
}


#S02 .contentsDetail p span:nth-child(1){
    font-size: 20px;
    margin: 0 5px;
    color: #15420F;
}
#S02 .contentsDetail p span:nth-child(2){
    font-size: 20px;
    margin: 0 5px;
    color: #513610;
}


#S02 .contentsDetail .permission{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#S02 .contentsDetail .permission p{
	margin: 0 10px;
    font-size: 12px;
}

/*----------------------------------------------------------- 820px */
@media screen and (max-width: 960px) {
	
	

#S01 .contentsDetail div img{
width: 100%;
}
}

/*----------------------------------------------------------- 820px */
@media screen and (max-width: 820px) {

#S01 .contentsDetail div,
#S02 .contentsDetail p{
	text-align: left;
}
	
#S02 .contentsDetail p span{
display: block;		
}	
	
.tel{
    text-align: center;
    margin: 10px 0;
}	

.tel p{
    margin: 10px 0;
}	
	
#S02 .contentsDetail .permission p {
    margin: 0 0px;
}	
	
}
/*----------------------------------------------------------- 680px */
@media screen and (max-width: 680px) {


#S02 .contentsDetail .permission:nth-child(2){
margin-bottom: 20px;
}
	

#S02 .contentsDetail p span:nth-child(1),#S02 .contentsDetail p span:nth-child(2) {
    font-size: 25px;
    margin: 5px 0px;
}	
	
#S02 .contentsDetail ul li:nth-child(2) {
    width: 100%!important;
	font-size: 25px!important;
	text-align: center;
}
main h2, #Page section h2 {
    line-height: 2em;
}	

#flow #S02 .tel{
	text-align: center;
}	
	
#S02 .contentsDetail h2 span {
    color: #B3070A;
    font-size: 27px;
    height: 90px;
    margin-left: 0;
 }	
	
#S02 .contentsDetail .logo {
 flex-wrap: wrap;}

}
/*----------------------------------------------------------- 580px */
@media screen and (max-width: 580px) {

}
/*----------------------------------------------------------- 540px */
@media screen and (max-width: 540px) {
}
/*----------------------------------------------------------- 480px */
@media screen and (max-width: 480px) {
}
/*----------------------------------------------------------- 375px */
@media screen and (max-width: 375px) {

}