@charset "UTF-8";
/*====================================================================================================

　CSS構成

　//絶対に変更しないCSS
　- reset.css           全てのブラウザ固有CSSをリセットするCSS。基本触らないこと。

　//基本的には変更しないCSS
　- base.css            基本の文字設定や、Webフォントの読み込みなど。基本触らなくてもOK。

　//メインで利用しているCSS
　- common.css          ヘッダー、フッター、下層ページのタイトルなど、共通ページレイアウトを記載したCSS
　- stlye.css           各ページ固有のレイアウトを記載したCSS

　//補助的に利用しているCSS
　- module.css          見出しやリスト、テーブルなど、共通利用できるパーツをまとめたCSS
　- utility.css         マージンやパディング、文字サイズや文字色など、補助的に利用できるCSS

====================================================================================================*/

/*------------------------------------------------------------------
  base
------------------------------------------------------------------*/
html{
    --black-color: #3D3D3D;
    --primary-color: #19C8B4;
    --primary-light-color: #DDF7F4;
    --en-font: "Albert Sans";
    position: relative; 
    font-family: "Noto Sans JP", sans-serif;
    color: var(--black-color);
    line-height: 1.7;
    z-index: 1;
}

/* input-style ----------------------------------------*/
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
textarea {
    width: 100%;
    padding: 16px 30px;
    background: #D9D9D9;
    border: 1px solid transparent;
    border-radius: 10px;
}
textarea{
    height: 150px;
}
select{
    padding: 16px 30px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 5px 0 var(--primary-color);
}
label:hover,
select:hover {
    cursor: pointer;
}
.inputfile_box {
    margin-bottom: 15px;
}
::-webkit-input-placeholder {
    color: var(--black-color);
    opacity: 1;
}
:-moz-placeholder {
    color: var(--black-color);
}
::-moz-placeholder {
    color: var(--black-color);
    opacity: 1;
}
:-ms-input-placeholder {
    color: var(--black-color);
}
@media screen and (max-width:991px){
    input[type="text"],
    input[type="password"],
    input[type="tel"],
    input[type="email"],
    input[type="number"],
    select,
    textarea {
        padding: 16px 10px;
    }
    select{
        padding: 16px 30px 16px 10px;
    }
}