@charset "utf-8";
/***************************************
* �ʐڃA�h�o�C�X�ꗗ
****************************************/
ul {padding: 0;}
.li-level1 {
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 5px;
  font-weight: bold;
  border: 1px solid #B5B5B6;
}
.li-level2 {
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 2em;
  width : 50%;
  color: #000;
}
.li-level3 {padding-left: 4em;}
ul.info_links li + li,
ul.info_links ul + ul {border-top: 1px solid lightgray;}
ul.info_links li span {float: none;padding-left: .5em;color: #676767;}
ul.info_links li a {font-weight: normal;}
.no-hover {background-color: white !important;}
ul.info_links {padding-top:10px;}
@media screen and (min-width: 768px) {
  .li-level1 {font-size: 20px;}
  .li-level2 {font-size: 15px;}
}
@media screen and (max-width: 740px) {
  .li-level2 {
  background: url(/images/arrow_right.png) right 15px center no-repeat;
  background-size: 10px;
  width: auto;
  color: #464646;
  }
}
/*********************************************
* �ʐڃA�h�o�C�X�ڍ�
**********************************************/
.m-t-0{margin-top:0px;}
.m-t-5{margin-top:5px;}
.m-b-0{margin-bottom:0px;}
.m-b-5{margin-bottom:5px;}
.m-r-0{margin-right:0px;}
.m-r-5{margin-right:5px;}
.m-l-0{margin-left:0px;}
.m-l-5{margin-left:5px;}
.m-l-10{margin-left:10px;}
.p-t-0{padding-top:0px;}
.p-t-5{padding-top:5px;}
.p-b-0{padding-bottom:0px;}
.p-b-5{padding-bottom:5px;}
.p-b-15{padding-bottom:15px;}
.p-r-0{padding-right:0px;}
.p-r-5{padding-right:5px;}
.p-l-0{padding-left:0px;}
.p-l-5{padding-left:5px;}
.article-contents {padding-top: 10px;}
.midashi_color {
  color: #fff !important;
  background-color: #1796e6 !important;
  padding: 10px 10px;
  font-size: 18px;
}
.catchcopy_color {
  color: #1b1b1b;
  font-size: 20px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  letter-spacing: 0.1em;
  border-left: 5px solid #1796e6;
  padding-left: 10px;
}
.main-visual img{max-width: 100%;}
@media screen and (min-width: 768px) {
  .midashi_color {font-size: 20px;line-height: 1.2;}
  .article-contents {font-size: 15px;line-height: 1.6;}
}
@media screen and (max-width: 740px) {
  .catchcopy_color {font-size: 16px; height: 20px; line-height: 20px;}
  .midashi_color {font-size: 19px; line-height: 28px;}
  .article-contents {padding: 10px 20px;}
  .article-contents > p {font-size: 15px;line-height: 25px;}
  .main-visual-img-full {padding: 0 10px;}
}