@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

/* @end */

/* ベース：余白のリセット */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


html {
margin: 0px;
padding: 0px;
font-size: 10px;
line-height: 1.5;
height: 100%;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
}

body {
margin: 0px;
padding: 0px;
  min-height: 100vh;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}



header,
footer,
article,
section,


/* テーブルのリセット */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
nav,
aside,
div {
margin: 0px;
padding: 0px;
}


h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
figcaption {
margin: 0px;
padding: 0px;
font-size: 100%;
font-weight: 400;
}


ul,ol {
list-style-type: none;
margin: 0px;
padding: 0px;
}
li{
margin: 0px;
padding: 0px;
}


dl,dt,dd{
margin: 0px;
padding: 0px;
font-weight: 400;
}




.clearfix::after {
content: "";
display: block;
clear: both;
}


img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* フォーム要素を統一 */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  outline: none;
}

/* リンクのリセット */
a {
  color: inherit;
  text-decoration: none;
}

/* ボタンのリセット */
button {
  cursor: pointer;
  background: none;
  border: none;
}

/* root に使いやすい変数を置いておく（任意） */
:root {
  --font-body: system-ui, sans-serif;
  --font-mono: ui-monospace, monospace;
}

body {
  font-family: var(--font-body);
}


/*---------------------------------
入力欄の基本設定
---------------------------------*/


.select select, input[type="text"], textarea,input[type="password"],input[type="number"]{
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.375em - 1px);
    padding-left: calc(0.625em - 1px);
    padding-right: calc(0.625em - 1px);
    padding-top: calc(0.375em - 1px);
    position: relative;
    vertical-align: middle;
	font-weight: 400;
}


.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
    border: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 0.625em;
    margin-top: -0.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 0.625em;
}


.select select {
    background-color: white;
    border-color: #dbdbdb;
    color: #363636;
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none;
}

.select {
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: top;
}

.select:not(.is-multiple):not(.is-loading)::after {
    border-color: #777777; /*矢印の色*/
    right: 1.125em;
    z-index: 4;
}

.select select:not([multiple]) {
    padding-right: 2.5em;
}

select::-ms-expand { /* select要素のデザインを無効にする（IE用） */
display: none;
}

input[type="text"]::placeholder {
  color: #B2B2B2;
	opacity: 1;
}
/* IE */
input[type="text"]:-ms-input-placeholder {
  color: #B2B2B2;
	opacity: 1;
}
/* Edge */
input[type="text"]::-ms-input-placeholder {
  color: #B2B2B2;
	opacity: 1;
}