/* ------------------------------------------------------------------------------
    doctor.com Reset Stylesheet
-------------------------------------------------------------------------------*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display: block;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
}


/* ------------------------------------------------------------------------------
    Global Styles
-------------------------------------------------------------------------------*/
html {
    font-size: 62.5%; /* font-sizeは16pxの62.5%の10px */
}
body {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',Osaka, sans-serif; /* サイト全体のフォント指定 */
    font-size: 1.4rem; /*font-size : 14px と同等*/
    word-wrap: break-word;
    overflow-wrap: break-word;
}
h1 {
    font-size: 2.8rem;
}
h2 {
    font-size: 2.4rem; /* font-size: 24px と同等 */
    font-weight: bolder;
    text-align: center;
    margin-bottom: 3.2rem;
    color: #000;
}
h3 {
    font-size: 1.6rem; /* font-size: 16px と同等 */
    font-weight: bolder;
    color: #000;
}
p {
    font-size: 1.4rem; /* font-size: 14px と同等 */
    line-height: 2.8rem;
}
a {
    color: #fff;
}
a:hover {
    text-decoration: none;
    color: #cdcdcd;
}
ul {
    list-style: none;
}
section {
    padding-top: 70px;
    padding-bottom: 70px;
}


/* ------------------------------------------------------------------------------
    Header
-------------------------------------------------------------------------------*/
#header {
    background-color:  #a62125;
}
.logo {
    width: 170px;
    height: auto;
}
.logo-index {
    width: 170px;
    height: auto;
}
button.navbar-toggler{
    border: none;
    border-color: rgba(0,0,0,0);
    font-size: 2rem;
}
button.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.nav-item {
    margin-left: 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.1);
}
.nav-link {
    color: #fff !important;
    padding: 2rem 0;
}
.nav-item a.btn {
    text-align: center;
    font-size: 1.5rem;
    width: 9rem;
}


/* ------------------------------------------------------------------------------
    Jumbotron
-------------------------------------------------------------------------------*/
.jumbotron {
    margin-bottom: -3rem;
}


/* ------------------------------------------------------------------------------
    Main
-------------------------------------------------------------------------------*/


/* ------------------------------------------------------------------------------
    Fotter
-------------------------------------------------------------------------------*/
#footer {
    padding: 5rem 0;
    background-color: #3e3a39;
    font-size: 1.6rem;
}
.footer-nav-link {
    display: block;
    padding: 2rem;
    font-size: 1.4rem;
}
#footer img {
    width: 25%;
    display: block;
    margin: 5% auto;
}
#footer .small {
    width: 100%;
    text-align: center;
    color: #fff;
}


/* ------------------------------------------------------------------------------
    Page Top Scroll
-------------------------------------------------------------------------------*/
#page_top{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0;
    bottom: 0;
    background: #bbb;
    opacity: 0.6;
}
#page_top a{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
}
#page_top a::before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f106';
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}


/* ******************************************************************************
    Media Query
********************************************************************************/
/*　画面サイズが768pxからここを読み込む　*/
@media (min-width:768px) {

    h1 {
        font-size: 5rem; /* font-size: 50px と同等 */
    }
    h2 {
        font-size: 2.8rem; /* font-size: 28px と同等 */
        font-weight: bolder;
    }


/* ------------------------------------------------------------------------------
    Header
-------------------------------------------------------------------------------*/
    #header {
        position: static;
    }
    .nav-item a.btn {
        background-color: #20b2aa;
        color: #fff;
        font-size: 1.5rem;
        padding: 0.25rem 0.125rem;
        width: 9rem;
        text-align: center;
        border: none !important;
    }
    .nav-link {
        padding: .75rem 0;
    }
    .nav-link.btn.rounded-pill{
        border-color:#fff;
    }


/* ------------------------------------------------------------------------------
    Fotter
-------------------------------------------------------------------------------*/
    #footer li {
        padding: 3% 0;
    }
    #footer img {
        width: 100%;
        margin: 4rem auto 1rem auto;
    }
    #footer .footer-nav-link {
        text-align: left;
    }
}

/*　画面サイズが992pxからここを読み込む　*/
@media (min-width: 992px) {

    .nav-item {
        border: none;
    }
    .nav.navbar-nav.navbar-right {
        margin-left: auto;
        margin-right: -0.9375rem;
    }

}


@media screen and (min-width:768px) and (max-width:991px) {
    /*　画面サイズが768pxから991pxまではここを読み込む　*/

    #header .nav-link {
        padding: 1.4rem;
    }

}