@charset "UTF-8";
/*基本文字色*/
/*リンク文字の色 2e3a9c 2a3297 2e3ca1 2d359c 193ca1*/
/*acky 緑色*/
/*acky 緑色 濃い*/
/*acky 緑色 すごく薄い*/
/*グレー 濃い*/
/*グレー 一番薄い f5f5f5*/
/*グレー 中間*/
/*グレー 薄い ebebeb efefef eeeeee f1f1f1*/
/*赤e8374c f61b35*/
/*薄い緑*/
/*コードの緑45b87a 019948*/
/*緑 newマーク*/
/*薄い赤*/
/*もっと薄い赤*/
/*ライン 濃いめ*/
/*ライン 薄め*/
/*グレーライン*/
/*上の余白　大きめ*/
/*上の余白　小さめ*/
/*上の余白　さらに小さめ*/
/*ページの幅*/
/*transitionの秒数*/
/*hoverで動く距離*/
/*header_static*/
/*tab*/
/*@mixin mq04 {
	@media (width < 800px) {
		@content;
	}
}*/
/*スマホ*/
/*iphone6s*/
/*
@mixin mqs02_1 {
	@media(max-width: 660px){
		@content;
	}
}
*/
/*iphone5*/
/*@mixin f-s($size) {
	font-size: $size + px;
	font-size: ($size / 10) * 1rem;
}



@mixin m-t($size) {
	margin-top: $size + px;
	margin-top: ($size / 10) * 1rem;
}
@mixin m-b($size) {
	margin-bottom: $size + px;
	margin-bottom: ($size / 10) * 1rem;
}
@mixin m-r($size) {
	margin-right: $size + px;
	margin-right: ($size / 10) * 1rem;
}
@mixin m-l($size) {
	margin-left: $size + px;
	margin-left: ($size / 10) * 1rem;
}

@mixin p-t($size) {
	padding-top: $size + px;
	padding-top: ($size / 10) * 1rem;
}
@mixin p-b($size) {
	padding-bottom: $size + px;
	padding-bottom: ($size / 10) * 1rem;
}
@mixin p-r($size) {
	padding-right: $size + px;
	padding-right: ($size / 10) * 1rem;
}
@mixin p-l($size) {
	padding-left: $size + px;
	padding-left: ($size / 10) * 1rem;
}*/
/* 矢印 変数=回転,右から％,色,幅（大きさ）,線の太さ */
/* チェックマーク */
/* ×マーク */
/* ファイルアイコン */
/* 動画矢印アイコン */
/* ＋アイコン */
/* ブランクアイコン */
/* 矢印 ポイント部分の囲み */
/* webfont */
/*
@font-face {
	font-family: Yu Gothic M;
	src: local("Yu Gothic Medium");
}
400がnormal
700がbold

	100 NotoSansJP-Thin.otf
	300 NotoSansJP-Light.otf
	350 NotoSansJP-DemiLight.otf 350指定はエラーなので300か400にする
	400 NotoSansJP-Regular.otf
	500 NotoSansJP-Medium.otf
			600 フォントがないときはboldになる
	700 NotoSansJP-Bold.otf
	900 NotoSansJP-Black.otf 
*/
@font-face {
  font-family: "NotoSansSubset";
  src: local("NotoSansCJKjp-DemiLight.otf"), local("NotoSansJP-DemiLight.otf"), url(/design/webfont/NotoSansCJKjp-DemiLight.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansSubset";
  src: local("NotoSansCJKjp-Medium.otf"), local("NotoSansJP-Medium.otf"), url(/design/webfont/NotoSansCJKjp-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansSubset";
  src: local("NotoSansCJKjp-Bold.otf"), local("NotoSansJP-Bold.otf"), url(/design/webfont/NotoSansCJKjp-Bold.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "YakuHanJPs";
  src: local("YakuHanJPs-DemiLight.otf"), local("NotoSansJP-DemiLight.otf"), url(/design/webfont/YakuHanJPs-DemiLight.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "YakuHanJPs";
  src: local("YakuHanJPs-Medium.otf"), local("NotoSansJP-Medium.otf"), url(/design/webfont/YakuHanJPs-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "YakuHanJPs";
  src: local("YakuHanJPs-Bold.otf"), local("NotoSansJP-Bold.otf"), url(/design/webfont/YakuHanJPs-Bold.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "YakuHanJP";
  src: local("YakuHanJP-DemiLight.otf"), local("NotoSansJP-DemiLight.otf"), url(/design/webfont/YakuHanJP-DemiLight.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "YakuHanJP";
  src: local("YakuHanJP-Medium.otf"), local("NotoSansJP-Medium.otf"), url(/design/webfont/YakuHanJP-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "YakuHanJP";
  src: local("YakuHanJP-Bold.otf"), local("NotoSansJP-Bold.otf"), url(/design/webfont/YakuHanJP-Bold.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@keyframes fade_in {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade_out {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade_out_opa {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade_in_opa {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.2;
  }
}
main .ul_word {
  margin-top: 8rem;
}
main .ul_word li {
  background: #f9f9f9;
  background-size: 5rem;
  padding: 3rem;
  position: relative;
}
main .ul_word li:after {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  background: url(/design/img/cmn/double_quart.svgz) no-repeat;
  background-size: 5rem;
  position: absolute;
  left: 1rem;
  top: 1rem;
  opacity: 0.2;
}
main .ul_word li + li {
  margin-top: 6rem;
}
main .ul_word li span {
  display: block;
  text-align: right;
  font-size: 1.2rem;
}
main .ul_word li.li_ins_ad {
  padding: inherit;
  background: none;
}
main .ul_word li.li_ins_ad:after {
  display: none;
}

@media (max-width: 1024px) {
  main .ul_word {
    margin-top: 4rem;
  }
  main .ul_word li + li {
    margin-top: 3rem;
  }
}/*# sourceMappingURL=style.css.map */