/* CSS Document */

html { font-size: 62.5%;}

body {
	/*font-family: 'Noto Sans JP', YuGothic, '游ゴシック','メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color: #333;
	font-size: 14px; font-size: 1.4rem;
	line-height: 1.8em;
  letter-spacing: 1px;
}

input, textarea {	font-family: 'Noto Sans JP', YuGothic, '游ゴシック','メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

/* for IE6 */
* html body { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
* html input, * html textarea {	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}


/* リンク
----------------------------------------------------*/
a {	color: #333; transition: all .4s;}
a:link { color: #333;}
a:visited {	color: #333;}
a:hover { color: #999; transition: all .4s;}
a:active { color: #999;}

a:hover .hvA {
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}
a:hover .hvB {
	position:relative;
	top:1px; left:1px;
}
a:hover .zoom{
  transform: scale(1.1);
}
a .zoom {
  transition: 3s cubic-bezier(0.23, 1, 0.32, 1);
}


/* 汎用
----------------------------------------------------*/

/* clerfix */
.clearfix {
	display: inline-table;
	min-height: 1%;
	overflow: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
section:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
}

.None {	display: none;}

.fl {	float: left;}
.fr {	float: right;}

.ac { text-align: center;}
.al	{ text-align: left;}
.ar	{ text-align: right;}

.mt10 {	margin-top: 10px;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt40 {	margin-top: 40px;}
.mt50 {	margin-top: 50px;}
.mt60 {	margin-top: 60px;}

.mb10 {	margin-bottom: 10px;}
.mb20 {	margin-bottom: 20px;}
.mb30 {	margin-bottom: 30px;}
.mb40 {	margin-bottom: 40px;}
.mb50 {	margin-bottom: 50px;}
.mb60 {	margin-bottom: 60px;}

.ml10 {	margin-left: 10px;}
.ml20 {	margin-left: 20px;}

.mr10 {	margin-right: 10px;}
.mr20 {	margin-right: 20px;}


.idt1 {
	text-indent: -1em;
	padding-left: 1em;
}
.idt2 {
	text-indent: -2em;
	padding-left: 2em;
}
.idt3 {
	text-indent: -3em;
	padding-left: 3em;
}

.red { color: #F00;}
.mk { background: linear-gradient(transparent 80%, #ffff66 20%);}


.iconPDF {
	background-image: url(../img/icon_pdf.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	background-position: left;
}

.tb {
	border: 1px solid #666;
	border-width: 0 1px 1px 1px;
	background-color:#F0F0F0;
}
.tb dt {
	padding: 2%;
	float: left;
	width: 24%;
	border-top: 1px solid #666;
}
.tb dd {
	padding: 2%;
	margin-left: 28%;
	border: 1px solid #666;
	border-width: 1px 0 0 1px;
	background-color:#FFF;
}

.triangle:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid #000;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.bdImg{
  border: 20px solid;
  border-image: url() 20 round;
  padding: 10px;
}
.mbm{
  mix-blend-mode: multiply;
}

.ofi{
  object-fit: cover;
  font-family: 'object-fit: cover;';
}


@media screen and (max-width: 1024px) {} /*タブレット縦*/
@media screen and (max-width: 896px) {} /*スマホ横*/
@media screen and (max-width: 480px) {} /*スマホ縦*/

.sp{ display: none;}
@media screen and (max-width: 480px) {
  .sp{ display: block;}
  .pc{ display: none;}
}