@charset "utf-8";

/* ===============================================
# フォント
=============================================== */
.en,.fontEn,time{font-family: 'Roboto',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif}
.fontMincho{font-family: "游明朝体","游明朝","Yu Mincho", YuMincho,"ヒラギノ明朝Pro", "Hiragino Mincho Pro", serif  !important;}
.txtCenter,.text-center{text-align: center !important;}
.txtLeft{text-align: left!important;}
.txtRight{text-align: right!important;}
.txtRed{color: #da011f;}
.txtBlue{color: #0000FF;}
.txtWhite{color: #fff !important;}
.txtBold{font-weight: bold;}
.bold{font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;font-weight: bold;}
b,em,strong{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
sup {vertical-align: super;font-size: 70%;}
sub {vertical-align: sub;font-size: 70%;}
i{font-style: italic;}

.font60{font-size:60%}.font65{font-size:65%}.font70{font-size:70%}.font75{font-size:75%}.font80{font-size:80%}.font85{font-size:85%}.font90{font-size:90%}.font95{font-size:95%}.font105{font-size:105%}.font110{font-size:110%}.font120{font-size:120%}.font125{font-size:125%}.font130{font-size:130%}.font135{font-size:135%}.font140{font-size:140%}.font145{font-size:145%}.font150{font-size:150%}.font155{font-size:155%}.font160{font-size:160%}.font165{font-size:165%}

@media print,screen and (min-width :835px){
  .txtCenter_pc{text-align: center !important;}
}

.txt_flex{
  display:-webkit-box;
  display:flex;  
}
.txt_flex .txt{
  -webkit-box-flex: 1;
  flex: 1;  
}

/* ===============================================
# アイコン
=============================================== */
.ico_file[src*=".svg"]{
  width: 19px;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}
.ico_blank[src*=".svg"]{
  width: 17px;
  margin-left: 10px;
  vertical-align: middle;
}
p .ico_file[src*=".svg"]{
  width: 19px;
  margin-right: 5px;
}
p .ico_blank[src*=".svg"]{
  margin-right: 5px;
}
@media screen and (max-width :834px){
  .ico_file[src*=".svg"]{
    width: 15px;
  }
  .ico_blank[src*=".svg"]{
    width: 15px;
  }

}

/* ===============================================
# リスト　ファイル
=============================================== */
.list_link+*{
  margin-top: 30px;
}
.list_link+.list_link{
  margin-top:0.5em;
}
ul.list_link > li{
  position: relative;
  padding-left: 22px;
  line-height: 1.3;
  background: url("/assets/img/ico_arrow.svg")no-repeat left top 0.2em;
  background-size: 14px auto;
}
ul.list_link > li a{
  color: #000;
  text-decoration: underline;
}
ul.list_link > li:nth-child(n+2){
  margin-top:0.5em;
}
@media (hover: hover) and (pointer: fine) {
  ul.list_link > li a:hover{
    opacity: 0.5;
  }
}
@media print,screen and (min-width :835px){
  ul.list_link.col2{
    display: -webkit-box;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;  
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;    
  }    
  ul.list_link.col2 > li{
    width: 48%;
    width: calc(50% - 0.5em);
  }
  ul.list_link.col2 > li:nth-child(2){
    margin-top: 0;
  }


}
@media screen and (max-width :834px) {
  .list_link+*{
    margin-top: 20px;
  }
  .list_link+.list_link{
    margin-top:0.8em;
  }  
  ul.list_link > li{
    padding-left: 20px;
    background: url("/assets/img/ico_arrow.svg")no-repeat left top 0.2em;
    background-size: 11px auto;
  }
  ul.list_link > li:nth-child(n+2){
    margin-top:0.8em;
  }  
}