@charset "UTF-8";

/* ========================================
	共通モジュール
======================================== */

/* ------------------------------
	img
------------------------------ */

.img-fluid {
	max-width: 100%;
	height: auto;
}

.img-full {
	width: 100%;
	height: auto;
}

/* ------------------------------
	mouseover
------------------------------ */

@media screen and (min-width:768px), print {
  .over-alpha img,
  img.over-alpha {
    transition: opacity 0.3s;
  }
  
  .over-alpha:hover img,
  img.over-alpha:hover {
    opacity: 0.65;
  }
}

/* ------------------------------
	arrow
------------------------------ */

.arrow-rd,
.arrow-gr,
.arrow-wh,
.arrow-down-rd,
.arrow-down-gr,
.arrow-down-wh {
  display: inline-block;
  position: relative;
  padding-left: 0.875em;
}

.arrow-rd::before,
.arrow-gr::before,
.arrow-wh::before,
.arrow-down-rd::before,
.arrow-down-gr::before,
.arrow-down-wh::before {
	content: "";
	display: block;
	width: 0.625em;
	height: 0.625em;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
  position: absolute;
  left: 0;
  top: calc( ( ( 1em * 1.5 ) - 0.625em ) / 2 );
}

.arrow-rd-after::after,
.arrow-gr-after::after,
.arrow-wh-after::after,
.arrow-down-rd-after::after,
.arrow-down-gr-after::after,
.arrow-down-wh-after::after {
	content: "";
	display: inline-block;
	width: 0.625em;
	height: 0.625em;
	margin-left: 0.25em;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
  vertical-align: 0.05em;
}

.arrow-rd::before,
.arrow-rd-after::after {
	background-image: url("/common/img/arrow/usual_rd_left.svg") !important;
}

.arrow-gr::before,
.arrow-gr-after::after {
	background-image: url("/common/img/arrow/usual_gr_left.svg") !important;
}

.arrow-wh::before,
.arrow-wh-after::after {
	background-image: url("/common/img/arrow/usual_wh_left.svg") !important;
}

.arrow-down-rd::before,
.arrow-down-rd-after::after {
	background-image: url("/common/img/arrow/usual_rd_down.svg") !important;
}

.arrow-down-gr::before,
.arrow-down-gr-after::after {
	background-image: url("/common/img/arrow/usual_gr_down.svg") !important;
}

.arrow-down-wh::before,
.arrow-down-wh-after::after {
	background-image: url("/common/img/arrow/usual_wh_down.svg") !important;
}

@media screen and (min-width:768px), print {
  .arrow-rd:hover,
  .arrow-gr:hover,
  .arrow-wh:hover,
  .arrow-down-rd:hover,
  .arrow-down-gr:hover,
  .arrow-down-wh:hover,
  .arrow-rd-after:hover,
  .arrow-gr-after:hover,
  .arrow-wh-after:hover,
  .arrow-down-rd-after:hover,
  .arrow-down-gr-after:hover,
  .arrow-down-wh-after:hover {
    text-decoration: underline;
  }
}

.arrow-gr .icn-external {
	width: 16px;
	height: 14px;
	vertical-align: middle;
	margin: 0 4px;
}
.arrow-gr .icn-pdf {
	width: 25px;
	height: 15px;
	vertical-align: middle;
	margin: 0 4px;
}
.arrow-gr .icn-word,
.arrow-gr .icn-excel {
	width: 37px;
	height: 15px;
	vertical-align: middle;
	margin: 0 4px;
}


/* ------------------------------
	icon
------------------------------ */

.link-ususal {
  color: #098240;
  text-decoration: underline;
}

/* ------------------------------
	icon
------------------------------ */
/*
.icon-pdf::after {
	content: "PDF";
	display: inline-block;
  padding: 0 0.5em;
	margin-left: 0.5em;
  border: 1px solid #db2121;
  border-radius: 4px;
  font-size: 0.625em;
  line-height: 1.25;
	vertical-align: 0.25em;
  text-decoration: none !important;
  color: #db2121;
}
	*/

.icon-excel-before,
.icon-word-before,
.icon-out-before,
.icon-out_wh-before,
.icon-blank-before,
.icon-blank_wh-before {
	padding-left: 1.45em;
	display: inline-block;
}

/* default - after */
.icon-excel:empty,
.icon-word:empty,
.icon-out:empty,
.icon-out_wh:empty,
.icon-blank:empty,
.icon-blank_wh:empty {
	vertical-align: middle;
}

/* default - before */
.icon-warning:empty,
.icon-danger:empty,
.icon-search:empty {
	vertical-align: middle;
}

/* before only */
.icon-tel:empty, 
.icon-freedial:empty {
	vertical-align: middle;
}

/*
.icon-excel::after,
.icon-word::after,
.icon-out::after,
.icon-out_wh::after,
.icon-blank::after,
.icon-blank_wh::after,
.icon-warning-after::after,
.icon-danger-after::after,
.icon-search-after::after {
	content: "";
	display: inline-block;
	margin-left: 0.5em;
  width: 1em;
  height: 1em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: 0;
  text-decoration: none !important;
}

.icon-excel-before::before,
.icon-word-before::before,
.icon-out-before::before,
.icon-out_wh-before::before,
.icon-blank-before::before,
.icon-blank_wh-before::before,
.icon-warning::before,
.icon-danger::before,
.icon-search::before,
.icon-tel::before,
.icon-freedial::before {
	display: inline-block;
	content: "";
	vertical-align: -0.1em;
	margin-right: 0.25em;
	width: 1.2em;
	height: 1.2em;
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: contain;
}

.icon-excel-before::before,
.icon-word-before::before,
.icon-out-before::before,
.icon-out_wh-before::before,
.icon-blank-before::before,
.icon-blank_wh-before::before {
	margin-left: -1.45em;
}

.icon-excel::after,
.icon-excel-before::before {
	background-image: url(../icon/file_excel.png) !important;
}

.icon-word::after,
.icon-word-before::before {
	background-image: url(../icon/file_word.png) !important;
}

.icon-out::after,
.icon-out-before::before {
	background-image: url(../icon/window_out.png) !important;
}

.icon-out_wh::after,
.icon-out_wh-before::before {
	background-image: url(../icon/window_out_wh.png) !important;
}


.icon-blank::after,
.icon-blank-before::before {
  background-image: url("/common/img/icon/window_out.png");
}

.icon-blank_wh::after,
.icon-blank_wh-before::before {
	background-image: url(../icon/window_blank_wh.png) !important;
}

.icon-warning::before,
.icon-warning-after::after {
	width: 2em;
	height: 2em;
	vertical-align: -0.6em;
	background-image: url(../icon/warning.png) !important;
}

.icon-danger::before,
.icon-danger-after::after {
	width: 2em;
	height: 2em;
	vertical-align: -0.6em;
	background-image: url(../icon/danger.png) !important;
}

.icon-search::before,
.icon-search-after::after {
	width: 1.1em !important;
	height: 1.1em !important;
	vertical-align: -0.6em;
	background-image: url(../icon/search_wh.png) !important;
}

.icon-tel::before {
	width: 1.2em;
	height: 1.2em;
	margin-right: 0.1em;
	vertical-align: -0.15em;
	background-image: url(../icon/telephone.png) !important;
}

.icon-freedial::before {
	margin-right: 0.1em;
	width: 1.8em;
	height: 1.8em;
	vertical-align: bottom;
	background-image: url(../icon/freedial.png) !important;
	background-size: contain;
}
*/
.icon-pdf .icn-pdf {
	display: inline-block;
	width: 25px;
	height: 15px;
	vertical-align: middle;
	margin-left: 4px;
}
.icon-blank .icn-external {
	display: inline-block;
	width: 16px;
	height: 14px;
	vertical-align: middle;
	margin-left: 4px;
}
.icon-blank .icn-external img,
.icon-pdf .icn-pdf img {
	width: 100%;
}