@charset "UTF-8";


/*---------------------------------
リセットCSS
---------------------------------*/


html {
margin: 0px;
padding: 0px;
font-size: 10px;
line-height: 1.5;
height: 100%;
}

body {
margin: 0px;
padding: 0px;
min-height: 100%;
}

header,
footer,
article,
section,
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;
}


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


.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;
    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;
}


.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;
	line-height: 1.8;
}

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

.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;
}




/*パーセンテージの設定*/

.per5{width: 5%;}
.per15{width: 15%;}
.per25{width: 25%;}
.per35{width: 35%;}
.per45{width: 45%;}
.per55{width: 55%;}
.per65{width: 65%;}
.per75{width: 75%;}
.per85{width: 85%;}
.per95{width: 95%;}
.per10{width: 10%;}
.per20{width: 20%;}
.per30{width: 30%;}
.per40{width: 40%;}
.per50{width: 50%;}
.per60{width: 60%;}
.per70{width: 70%;}
.per80{width: 80%;}
.per90{width: 90%;}
.per100{width: 100%;}