@charset "utf-8";

/* ConcreteCMS v9対応 */
html.ccm-toolbar-visible {
    font-size: 62.5%;
}




:root {     /* メディアクエリーの境界指定では使用できないので注意 */
/*    --pc-min-width: 1280px*/;/*20220912*/
    --pc-min-width: 1250px;/*20220912*/
    --pc-max-width: 1500px;
/*    --sp-min-width: 375px;*//*20220914*/
    --sp-min-width: 360px;/*20220914*/
    --sp-max-width: 767px;


}



/*　ブラウザ初期値リセット */
H1, h2, h3, h4, h5, h6, p, span, li, ul, dl, ol, from, input, body, html {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* iOSのデフォルトスタイルのリセット */
input[type="submit"], input[type="button"], button {
    appearance: none;
    -webkit-appearance: none;
}

input, textarea, select, button {
    /*font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","Hiragino Sans", "Noto Sans",YuGothic,sans-serif;*/
    font-family: 'Noto Sans JP', sans-serif;
}


html {
    /*font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic","Hiragino Sans", "Noto Sans",YuGothic,sans-serif;*/
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 62.5%;
    width: 100%;
    height: 100%;
    min-width: var(--pc-min-width);
    -webkit-text-size-adjust: 100%;
}

/*
html.hpci-cm_active {
    overflow: hidden;
}
*/

body {
    font-size: 1.6rem;
    width: 100%;
    color: #222222;
    /*min-width: 375px;*//*20220920*/
    min-width: 360px;/*20220920*/
}

* {
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
}

ul {
    list-style-type: none;
}

a:link {
    color: #004790;
}
a:visited {
    color: #663366;
}
a:hover {
    color: #B06201;
}

a img {
    border: none;
}

select {
    padding: 3px 0;
    font-size: 1.6rem;
    height: 32px;
}

input, textarea {
    height: 32px;
}

button:hover {
    opacity: 0.8;
}

a, input, textarea, select, option, button {
    cursor: pointer;
}






/*最大表示幅*/
.hpci-cm_max_width {
/*
    max-width: var(--pc-max-width) !important;
    margin: 0 auto !important;
*/
    margin: 0 auto;
}


/*PC表示*/
.hpci-cm_pc {
    display: block;
}

/*SP非表示*/
.hpci-cm_sp {
    display: none;
}



/*----------------------------------------------*/
/*-------------------------------*/
/* 共通見出し */
/*-------------------------------*/
/*★仮*/
h1 {
    width: 100%;
    height: 96px;
    color: #222222;
    font-size: 2.8rem;
/*
    padding: 40px 20px 40px 20px;
*/
    padding-top: 2.8rem;
    line-break: anywhere;
}

/*
h2 {
    width: 100%;
    height: 100%;
    background-color: #EEEEEE;
    color: #000000;
    line-height: 4rem;
    font-size: 2.6rem;
    padding: 20px 20px;
    line-break: anywhere;
}

h3 {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    color: #000000;
    line-height: 4rem;
    font-size: 2.2rem;
    padding: 15px 20px;
    line-break: anywhere;
    border-bottom: solid 3px #E4E4E4;
}
*/



/*-------------------------------*/
/* H2タイトル */
/*-------------------------------*/
/*
.hpci-cm_h2_title {
    display: table;
    border-bottom: 5px solid #0056A8;
    width: 100%;
    padding: 25px 0 20px 0;
}
.hpci-cm_h2_title h2 {
    font-size: 2.4rem;
    display: table-cell;
    background-color: transparent;
    width: auto;
    line-height: normal;
    height: auto;
    padding: 0;
}
.hpci-cm_h2_title a {
    font-size: 1.4rem;
    display: table-cell;
    width: 115px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    border: 1px solid #707070;
}
.hpci-cm_h2_title a:hover {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3)
}
.hpci-cm_h2_title a span {
    font-size: 1.4rem;
    display: table-cell;
    width: 115px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    padding: 5px;
}
*/

/*-------------------------------------*/
/* スマートフォン表示 */
/*-------------------------------------*/
@media screen and (max-width:767px) {
    html, body, header, .bx-wrapper {
        min-width: var(--sp-min-width);
    }

    /*PC非表示*/
    .hpci-cm_pc {
        display: none;
    }

    /*SP表示*/
    .hpci-cm_sp {
        display: block;
    }


    /*-------------------------------*/
    /* 共通見出し */
    /*-------------------------------*/
/*
    h1 {
        min-height: 84px;
        font-size: 2.6rem;
        padding: 23px 10px 23px 10px;
        line-break: anywhere;
    }

    h2 {
        height: 100%;
        line-height: 4rem;
        font-size: 2.4rem;
        padding: 15px 10px;
        line-break: anywhere;
    }

    h3 {
        height: 100%;
        line-height: 4rem;
        font-size: 2.2rem;
        padding: 15px 10px;
        line-break: anywhere;
        border-bottom: solid 3px #E4E4E4;
    }
*/

      /*-------------------------------*/
      /* SP_H2タイトル */
      /*-------------------------------*/
/*
    .hpci-cm_h2_title {
        display: table;
        border-bottom: 5px solid #0056A8;
        width: 100%;
        padding: 15px 0 15px 0;
    }
    .hpci-cm_h2_title h2 {
        font-size: 2.0rem;
    }
    .hpci-cm_h2_title a {
        font-size: 1.2rem;
    }
    .hpci-cm_h2_title a span {
        font-size: 1.2rem;
  }
*/


}