@charset "utf-8";

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

  Parts

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

/*----------------------------------------------------------------------------------------------------

  Button
  
----------------------------------------------------------------------------------------------------*/

.p-btn {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  display:inline-block;
  vertical-align:bottom;
  box-sizing:border-box;
  border:none;
  margin:0;
  outline:none;
  text-align:center;
  text-decoration:none;
  font-size:inherit;
  cursor:pointer;
  line-height:1.4;
  border-radius:4px;
  position:relative;
  overflow:hidden;
  -webkit-transition:background ease 0.15s, border ease 0.15s !important;
  transition:background ease 0.15s, border ease 0.15s !important;
  font-weight:400;
}

.p-btn,
.p-btn:visited,
.p-btn:hover,
.p-btn a,
.p-btn a:visited,
.p-btn a:hover { color:inherit; text-decoration:none !important; }


@media print,screen and (min-width:641px) {
  .p-btn { padding:0.6em 2em; }
}

@media screen and (max-width:640px) {
  .p-btn { padding:0.8em 1.5em; }
}


/* サイズ
----------------------------------------------------------------------*/

.p-btn--S { font-size:0.8em; }
.p-btn--M { font-size:1.2em; }
.p-btn--L { font-size:1.4em; }

@media screen and (max-width:640px) {
  .p-btn,
  .p-btn--M,
  .p-btn--L { font-size:1.2em; }
  .p-btn--S { font-size:1em; padding:0.6em 1.5em; }
}



/* カラー
----------------------------------------------------------------------*/

/* 青 */
.p-btn[data-color="blue"],
.p-btn[data-color="blue"]:visited
.p-btn[data-color="blue"]:hover,
.p-btn[data-color="blue"] a,
.p-btn[data-color="blue"] a:visited
.p-btn[data-color="blue"] a:hover {
  color:#fff;
  background-color:#197ece;
}

.ua-pc .p-btn[data-color="blue"]:hover,
.ua-pc .p-btn[data-color="blue"] a:hover,
.ua-pc a:hover .p-btn[data-color="blue"] {
  color:#fff;
  background-color:#47a1e8;
}


/* 水色 */
.p-btn[data-color="rBlue"],
.p-btn[data-color="rBlue"]:visited
.p-btn[data-color="rBlue"]:hover,
.p-btn[data-color="rBlue"] a,
.p-btn[data-color="rBlue"] a:visited
.p-btn[data-color="rBlue"] a:hover {
  color:#fff;
  background-color:#00acee;
}

.ua-pc .p-btn[data-color="rBlue"]:hover,
.ua-pc .p-btn[data-color="rBlue"] a:hover,
.ua-pc a:hover .p-btn[data-color="rBlue"] {
  color:#fff;
  background-color:#33c5fc;
}


/* オレンジ */
.p-btn[data-color="orange"],
.p-btn[data-color="orange"]:visited
.p-btn[data-color="orange"]:hover,
.p-btn[data-color="orange"] a,
.p-btn[data-color="orange"] a:visited
.p-btn[data-color="orange"] a:hover {
  color:#fff;
  background-color:#f99300;
}

.ua-pc .p-btn[data-color="orange"]:hover,
.ua-pc .p-btn[data-color="orange"] a:hover,
.ua-pc a:hover .p-btn[data-color="orange"] {
  color:#fff;
  background-color:#ffad30;
}


/* 赤 */
.p-btn[data-color="red"],
.p-btn[data-color="red"]:visited
.p-btn[data-color="red"]:hover,
.p-btn[data-color="red"] a,
.p-btn[data-color="red"] a:visited
.p-btn[data-color="red"] a:hover {
  color:#fff;
  background-color:#e23e43;
}

.ua-pc .p-btn[data-color="red"]:hover,
.ua-pc .p-btn[data-color="red"] a:hover,
.ua-pc a:hover .p-btn[data-color="red"] {
  color:#fff;
  background-color:#f36a6d;
}


/* 緑 */
.p-btn[data-color="green"],
.p-btn[data-color="green"]:visited
.p-btn[data-color="green"]:hover,
.p-btn[data-color="green"] a,
.p-btn[data-color="green"] a:visited
.p-btn[data-color="green"] a:hover {
  color:#fff;
  background-color:#94c80c;
}

.ua-pc .p-btn[data-color="green"]:hover,
.ua-pc .p-btn[data-color="green"] a:hover,
.ua-pc a:hover .p-btn[data-color="green"] {
  color:#fff;
  background-color:#acd93a;
}

/* グレー */
.p-btn[data-color="gray"],
.p-btn[data-color="gray"]:visited
.p-btn[data-color="gray"]:hover,
.p-btn[data-color="gray"] a,
.p-btn[data-color="gray"] a:visited
.p-btn[data-color="gray"] a:hover {
  color:#fff;
  background-color:#aaa;
}

.ua-pc .p-btn[data-color="gray"]:hover,
.ua-pc .p-btn[data-color="gray"] a:hover,
.ua-pc a:hover .p-btn[data-color="gray"] {
  color:#fff;
  background-color:#bebebe;
}


/*--------------------------------------------------------------------------------
  カラー（線有）
--------------------------------------------------------------------------------*/

/* 青
----------------------------------------------------------------------*/

.p-btn[data-color="blueLine"] {
  border:1px solid #8cc0e6;
  border-radius:4px;
}
.p-btn[data-color="blueLine"],
.p-btn[data-color="blueLine"]:visited
.p-btn[data-color="blueLine"]:hover,
.p-btn[data-color="blueLine"] a,
.p-btn[data-color="blueLine"] a:visited
.p-btn[data-color="blueLine"] a:hover {
  color:#197ece;
}


/* hover:青
----------------------------------------------------------------------*/

.ua-pc .p-btn[data-hvColor="blue"]:hover,
.ua-pc .p-btn[data-hvColor="blue"] a:hover {
  color:#fff;
  border-color:#197ece;
  background-color:#197ece;
}

/* 矢印（正円背景） */
.ua-pc .p-btn[data-hvColor="blue"]:hover .p-iconTxt--arR .p-iconTxt__mk:before,
.ua-pc .p-btn[data-hvColor="blue"] a:hover .p-iconTxt--arR .p-iconTxt__mk:before {
  background-color:#fff;
}
.ua-pc .p-btn[data-hvColor="blue"]:hover .p-iconTxt--arR .p-iconTxt__mk:after,
.ua-pc .p-btn[data-hvColor="blue"] a:hover .p-iconTxt--arR .p-iconTxt__mk:after {
  background-image:url(../image/icon/arR_mk_blue.svg);
}
.no-svg.ua-pc .p-btn[data-hvColor="blue"]:hover .p-iconTxt--arR .p-iconTxt__mk:after,
.no-svg.ua-pc .p-btn[data-hvColor="blue"] a:hover .p-iconTxt--arR .p-iconTxt__mk:after {
  background-image:url(../image/icon/arR_mk_blue.png);
}

/* 矢印 */
.ua-pc .p-btn[data-hvColor="blue"]:hover .p-iconTxt--ar .p-iconTxt__mk:after,
.ua-pc .p-btn[data-hvColor="blue"] a:hover .p-iconTxt--ar .p-iconTxt__mk:after {
  border-top-color:#fff;
  border-right-color:#fff;
}


/* hover:薄青色
----------------------------------------------------------------------*/

.ua-pc .p-btn[data-hvColor="blue-lt"]:hover,
.ua-pc .p-btn[data-hvColor="blue-lt"] a:hover {
  color:#197ece;
  background-color:#ebf5ff;
}


/*----------------------------------------------------------------------------------------------------

  Navigation bar
  
----------------------------------------------------------------------------------------------------*/

.p-navBarList  {
  display:table;
  width:100%;
  border-collapse:collapse;
}

.p-navBarList a,
.p-navBarList:visited,
.p-navBarList:hover {
  text-decoration:none;
}

.p-navBarList li {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  border:1px solid #8cc0e6;
  line-height:1.5;
  font-weight:400;
}

.p-navBarList li a {
  display:block;
  height:100%;
  padding:0.75em;
}

.ua-pc .p-navBarList li a {
  -webkit-transition:background ease 0.15s;
  transition:background ease 0.15s;
}

.ua-pc .p-navBarList li a:hover,
.p-navBarList li.is-active a {
  background-color:#ebf5ff;
}

@media screen and (max-width:640px) {
  .p-navBar {
    font-size:0.95em;
    margin-left:-0.75rem;
    margin-right:-0.75rem;
  }
  
  .p-navBarList li:first-child {
    border-left:0;
  }
  
  .p-navBarList li:last-child {
    border-right:0;
  }
}


/*----------------------------------------------------------------------------------------------------

  Icon
  
----------------------------------------------------------------------------------------------------*/

.p-icon,
.p-iconMk {
  position:relative;
  display:inline-block;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  line-height:0;
  vertical-align:middle;
  margin-bottom:0.2rem;
}

.p-icon .p-iconMk {
  margin-bottom:0;
}


/*--------------------------------------------------------------------------------
  正円背景
--------------------------------------------------------------------------------*/

.p-icon--R {
  width:1em;
  height:1em;
  background:#197ece;
  border-radius:50%;
}


/* カラー
----------------------------------------------------------------------*/

.p-icon--R[data-color="rBlue"] {
  background-color:#00acee;
}


/*--------------------------------------------------------------------------------
  ＋
--------------------------------------------------------------------------------*/

.p-iconMk--plus {
  width:1.5em;
  height:1.5em;
}

.p-icon .p-iconMk--plus {
  display:block;
  width:100%;
  height:100%;
}

.p-iconMk--plus:before {
  height:50%;
  width:2px;
}

.p-iconMk--plus:after {
  height:2px;
  width:50%;
}

.p-iconMk--plus:before,
.p-iconMk--plus:after {
  content:"";
  display:inline-block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background:#197ece;
}

.p-icon .p-iconMk--plus:before,
.p-icon .p-iconMk--plus:after {
  background-color:#fff;
}


/* toggle
----------------------------------------------------------------------*/

.p-icon[data-type="togglePlus"] {
  transition:0.4s cubic-bezier(0.2, 0.6, 0.3, 1.1);
}

.p-icon[data-type="togglePlus"].is-active {
  transform:rotate(90deg);
}

.p-icon[data-type="togglePlus"].is-active .p-iconMk--plus:after {
  width:0;
}


/*--------------------------------------------------------------------------------
  －
--------------------------------------------------------------------------------*/

.p-iconMk--minus {
  width:1.5em;
  height:1.5em;
}

.p-icon .p-iconMk--minus {
  display:block;
  width:100%;
  height:100%;
}

.p-iconMk--minus:before {
  content:"";
  display:inline-block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  height:2px;
  width:50%;
  background:#197ece;
}

.p-icon .p-iconMk--minus:before {
  background-color:#fff;
}


/*--------------------------------------------------------------------------------
  ファイル
--------------------------------------------------------------------------------*/

.p-iconMk--file {
  width:2.4em;
  min-width:2.4em;
  height:2.4em;
  margin-right:0.5em;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
}

.p-iconMk--file.img { background-image:url(../image/icon/img.svg); }
.p-iconMk--file.pdf { background-image:url(../image/icon/pdf.svg); }
.p-iconMk--file.doc { background-image:url(../image/icon/doc.svg); }
.p-iconMk--file.xls { background-image:url(../image/icon/xls.svg); }
.p-iconMk--file.ppt { background-image:url(../image/icon/ppt.svg); }

.no-svg .p-iconMk--file.img { background-image:url(../image/icon/img.png); }
.no-svg .p-iconMk--file.pdf { background-image:url(../image/icon/pdf.png); }
.no-svg .p-iconMk--file.doc { background-image:url(../image/icon/doc.png); }
.no-svg .p-iconMk--file.xls { background-image:url(../image/icon/xls.png); }
.no-svg .p-iconMk--file.ppt { background-image:url(../image/icon/ppt.png); }

.p-iconMk--file[data-size="s"] {
  width:2em;
  min-width:2em;
  height:2em;
  margin-right:0.25em;
}


/*--------------------------------------------------------------------------------

  Icon Text
  
--------------------------------------------------------------------------------*/

ul.p-iconTxt {
  list-style:none;
}

.p-iconTxt {
  line-height:1.5;
}

.p-iconTxt__mk {
  display:inline-block;
  text-decoration:inherit;
  position:relative;
  line-height:1.5;
}


/*--------------------------------------------------------------------------------
  矢印（背景無し）
--------------------------------------------------------------------------------*/

.p-iconTxt--ar .p-iconTxt__mk:after {
  content:"";
  display:inline-block;
  width:0.5em;
  height:0.5em;
  position:absolute;
  left:0;
  top:0.5em;
  border-top:1px solid #197ece;
  border-right:1px solid #197ece;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.p-iconTxt--ar .p-iconTxt__mk {
  padding-left:1em;
}


/* カラー
----------------------------------------------------------------------*/

.p-iconTxt--ar[data-color="rBlue"] .p-iconTxt__mk:after {
  border-top-color:#00acee;
  border-right-color:#00acee;
}

.p-iconTxt--ar[data-color="white"] .p-iconTxt__mk:after {
  border-top-color:#fff;
  border-right-color:#fff;
}


/* 右
----------------------------------------------------------------------*/

.p-iconTxt--ar[data-ps="right"] .p-iconTxt__mk:after {
  left:inherit;
  right:0;
}

.p-iconTxt--ar[data-ps="right"] .p-iconTxt__mk {
  padding-left:0;
  padding-right:1em;
}

/* 左向き
----------------------------------------------------------------------*/

.p-iconTxt--ar[data-drc="prev"] .p-iconTxt__mk:after {
  -webkit-transform:rotate(-135deg);
  transform:rotate(-135deg);
}


/* 上向き
----------------------------------------------------------------------*/

.p-iconTxt--ar[data-drc="up"] .p-iconTxt__mk:after {
  top:0.65em;
}
.p-iconTxt--ar[data-drc="up"] .p-iconTxt__mk:after {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
}


/* 下向き
----------------------------------------------------------------------*/

.p-iconTxt--ar[data-drc="down"] .p-iconTxt__mk:after {
  top:0.45em;
}
.p-iconTxt--ar[data-drc="down"] .p-iconTxt__mk:after {
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg);
}


/*--------------------------------------------------------------------------------
  矢印（正円背景）
--------------------------------------------------------------------------------*/

.p-iconTxt--arR .p-iconTxt__mk:before {
  content:"";
  display:inline-block;
  width:1em;
  height:1em;
  -webkit-border-radius:50%;
  border-radius:50%;
  background-color:#197ece;
  position:absolute;
  left:0;
  top:0.3em;
}

.p-iconTxt--arR .p-iconTxt__mk:after {
  content:"";
  display:block;
  width:1em;
  height:1em;
  background-image:url(../image/icon/arR_mk.svg);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:auto 66%;
  position:absolute;
  left:0;
  top:0.3em;
}

.no-svg .p-iconTxt--arR .p-iconTxt__mk:after {
  background-image:url(../image/icon/arR_mk.png);
}

.p-iconTxt--arR .p-iconTxt__mk {
  padding-left:1.5em;
}


/* カラー
----------------------------------------------------------------------*/

.p-iconTxt--arR[data-color="rBlue"] .p-iconTxt__mk:before {
  background-color:#00acee;
}


.p-iconTxt--arR[data-color="white"] .p-iconTxt__mk:before {
  background-color:#fff;
}
.p-iconTxt--arR[data-color="white"] .p-iconTxt__mk:after {
  background-image:url(../image/icon/arR_mk_blue.svg);
}
.no-svg .p-iconTxt--arR[data-color="white"] .p-iconTxt__mk:after {
  background-image:url(../image/icon/arR_mk_blue.png);
}


.p-iconTxt--arR[data-color="white-rBlue"] .p-iconTxt__mk:before {
  background-color:#fff;
}
.p-iconTxt--arR[data-color="white-rBlue"] .p-iconTxt__mk:after {
  background-image:url(../image/icon/arR_mk_rBlue.svg);
}
.no-svg .p-iconTxt--arR[data-color="white-rBlue"] .p-iconTxt__mk:after {
  background-image:url(../image/icon/arR_mk_rBlue.png);
}


.p-iconTxt--arR[data-color="white-orange"] .p-iconTxt__mk:before {
  background-color:#fff;
}
.p-iconTxt--arR[data-color="white-orange"] .p-iconTxt__mk:after {
  background-image:url(../image/icon/arR_mk_orange.svg);
}
.no-svg .p-iconTxt--arR[data-color="white-orange"] .p-iconTxt__mk:after {
  background-image:url(../image/icon/arR_mk_orange.png);
}


/* 右
----------------------------------------------------------------------*/

.p-iconTxt--arR[data-ps="right"] .p-iconTxt__mk:before,
.p-iconTxt--arR[data-ps="right"] .p-iconTxt__mk:after {
  left:inherit;
  right:0;
}

.p-iconTxt--arR[data-ps="right"] .p-iconTxt__mk {
  padding-left:0;
  padding-right:1.5em;
}


/* 左向き
----------------------------------------------------------------------*/

.p-iconTxt--arR[data-drc="prev"] .p-iconTxt__mk:after {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}


/* 上向き
----------------------------------------------------------------------*/

.p-iconTxt--arR[data-drc="up"] .p-iconTxt__mk:after {
  -webkit-transform:rotate(-90deg);
  transform:rotate(-90deg);
}


/* 下向き
----------------------------------------------------------------------*/

.p-iconTxt--arR[data-drc="down"] .p-iconTxt__mk:after {
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
}


/*----------------------------------------------------------------------------------------------------

  List
  
----------------------------------------------------------------------------------------------------*/

.p-list--in { margin-left:1.2em; }


/* マーク
----------------------------------------------------------------------*/

.p-listMk { list-style:none; }
.p-listMk li { padding-left:1.3em; }
.p-listMk li:before {
  margin-left:-1.3em;
  margin-right:0.25em;
}

.p-listMk--R li:before {
  content:"●";
  color:#197ece;
}

.p-listMk--Dot li:before {
  content:"・";
}


/*----------------------------------------------------------------------------------------------------

  新しいウインドウ Icon
  
----------------------------------------------------------------------------------------------------*/

.p-gLink:after {
  display:inline-block;
  vertical-align:top;
  margin-left:0.3em;
  margin-right:0.3em;
  margin-top:-0.25em;
}

.p-gLink:after { content:url(../image/icon/gLink.svg); }
.no-svg .p-gLink:after { content:url(../image/icon/gLink.png); }


/*----------------------------------------------------------------------------------------------------

  ページネーション
  
----------------------------------------------------------------------------------------------------*/

.p-pagination {
  /*text-align:center;*/
}

.p-pagination__list {
  /*display:inline-block;*/
  list-style:none;
  margin-left:-3px;
}

.p-pagination__list li {
  text-align:center;
  float:left;
  display:inline-block;
  margin:4px;
  font-size:0.9em;
  line-height:1;
}

.p-pagination__list li:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.p-pagination__list li a { display:block; }

.p-pagination__list li a,
.p-pagination__list li a:visited,
.p-pagination__list li a:hover { color:#197ece; text-decoration:none; }
.p-pagination__list li span.active { color:#fff; background-color:#47a1e8; border-color:#47a1e8; }

.p-pagination__list li span {
  line-height:1;
  width:2em;
  height:2em;
  padding-top:0.4em;
  display:block;
  color:inherit;
  background-color:#fff;
  border:1px solid #8cc0e6;
  box-sizing:border-box;
}

.ua-pc .p-pagination__list li span {
  -webkit-transition:background ease 0.15s, border ease 0.15s, color ease 0.15s;
  transition:background ease 0.15s, border ease 0.15s, color ease 0.15s;
}

.ua-pc .p-pagination__list li span:hover { background-color:#ebf5ff; }

@media print,screen and (min-width:641px) {
  .p-pagination { padding-top:40px; }
}

@media screen and (max-width:640px) {
  .p-pagination { padding-top:1.5em; }
}


/*----------------------------------------------------------------------------------------------------

  ブログパターン
  
----------------------------------------------------------------------------------------------------*/

.p-glog {
  text-align:left;
  word-break:break-all;
}

.p-glog:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.p-glog ul,
.p-glog ol {
  list-style:inherit;
  margin-left:1.5em;
}
.p-glog ol {
  list-style:decimal;
}

.p-glog__img--left,
.p-glog__img--right,
.p-glog__img--center {
  display:inline-block;
}

.p-glog__img--center {
  display: block;
  text-align:center;
}
.p-glog__img__cp {
  display:block;
  font-size:0.9em;
  line-height:1.5;
  color:#8c8c8c;
  padding-top:0.5em;
  text-align:center;
}

.p-glog__datafile {
  margin-bottom:1em;
  display:inline-block;
}

.p-glog b,
.p-glog strong { font-weight:500; }

@media print,screen and (min-width:641px) {
  .p-glog {
    padding-left:1rem;
    padding-right:1rem;
    padding-top:2em;
  }

  .p-glog__img--left {
    float:left;
    margin-right:1.75rem;
  }
  
  .p-glog__img--right {
    float:right;
    margin-left:1.75rem;
  }
  
  .p-glog__img--left,
  .p-glog__img--right {
    margin-bottom:0.5em;
  }
  
  .p-glog__img--center[data-ps="top"] {
    margin-bottom:1.25em;
  }
  
  .p-glog__img--center[data-ps="bottom"] {
    margin-top:1.5em;
  }
}

@media screen and (max-width:640px) {
  .p-glog {
    padding-top:1.5em;
  }
  
  .p-glog__img--left {
    float:left;
    margin-right:1.25rem;
  }
  
  .p-glog__img--right {
    float:right;
    margin-left:1.25rem;
  }
  
  .p-glog__img--left,
  .p-glog__img--right {
    margin-bottom:0.5em;
    width:45% !important;
  }
  
  .p-glog__img--center[data-ps="top"] {
    margin-bottom:1em;
  }
  
  .p-glog__img--center[data-ps="bottom"] {
    margin-top:1.25em;
  }
  
  .p-glog__img--center {
    max-width:400px !important;
    width:100% !important;
  }
}

@media screen and (max-width:500px) {
  .p-glog__img--left,
  .p-glog__img--right {
    float:none;
    display:block;
    text-align:center;
    width:100% !important;
    max-width:100% !important;
    margin-bottom:1em;
    margin-left:0;
    margin-right:0;
  }

  .p-glog__img--left,
  .p-glog__img--right {
    max-width:400px;
    width:100% !important;
  }
  
  .p-glog__img--left[data-dc="tate"] img,
  .p-glog__img--right[data-dc="tate"] img {
    max-height:500px;
    width:auto !important;
  }
}


/*--------------------------------------------------------------------------------
  非公開
--------------------------------------------------------------------------------*/

.private-alert {
  text-align:center;
  border-radius:5px;
  background-color:#fff0f0;
  line-height:1.4;
  color:#e23e43;
  font-weight:400;
}

.private-alert b {
  font-size:1.2em;
  font-weight:700;
}

.private-alert small {
  display:inline-block;
  font-size:0.8em;
  line-height:1.4;
  margin-top:0.2em;
}

@media print,screen and (min-width:641px) {
  .private-alert {
    margin-bottom:2.5rem;
    font-size:1.2em;
    padding:1.75rem 1rem;
  }
}

@media screen and (max-width:640px) {
  .private-alert {
    margin-bottom:2rem;
    font-size:1.1em;
    padding:1.25em 1rem;
  }
}