@charset "utf-8";
@media screen and (max-width:768px){
  #ryoukin03 ul li span{font-size:1.6rem;}
  #ryoukin01{border:1px #ccc solid;margin:0 12px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#ryoukin01 > dl{font-size:1.3rem;line-height:1.25;text-align:center;vertical-align:top;padding:5px;}
#ryoukin01 > dl:not(:last-child){border-bottom:1px #ccc solid;}
#ryoukin01 > dl dt:first-child{background:#4ab4e4;margin:0 0 8px;}
#ryoukin01 > dl dd{color:#fff;background:#062659;padding:4px;margin:8px 0 0;}
#ryoukin02{margin-bottom: 2em;border-top:4px #4a7993 solid;border-bottom:4px #4a7993 solid;text-align:center;line-height:1.4;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#ryoukin02 span{display:inline-block;vertical-align:middle;}
#ryoukin02 span:first-child{height:24px;color:#fff;line-height:24px;font-size:13px !important;background:#888888;padding:0 10px;margin:0 4px 0 0;-moz-border-radius:24px;-webkit-border-radius:24px;border-radius:24px;}
#ryoukin02 span:nth-child(2){color:#07275a;font-family:'montserratbold', sans-serif;font-size:28px !important;font-weight:700;line-height:1;}
#ryoukin02 span:nth-child(3){color:#07275a;font-size:14px !important;font-weight:bold;margin:0 0 0 2px;}
#ryoukin02 span:nth-child(3) i{margin:0 2px;}
#ryoukin02 span:last-child{height:24px;color:#fff;line-height:24px;font-size:13px !important;background:#888888;padding:0 4px;}
#cntactbnr.underlayer{margin:0 0 24px;}

#ryoukin04 h3{color:#062659;font-size:1.5rem;text-align:center;margin:0 0 6px;}
#ryoukin04 h3:before{font-family:"FontAwesome";content:"\f111";margin:0 2px 0 0;}

#ryoukin04 .dltable > dl > dt,
#ryoukin04 .dltable > dl > dd{text-align:center;font-size: 1.4rem;width: 100%;padding: 10px;}
}
@media screen and (min-width:769px){
  #ryoukin03 ul li span{font-size:2rem;}
  #ryoukin01{display:table;table-layout:fixed;width:100%;border:1px #ccc solid;margin:0 0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  }
#ryoukin01 > dl{display:table-cell;font-size:1.6rem;line-height:1.25;text-align:center;vertical-align:top;padding:5px;}
#ryoukin01 > dl:not(:last-child){border-right:1px #ccc solid;}
#ryoukin01 > dl dt:first-child{background:#4ab4e4;margin:0 0 8px;}
#ryoukin01 > dl dd{color:#fff;background:#062659;padding:4px;margin:8px 0 0;}
#ryoukin02{border:4px #4a7993 solid;text-align:center;padding:8px;margin-bottom: 2em;}
#ryoukin02 span{display:inline-block;vertical-align:middle;}
#ryoukin02 span:first-child{height:44px;color:#fff;line-height:44px;font-size:20px !important;background:#888888;padding:0 32px;margin:0 10px 0 0;-moz-border-radius:24px;-webkit-border-radius:24px;border-radius:24px;}
#ryoukin02 span:nth-child(2){color:#07275a;font-family:'montserratbold', sans-serif;font-size:44px !important;font-weight:700;line-height:1;}
#ryoukin02 span:nth-child(3){color:#07275a;font-size:32px !important;font-weight:bold;line-height:1;margin:0 0 0 4px;}
#ryoukin02 span:nth-child(3) i{margin:0 8px;}
#ryoukin02 span:last-child{height:44px;color:#fff;line-height:44px;font-size:20px !important;background:#888888;padding:0 28px;}
#cntactbnr.underlayer{margin:0 0 28px;}
#ryoukin03{margin:20px 0;}
}

#ryoukin04 h3{color:#062659;font-size:1.6rem;margin:0 0 8px;}
#ryoukin04 h3:before{font-family:"FontAwesome";content:"\f111";margin:0 2px 0 0;}

#ryoukin04 .dltable + p{margin:24px 0 0;}
}
}
#ryoukin03{margin:20px 0;}
#ryoukin03 > ul{
  margin-bottom: 1em;
      justify-content: center;
  display: flex;
    flex-wrap: wrap;
    gap: 2px;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;}
#ryoukin03 > ul > li{line-height:1;border:1px #ccc solid;}
#ryoukin03 ul li span{display:block;text-align:center;padding:15px;}
#ryoukin03 ul li span:first-child{color:#fff;background:#062659;}
#ryoukin03 + ul{color:red;
}