@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	min-width: 320px;
	height: 100%;
	font-size: 16px;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	color: #000;
	background: #fff;
}

.animation-target {
  -webkit-animation: animation 3000ms linear infinite both;
  animation: animation 3000ms linear infinite both;
}

/* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bl%3A1%2Cs%3A%5B%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A1000%2CD%3A0%2Cf%3A%7Bx%3A0%2Cy%3A0%7D%2Ct%3A%7Bx%3A0%2Cy%3A0%7D%2Cs%3A3%2Cb%3A4%7D%2C%7BT%3A%22c%22%2Ce%3A%22s%22%2Cd%3A1000%2CD%3A0%2Cf%3A%7Bx%3A1%2Cy%3A1%7D%2Ct%3A%7Bx%3A1%2Cy%3A1%7D%2Cs%3A3%2Cb%3A4%7D%2C%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A1000%2CD%3A0%2Cf%3A%7Bx%3A0%2Cy%3A0%7D%2Ct%3A%7Bx%3A0%2Cy%3A40%7D%2Cs%3A3%2Cb%3A4%7D%2C%7BT%3A%22t%22%2Ce%3A%22b%22%2Cd%3A3000%2CD%3A0%2Cf%3A%7Bx%3A0%2Cy%3A0%7D%2Ct%3A%7Bx%3A0%2Cy%3A-40%7D%2Cs%3A3%2Cb%3A20%7D%5D%7D */

@-webkit-keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  1.07% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.791, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.791, 0, 1); }
  1.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.207, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.207, 0, 1); }
  1.43% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.81, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.81, 0, 1); }
  2.14% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.322, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.322, 0, 1); }
  2.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7, 0, 1); }
  2.87% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -12.576, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -12.576, 0, 1); }
  3.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -17.471, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -17.471, 0, 1); }
  4.24% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.962, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.962, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.99, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.99, 0, 1); }
  4.6% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.703, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.703, 0, 1); }
  5.74% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -13.17, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -13.17, 0, 1); }
  5.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -11.652, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -11.652, 0, 1); }
  6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.678, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.678, 0, 1); }
  7.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.687, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.687, 0, 1); }
  8.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.447, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.447, 0, 1); }
  8.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.973, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.973, 0, 1); }
  9.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.232, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.232, 0, 1); }
  9.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.181, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.181, 0, 1); }
  10.48% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.214, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.214, 0, 1); }
  11.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.529, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.529, 0, 1); }
  13.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.888, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.888, 0, 1); }
  14.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.058, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.058, 0, 1); }
  18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.651, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.651, 0, 1); }
  19.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.792, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.792, 0, 1); }
  20.55% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.58, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.58, 0, 1); }
  24.12% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.083, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.083, 0, 1); }
  27.16% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.309, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.309, 0, 1); }
  27.99% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.901, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.901, 0, 1); }
  29.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.151, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.151, 0, 1); }
  33.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.598, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.598, 0, 1); }
  33.93% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.635, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.635, 0, 1); }
  38.74% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.351, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.351, 0, 1); }
  43.64% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.194, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.194, 0, 1); }
  48.55% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.107, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.107, 0, 1); }
  53.45% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.059, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.059, 0, 1); }
  58.26% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.033, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.033, 0, 1); }
  63.16% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.018, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.018, 0, 1); }
  68.07% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01, 0, 1); }
  72.97% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.005, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.005, 0, 1); }
  77.88% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.003, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.003, 0, 1); }
  82.68% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1); }
  87.59% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
  92.49% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1); }
  97.4% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  1.07% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.791, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.791, 0, 1); }
  1.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.207, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.207, 0, 1); }
  1.43% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.81, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.81, 0, 1); }
  2.14% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.322, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -5.322, 0, 1); }
  2.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7, 0, 1); }
  2.87% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -12.576, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -12.576, 0, 1); }
  3.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -17.471, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -17.471, 0, 1); }
  4.24% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.962, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.962, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.99, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.99, 0, 1); }
  4.6% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.703, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -19.703, 0, 1); }
  5.74% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -13.17, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -13.17, 0, 1); }
  5.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -11.652, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -11.652, 0, 1); }
  6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.678, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.678, 0, 1); }
  7.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.687, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.687, 0, 1); }
  8.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.447, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.447, 0, 1); }
  8.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.973, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.973, 0, 1); }
  9.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.232, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.232, 0, 1); }
  9.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.181, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 13.181, 0, 1); }
  10.48% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.214, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 10.214, 0, 1); }
  11.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.529, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.529, 0, 1); }
  13.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.888, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -4.888, 0, 1); }
  14.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.058, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.058, 0, 1); }
  18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.651, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.651, 0, 1); }
  19.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.792, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.792, 0, 1); }
  20.55% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.58, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.58, 0, 1); }
  24.12% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.083, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.083, 0, 1); }
  27.16% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.309, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.309, 0, 1); }
  27.99% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.901, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.901, 0, 1); }
  29.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.151, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.151, 0, 1); }
  33.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.598, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.598, 0, 1); }
  33.93% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.635, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.635, 0, 1); }
  38.74% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.351, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.351, 0, 1); }
  43.64% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.194, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.194, 0, 1); }
  48.55% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.107, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.107, 0, 1); }
  53.45% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.059, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.059, 0, 1); }
  58.26% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.033, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.033, 0, 1); }
  63.16% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.018, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.018, 0, 1); }
  68.07% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.01, 0, 1); }
  72.97% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.005, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.005, 0, 1); }
  77.88% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.003, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.003, 0, 1); }
  82.68% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1); }
  87.59% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
  92.49% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.001, 0, 1); }
  97.4% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}
img {
	border: none;
	vertical-align: bottom;
}
a {
	color:#09F;
	text-decoration: none;
}
a:hover {
	text-decoration:none;
}
table {
	border-collapse: collapse;
}
h1, h2, h3 {
	font-weight: normal;
	line-height: 1;
}
ul, li {
	list-style: none;
}
h2.pageTop {
	margin-top: 40px;
	font-size: 60px;
	font-family: 'freightdispLt';
	font-style: italic;
}
.clear {
	overflow: hidden;
}
.bold {
	font-weight: bold;
}
.dummy {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.point {
	color: #e4007f;
}
.newIcon {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}
/*　layout　*/
.wrap {
	margin: 0 auto;
	min-width: 320px;
	overflow: hidden;
}
header {
	padding: 30px 0 20px;
	color: #fff;
	background: #000;
}
footer {
	padding: 25px 0 ;
	color: #fff;
	background: #000;
}

.font_nomal {
	font-weight:normal;
	font-size:22px !important;
}
header h1 {
	margin: 0 auto 10px auto;
}
header p.info {
	color: #a0a0a0;
	font-size: 11px;
	line-height: 160%;
	letter-spacing: .5em;
	margin-bottom: 10px;
}
header nav, footer nav, .header_min nav {
	position: relative;
	overflow: hidden;
}
header ul.nav, footer ul.nav, .header_min ul.nav {
	float: left;
	position: relative;
	left: 50%;
}
header ul.nav li, footer ul.nav li, .header_min ul.nav li {
	float: left;
	padding: 0 10px;
	font-size: 18px;
	font-family: 'freightdispLt';
	font-style: italic;
	position: relative;
	left: -50%;
}
.header_min ul.nav li {
	font-size: 16px;
}
header ul.nav a, footer ul.nav a, .header_min ul.nav a {
	display: block;
	color: #fff;
}
.top {
	background-color:rgba(255,255,255,0.3);
	padding:5px 0;
	text-align:left;
	color:#000;
	border-bottom:0px solid #FFF;
	 position: fixed;
    z-index: 999;
     width:100%;
	 
}

.gr {
	padding:10px 0 10px 10%;
	text-align:left;
}

.logo {
	float:left;
	width:150px;
	padding:0px 0 0px 10px;
	margin-left:0px;
	
}

.logo2 {
	float:left;
	width:19%;
	padding:0px 0 0px 0;
	 margin: 5px 0 0 10px;
	font-size:12px;
	
	
	}
	
	.logo2 h1 {
		font-size:12px !important;
		font-weight:100 !important;
		text-align:left !important;
		padding:0;
		margin:3px 0 0 0; 
	}


.logo3 {
	float:none;
	width:100%;
	padding:5px 0 5px 0;
	margin-left:0px;
	font-size:12px;
	
	
	}
	
	.logo3 h1 {
		font-size:12px !important;
		font-weight:100 !important;
		text-align:left !important;
		padding:0;
		margin:3px 0 0 0; 
	}


.top_tel {
	float:right;
	width:35px;
	margin-top:0px;
	margin-right:0px;
	background-color:#7343a6;
	
}

.top_tel2 {
	float:right;
	width:35px;
	margin-top:4px;
	margin-right:10px;
	
	
}

.top_tel3 {
	float:right;
	width:35px;
	margin-top:4px;
	margin-right:10px;
	
	
}


.top_tel4 {
	float:right;
	width:100px;
	margin-top:4px;
	margin-right:10px;
	
	
}

.top_tel5 {
	float:right;
	width:35px;
	margin-top:4px;
	margin-right:10px;
	
	
}

.top_tel6_2 {
	float:right;
	width:100px;
	margin-top:2px;
	margin-right:10px;
	
	
}
.top_tel6 {
	float:right;
	width:180px;
	margin-top:2px;
	margin-right:10px;
	
	
}

.top_tel16 {
	float:right;
	width:210px;
	margin-top:2px;
	margin-right:10px;
	
	
}

.top_tel14 {
	float:right;
	width:140px;
	margin-top:4px;
	margin-right:10px;
	
	
}

.low2 {
	width:100%;
	text-align:center;
	background-color:#fff;
	padding-bottom:40px;
}

.low2_title {
	color:#000;
	font-size:24px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:20px 0;
}


.low img {
	max-width:360px;
}

.low2 img {
	max-width:360px;
}

.low_text {
	font-size:16px;
	width:50%;
	float:right;
	text-align:left;
	padding:40px 5% 40px 5%;
	color:#666;
}


.low_text_left {
	font-size:16px;
	width:50%;
	float:left;
	text-align:left;
	padding:0px 0% 0px 0%;
	color:#666;
}

.low_text_left2 {
	font-size:16px;
	width:50%;
	float:left;
	text-align:left;
	padding:40px 5% 40px 5%;
	color:#666;
}

.low_text_left4 {
	font-size:16px;
	width:100%;
	float:none;
	text-align:center !important;
	padding:40px 5% 40px 5%;
	color:#666;
}


.low_text3 {
	font-size:16px;
	width:80%;
	float:none;
	text-align:left;
	padding:40px 5% 40px ;
	color:#666;
	margin:auto;
}

.low_text_left img {
	width:100%;
}
.titile {
	font-size:18px;
	text-align:left;
	font-weight:800;
}

.low_logo {
	width:100%;
	margin:auto;
	text-align:center;
	padding:40px 0 0 0;
}

.low_logo img {
	max-width:250px;
}



.low_page {
	width:100%;
	margin:auto;
	text-align:center;
	padding:40px 0 0 0;
}
.recruit {
	width:100%;
	padding:40px 0;
	background-color:#FFF;
	color:#666;
	border-top:1px solid #d6e9ff;
}
.recruit_text_inner {
	width:70%;
	margin:auto;
}

.titile2 {
	font-size:28px;
	text-align:center;
	font-weight:800;
	border-bottom:1px solid #d6e9ff;
	padding-bottom:20px;
	
}

.titile3 {
	font-size:28px;
	text-align:center;
	font-weight:800;
	width:100%;
	text-align:center;
	color:#666;
	padding-top:20px;
}
.recruit img {
	width:90%;
	margin:auto;
	padding:20px 0 0 0;
	max-width:1024px;
}
.sub {
	font-size:16px;
	font-weight:200;
}
.button25 {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  margin:1% 1%;
  font-weight:200;
  font-size:16px;
}


.button25::before,
.button25::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button25,
.button25::before,
.button25::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button25 {
  position: relative;
  z-index: 2;
  background-color: #0066b5;
  border: 2px solid #0066b5;
  color: #fff;
  line-height: 50px;
}
.button25:hover {
  background-color: #fff;
  border-color: #0066b5;
  color: #0066b5;
}
.button25::before,
.button25::after {
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #0066b5;
}
.button25::before {
  top: 0;
}
.button25::after {
  bottom: 0;
}
.button25:hover::before,
.button25:hover::after {
  height: 0;
  background-color: #59b1eb;
}

.button25.button_blog { margin: 20px 0; }










.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  margin:1% 1%;
  font-weight:200;
  font-size:16px;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button {
  position: relative;
  z-index: 2;
  background-color: #0066b5;
  border: 2px solid #0066b5;
  color: #fff;
  line-height: 50px;
}
.button:hover {
  background-color: #fff;
  border-color: #0066b5;
  color: #0066b5;
}
.button::before,
.button::after {
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #0066b5;
}
.button::before {
  top: 0;
}
.button::after {
  bottom: 0;
}
.button:hover::before,
.button:hover::after {
  height: 0;
  background-color: #59b1eb;
}

.button.button_blog { margin: 20px 0; }










.footer2 {
	background-color:#fff;
	color:#000;
	padding:20px 0 20px 0;
}

.com {
	padding:30px 0;
	
}

.bold2 {
	font-size:18px;
	font-weight:700;
}

.sp_only {
	display:none;
}

.pc_only {
	display:block;
}

.button_area {
	text-align:center;
	width:100%;
	padding-bottom:40px;
}

.low_text4 {
	font-size:18px;
	width:50%;
	float:right;
	text-align:left;
	padding:0px 0% 0px 0%;
	color:#666;
}

.low_text4 img {
	width:100%;
	padding:0;
	margin:0;
}


.low_text5 {
	font-size:16px;
	width:50%;
	float:right;
	text-align:center;
	padding:0px 0% 0px 0%;
	color:#666;
}

.low_text5 img {
	width:320px;
	margin:30px auto 0 auto;
}
.blue {
	color:#09F;
}

.red {
	color:#F30;
}

.green {
	color:#093;
}

.text_1 {
	padding:5px 10px;
	
	
	margin:40px auto 0 auto;
	width:80%;
	text-align:center;
}

.low_logo {
	text-align:center;
	padding:40px 0 40px 0;
	border-bottom:1px solid #d6e9ff;
}

.low_logo_titile {
	font-size:26px;
	text-align:center;
	font-weight:800;
	color:#333;
}

.low_logo_titile.title_feature { margin-top: 50px; }

.low_logo_titile img {
	max-width:250px;
}

.low_logo_titile2 {
	font-size:26px;
	text-align:center;
	font-weight:800;
	color:#333;
}

.low_logo_titile2 img {
	max-width:350px;
}


.low_logo_titile3 {
	font-size:26px;
	text-align:center;
	font-weight:800;
	color:#333;
}

.low_logo_titile3 img {
	max-width:320px;
}
.low_logo p {
	font-size:14px;
	padding:10px 0;
	color:#333;
}
.low_page p {
	font-size:14px;
	padding:10px 0;
	color:#333;
}
.logo_sp {
	float:left;
	width:150px;
	padding:0px 0 0px 0;
	margin-left:0px;
	display:none;
}

.arrow3 {
	margin:-60px 0 0 0;
	z-index:100;
	position:absolute;
	text-align:center;
	width:100%;
}
.icon_box {
	position:absolute;
	top: 0;
    left: 0;
}
.castlist_newface {
	float:left;
	width: 60px;
	height:60px;
    margin: 10px 2px;
    padding: 0px 0;
    font-size: 12px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF !important;
    border-radius: 100px;
    -webkit-border-radius: 100px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 100px;/* for Firefox 対応*/
	opacity:0.8;
	line-height:0px;
}

.castlist_newface.otsto-list { line-height: 40px; }

@media screen and (max-width : 767px) {
.castlist_newface {
	width: 50px;
	height:50px;
    margin: 10px 2px;
    padding: 15px 0;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF !important;
    border-radius: 100px;
    -webkit-border-radius: 100px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 100px;/* for Firefox 対応*/
	opacity:0.8;
	line-height:30px;
}
.castlist_newface { font-size: 10px !important; }
	.castlist_newface.otsto-list { line-height: 30px !important; }
}

.castlist_newface.shoshin {background:#5be6a1;}
.castlist_newface.saikin {}
.castlist_newface.kosyu {background:#039e51;}



}


.castlist_newface2 {
	float:left;
	width: 60px;
	height:60px;
    margin: 10px 2px;
    padding: 15px 0;
    font-size: 12px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #FFFFFF !important;
    background:#F39;
    border-radius: 100px;
    -webkit-border-radius: 100px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 100px;/* for Firefox 対応*/
	opacity:0.8;
	line-height:40px;
}


@media only screen and (max-width: 768px) {
	.button {
		display: inline-block;
		width: 80% !important;
		height: 60px;
		text-align: center;
		text-decoration: none;
		line-height: 60px;
		outline: none;
		margin:1% 1%;
		font-weight:200;
		font-size:16px;
	  }
}


@media only screen and (max-width: 1023px) {
	

	.text_1 {
	padding:5px 10px;
	
	margin:40px auto 0 auto;
	width:50%;
	text-align:center;
}
	
	.low_logo img {
	max-width:460px;
}
.sp_only {
	display:block;
}

.pc_only {
	display:none;
}

.low_text {
	font-size:18px;
	width:80%;
	margin:auto;
	text-align:left;
	padding:40px 0;
	color:#666;
}


.top_text {
	position:absolute;
	right:0%;
	top:10%;
	margin:auto;
	text-align:center;
	width:60%;
}
.low_text {
	font-size:14px;
	width:95%;
	float:none;
	text-align:left;
	padding:40px 5% 40px 0;
	color:#666;
}


.low_text_left {
	font-size:14px;
	width:100%;
	float:none;
	text-align: center;
	padding:0px 0% 10px 0%;
	color:#666;
}


.low_text_left img {
	width:100%;
	padding:0;
	margin:0;
}
.low_text3 {
	font-size:14px;
	width:95%;
	float:none;
	text-align:left;
	padding:40px 2.5% 40px ;
	color:#666;
	margin:auto;
}

.low img {
	max-width:48%;
	float:left;
	margin:0 1%;
}


.low_text_left {
	width:100%:
}

.low_text {
	width:100%;
	padding:10px 5%;
}
.form {
  max-width: 100%;
}

.titile {
	font-size:24px;
	text-align:center;
	font-weight:800;
}
.button {
  display: inline-block;
  width: 80%;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  margin:1% 1%;
  font-weight:200;
  font-size:16px;
}
.line {
	width:100%;
	text-align:center;
}

.line img {
	width:320px;
}
.top_tel {
	float:right;
	width:30px;
	margin-top:0px;
	margin-right:0px;
	background-color:#7343a6;
}

.top_tel2 {
	float:right;
	width:30px;
	margin-top:4px;
	margin-right:20px;
	
}

.top_tel3 {
	float:right;
	width:30px;
	margin-top:4px;
	margin-right:20px;
	
}
.top_tel4 {
	float:right;
	width:83px;
	margin-top:10px;
	margin-right:5px;
	
}

.top_tel5 {
	float:right;
	width:30px;
	margin-top:4px;
	margin-right:20px;
	
}
}


@media only screen and (max-width: 880px) {
.top {
	background-color:rgba(255,255,255,0.3);
	padding:0px 0;
	text-align:left;
	color:#000;
	border-bottom:0px solid #FFF;
	 position: fixed;
  z-index: 999;
  width:100%;
}



.logo {
	float:left;
	width:150px;
	padding:0px 0 0px 0;
	margin-left:0px;
	display:none;
}

.logo_sp {
	float:left;
	width:40%;
	padding:0px 0 10px 2%;
	margin-left:0px;
	display:block;
}


.logo2 {
	float:none;
	width:100%;
	padding:5px 0 10px 0;
	margin-left:0px;
	text-align:center;
	}
 .logo2 h1 {
		font-size:12px !important;
		font-weight:100 !important;
		text-align:center !important;
		margin-bottom:3px;
	}

.top_tel {
	float:right;
	width:30px;
	margin-top:0px;
	margin-right:0px;
	background-color:#7343a6;
}

.top_tel2 {
	float:right;
	width:30px;
	margin-top:4px;
	margin-right:5px;
	
}

.top_tel3 {
	float:right;
	width:30px;
	margin-top:4px;
	margin-right:20px;
	
}
.top_tel4 {
	float:right;
	width:80px;
	margin-top:0px;
	margin-right:10px;
	
}

.top_tel5 {
	float:right;
	width:30px;
	margin-top:4px;
	margin-right:10px;
	
}

.low_title {
	font-size:14px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:05px 0 5px 10px !important;
	font-weight:800;
	border-bottom:0px solid #CCC;
}

.low_title2 {
	font-size:14px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:05px 0 5px 10px !important;
	font-weight:800;
	border-bottom:0px solid #CCC;
}

.low_banner1 {
	width:32.333% !important;
	float:left;
	margin:0 0.5%;
}



.low_logo_titile2 img {
	max-width:280px;
}
}

@media only screen and (max-width: 1023px) {
.top_tel_rec {
	float:right;
	width:40px;
	margin-top:0px;
		margin-right: 10px;
	
	
}
}

@media only screen and (max-width: 768px) {

.low_inner1 {
	width:100% !important;
	margin:auto;
	font-size:14px;
	float:left;
	background-color:#ececec;
	padding:20px 0;
	min-height:100%;
}

.low_inner2 {
	width:100% !important;
	margin:auto;
	font-size:14px;
	float:left;
	background-color:#f9f9f9;
	padding:20px 0;
	min-height:100%;
}

.low_title {
	font-size:18px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:0px 0 5px 0px;
	font-weight:800;
	margin:0 0 0 0% !important;
}


.low_inner1 a {
	color:#0066b5;
	margin:0 0 0 2% !important;
}


.low_inner2 a {
	color:#0066b5;
	margin:0 0 0 2% !important;
}

.modal {
	position: relative;
	display:none;
	z-index:9999;
	top:-550px !important;
	
}
.modal .pr_box {
	width:98% !important;
	height:auto;
	margin:auto;
	box-shadow:0px 0px 12px rgba(0,0,0,0.4);
	padding:40px;
	background:rgba(255,255,255,0.6);
	font-size:12px !important;

}

.modal .pr_box p {
	padding:0 0 20px 0;
	color:#000;
	font-size:12px !important;
	
}

.close_modal{
	display: block;
	width: 100% !important;
	line-height:50px;
	display: inline-table;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	color: #fff;
	border: 2px solid #018ad1;
	background: #018ad1;
	*display: inline;
	*zoom: 1;
	margin:auto !important;
	text-align:center !important;
}

.close_modal_no{
	display: block;
	width: 100% !important;
	line-height:50px;
	display: inline-table;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	color: #fff;
	border: 2px solid #C00;
	background:#C00;
	*display: inline;
	*zoom: 1;
	margin:auto !important;
	text-align:center !important;
}

.disclaimer_inner p {
	text-align:left !important;
}



.close_modal_other{
	display: block;
	width: 100% !important;
	line-height:50px;
	display: inline-table;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	color: #fff;
	border: 2px solid #C00;
	background:#C00;
	*display: inline;
	*zoom: 1;
	margin:auto !important;
	text-align:center !important;
}

.top_tel {
	float:right;
	width:35px;
	margin-top:0px;
	margin-right:0px;
	background-color:#7343a6;
}

.top_tel2 {
	float:right;
	width:35px;
	margin-top:4px;
	margin-right:5px;
	
}
	
	.top_tel_rec {
	float:right;
	width:40px;
	margin-top:0px;
		margin-right: 10px;
	
	
}

.top_tel3 {
	float:right;
	width:35px;
	margin-top:4px;
	margin-right:20px;
	
}
.top_tel4 {
	float:right;
	width:93px;
	margin-top:0px;
	margin-right:10px;
	
}

.top_tel5 {
	float:right;
	width:35px;
	margin-top:4px;
	margin-right:10px;
	
}


}


@media only screen and (max-width: 320px) {
	
	.modal {
	position: relative;
	display:none;
	z-index:9999;
	top:-600px !important;
	
}
.modal .pr_box {
	width:98% !important;
	height:auto;
	margin:auto;
	box-shadow:0px 0px 12px rgba(0,0,0,0.4);
	padding:40px;
	background:rgba(255,255,255,0.6);
	font-size:12px !important;

}

.modal .pr_box p {
	padding:0 0 20px 0;
	color:#000;
	font-size:12px !important;
	
}
.top_tel {
	float:right;
	width:30px;
	margin-top:0px;
	margin-right:0px;
	background-color:#7343a6;
}

.top_tel2 {
	float:right;
	width:30px;
	margin-top:4px;
	margin-right:5px;
	
}

.top_tel3 {
	float:right;
	width:30px;
	margin-top:4px;
	margin-right:20px;
	
}
.top_tel4 {
	float:right;
	width:80px;
	margin-top:0px;
	margin-right:10px;
	
}

.top_tel5 {
	float:right;
	width:30px;
	margin-top:4px;
	margin-right:10px;
	
}


	
	
}


@media only screen and (max-width: 1023px) {
	


.low_header {
	padding:110px 0 0 0;
}
	
	


.select img {
	width:80px !important;
}
}

@media only screen and (max-width: 374px) {

.logo2 {
	float:none;
	width:100%;
	padding:5px 0 10px 0;
	margin-left:0px;
	text-align:center;
	font-size:10px;
	}

}

@media only screen and (max-width: 414px) {
	
	.logo {
	float:none;
	width:100%;
	padding:10px 0;
	margin-left:0px;
	display:none;
}


	
	.titile {
	font-size:24px;
	text-align:center;
	font-weight:800;
}
.select img {
	width:80px !important;
}

.low_title {
	font-size:12px !important;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:05px 0 5px 10px !important;
	font-weight:800;
	border-bottom:0px solid #CCC;
}

.low_title2 {
	font-size:12px !important;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:05px 0 5px 10px !important;
	font-weight:800;
	border-bottom:0px solid #CCC;
}
}


.container {
  position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;
}
.container:before, .container:after {
  content: "";
  display: block;
  clear: both;
}
.container .info {
  margin: 50px auto;
  text-align: center;
}
.container .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 36px;
  font-weight: 300;
  color: #1a1a1a;
}
.container .info span {
  color: #4d4d4d;
  font-size: 12px;
}
.container .info span a {
  color: #000000;
  text-decoration: none;
}
.container .info span .fa {
  color: #EF3B3A;
}
.card {
	font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #0066b5;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 18px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  margin:1px 0;
}

.card:hover + .fukidashi {
  background: #3f8ac3;
  display: block;
}
.message3 {
    position: relative;
	font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  width: 100%;
  border: 0;
  padding: 12px 15px;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  margin:1px 0;
  text-align:left;
  width:50%;
  float:left;
  border-bottom: 1px solid #666;
  
}
.message_login {
    position: relative;
	font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  width: 100%;
  border: 0;
  padding: 12px 15px;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  margin:0px 0;
  text-align:left;
  width:50%;
  float:left;
  border-bottom: 1px solid #666;
  background-color:#3b4977;
  font-size:14px;
  font-weight:700;
  color:#fff;
  
}
.message3 a {
	color:#333;
	text-decoration:none;
}
.message3:hover {
	text-decoration:none;
    background-color: #CFF;
}
.message3 a { padding-left: 28px; }
#menu-top a { background: url(../img/menu-icon_top.png) no-repeat; background-position-y: -4px; }
#menu-standby a { background: url(../img/menu-icon_standby.png) no-repeat; background-position-y: -4px; }
#menu-guide a { background: url(../img/menu-icon_guide.png) no-repeat; background-position-y: -3px; }
#menu-blog a { background: url(../img/menu-icon_blog.png) no-repeat; background-position-y: -2px; }
#menu-voice a { background: url(../img/menu-icon_voice.png) no-repeat; background-position-y: -2px; }
#menu-movie a { background: url(../img/menu-icon_movie.png) no-repeat; background-position-y: -4px; }
#menu-mypage a { background: url(../img/menu-icon_mypage.png) no-repeat; background-position-y: -3px; }
#menu-form a { background: url(../img/menu-icon_form.png) no-repeat; background-position-y: -2px; background-size: 20px 20px;  }
#menu-ban a { background: url(../img/menu-icon_ban.png) no-repeat; background-position-y: 1px; background-size: 18px 18px; }
#menu-sche a { background: url(../img/menu-icon_sche.png) no-repeat; background-position-y: -4px; }
#menu-tel a { background: url(../img/menu-icon_tel.png) no-repeat; background-position-y: -4px; }
#menu-chat a { background: url(../img/menu-icon_chat.png) no-repeat; background-position-y: -3px; }
#menu-member a { background: url(../img/member_info.png) no-repeat; background-position-y: -4px; }
#menu-logout a { background: url(../img/menu-icon_logout.png) no-repeat; background-position-y: -2px; background-size: 20px 20px; }
#menu-login a { background: url(../img/menu-icon_login.png) no-repeat; background-position-y: -2px; background-size: 20px 20px; }
#menu-kaizen a { background: url(../img/menu-icon_kaizen.png) no-repeat; background-position-y: -2px; background-size: 20px 20px; }

@media screen and (min-width: 1024px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}


.low {
	width:100%;
	text-align:left;
	background-color:#fff;
	padding-bottom:0px;
	padding-top:40px;
	border-bottom:1px solid #d6e9ff;
/*	border-top:1px solid #d6e9ff; */
	color:#575757;
}


.low_inner1 {
	width:33.333%;
	margin:auto;
	font-size:14px;
	float:left;
	background-color:#FFC0C1;
	padding:20px 0;
	min-height:100%;
}

.low_inner2 {
	width:33.333%;
	margin:auto;
	font-size:14px;
	float:left;
	background-color:#FFDADB;
	padding:20px 0;
	min-height:100%;
}

.low_title {
	font-size:18px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:0px 0 5px 0px;
	font-weight:800;
	margin:0 0 0 5%;
}

.low_title2 {
	font-size:18px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:0px 0 5px 0px;
	font-weight:800;
	margin:auto;
}




.low_inner1 a {
	color:#575757;
	margin:0 0 0 5%;
	padding:0 0 5px 0;
}

.low_inner1 a:hover {
	text-decoration:underline;
	opacity:0.7;
}

.low_inner2 a {
	color:#575757;
	margin:0 0 0 5%;
	padding:0 0 5px 0;
}

.low_inner2 a:hover {
	text-decoration:underline;
	opacity:0.7;
}




.low div a {
	font-size:12px;
	color:#575757;
	padding:0 0 5px 0;
}

.icon {
	color:#D43B3D;
}


@media only screen and (max-width: 1000px) {

.low {
	width:100%;
	text-align:left !important;
	background-color:#fff;
	padding-bottom:0px;
	border-bottom:1px solid #d6e9ff;
/*	border-top:1px solid #d6e9ff; */
}


.low_inner {
	width:100% !important;
	margin:auto;
	font-size:14px;
}

.low_title {
	font-size:16px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:05px 0 5px 10px !important;
	font-weight:800;
	border-bottom:0px solid #CCC;
}


.movie{
  position:relative;
  width:100% !important;
  padding-top:56.25%;
  margin:auto;
}


}

.low_banner {
	background-color:#394774;
	width:100%;
}

.low_banner1 {
	width:24%;
	float:left;
	margin:0 0.5%;
}

.low_banner1 img:hover {
	opacity:0.7;
	transition-duration:0.5s;
}



.low_banner ul li a:hover {
	background-color:#06F;
	width:100%;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;
}
#page-top {
    position: fixed;
    bottom: 80px;
    right: 0px;
    font-size: 10px;
	z-index:9999;
}
#page-top a {
    background: none;
    text-decoration: none;
    color: #fff;
    width: 35px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: none;
}



#photo {
	text-align: center;
}
#photo li {
	display: inline-block;
	margin: 0 5px;
}
#photo a {
	color:#000;
	text-decoration: none;
	font-size:12px;
}

#tooltip {
	display: none;
	position: absolute;
	border: 1px solid #ccc;
	background: #ffffff;
	padding: 6px;
	z-index:9999;
}
#tooltip .caption {
	display: block;
	padding-top: 5px;
	text-align: center;
}


.movie{
  position:relative;
  width:95%;
  padding-top:56.25%;
  margin:auto;
}
.movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
  margin:20px auto;
}
.modal {
	position: relative;
	display:none;
	z-index:9999;
	top:-700px;
}
.modal .pr_box {
	width:400px;
	height:auto;
	margin:auto;
	box-shadow:0px 0px 12px rgba(0,0,0,0.4);
	padding:40px;
	background:rgba(255,255,255,0.7);
	font-size:14px;
}

.modal .pr_box p {
	padding:0 0 20px 0;
	color:#000;
	font-size:14px;
	
}

.disclaimer_inner p {
	text-align:left !important;
}

.pr_box img:hover {
	filter: alpha(opacity=50);
	-webkit-opacity:0.50;
	-moz-opacity:0.50;
	-ms-opacity:0.50;
	-o-opacity:0.50;
	opacity:0.50;
}
.close_modal{
	display: block;
	width: 150px;
	line-height:20px;
	display: inline-table;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	color: #fff;
	border: 2px solid #018ad1;
	background: #018ad1;
	*display: inline;
	*zoom: 1;
	float:left;
	padding:5px 0;
	border-radius:50px;
}
.close_modal:hover {
	text-decoration: none;
	display: inline-table;
	color: #018ad1;
	border: 2px solid #018ad1;
	background: #fff;
}
.close_modal_no{
	display: block;
	width: 150px;
	line-height:20px;
	display: inline-table;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	color: #fff;
	border: 2px solid #F09;
	background:#F09;
	*display: inline;
	*zoom: 1;
	float:right;
	padding:5px 0;
	border-radius:50px;
}
.close_modal_no:hover {
	text-decoration: none;
	display: inline-table;
	color: #F09;
	border: 2px solid #F09;
	background: #fff;
}
.close_modal_other{
	display: block;
	width: 100%;
	line-height:20px;
	display: inline-table;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	color: #fff;
	border: 2px solid #C00;
	background:#C00;
	*display: inline;
	*zoom: 1;
	padding:5px 0;
	border-radius:50px;

}
.close_modal_other:hover {
	text-decoration: none;
	display: inline-table;
	color: #C00;
	border: 2px solid #C00;
	background: #fff;
}


@media only screen and (max-width: 670px) {


.message3 {
    position: relative;
	font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  width: 100%;
  border: 0;
  padding: 12px 5px;
  font-size: 16px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  margin:1px 0;
  text-align:left;
  width:50%;
  float:left;
    border-bottom: 1px solid #666;
}

.youtube {
  position: relative;
  width: 100% !important;
  padding-top: 56.25% !important;
  float:none !important;
}

.blog_box {
	width:50% !important;
	padding:0% 0% 1% 0%;
	float:left;
}
.blog_box img {
	width:100%;
	height:150px !important;
	object-fit: cover;
	overflow:hidden;
	padding:10px 0 5px 0;
}


}

/* ブログ */
.blog {
	width:100% !important;
	padding:15px 0;
	text-align:left;
	background-color:#F99698;
	color:#FFF;
}

.blog_box a {
	color:#FFF;
	font-size:16px !important;
}

.blog_box {
	width:20%;
	padding:0% 1% 1% 1%;
	float:left;
}

.blog_box:hover {
	background-color:#39C;
}

.blog_box img {
	width:100%;
	height:200px;
	object-fit: cover;
	overflow:hidden;
	padding:10px 0 5px 0;
}

.blog_data {
	font-size:12px;
}

.blog_title {
	font-size:16px !important;
	padding:10px 0 !important;
	overflow: hidden;

white-space: nowrap;
text-overflow: ellipsis;
-moz-text-overflow:ellipsis; /* Firefox */
-o-text-overflow: ellipsis; /* Opera */

}

.blog_text {
	width:100%;
	display:block;
	font-size:12px !important;
	padding:0 0 10px 0;
	min-height:110px;
	
}

.movie_box {
	width:50%;
	float:left;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.movie_data {
	font-size:10px;
	color:#999;
	padding:10px 0 0 0;
}

.movie_name {
	font-size:14px;
    color:#999;
	padding:0px 0 10px 0;
}

.movie_name a {
	font-size:14px;
    color:#999;
}


.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.youtube_box {
	padding:10px 0 10px 0;
	background-color:#eee;
	margin-bottom:10px;
}
.youtube {
  position: relative;
  width: 50%;
  padding-top: 28.12%;
  float:left;
  
}
.youtube img {
  cursor: pointer;
  cursor: hand;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.youtube p {
	font-size:14px;
	padding:5px 0 25px 0;
	color:#666;
}
.player {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
	  
    }
.thumb {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
    }



@media only screen and (min-width: 769px) {
	.syamepc_only {
		display:block;
	}
	
	.syamepad_only {
		display:none;
	}
	
	.syamesp_only {
		display:none;
	}
	

}

@media only screen and (max-width: 768px) {
	.syamepc_only {
		display:none;
	}
	
	.syamepad_only {
		display:block;
	}
	
	.syamesp_only {
		display:none;
	}
	
	.low_header {
	padding:90px 0 0 0 !important;
}

.movie_box {
	width:100%;
	float:none;
	margin-bottom:20px;
} 
	
}


@media only screen and (max-width: 670px) {
.blog_contents { overflow: hidden; }
.blog_contents .entry iframe { width: 100%; }
}
.blog_contents .entry { font-size: 15px !important; }
.blog_contents .entry .timelineMessage__message { font-size: 15px !important; background: #fff !important; }
.blog_contents .entry .timelineMessage__message span,
.blog_contents .entry .timelineMessage__message a { font-size: 15px !important; font-family: -apple-system, BlinkMacSystemFont, ".SFNSDisplay-Regular", "Segoe UI", "Helvetica Neue", "Hiragino Sans", ヒラギノ角ゴシック, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; }
.blog_contents .entry .timelineMessage__message a { color: #09F !important; }
.blog_left .post_list,
.blog_left2 .post_list { font-size: 14px !important; }


@media only screen and (max-width: 414px) {
	
	.syamepc_only {
		display:none;
	}
	
	.syamepad_only {
		display:none;
	}
	
	.syamesp_only {
		display:block;
	}
	

}






#main-gallery{
  margin-bottom:0px;
  background:#fff;
  width:90%;
  margin:auto;
  max-width:960px;
}
 
#main-gallery .gallery-cell {
  width: 25%;
  margin-right: 5px;
	margin-bottom: 20px!important;
  background: #fff;
  counter-increment: gallery-cell;
  position: relative;/*相対配置*/
	
}

#main-gallery .gallery-cell:hover {
	cursor:pointer;
}

#main-gallery .gallery-cell .icon_box img {
	width: 60px;
	height: 60px;
	height: auto;
	overflow:hidden;
	object-fit:cover !important;
}


#main-gallery .gallery-cell  a img {
	width:100%;
	height: auto;
	max-width: 350px;
	margin: 0 0 0px 0;

}

#main-gallery .gallery-cell span {
	

  margin:0;
  padding:0;
  font-size:14px;
  width:100%;
  color:#333;
}
.time_comment {text-align: left; font-size: 12px !important; }
.time_comment2 {text-align: center; font-size: 12px !important; display: block; min-height: 30px; padding: 5px 0 0 0;}
.middle {display:block;}
@media only screen and (max-width: 414px) {
	
	.middle {display:none !important;}
}


@media only screen and (max-width: 414px) {
.time_comment {text-align: center; font-size: 12px !important; min-height: 18px; padding: 5px 0 0 0; max-width: 180px ; margin: auto; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; display: block; }
.time_comment2 {text-align: center; font-size: 12px !important; display: block; min-height: 24px; padding: 5px 0 0 0; max-width: 180px ; margin: auto; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
}


.s_time {text-align: center;}

@media only screen and (max-width: 768px) {
	
	#main-gallery .gallery-cell {
  width: 49% !important;
		margin: 0 0.5% 30px 0.5% !important;
 
}

#main-gallery .gallery-cell:hover {
	cursor:pointer;
}


	
}



@media only screen and (max-width: 414px) {
	
	#main-gallery .gallery-cell {
  width: 60%;
 
}

#main-gallery .gallery-cell:hover {
	cursor:pointer;
	
}
	
	
	
	

	
	
	


.close_top {
	padding:5px 10px;
	background-color:#06F;
	color:#FFF;
	width:90% !important;
	margin:auto;
	text-align:center;
}

}

.close_top {
	padding:5px 10px;
	background-color:#F30;
	color:#FFF;
	width:50%;
	margin:auto;
	text-align:center;
}

/* ライブフォト */
.img-live { width: 75px; height: center; position: absolute; bottom: 8px; left: 5px; height: 100px; border-radius: 8px; overflow: hidden; }
.icon-live { width: 100%; text-align: left; position: absolute; bottom: 10px; left: 12px; }
.icon-live img { width: 60px; }

@media only screen and (max-width: 670px) {
.img-live { width: 60px; height: 80px; bottom: 5px; left: 5px; }
.icon-live { bottom: 7px; left: 7px; }
.icon-live img { width: 30%; }
}


.serviceList_box {
	width:50%;
	float:left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#main dl.serviceList {
	margin: 0 0 20px;
	max-width:980px;
	margin:auto;
	padding-bottom:30px;
}



#main dl.serviceList dt {
	position: relative;
	width: 98%;
	margin:0 auto 2px auto;
	padding-top: 15px;
	padding-left: 0px;
	font-weight: bold;
	border-top: 1px dotted #ACACAC;
	text-align:left;
}
 
#main dl.serviceList dt.firstChild,
#main dl.serviceList dt:first-child {
	border-top: 0;
	padding-top: 0;
}
 
#main dl.serviceList dt a {
	padding-left: 0px;
	background: url(../img/item/mark_01.gif) no-repeat left center;
}
 
#main dl.serviceList dt img {
	float:left;
	padding: 2px 2px 2px 2px;
	border: 1px solid #EEE;
	margin-right:10px;
	width:160px;
	height:160px;
	object-fit: cover;
}
 
#main dl.serviceList dt.firstChild img,
#main dl.serviceList dt:first-child img {
	top: 0;
}
 
#main dl.serviceList dd {
	margin-bottom: 15px;
	padding-left: 80px;
	height: 50px;
	text-align:left;
	font-size:14px !important;
}
 
#main dl.serviceList > dd {
	min-height: 50px;
	height: auto;
}





@media only screen and (max-width: 768px) {


.serviceList_box {
	width:100% !important;
	float:none !important;
	margin-bottom:10px !important;
}


#main dl.serviceList {
	margin: 0 0 20px;
	max-width:980px;
	margin:auto;
}



#main dl.serviceList dt {
	position: relative;
	width: 98%;
	margin:0 auto 2px auto;
	padding-top: 15px;
	padding-left: 0px;
	font-weight: bold;
	border-top: 1px dotted #ACACAC;
	text-align:left;
}
 
#main dl.serviceList dt.firstChild,
#main dl.serviceList dt:first-child {
	border-top: 0;
	padding-top: 0;
}
 
#main dl.serviceList dt a {
	padding-left: 0px;
	background: url(../img/item/mark_01.gif) no-repeat left center;
}
 
#main dl.serviceList dt img {
	float:left;
	padding: 2px 2px 2px 2px;
	border: 1px solid #EEE;
	margin-right:10px;
	width:160px;
	height:160px;
	object-fit: cover;
}
 
#main dl.serviceList dt.firstChild img,
#main dl.serviceList dt:first-child img {
	top: 0;
}
 
#main dl.serviceList dd {
	margin-bottom: 15px;
	padding-left: 80px;
	height: 50px;
	text-align:left;
	font-size:14px !important;
	
}
 
#main dl.serviceList > dd {
	min-height: 50px;
	height: auto;
}

}


.low_inner1 a {
	color:#0066b5;
	margin:0 0 0 5%;
	padding:0 0 5px 0;
}

.low_inner2 a {
	color:#0066b5;
	margin:0 0 0 5%;
	padding:0 0 5px 0;
}

.low_inner1 a:hover {
	text-decoration:underline;
	opacity:0.7;
}

.low_inner2 a:hover {
	text-decoration:underline;
	opacity:0.7;
}


/* 
 * コンバージョンボタン
 */
.btn-cv {
  padding: .5em 0;
  overflow: hidden;
  position: relative;
  width: 80%;
  float: none;
	margin: auto;
}
.btn-cv a {
  border: solid #fff 3px;
  border-radius: 12px;
  box-shadow: 1px 1px 10px 0 #a1a1a1;
  color: #fff;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.3;
  margin: 2em auto;
  padding: 1em 2em .8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  vertical-align: middle;
  width: 95%;
}
.btn-cv.is-fz20 a {
  font-size: 20px;
}
.btn-cv a img {
  vertical-align: middle;
}
.btn-cv a:after {
  content: ' ' !important;
}

/* ボタン内のアイコン */
.btn-cv a:before {
  content: "";
  font-family: "fontawesome";
  font-weight: normal;
  font-size: 1.1em;
  margin-top: -.6em;
  position: absolute;
  right: 15px;
  top: 50%;
}
.btn-cv a:hover {
  box-shadow: 1px 1px 2px 0 #a1a1a1;
  filter: alpha(opacity=70);
  opacity: .7;
}


/* 緑ボタン */
.btn-cv a {
  background: #00a23f;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#00a23f, #39900a);
}

/* 赤ボタン */
.btn-cv.is-red a {
  background: #fb4e3e;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#fb4e3e, #d64b26);
}

/* 青ボタン */
.btn-cv.is-blue a {
  background: #09c;
  background: -webkit-linear-gradient(#09c, #069);
  background: linear-gradient(#09c, #069);
}

/* 黒ボタン */
.btn-cv.is-black a {
  background: #666;
  background: -webkit-linear-gradient(#8a8a8a, #666);
  background: linear-gradient(#8a8a8a, #666);
}

/* ボタンの光沢 */
.is-reflection a {
  overflow: hidden;
}
.is-reflection a:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

@-webkit-keyframes is-trembling {
  0% {-webkit-transform:translate(-3px, 0);}
  100% {-webkit-transform:translate(0, 0);}
}

@-webkit-keyframes bounce {
  0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}
  5% {-webkit-transform: translateY(-6px);}
  12% {-webkit-transform: translateY(-4px);}
}
@keyframes bounce {
  20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
}
/* アニメーションを遅延させる */
.is-bounce + .is-bounce {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

@-webkit-keyframes is-purun {
   0% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { -webkit-transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { -webkit-transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { -webkit-transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { -webkit-transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes is-purun {
   0% { transform: scale(1.0, 1.0) translate(0%, 0%); }
   4% { transform: scale(0.9, 0.9) translate(0%, 3%); }
   8% { transform: scale(1.1, 0.8) translate(0%, 7%); }
  12% { transform: scale(0.9, 0.9) translate(0%, -7%); }
  18% { transform: scale(1.1, 0.9) translate(0%, 3%); }
  25% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
/* アニメーションを遅延させる */
.is-purun + .is-purun {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

@media only screen and (max-width: 768px) {
.entry-wrap { max-width: 1024px; margin: 30px auto; }
.btn-cv {
  padding: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  float: none;
	margin: auto;
}

}



/**
 * ===============================================
 * MediaQuery : スマホ対応
 * ===============================================
 */
@media only screen and (max-width: 767px) {
  /* コンバージョンボタン */
  .btn-cv a {
    font-size: 14px;
    margin: 0 auto 1em;
    width: 94%;
  }
}


@media only screen and (max-width: 320px) {
  /* コンバージョンボタン */
  .btn-cv a {
    font-size: 12px !important;
  }
}


.badge {
	position: absolute;
	height:18px;
 width:18px;
 border-radius:50%;
 line-height:18px;
 text-align:center;
	background-color: #E30003;
	color: #FFFFFF;
	font-size: 10px !important;
}

.cau{font-weight: 500; color: #000; width: 100%; background:#DFDFDF; display: block; margin: 0 0 10px 0; text-align: center; font-size: 12px; max-width: 640px; margin: 10px auto 0 auto;}
.cau_pc {font-size: 12px; width: 100%; margin:15px auto; text-align: center; max-width: 640px;}

@media only screen and (max-width: 768px) {
	.cau_pc {font-size: 12px; width: 100%; margin:15px auto; text-align: left !important; max-width: 980px; padding: 0 10px !important;}
}


/*---------------------------------------------------------------------
section03
---------------------------------------------------------------------*/

.section03 { width: 1024px; margin: 0 auto; padding-top: 30px; background: url(../img/bg-about2.png) no-repeat; padding-bottom: 30px; }
.section03 h3 img { width: 191px; }
.section03 p { width: 700px; margin: 20px auto; font-size: 18px; color: #fff; text-align: left; }

@media screen and (min-width:0px) and (max-width: 768px) {
/* ?X?}?z */
.section03 { width: 100%; padding: 30px 0 3px 0; background-size: cover; background-position-x: 50%; }
.section03 p { width: 100%; margin: 20px auto; font-size: 13px; padding: 0 10px; }
	.section3_text {text-align: left !important; width: 98% !important; margin: auto;}
}

.about_images img { width: 47%; float: left; margin: 0 1.5% 15px 1.5%;}


/*---------------------------------------------------------------------
section04
---------------------------------------------------------------------*/
.section04 { width: 1024px; margin: 0 auto; padding-top: 30px; }
.section04 .desc { width: 500px; margin: 0 auto; }
.section04 .desc p { text-align: left; font-size: 18px; margin-bottom: 20px; }

@media screen and (min-width:0px) and (max-width: 768px) {
/* ?X?}?z */
.section04 { width: 100%; }
.section04 .desc { width: 100%; margin: 0 auto; padding: 0 10px; }
.section04 .desc p { font-size: 13px; }
}


/* ビフォーアフター */
.baf_box { width: 100%; margin: 0px auto; padding: 25px 0; background-color: #FCE6E7;}
.baf_in {max-width: 1024px; margin: auto; }
.baf_in_box { width: 48%; float: left; margin: 0 1%;}
.baf_in_box img {width: 95%; margin: auto; }

@media screen and (min-width:0px) and (max-width: 768px) {
	.baf_in {max-width: 1024px; margin: auto;  display: block; justify-content: space-between;}
.baf_in_box {margin: 0, 1%; width: 98%; margin: 0 auto 10px auto;}
.baf_in_box img {width: 95%; margin: auto; }
}

.text-title { width: 100%; text-align: center; margin: 10px 0; font-size: 20px; font-weight: bold; color: #bebebe; }


.tag_wrap { width: 100%; text-align: left; margin-top: 30px; background-color: #f9f0f0; padding: 10px 10px 10px 10px; }
.tag_wrap span { 
	cursor: pointer;
    border-radius: 3px;
    padding: 0px 5px 0px 5px;
    margin-right: 7px;
    border: 1px solid #e15ead;
    color: #e15ead;
    font-size: 15px;
    width: auto;
    float: left;
    margin-bottom: 7px;
    background-color: #fff;
}
.tag_wrap .btn-link { width: 100%; text-align: center; margin: 20px 0; }

.tag_wrap .label{
  cursor: pointer;
  border-radius: 3px;
    padding: 0px 5px 0px 5px;
    margin-right: 7px;
    border: 1px solid #e15ead;
    color: #e15ead;
    font-size: 15px;
    width: auto;
    float: left;
    margin-bottom: 7px;
    background-color: #fff;
}
.tag_wrap input.check_box{
  display: none;
}
.check_box:checked + .label {
  background-color: #e15ead; color: #fff;
}

@media screen and (min-width:0px) and (max-width: 480px) {
/* スマホ */
.tag_wrap span { font-size: 13px; }
}


/*---------------------------------------------------------------------
section06
---------------------------------------------------------------------*/

.section06 { width: 1024px; margin: 60px auto 0 auto; padding-top: 30px; padding-bottom: 30px; background: #FFEFBA; background: -webkit-linear-gradient(to top, #FFFFFF, #FFEFBA); background: linear-gradient(to top, #FFFFFF, #FFEFBA);
 }
.section06 h3 { font-size: 18px; font-weight: 800; }
.section06 p { width: 700px; margin: 20px auto; font-size: 18px; color: #000; text-align: left; }

@media screen and (min-width:0px) and (max-width: 768px) {
/* ?X?}?z */
.section06 { width: 100%; padding: 30px 0 3px 0; background-size: cover; background-position-x: 50%; }
.section06 p { width: 100%; margin: 20px auto; font-size: 13px; padding: 0 10px; }
	.section06 .title {text-align: left;}	
	
}


.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	width: auto;
	margin: 10px auto;
}
.cp_box label {
	font-weight: bold;
	position: relative;
	display: block;
	width: 80%;
	margin: auto;
	padding: 0.3em 1em;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	color: #e26b6c;
	border: 2px solid #e26b6c;
	border-radius: 3px;
}
.cp_box label:hover {
	transition: all 0.3s;
	color: #ffffff;
	background: #e26b6c;
}
.cp_box label::after {
	
	color: #da3c41;
}
.cp_box label:hover::after {
	color: #ffffff;
}
.cp_box input:checked ~ label::after {
	
	color: #da3c41;
}
.cp_box input:checked ~ label:hover::after {
	color: #ffffff;
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	position: relative;
	z-index: 10;
	overflow: hidden;
	height: 0;
	margin-top: -1px;
	transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
	background: rgba(255, 255, 255, 0.5);
}
.cp_box input:checked ~ div {
	transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}
/* 続きを読むを押すと表示されるテキストの高さ */
.cp_box input:checked ~ div.cp_container {
	height: auto;
	min-height: 300px;
}

.underline {
    text-decoration: none;
    background: linear-gradient(transparent 60%, rgba(247, 211, 226, 0.69) 50%);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 1.0s;
}




.gallery-cell {float: left !important; width: 24% !important; margin: 0 0.5% 15px 0.5% !important; padding: 0!important:}
			
			@media only screen and (max-width: 768px) {
	
.gallery-cell {width: 49% !important:}
				
}







		
			nav {width: 35%; float: left; padding: 0; margin: 11px 0 0 0px;text-align: right;}
			
nav ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
font-size: 14px;
}
nav ul::after {
  display: block;
  clear: both;
  content: '';
}
nav ul li {
  position: relative;
  float: left;
  border: 0px solid #000;
	padding: 0;
	margin: 0;

}
nav ul li:not(:first-child) {
  border-left: none;
}
nav ul li:hover {
  background-color: rgba(255,255,255,.3);
}
nav ul li a {
  display: inline-block;
	padding: 5px 5px;
  color: #000;
  line-height: 0;
  text-align: center;
  text-decoration: none;
	font-weight: bolder;
}
			
			nav ul li ul {
				padding: 5px 0px;
				line-height: 1.6;
				color: #000;
				text-align: left;
				text-decoration: none;
				font-weight: bolder;
				width: 240px;
				
}
			
			
			
nav ul ul {
	position: absolute;
	top: 100%;
	left: -2px;
	background-color: rgba(255, 255, 255, 0.5);
	
  }
  nav ul ul li {
	float: none;
	margin: 0;
	background-color: rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid #cdcdcd;
	padding: 3px 0 3px 0;
  }
  nav ul ul li:not(:first-child) {
	border: 0px solid #000;
	border-top: none;
	border-bottom: 1px solid #cdcdcd;
  
  }
  
  nav ul ul li:last-child {
	  border-bottom: 0px solid #cdcdcd;
  }
  
  nav ul ul ul {
	position: absolute;
	top: -2px;
	left: 100%;
  }
		  
			
			ul ul {
  visibility: hidden;
  opacity: 0;
  transition: .2s ease-in-out;
  transform: translateY(-20px);
}
ul li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}


/*--------追加----*/
@charset "UTF-8";
.about_new {width: 100%; position: relative;}
.title_about {width: 78%; margin: auto; position: absolute; top: -120px;}
.title_about img {z-index: 100 !important;}
.about_box {width: 100%;  background: url("../img/new_top_back.jpg"); background-repeat: repeat-y; background-size: 90%; position: absolute; top: 140px; height: 600px; z-index: 1; padding: 100px 0;}
.about_box_wrap {width: 78%; margin: auto;}
.about_box_left {width: 50%; float: left;}
.about_box_right {width: 48%; float: right; position: absolute; right: 0;}
.about_text_bold {font-weight: 900; text-align: left; font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 18px; padding: 0 0 30px 0;}

.about_text {text-align: left; font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height: 26px; padding: 0 0 0px 0;}


@media only screen and (min-width: 1390px) {
	.title_about {width: 90%; max-width: 1024px; margin: auto; position: absolute; top: -140px;}
}


@media only screen and (max-width: 768px) {
	.about_box_wrap {width: 98%; margin: auto;}
	.title_about {width: 98%; margin: auto; position: absolute; top: -100px;}
	.about_box_left {width: 98%; float: none; margin: 0px auto 0 auto;}
.about_box_right {width: 98%; float: none; margin:-20px  auto 30px auto; position: static;}
	
	.gallery_wrap {width: 100%; margin: 1080px 0 0 0 !important; padding: 0 0 80px 0; }
	.title_gallery { width: 98% !important; margin: auto; text-align: none;}
	.gallery_left {width: 100% !important; float: none !important; text-align: none !important; margin: 30px 0 0 0;}
.gallery_right {width: 100% !important; float: none !important; margin: 0 0% 0 0% !important;}
	.title_gallery_main { font-size: 2em !important; font-weight: 900; font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.title_gallery_sub {font-size: 12px !important; font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: bolder;}
	.about_box {height: 800px; background-size: 100%;}
}

@media only screen and (max-width: 414px) {
	.title_about {width: 98%; margin: auto; position: absolute; top: -50px;}
	.about_new {width: 100%; position: relative; top: -90px;}
	.gallery_wrap {width: 100%; margin: 1050px 0 0 0 !important; padding: 0 0 20px 0 !important; }
	.about_box_right {margin:-40px  auto 30px auto !important;}
}

@media only screen and (max-width: 390px) {
	.title_about {width: 98%; margin: auto; position: absolute; top: -50px;}
	.about_new {width: 100%; position: relative; top: -90px;}
	.gallery_wrap {width: 100%; margin: 980px 0 0 0 !important; padding: 0 0 20px 0 !important; }
	.about_box_right {margin:-60px  auto 30px auto !important;}
	.today {padding: 80px 0 !important; }
}


.gallery_wrap {width: 100%; margin: 880px 0 0 0; padding: 0 0 80px 0; }
.title_gallery { width: 78%; margin: auto; text-align: left;}
.title_gallery_main { font-size: 3.5em; font-weight: 900; font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.title_gallery_sub {font-size: 1em !important; font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: bolder;}
.gallery_left {width: 50%; float: left; text-align: left; margin: 30px 0 0 0;}
.gallery_right {width: 48%; float: right; margin: 0 0 0 2%;}
.gallery_right img {width: 98%; float: left; margin: 60px 1% 0 1%; box-shadow: 0 0 8px gray; }


.today {padding: 60px 0; width: 100%; background: url("../img/today_back.jpg"); background-repeat: repeat-y; background-size:cover; background-position:center;}

.newface {padding: 60px 0; width: 100%; width: 100%;  background: url("../img/new_top_back.jpg"); background-repeat: repeat-y; background-size: 100%;}
.photoup {padding: 60px 0; width: 100%; width: 100%;}

.whatnew {padding: 0px 0; width: 100%; width: 100%;}

.gallery-cell {float: left !important; width: 23%; margin: 0 1.5%; padding: 0!important; box-shadow: 0 0 8px grey;}

@media only screen and (max-width: 768px) {
.gallery-cell {float: left !important; width: 20%; margin: 0 1.5%; padding: 0!important; box-shadow: 0 0 8px grey;}
}

#main-gallery .gallery-cell:hover {cursor:pointer;}

.p-title { font-size: 22px; font-weight: bold; margin: 30px 0; }
.castlist_wrap {}
#sub-gallery { width: 90%; max-width: 960px; margin: 0 auto 100px auto; }
#sub-gallery2 { width: 90%; max-width: 960px; margin: 0 auto 100px auto; }
.castlist_wrap { width: 30%; margin: 0 2%; min-height: 630px; }
.castlist_newface { padding: 0px 0; }
#sub-gallery2 .flickity-page-dots { display: none; }
@media only screen and (max-width:768px){
.castlist_wrap { width: 60%; margin: 0 2%; min-height: 490px; }
#sub-gallery2 .flickity-page-dots { display: block; }
#sub-gallery2 { margin: 0 auto 30px auto; }
.castlist_wrap222 {
	width:49% !important;
	float:left !important;
	margin:0 0.5% 15px 0.5%;
	padding-bottom:0px;
	position:relative;
	min-height: 300px !important;
}

}


.taiken_box { background-image:url(../img/t_back.jpg); background-repeat:repeat; padding:20px 0 40px 0 !important;}
.photo_box { padding:0px 0;}

.castlist_name222 {
	width:100%;
	float:right;
	padding:10px 0 0px 0px;
	background-color:#fff;
	color:#000;
	display:block;
	clear:both;
	min-height:150px;
	border:0px solid #CCC;
}


.castlist_name222 a {
	color:#000;
}

.castlist_wrap222 {
	width:24%;
	float:left !important;
	margin:0 0.5% 15px 0.5%;
	padding-bottom:0px;
	position:relative;
	
}

@media screen and (min-width:491px) and ( max-width:948px) {
		.castlist_wrap222 {
	width:24%;
	float:left !important;
	margin:0 0.5% 15px 0.5%;
	padding-bottom:0px;
	position:relative;
		min-height: 750px !important;
}
	
}



.castlist_photo_wrap222 {
	position:relative;
}

.castlist_photo_wrap222 img {
	width:100%;
	float:none;
	max-width:300px;
	
}

.castlist_basicinfo_wrap2 {
	width:100%;
	float:none;
}

#sub-gallery222 { width:90%; margin:auto;}

.caption_top {color: #f36; margin-top: 20px; margin-bottom: 10px; font-size: 15px; text-align: center;}
.caption_top2 {color: #676767; font-size: 12px; margin-bottom: 20px; text-align: center;}

@media only screen and (max-width:414px){
.caption_top {color: #f36; font-size: 14px; text-align: left; padding: 0 0 0 10px; width: 95%; max-width: 300px; margin:20px auto 5px auto;}
.caption_top2 {color: #676767; font-size: 12px; text-align: center; width: 95%; max-width: 300px; margin:10px auto 0 auto;}
}