@charset "UTF-8";


/**
 * width や height がパディングやボーダーに依存しないようにする
 */

*,
*:before,
*:after {
    box-sizing: border-box;
}

/**
 * デフォルトのマージンを削除
 */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    margin: 0;
}

/**
 * IE6/7 で 2 つ個以上の連続した br タグは無視するバグに対応
 */

br {
    letter-spacing: 0;
}

/**
 * デフォルトのマージンを削除
 */

p,
blockquote,
dl,
dd,
figure {
    margin: 0;
}

/**
 * 行が長くなると改行させる
 * デフォルトのマージンを削除
 */

pre {
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * デフォルトのマージンを削除
 */

ol,
ul {
    margin: 0;
    padding: 0;
}

/**
 * デフォルトのマージンを削除
 */

li {
    list-style: none;
}

/**
 * フォントのサイズを統合
 */

button,
input,
optgroup,
select,
textarea {
    font-size: 1em;
}

/**
 * マージンとボーダーを削除
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/**
 * Chrome で selectbox の background-color を継承しない対策
 */

select {
    background-color: inherit;
    line-height: inherit;
}

/**
 * セルの文字寄せをリセット
 */

th,
td {
    text-align: left;
}

/**
 * 文字寄せをリセット
 * 余白を削除
 */

caption {
    padding: 0;
    text-align: left;
}

html {
    font-size: 1.61551vw;
}

body {
    background-color: #fff;
    color: #101c52;
    font-family: "Noto Sans JP", "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic", "メイリオ", Meiryo, sans-serif;
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 0;
    padding: 0;
  /*  word-break: break-all; */
}

p,
ul,
ol,
dl {
    margin-bottom: calc(40 / 2 * .1rem);
}

a {
    color: #6183d0;
    text-decoration: underline;
    transition-duration: .3s;
}

a:hover {
    opacity: .7;
    text-decoration: none;
}

img {
    vertical-align: bottom;
}

input,
textarea,
select {
    font-family: inherit;
}

@media screen and (min-width: 1238px) {
    html {
        font-size: 20px;
    }
}

@media all and (max-width: 960px) {
    html {
        font-size: 3.125vw;
    }

    body {
        font-size: 1.2rem;
        line-height: 1.8;
    }

    p,
    ul,
    ol,
    dl {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 320px) {
    html {
        font-size: 10px;
    }
}

@media all and (-ms-high-contrast: none) {
    body {
        /* 游ゴシックの高さがおかしくなるバグがあるため、IEのみフォントを変更する */
        font-family: "メイリオ", Meiryo, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    }
}