@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+JP:wght@400;700&display=swap");

/** 更新日:

*/


/* 余白 */
body, h1, h2, h3, h4, h5, h6, p, address, blockquote, pre, div, dl, dt, dd, ol, ul, li, th, td, form, fieldset, input, textarea {
	margin:0 0 0 0; padding:0 0 0 0; }
select { margin:0 0 0 0; }

/* アピアランス */
html, body { width:100%; height:100%; }
abbr, acronym { border:0 none; }
q:before, q:after { content:""; }
ol, ul { list-style:none; }
img { border:0 none; vertical-align:middle; }
object { outline:none; }
table { max-width:100%; border-spacing:0; border-collapse:sparate;}
caption { text-align:left; }
th,td { text-align:left; vertical-align:middle; empty-cells:show; }
input, select, textarea{ vertical-align:middle; }
hr { display:none; }
fieldset { border:0 none; }
label { cursor:default; }
iframe { border:0 none; overflow:auto; }
area { outline:none; }
button {background-color:transparent; border:none;}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
 
button, input, optgroup, select, textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */}

/**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
  
button,input { /* 1 */
  overflow: visible;}
  
/**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */

button, select { /* 1 */
  text-transform: none;}
  
/**
  * Correct the inability to style clickable types in iOS and Safari.
  */

button, [type="button"], [type="reset"], [type="submit"] {
   -webkit-appearance: button; }

/* タイポグラフィ */
h1, h2, h3, h4, h5, h6 {
 font-style:normal; font-weight:normal; font-size:100%; }
p, address, blockquote, pre, div, abbr, acronym, dfn, cite, q, code, kbd, samp, var, dl, ol, ul, caption, th { font-weight:normal; font-style:normal; }
em, strong { font-weight:bold; }

/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; margin:0 0 0 0; padding:0 0 0 0; }

/* 要素別スタイル */
html { font-size:62.5%; line-height:1.75; }
body {
  background:#fff; color:#21132c; font-size:16px; font-size:1.6rem; font-weight:400;
  font-family:'Lato', "Noto Sans JP", sans-serif; }

body { -webkit-text-size-adjust:100%; }/* WebKit */
a { -webkit-tap-highlight-color:rgba(0,0,0,0); }
a { color:#21132c; text-decoration:none; }
a:hover { color:#21132c; text-decoration:none; }
a img { opacity:1; filter: alpha(opacity=100); }
a:hover img { opacity:0.6; filter: alpha(opacity=65); }



/* --------------------------------
	フォント
-------------------------------- */
/* 基本フォント */
/**
.font_Base{
 font-family:'Rubik', "Helvetica Neue", Helvetica, Arial, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", sans-serif;
 font-weight:400; }
 */

/* Webフォント */
/**
@font-face{
	font-family:'WebFont_Rit';
	src:url('../font/RiiTN_R/Subset_RiiTN_R.eot');
	src:url('../font/RiiTN_R/Subset_RiiTN_R.eot?#iefix') format('embedded-opentype'),
			url('../font/RiiTN_R/Subset_RiiTN_R.woff') format('woff'),
			url('../font/RiiTN_R/Subset_RiiTN_R.woff2') format('woff2'),
			url('../font/RiiTN_R/Subset_RiiTN_R.otf') format('opentype');
	font-weight:normal;
	font-style:normal;
	font-display:swap; }
 */
/**
.font_Rit{
 font-family:'WebFont_Rit', 'Rubik', "Helvetica Neue", Helvetica, Arial, Roboto, "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", sans-serif; }
 */

/* 汎用クラス */
/* clearfix */
.clearfix:after {
 content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; }
.clearfix { display:inline-table; }
/* exlude MacIE5 */
* html .clearfix { height:1%; }
*+html .clearfix { height:1%; }
.clearfix { display:block; }
/* end MacIE5 */

*, *:before, *:after { box-sizing: border-box; }

/* 高度の影 */
.elevation-1 {
  -webkit-box-shadow: 0 4px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 1px rgba(0, 0, 0, 0.2); }
.elevation-2 {
  -webkit-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 2px rgba(0, 0, 0, 0.2); }
.elevation-3 {
  -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2); }
.elevation-4 {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); }
.elevation-5 {
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); }
.elevation-6 {
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); }
.elevation-7 {
  -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.2); }
.elevation-8 {
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
.elevation-9 {
  -webkit-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.2); }
.elevation-10 {
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); }
.elevation-11 {
  -webkit-box-shadow: 0 4px 11px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 11px rgba(0, 0, 0, 0.2); }
.elevation-12 {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
.elevation-13 {
  -webkit-box-shadow: 0 4px 13px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 13px rgba(0, 0, 0, 0.2); }
.elevation-14 {
  -webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2); }
.elevation-15 {
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
.elevation-16 {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); }
.elevation-17 {
  -webkit-box-shadow: 0 4px 17px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 17px rgba(0, 0, 0, 0.2); }
.elevation-18 {
  -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2); }
.elevation-19 {
  -webkit-box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 19px rgba(0, 0, 0, 0.2); }
.elevation-20 {
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); }
.elevation-21 {
  -webkit-box-shadow: 0 4px 21px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 21px rgba(0, 0, 0, 0.2); }
.elevation-22 {
  -webkit-box-shadow: 0 4px 22px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 22px rgba(0, 0, 0, 0.2); }
.elevation-23 {
  -webkit-box-shadow: 0 4px 23px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 23px rgba(0, 0, 0, 0.2); }
.elevation-24 {
  -webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2); }