* {
        margin: 0;
    }
    
    .sp{
	    display: none;
    }

    img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }

    .relative {
        position: relative;
    }

    .outer {
        overflow-x: hidden;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .wrapper {
        min-width: 1080px;
        margin: 0 auto;
        padding-top:50px;
    }

    .btn:hover {
      filter: brightness(130%);
    }

    .btn {
      transition: filter 0.3s;
    }
    

    .view_area_2,
    .view_area_4,
    .view_area_5{
	    width:1080px;
	    margin: 0 auto;
    }


    .header{
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background-color: #fff;
      z-index: 99;
    }

    .header__inner{
      width: 1040px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .pageTop{
      width: 263px;
      cursor: pointer;
    }

    .cv01_btn{
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translateX(-50%);
    }

    .cv02_btn{
      position: absolute;
      top: 83%;
      left: 50%;
      transform: translateX(-50%);
    }

    .slide{
      margin: 0px 0 40px;
    }

    .slide-item{
      margin: 0 18px;
    }

    .footer  p {
        text-align: center;
        line-height: 1.5;
        margin-bottom: 60px;
    }
        
        
     div.beige{
	     background-color: #F8F6E7;
	     padding: 80px 0 0 0;
     } 
     
     div.beige02{
	     background-color: #fff;
	     padding: 80px 0 0 0;
     } 
     
     div.beige h2{
	     text-align: center;
	     font-size: 36px;
	     margin-bottom: 50px;
     } 

     div.beige p.txt1{   
        text-align: center;
        padding-bottom: 80px;
    }
    
    div.sec01{
	    width: 100%;
	    background-color: #F8F6E7;
    }
    
    div.sec01 .wp{
	    width: 1080px;
	    margin: 0 auto;
	    
	    padding-bottom: 3%;
	}    
        
    div.sec01 div.flex{    
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px;
    }    
    
    div.sec01 div.flex p{    
        width: 25%;
        margin-right: 5%;
        padding-left: 5%
    }
    
    div.sec01 div.flex dl{    
        width: 60%;
		padding-right: 5%
    }
    
     div.sec01 div.flex dl dt{    
        font-size: 24px;
        font-weight: bold;
		margin-bottom: 20px;
    }         
        
     div.sec01 div.flex2{    
        flex-direction:row-reverse;
    }
    
     div.sec01 div.flex2 dl{    
        width: 60%;
		padding-left: 5%
    } 
    
    div.sec03{
	    width: 100%;
	    background-color: #F8F6E7; 
    }
    
     div.sec03 .wp{
	    width: 1080px;
	    margin: 0 auto;
    }
    
    div.sec02 .flex{
	    width: 1080px;
	    margin: 0 auto;
	    display: flex;
    }
    
    div.sec02 .flex div{
	    width: 46%;
	    padding: 0 2%;
	    margin-bottom: 50px;
	
	}
	
	div.sec02 .flex div dt{
	    font-size: 24px;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.sec08{
		margin-top: 50px;
	}
    
    
    @media (max-width: 768px) {
	    
	     .pc{
	    display: none;
    }
    
    .sp{
	    display: block;
    }
    
    .wp{
	    width: 100% !important;
    }
    
    .wrapper {
        min-width: 1080px;
        margin: 0 auto;
        padding-top:10%;
    }

    
    .pageTop{
	    width: 30%;
	    padding:0 5%0 3%;
    }
	    
	    .wrapper {
        min-width: 100%;
        margin: 0 auto;
    }

	    .header__inner{
      width:100%;
      margin:0 auto;
      display: flex;
      justify-content:space-between;
      align-items: center;
    }
    
    img{
	    width:100%;
	    height:auto;
    }
    
    .view_area_1,
    .view_area_2,
    .view_area_4,
    .view_area_5{
	    width:100%;
    }
    
    .slide-item{
	    margin: 0;
    }
    
    .slide{
	    margin: 0;
    }
    
/*
    .slick-track{
	    width: 200px !important;
    }
*/ 

	div.beige{
	     background-color: #F8F6E7;
	     padding: 30px 0 0 0;
     } 

	    div.beige h2{
	     text-align: center;
	     font-size: 24px;
	     margin-bottom: 30px;
     } 
     
     div.beige p{
	     padding: 0 50px;
     } 
     
     div.sec01 div.flex{    
        display: block;
       
        margin-bottom: 50px;
    }    
    
    div.sec01 div.flex p{    
        width: 90%;
        margin-right: 0%;
        padding-left : 0;
        padding: 0 5%;
    }
    
    div.sec01 div.flex dl{    
        width: 90%;
		padding:0 5%;
    }
    
     div.sec01 div.flex dl dt{    
        font-size: 24px;
        font-weight: bold;
		margin-bottom: 20px;
    }         
        
     div.sec01 div.flex2{    
        flex-direction:row-reverse;
    }
    
     div.sec01 div.flex2 dl{    
        width: 90%;
		padding:0 5%;
    } 
    
    div.sec03{
	    width: 100%;
	    background-color: #F8F6E7; 
    }
    
     div.sec03 .wp{
	    width: 1080px;
	    margin: 0 auto;
    }
    
    div.sec02 .flex{
	    width: 100%;
	    margin: 0 auto;
	    display: block;
    }
    
    div.sec02 .flex div{
	    width: 90%;
	    padding: 0 5%;
	    margin-bottom: 50px;
	
	}
	
	div.sec02 .flex div dt{
	    font-size: 24px;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.sec08{
		margin-top: 50px;
	}
	
	div.beige02 {
    background-color: #fff;
    padding: 50px 0 0 0;
	}
	    
	    
	}