@charset "UTF-8";

/*///////////////////////////////////////////////////////////////////////////

    共通設定

///////////////////////////////////////////////////////////////////////////*/

:root {
    font-size: 18px;
}

html, body, #surefit-for-line, article {
    height: 100%;
}
main {
    overflow-x: hidden;
}

/*【各セレクター初期化】
------------------------------------------*/
a, a:hover {
    text-decoration:none;
}

img, a img{
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-style: none;
    text-decoration: none;
    vertical-align: top;
}
img[src$=".svg"] {
    width: 100%;
}

/* フォントまわり初期設定 */
/*!
 * "Now" licensed under the SIL Open Font License
 * by https://hanken.co/products/now
 */
@font-face {
    font-family: 'Now-Regular';
    src: url('./webfonts/Now-Regular.woff') format('woff'),
         url('./webfonts/Now-Regular.ttf') format('truetype');
}

body {
    font-size: 14px;
    color: #555;
    letter-spacing: 0.05em;
}
body, th, td, li, div, p, pre {
    font-family: helvetica, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: GillSansMTPro-Medium, helvetica, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, sans-serif;
}
input {
    color: #555;
    outline: none;
}
input::-webkit-input-placeholder {
	color: #999;
}
input::-moz-placeholder {
	color: #999;
}
input::-ms-input-placeholder {
	color: #999;
}
input::placeholder {
	color: #999;
}
input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus::-ms-input-placeholder {
	color: transparent;
}
input:focus::placeholder {
	color: transparent;
}

label {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
input[type="number"], input[type="tel"] {
    -moz-appearance:textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="tel"]::-webkit-outer-spin-button,
input[type="tel"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}