/* CSS Document */



figure { margin: 0px; padding: 0px; }

#mainWrap {  }
#mainWrap .container { }




@media (min-width: 769px) {

  #mainWrap { width: 1100px; min-width: 1100px; }
  #mainWrap .container { width: 980px; margin: 0px auto; }

  
  }
  
  @media (max-width: 768px) {

   
  
  }


/* point */


#kodawari #point .mv { background-image: url(images/ph_kodawari1.jpg); background-size: cover; background-position: center center; position: relative; margin-bottom: 35px; }
#kodawari #point .mv .inner{ position: absolute; top: 39%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  text-align: center;}
#kodawari #point .mv p { background: #fff;  display: inline-block; padding: 5px;}
#kodawari #point .mv p span {  }
#kodawari #point .mv p:first-child { margin-bottom: 10px; }

#kodawari #point .l_col-2 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;	-webkit-justify-content: space-between; justify-content: space-between; }
#kodawari #point .l_col-2 dl { border: 1px solid #44b97c;}

#kodawari #point .l_col-inner { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between;justify-content: space-between; -webkit-align-items: center; align-items: center; }

#kodawari #point .pointList {}


#kodawari #point .l_col-2 dl:nth-child(n+3) { }
#kodawari #point .l_col-2 dl dt { background: #f6f6f6; color: #44b97c; text-align: center; height: 100%; position: relative; }
#kodawari #point .l_col-2 dl dt p { position: absolute; top: 45%; left: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); font-size: 12px; }
#kodawari #point .l_col-2 dl dt p span { display: block; font-size: 40px; margin-top: 10px; }


@media (min-width: 769px) {

  #kodawari #point .mv { width: 980px; height: 330px;  }
  #kodawari #point .mv p {  font-size: 26px; }
  #kodawari #point .mv p span { font-size: 22px; }
  #kodawari #point .l_col-2 dl:nth-child(n+3) { margin-top: 20px; }
  #kodawari #point .l_col-2 dl { width: 470px; height: 130px; }
  #kodawari #point .l_col-2 dl dt {  width: 90px; }
  #kodawari #point .l_col-2 dl dd { width: 340px; padding-right: 20px; }
  #kodawari #point .l_col-2 dl.long { width: 980px; }
  #kodawari #point .l_col-2 dl.long dd { width: 850px; }
  #kodawari #point .l_col-2 dl dd .large_text { font-size: 24px; line-height: 2.2rem;}
  #kodawari #point .l_col-2 dl dd p { font-size: 14px; }

  #kodawari #point .pointList { margin-bottom: 100px; }


  
  }
  
  @media (max-width: 768px) {
    #kodawari #point .mv { width: 100%; height: 200px;  }
    #kodawari #point .mv p {  font-size: 20px; }
    #kodawari #point .mv p span { font-size: 16px; }
    #kodawari #point .mv .inner { width: 100%; max-width: 400px;}
    #kodawari #point .l_col-2 dl { width:100%; height: 130px; margin-bottom: 20px;}
    #kodawari #point .l_col-2 dl dt {  width: 20%; }
    #kodawari #point .l_col-2 dl dd {  width: 75%; }
    #kodawari #point .l_col-2 dl dd .large_text { font-size: 18px; }
    #kodawari #point .l_col-2 dl dd p { font-size: 12px; }

    #kodawari #point .pointList { margin-bottom: 40px; }
    #kodawari .pc { display: none; }
 
  }

/* reason */

#kodawari #reason p {  }
#kodawari #reason .text p {  }



#kodawari #reason .l_col-reason { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;	-webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 50px;}

#kodawari #reason .l_col-reason > div {  }
#kodawari #reason .l_col-reason > div > p { border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 18px; padding: 5px 0px;}



#kodawari #reason .l_col-reason .l_col-inner { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;	-webkit-justify-content: space-between; justify-content: space-between; }

#kodawari #reason .l_col-reason .l_col-inner img{  }
#kodawari #reason .l_col-reason .l_col-inner p { }


@media (min-width: 769px) {

  #kodawari #reason p { margin-bottom: 25px; }
#kodawari #reason .text p { margin-bottom: 50px; }
  #kodawari #reason .l_col-reason > div { width: 470px; }


  #kodawari #reason .l_col-reason .l_col-inner img{ width: 185px; }
#kodawari #reason .l_col-reason .l_col-inner p { width: 260px; }
#kodawari #reason .l_col-reason { margin-bottom: 50px;}


  
  }
  
  @media (max-width: 768px) {
   
    #kodawari #reason p { margin-bottom: 20px; }
    #kodawari #reason .text p { margin-bottom: 30px; }

    #kodawari #reason .l_col-reason > div { width: 100%;  }
    #kodawari #reason .l_col-reason .l_col-inner img{ width: 50%; margin: auto; margin-bottom: 30px;}
#kodawari #reason .l_col-reason .l_col-inner p { width: 100%; }
#kodawari #reason .l_col-reason > div > p { text-align: center; }

#kodawari #reason .l_col-reason { margin-bottom: 25px;}

 
  }

  #toCustomers { margin-bottom: 50px; }