#intro1{
 background: #fff;
     margin-bottom: 3.5em;
 padding: 1.3em;
   }
#intro1 p{
    margin-bottom: 0;
}
#intro2{
   
    text-align: center;
    margin-bottom: 3.5em;
  }


#intro2 span{
    color: #64431e;
    font-size:2em;    
}
.flow{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
}
.flow-title{
    font-size: 1.2em;
    width: 32%;
    font-weight:bold;
    display: flex;
}

.flow-title .num{
    padding: 0 0.4em 0 0;
    font-style : italic;
    font-size: 1.8em;
}
.flow-txt{
    width: 64%;
    margin-bottom: 2em;
}


.subcatch{
    padding-bottom: 2.6em;
    display: flex;
    justify-content: space-between;
    max-width: 900px;
    margin: 0 auto;
    align-items: center;
}
.subcatch-txt{
    font-size: 1.2em;
    text-align: right;
width: 50%;
}
.subcatch-txt .bigcatch{
    font-style : italic;
    font-size:2.6em;
    margin-bottom: 0.8em;
    color: #64431e;
}

.subcatch-txt p{
    margin: 0;
}
.subcatch-img{
   
    width: 48%;
}

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

			

		}

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

			
		}

		@media screen and (max-width: 736px) {
    #intro2{   
    text-align: left;
   }  
            
.subcatch-txt{
    font-size: 1em;
    text-align: right;
width: 50%;
}  
            
.subcatch-txt .bigcatch{ 
    font-size:1.6em;
}    
            
#flow{
    display: block;
}
 .flow-title{
    width: 100%;  
    display: flex;       
    
}
.flow-title p{            
                margin-bottom: 0.4em; 
            }
.flow-txt{
    width: 100%;
    margin-bottom: 2em;
}
			
		}