@charset "utf-8";



@media print,
screen and (min-width: 851px) {

    .search {
        margin-bottom: 80px;
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
       
     }
     .search p{
        margin-bottom: 2em;
        line-height: 2em;
       
     }
     .search .boxes{
         display: flex;
        justify-content: space-between;
        margin-top: 40px;
        margin-bottom: 40px;
     }
     .search .box {
        border:1px #231815 solid;
        border-radius: 40px;
        width: 439px;
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
     }

     .search .box h2{
        box-sizing: border-box;
        position: relative;
        width: 262px;
        border:1px #231815 solid;
        font-size: 125%;
        color: #fff;
        left: -1px;
        top: -1px;
        padding: 20px 40px;
        background-color: #f00;
        border-radius: 40px 0 40px 0;
        font-weight: 700;
        display: flex;
     }
     .search .box h2 span{
        display: block;
        background-image: url(../images/ico_search.png);
        background-size: 100% 100%;
        width: calc(52px / 2);
        height: calc(56px / 2);
        margin-right: 10px;
     }

     .search .box.map {
        background-color: rgba(246, 253, 253, 0.9);
     }
     .search .box.map h2{
        background: #486992;
        /*background: -moz-linear-gradient(left,  #33caea 0%, #6de2cd 100%);
        background: -webkit-linear-gradient(left,  #33caea 0%,#6de2cd 100%);
        background: linear-gradient(to right,  #33caea 0%,#6de2cd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33caea', endColorstr='#6de2cd',GradientType=1 );*/
     }

     .search .box.map ul{
        margin-top: 0px;
        background-image: url(../images/map.png);
        background-size: 100% 100%;
        width: calc(560px / 2);
        height: calc(624px / 2);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 60px;
        position: relative;
     }

     .search .box.map ul li a{
        background-color: #fff;
        display: block;
        width: fit-content;
        position: absolute;
        font-size: 112%;
        line-height: 1em;
        color: #231815;
        text-decoration: none;
        border: 1px solid #7b7470;
        border-radius: 6px;
        padding: 10px 10px;
        background-image: url(../images/ico_arrow_s.png);
        background-size: calc(24px / 2) calc(14px / 2);
        background-repeat: no-repeat;
        background-position: calc(100% - 10px) center;
        padding-right: 30px;
        white-space: nowrap;
     }

     .search .box.map ul li a[data-id=hokkaido_tohoku]{
        left: 150px;
        top: 80px;
     }

     .search .box.map ul li a[data-id=kanto]{
        left: 200px;
        top: 200px;
     }

     .search .box.map ul li a[data-id=koshinetsu_hokuriku]{
        left: 10px;
        top: 150px;
     }

     .search .box.map ul li a[data-id=tokai_kinki]{
        left: 120px;
        top: 260px;
     }

     .search .box.map ul li a[data-id=chushikoku]{
        left:-20px;
        top: 200px;
     }

     .search .box.map ul li a[data-id=kyushu_okinawa]{
        left:-30px;
        top: 290px;
     }

   

     .search .box.area {
        background-color: rgba(255, 253, 215, 0.9);
     }
     .search .box.area h2{
        background: #E1673E;
        /*background: -moz-linear-gradient(left,  #ff9136 0%, #ffc51a 100%);
        background: -webkit-linear-gradient(left,  #ff9136 0%,#ffc51a 100%);
        background: linear-gradient(to right,  #ff9136 0%,#ffc51a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9136', endColorstr='#ffc51a',GradientType=1 ); */
     }

     .search .box.area ul{
        padding:20px 40px ;
     }
     .search .box.area ul li a{
        display: block;
            text-decoration: underline;
        color: #231815;
        font-size: 112%;
        line-height: 1.35em;
        background-image: url(../images/ico_anchor.png);
        background-size: calc(68px / 2)  calc(68px / 2);
        background-repeat: no-repeat;
        background-position: left center;
        padding-right: 20px;
        height: calc(68px / 2);
        padding-left: 50px;
        display: flex;
        align-items: center;
        margin-bottom: 1em;
     }



     
     section .items .item:not(:last-child){
        /* padding-bottom: 2em; */
        margin-bottom: 2em;
        border-bottom: 2px #e9e9e9 dotted;
     }

     section .items .item .name{
      font-weight: 700;
      line-height: 1.35em;
      margin-bottom: 1em;
   }
	section .items .item .name.mb{
		margin-bottom: 2em;
	}
   section .items .item .add{
      background-image: url(../images/ico_pin.png);
      background-size: calc(32px / 2) calc(46px / 2);
      background-repeat: no-repeat;
      background-position: left 0;
      padding-left: 25px;
      margin-bottom: 1em;
      min-height:calc(46px / 2) ;
      line-height: 1.35em;
   }


   section .items .item .tel{
      background-image: url(../images/ico_tel.png);
      background-size: calc(28px / 2) calc(42px / 2);
      background-repeat: no-repeat;
      background-position: left 0;
      padding-left: 25px;
      margin-bottom: 1em;
      min-height:calc(42px / 2) ;
   }

   section .items .item .tags{
      display: flex;
      margin-bottom: 1em;
   }

   section .items .item .tags li{
      line-height: 1em;
      margin-right: 10px;
      background-color: #f5f7f8;
      border: 1px solid #d7d7d7;
      padding: 10px 20px;
      box-sizing: border-box;
      border-radius: 100px;
      margin-bottom: 10px;
   }

   section .items .item .mail{
      line-height: 1.35em;
      margin-bottom: 2em;
   }
   section .items .item .mail .cap{
      margin-top: 0.5em;
      font-size: 88%;
   }

   section .items .item  .supplement{
      font-size: 88%;
      margin-bottom: 2em;
   }
   



     section .grp{
        margin-top: 3em;
        padding: 30px;
        padding-top: 40px;
        margin-bottom: 2em;
        border-radius: 15px;
        position: relative;
     }

     section .grp .gtit{
        font-size: 112%;
        position: absolute;
        left: 40px;
        top: -20px;
        line-height: 1em;
        padding: 10px 40px;
        border-radius: 100px;
     }


     section .accbox .grp.core{
      background-color: #fffeeb;
      border: 1px solid #f9a909;
   }

   section .accbox .grp.core .gtit{
      background: #E1673E;
      color: #fff;
      /*background: -moz-linear-gradient(left,  #faaf1e 0%, #ffd940 100%);
      background: -webkit-linear-gradient(left,  #faaf1e 0%,#ffd940 100%);
      background: linear-gradient(to right,  #faaf1e 0%,#ffd940 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaf1e', endColorstr='#ffd940',GradientType=1 );*/
      
   }

   section .accbox .grp.aff{
      background-color: #f6fdfd;
      border: 1px solid #49d9e9;
   }

   section .accbox .grp.aff .gtit{
      background: #486992;
      color: #fff;
      /*background: -moz-linear-gradient(left,  #5feaf9 0%, #93faf7 100%);
      background: -webkit-linear-gradient(left,  #5feaf9 0%,#93faf7 100%);
      background: linear-gradient(to right,  #5feaf9 0%,#93faf7 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5feaf9', endColorstr='#93faf7',GradientType=1 );*/
      
   }



   
     



}












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


   .search {
      margin-bottom: 40px;
      margin-left: 20px;
      margin-right: 20px;
     
   }
   .search p{
      margin-bottom: 2em;
      line-height: 2em;
     
   }
   .search .boxes{
      margin-top: 20px;
   }
   .search .box {
      margin-bottom: 20px;
      border:1px #231815 solid;
      border-radius: 20px;
      box-sizing: border-box;
      position: relative;
      overflow: hidden;
   }

   .search .box h2{
      box-sizing: border-box;
      position: relative;
      width: 220px;
      border:1px #231815 solid;
      font-size: 125%;
      color: #fff;
      left: -1px;
      top: -1px;
      padding: 12px 20px;
      background-color: #f00;
      border-radius: 20px 0 20px 0;
      font-weight: 700;
      display: flex;
   }
   .search .box h2 span{
      display: block;
      background-image: url(../images/ico_search.png);
      background-size: 100% 100%;
      width: calc(52px / 2);
      height: calc(56px / 2);
      margin-right: 10px;
   }

   .search .box.map {
      background-color: rgba(246, 253, 253, 0.9);
   }
   .search .box.map h2{
      background: #486992;
      /*background: -moz-linear-gradient(left,  #33caea 0%, #6de2cd 100%);
      background: -webkit-linear-gradient(left,  #33caea 0%,#6de2cd 100%);
      background: linear-gradient(to right,  #33caea 0%,#6de2cd 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33caea', endColorstr='#6de2cd',GradientType=1 ); */
   }

   .search .box.map ul{
      margin-top: -40px;
      background-image: url(../images/map.png);
      background-size: 100% 100%;
      width: calc(560px / 2);
      height: calc(624px / 2);
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px;
      position: relative;
   }

   .search .box.map ul li a{
      background-color: #fff;
      display: block;
      width: fit-content;
      position: absolute;
      line-height: 1em;
      color: #231815;
      text-decoration: none;
      border: 1px solid #7b7470;
      border-radius: 6px;
      padding: 10px 10px;
      background-image: url(../images/ico_arrow_s.png);
      background-size: calc(24px / 2) calc(14px / 2);
      background-repeat: no-repeat;
      background-position: calc(100% - 10px) center;
      padding-right: 30px;
      white-space: nowrap;
   }

   .search .box.map ul li a[data-id=hokkaido_tohoku]{
      right: -5%;
      top: 25%;
   }

   .search .box.map ul li a[data-id=kanto]{
      right: 0;
      top: 60%;
   }

   .search .box.map ul li a[data-id=koshinetsu_hokuriku]{
      left: 10%;
      top: 48%;
   }

   .search .box.map ul li a[data-id=tokai_kinki]{
      right:5%;
      bottom: 10%;
   }

   .search .box.map ul li a[data-id=chushikoku]{
      left: 0%;
      top: 65%;
   }

   .search .box.map ul li a[data-id=kyushu_okinawa]{
      left:-5%;
      bottom: 0;
   }

 

   .search .box.area {
      background-color: rgba(255, 253, 215, 0.9);
   }
   .search .box.area h2{
      background: #E1673E;
      /*background: -moz-linear-gradient(left,  #ff9136 0%, #ffc51a 100%);
      background: -webkit-linear-gradient(left,  #ff9136 0%,#ffc51a 100%);
      background: linear-gradient(to right,  #ff9136 0%,#ffc51a 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9136', endColorstr='#ffc51a',GradientType=1 ); */
   }

   .search .box.area ul{
      padding:20px 20px ;
   }
   .search .box.area ul li a{
      display: block;
          text-decoration: underline;
      color: #231815;
      font-size: 106%;
      line-height: 1.35em;
      background-image: url(../images/ico_anchor.png);
      background-size: calc(68px / 3)  calc(68px / 3);
      background-repeat: no-repeat;
      background-position: left center;
      padding-right: 20px;
      height: calc(68px / 2);
      padding-left: 30px;
      display: flex;
      align-items: center;
      margin-bottom: 0.5em;
   }



   section .items .item:not(:last-child){
      /* padding-bottom: 1em; */
      margin-bottom: 1em;
      border-bottom: 2px #e9e9e9 dotted;
   }

   section .items .item .name{
    font-weight: 700;
    line-height: 1.35em;
    margin-bottom: 1em;
 }
	section .items .item .name.mb{

    margin-bottom: 1em;
 }
 section .items .item .add{
    background-image: url(../images/ico_pin.png);
    background-size: calc(32px / 2) calc(46px / 2);
    background-repeat: no-repeat;
    background-position: left 0;
    padding-left: 25px;
    margin-bottom: 1em;
    min-height:calc(46px / 2) ;
    line-height: 1.35em;
 }


 section .items .item .tel{
    background-image: url(../images/ico_tel.png);
    background-size: calc(28px / 2) calc(42px / 2);
    background-repeat: no-repeat;
    background-position: left 0;
    padding-left: 25px;
    margin-bottom: 1em;
    min-height:calc(42px / 2) ;
    line-height: 1.35em;
 }

 section .items .item .tags{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
 }

 section .items .item .tags li{
    line-height: 1em;
    margin-right: 10px;
    background-color: #f5f7f8;
    border: 1px solid #d7d7d7;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 100px;
    margin-bottom: 10px;
 }

 section .items .item .mail{
    line-height: 1.35em;
    margin-bottom: 1em;
 }
 section .items .item .mail .cap{
   margin-top: 0.5em;
    font-size: 88%;
 }

 section .items .item  .supplement{
   margin-bottom: 2em;
   font-size: 88%;
}




   section .grp{
      margin-top: 3em;
      padding: 15px;
      margin-bottom: 2em;
      border-radius: 10px;
      position: relative;
      padding-top: 25px;
   }

   section .grp .gtit{
      position: absolute;
      left: 20px;
      top: -20px;
      line-height: 1em;
      padding: 10px 20px;
      border-radius: 100px;
   }


   section .accbox .grp.core{
    background-color: #fffeeb;
    border: 1px solid #f9a909;
 }

 section .accbox .grp.core .gtit{
    background: #E1673E;
    color: #fff;
    /*background: -moz-linear-gradient(left,  #faaf1e 0%, #ffd940 100%);
    background: -webkit-linear-gradient(left,  #faaf1e 0%,#ffd940 100%);
    background: linear-gradient(to right,  #faaf1e 0%,#ffd940 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaf1e', endColorstr='#ffd940',GradientType=1 );*/
    
 }

 section .accbox .grp.aff{
    background-color: #f6fdfd;
    border: 1px solid #49d9e9;
 }

 section .accbox .grp.aff .gtit{
    background: #486992;
    color: #fff;
    /*background: -moz-linear-gradient(left,  #5feaf9 0%, #93faf7 100%);
    background: -webkit-linear-gradient(left,  #5feaf9 0%,#93faf7 100%);
    background: linear-gradient(to right,  #5feaf9 0%,#93faf7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5feaf9', endColorstr='#93faf7',GradientType=1 );*/
    
 }




 
}