/*======================================================================

   device style import

======================================================================*/
/* tablet smartphone 768px */
@import url("modules_sp.css") only screen and (max-width:768px);
/* pc 769px */
@import url("modules_pc.css") print, screen and (min-width:769px);




/*======================================================================

   block modules : ブロックレイアウト用のclass

======================================================================*/
/*=======================
  Key visual
=======================*/
.kv{
  width: 100%;
  background-color: #002b79;
  background-position: center center;
  background-repeat: no-repeat;
}

/*=======================
  Topic path
=======================*/
.topicPath{
  overflow: hidden;
}

.topicPath__list{
  float: left;
}
.topicPath__list.rightArrow{
  color: #555555;
}
.topicPath__list.rightArrow:before{
  border-top: 1px solid #555555;
  border-right: 1px solid #555555;
}

.topicPath__list__link{
  text-decoration: underline;
  color: #555555;
}


/*=======================
  Local Navigation
=======================*/
.localNav{
  overflow: hidden;
}

.localNav__li{
  float: left;
  text-align: center;
}

.localNav__li__link{
  position:relative;
  display: block;
  width: 100%;
  height: 100%;
}

.localNav__li__link::after{
  position: absolute;
  left: 50%;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #002a79 transparent transparent transparent;
}


/*=======================
  Title
=======================*/
/* Title Type1 */
.ttl{
  position: relative;
  line-height: 1.1;
  font-weight: normal;
  color: #333333;
}

.ttl::before,
.ttl::after{
  content:"";
  display: block;
  position: absolute;
  left: 0;
  background: #11237c;
}

.ttl::before{
  top: 0;
  height: 100%;
}

.ttl::after{
  top: auto;
  height: 2px;
  width: 100%;
}

.ttl-noborder{
  color: #002b79;
}

.ttl-noborder::after{
  background-color: transparent;
}

/* Title Type2 */
.ttl__underline{
  position: relative;
  line-height: 1.1;
  font-weight: normal;
  color: #333333;
}

.ttl__underline::after{
  content:"";
  display: block;
  height: 2px;
  width: 100%;
  background: #11237c;
}

.ttl__rss{
  background-image: url(../../assets/img/common__rss--icon.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  float: right;
  color: #555555;
}

.ttl__link{
  position: relative;
  float: right;
  color: #555555;
}

.ttl__link::before{
  content:"";
  position: absolute;
  left: 0px;
  top: 50%;
  border-top: 1px solid #575757;
  border-right: 1px solid #575757;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Title Type3 */
.ttlCenter{
  text-align: center;
  color: #11237c;
}


/*=======================
  list
=======================*/
.list{
  margin: 0 auto;
  overflow: hidden;
}

/* list column3 */

.list--col3__li{
  background: #fff;
}

.list--col3__li__link{
  display: block;
}

.list--col3__li__link__ttl{
  font-weight: bold;
  color: #11237c;
}

.list--col3__li__link__txt{
  color: #555555;
}


.list--col3--copy__li__link{
  display: block;
}

.list--col3--copy__li__link__ttl{
  font-weight: bold;
  color: #11237c;
}

.list--col3--copy__li__link__txt{
  color: #555555;
  margin-bottom: 0;
}

.list--col3--btn__li{
  background: #fff;
}

.list--col3--btn__li__link{
  height: 80px;
}

.list--col3--btn--copy__li__link{
  width: 100%;
}

.list--col3--btn--copy__li__link__ttl{
  vertical-align: middle;
  text-align: left;
}
.list--col3--btn--copy__li__link__ttl--copy{
  font-weight: normal;
}

/* list column4 */
.list--col4__li__link{
  display: block;
  background: #fff;
}

.list--col4__li__link__ttl{
  font-weight: bold;
  color: #11237c;
}

.list--col4__li__link__txt{
  color: #555555;
}

/* list recommend */
#recommend{
  background: #f5f5f7;
}
.recommend__list__li{
  float: left;
  border: 1px solid #d9d9d9;
  overflow: hidden;
  background: #fff;
}

.recommend__list__li:first-child{
  margin: 0;
}

.recommend__list__li__link{
  display: block;
}

.recommend__list__li__link__img{
  width: 100%;
}


.recommend__list__li__link__ttl{
  font-weight: bold;
  color: #11237c;
}


/*=======================
  articleList
=======================*/
.articleList__li{
  overflow: hidden;
}

.articleList__li__img{
  display: block;
  float: left;
}

.articleList__li__txt{
  position: relative;
  margin-bottom: 10px;
}

.articleList__li__txt--category.leftArrow{
  color: #032d7b;
  text-decoration: underline;
}

.articleList__li__txt--category.leftArrow::before{
  border-top: 1px solid #032d7b;
  border-right: 1px solid #032d7b;
}

.articleList__li__txt--lead.txtLead{
  margin-bottom: 0;
}

.articleList__li__btn.listArrow{
  display: block;
  padding: 10px;
  text-align: center;
  border: 1px solid #d9d9d9;
}

/*=======================
  contentsList
=======================*/
.contentsList__link{
  display: block;
}

.contentsList__link__dl__content__ttl,
.contentsList__link__ul__content__ttl{
  color: #002b79;
}

.contentsList__link__dl__content__txt,
.contentsList__link__ul__content__txt{
  color: #555555;
  margin: 0;
}

.contentsList__btn{
  display: block;
  padding: 10px;
}

/*=======================
  orderedLists
=======================*/
.orderedLists,.orderedLists__li{
  list-style: none;
}

.orderedLists__li__link{
  text-decoration: underline;
}

.orderedLists__li__numb{
  font-weight: bold;
}

/*=======================
  indentLists
=======================*/
.indentLists,.indentLists__li{
  list-style: none;
}

.indentLists__li__link{
  text-decoration: underline;
}


/*=======================
  sideList
=======================*/
.sideList__ttl{
  padding-bottom: 6px;
  border-bottom: 2px solid #002b79;
}

.sideList__link{
  display: block;
}

.sideList__link__dl__date{
  font-size: 1.2rem;
}

.sideList__link__dl__content__ttl{
  color: #002b79;
}

.sideList__link__dl__content__txt{
  color: #555555;
  margin: 0;
}

.conversionLinkList__li__link.listArrow::after{
  border-color: transparent transparent #e77d1c transparent;
}
/*=======================
  convirsion link list
=======================*/

.conversionLinkList__li{
  background-image: -moz-linear-gradient( -90deg, rgb(255,246,240) 0%, rgb(255,233,218) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(255,246,240) 0%, rgb(255,233,218) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(255,246,240) 0%, rgb(255,233,218) 100%);
  text-align: left;
}

.conversionLinkList__li__link{
  display: block;
  width: 100%;
  height: 100%;
}

.conversionLinkList__li__link--ttl{
  color: #e77d1c;
}

.conversionLinkList__li__link--txt{
  color: #555555;
  margin-bottom: 0;
}

/*=======================
  Footer Local Nav
=======================*/

.footerLocalNav__ttl{
  text-align: center;
}


/*=======================
  accordion
=======================*/
.accordion{
  background: #f5f5f7;
  font-size: 1.8rem;
}

.accordion__ttl{
  text-align: center;
  font-weight: normal;
}

.accordion__list__ttl{
  cursor: pointer;
}

.accordion__list__txt{
  background: #fff;
  line-height: 2;
  display: none;
}
.accordion__list__txt a{
  text-decoration: underline;
}

/*=======================
  articleSearch
=======================*/

.articleSearch{
  background: #e1f2fa;
}

/*=======================
  .templateList
=======================*/
.templateList__li__txt {
  overflow: auto;
}
.templateList__li__div__link--pc,
.templateList__li__link--sp{
  background-color: #e77d1c;
  color: #ffffff;
}
/*======================================================================

   utils modules : 汎用的に使えるclass

======================================================================*/

/*=======================
  img
=======================*/
.imgMax {
 width: 100%;
 height: auto;
}

.responsiveImg{
  opacity: 0;
}

/*=======================
  arrow
=======================*/
.upArrow {
    position: relative;
}
.upArrow::after,
.upArrow::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #666;
    -webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.upArrow::after {
    -webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

/* leftArrow */
.leftArrow {
    position: relative;   
}
.leftArrow::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    display: block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #575757;
    border-right: 1px solid #575757;
}


/* rightArrow */
.rightArrow {
    position: relative;   
}
.rightArrow::before {
    content: "";
    position: absolute;
    right: 2px;
    top: 50%;
    display: block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #002b79;
    border-right: 1px solid #002b79;
}

/* listArrow */
.listArrow{
  position: relative;
}

.listArrow:after{
  content:"";
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 7px 7px;
  border-color: transparent transparent #11237c transparent;
}

/*=======================
  single btn
=======================*/
.singleBtn{
  display: block;
  padding: 10px;
  border: 1px solid #d9d9d9;
}
/*=======================
  icon
=======================*/
.blankIcon{
  position: relative;
}

.blankIcon::after{
  position:absolute;
  content:"";
  display: block;
  background-image: url(../img/common__blanklink--icon.png);
}

/*=======================
  text
=======================*/
.txtLead{
  color: #64749d;
  font-weight: bold;
}

.txtNotes{
  display: block;
  color: #555555;
}

.txtNotes_recommend{
display: block;
    color: #11237c;
    font-weight: normal;
    font-size: 1.2rem;
}

.txtBlue{
  color: #11237c;
  font-weight: bold;
  margin-bottom: 10px;
}


.txtBold{
  font-weight: bold;
}