@charset "UTF-8";

/*子テーマ用「base.css」*/


@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');


:root {
    --main-font: Urbanist, 'Zen Kaku Gothic New', sans-serif;
}

/*=========================
    Base CSS
===========================*/
body{ background-color: #fff; }
a, abbr, address, article, aside, audio, b, blockquote, body, button, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, p, pre, q, samp, section, select, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
    border: 0;
    color: #111111;
    font-family: var(--main-font);
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    word-spacing: 1px;
}
p,li, dl,dt ,dd h1, h2, h3, h4, h5, h6,span, strong,b, blockquote, button, div,em, footer, form, header, i, input, label, select, small, textarea, ul { line-height: 1.8; }
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
summary:focus:not(:focus-visible) { outline: none;}
nav ul { list-style: none;}
blockquote,
q { quotes: none; }
blockquote:after,
blockquote:before,
q:after,
q:before { content: none;}
a,button { background: transparent; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline;}
ins { text-decoration: none;}
ins,mark { background-color: #ff9; color: #000;}
mark { font-style: italic; font-weight: 700;}
del { text-decoration: line-through; }
abbr[title],
dfn[title] { border-bottom: 1px dotted; cursor: help ;}
table { border-collapse: collapse; border-spacing: 0; }
hr { border: 0; border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; padding: 0; }
input,select { vertical-align: middle; }
textarea { resize: none; }
input[type=email],input[type=tel],input[type=text],select,textarea { -webkit-appearance: none; appearance: none;}
select {cursor: pointer;}
sub, sup{line-height: 0;position: relative;vertical-align: baseline;}
sup{ top: -.5em;}
select { appearance: auto; }
input[type="text"],input[type="email"], textarea, select {
    background: #FFFFFF;
    border: 1px solid #bbb; border-radius: 4px;
    box-shadow: none;
    color: #333;
    font-size: 15px; font-weight: 400;
    letter-spacing: 0em;
    line-height: 1.4;
    margin: 0px; padding: 10px;
    opacity: 1;
    text-align: left;
    transform: translate(0px, 0px);
    width: 100%; max-width: 100%; height: 50px;
}
input[type="text"]:focus,input[type="email"]:focus, textarea:focus, select:focus { border:2px solid #111; }