@charset "UTF-8";

/*--------------------------------------------------------------------------
  0.  ページ共通
/*------------------------------------------------------------------------*/

html {
  overflow-y: scroll;
  font-size: 62.5%;
  height: 100%;
}

/*
@font-face {
	font-family: 'MyYuGothicM';
	font-weight: normal;
	src: local('YuGothic-Medium'),
	local('YuGothic Medium'),
	local('YuGothic-Regular');
}
@font-face {
	font-family: 'MyYuGothicM';
	font-weight: bold;
	src: local('YuGothic-Bold'),
	local('Yu Gothic');
}
*/

body {
  background-color: #f1f1f1;
  line-height: 1;
  font-family: "Yu Gothic Medium", "\6E38\30B4\30B7\30C3\30AF   Medium", YuGothic, "\6E38\30B4\30B7\30C3\30AF\4F53", "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "\30E1\30A4\30EA\30AA", sans-serif;
  /*MyYuGothicM, /* Windows調整用 */
  /*YuGothic,    /* Mac用 */
  /*sans-serif;*/
  font-size: 1.0rem;
  color: #222;
  -webkit-text-size-adjust: 100%;
  height: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

a {
  display: block;
  background: transparent;
  margin: 0;
  padding: 0;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  color: #222;
}

a:hover,
a:active {
  text-decoration: none;
  color: #222;
}

img {
  vertical-align: bottom;
}

/*----- 汎用スタイル -----*/

.tar {
  text-align: right !important;
}

.tac {
  text-align: center !important;
}

.tal {
  text-align: left !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.nowrap {
  white-space: nowrap;
}