@charset "UTF-8";

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    html {
        font-size: 16px;
    }

    /* IE11 */
}

body {
    min-width: 320px;
    background-color: #fff;
    color: #000;
    font-size: 0.875rem;
    font-family: Bodoni, serif;
    -webkit-font-smoothing: antialiased;
    -webkit-print-color-adjust: exact;
}

.weight400 {
    font-weight: 400
}

.weight500 {
    font-weight: 500
}

.weight600 {
    font-weight: 600
}

.weight700 {
    font-weight: 700
}

.gnavi-tx{
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo UI, 'Meiryo', sans-serif;
}

h1 {
    margin: 0;
    padding: 0;
}

/* clearfix */

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

/* 画像関連 */

.img-center {
    display: block;
    margin: 0 auto;
}

figure {
    margin: 0 0 0;
}

/*単語改行位置*/

.wordwrap {
    display: inline-block;
}

/* link */

a {
    color: #000;
}

a:link {
    overflow: hidden;
    outline: none;
    color: #000;
    text-decoration: none;
}

a:visited {
    overflow: hidden;
    outline: none;
    color: #000;
    text-decoration: none;
}

a:hover {
    overflow: hidden;
    outline: none;
    color: #000;
    text-decoration: none;
    opacity: 0.7;
}

a:active {
    overflow: hidden;
    outline: none;
    color: #000;
    text-decoration: none;
    opacity: 0.7;
}

/*noscript*/

noscript {
    display: block;
    background: #000;
    color: #fff;
    text-align: center;
}

.break-before {
    page-break-before: always;
}

/*マウスオーバー*/

.mouse-over:hover,
.btn:hover {
    opacity: 0.7;
}

.mouse-over2:hover {
    background-color: #000;
    opacity: 0.2;
}

.mouse-over3:hover {
    opacity: 0.9;
}

/*フォーム要素にズームインするのを回避*/

input[type="text"],
input[type="number"],
select,
textarea {
    font-size: 16px;
}

/*文字色*/

.tx-green{
    color:#00873C;
}

.tx-red{
    color:#E7242B;
}

.tx-bold{
    font-weight:bold;
}

.ico-arrow{
    color:#fff;
    font-weight:bold;
}

/*1文字インデント*/

.attention-txt {
    margin-left: 1em;
    text-indent: -1em;
}

/*改行*/

/*横幅設定*/
.w100 {
    width: 100%;
}

/*高さをそろえる*/

.row-eq-height {
    display: flex;

    flex-wrap: wrap;
}

/*ガターを0に*/
.pd-lr-0 {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    body {
        font-size: 1rem;
    }
}

@media (min-width: 992px) {
    body {
        font-size: 1.125rem;
    }
    .ico-arrow{
        display:none;
    }

}

@media (min-width: 1200px) {}