/* ************************************************************ */
/*
/*  Reset CSS
/*  ブラウザ間の差異をなくすためのCSS
/*
/* ************************************************************ */
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;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {
    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;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

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 #000;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}

/* ************************************************************ */
/*
/*  Common Styles
/*  各ページ共通スタイル
/*
/* ************************************************************ */
html, body {
    width: 100%;
}

html {
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProW3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGohic", Osaka, sans-serif;
    font-size: 62.5%;
}

body {
    font-size: 140%;
    font-size: 1.4rem;
    line-height: 280%;
    line-height: 2.8rem;
    width: 100%;
}

.container {
    width: 1400px;
    margin: 0px auto;
}

.pc_view {
    display: block;
}

.sp_view {
    display: none;
}

@media (max-width: 768px) {
    img {
        max-width: 100%;
    }

    .container {
        width: 100%;
    }

    .pc_view {
        display: none;
    }

    .sp_view {
        display: block;
    }
}

/* ************************************************************ */
/*
/*  header Styles
/*  Header共通スタイル
/*
/* ************************************************************ */
header {
    overflow: hidden;
}

header .container {
    overflow: hidden;
}

header h1 {
    margin: 13px 27px;
    float: left;
}

header .tels {
    margin: 22px 22px 0px;
    float: right;
}

header .tels img {
    padding: 0px 0px 0px 40px;
}

header .btns {
    float: right;
    clear: right;
    letter-spacing: -0.1rem;
    margin: 0px 22px 13px;
}

header .btns a {
    line-height: 25px;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0rem;
    background: url(../images/header_btn_bg.png) left center no-repeat;
    width: 172px;
    height: 25px;
    margin: 0px 0px 0px 25px;
    padding: 0px 0px 0px 30px;
    display: inline-block;
    box-sizing: border-box;
}

header i.fa.fa-bars {
    display: none;
}

@media (max-width: 768px) {
    header h1 {
        width: 40%;
        margin: 13px 0px 13px 27px;
        float: left;
    }

    header .tels {
        width: 40%;
        margin: 22px 22px 0px 0px;
        float: right;
    }

    header .tels img {
        padding: 0px;
    }

    header .btns {
        float: left;
        clear: both;
    }

    header .btns a {
        margin: 10px 0px 0px;
        padding: 0px 0px 0px 30px;
        display: block;
    }

    header i.fa.fa-bars {
        font-size: 3.6rem;
        color: #424dd3;
        text-align: right;
        padding: 40px 22px 0px 0px;
        clear: right;
        display: block;
    }
}

header h2 {
    border-top: #424dd3 5px solid;
}

header h2 img {
    width: 1080px;
    margin: auto;
    display: block;
}

header nav {
    background: #424dd3;
    width: 100%;
    height: 80px;
    padding: 25px;
    box-sizing: border-box;
}

header .gnav {
    width: 1080px;
    margin: auto;
    overflow: hidden;
}

header .gnav li {
    padding: 0px 31px;
    float: left;
}

@media (max-width: 768px) {
    header nav {
        height: auto;
        padding: 0px;
    }

    header .gnav {
        width: 100%;
        display: none;
    }

    header .gnav li {
        line-height: 40px;
        text-align: center;
        width: 100%;
        height: 40px;
        padding: 0px;
        float: none;
        border-bottom: #ffffff 1px dotted;
    }

    header .gnav li:last-of-type {
        border-bottom: none;
    }

    header .gnav li a {
        color: #ffffff;
        text-decoration: none;
    }
}

/* ************************************************************ */
/*
/*  contents Styles
/*  Contents共通スタイル
/*
/* ************************************************************ */
.contents {
    overflow: hidden;
}

.contents h3 {
    font-size: 2.6rem;
    line-height: 3rem;
    color: #40210f;
    text-align: center;
    background: url(../images/title_bg.png) bottom center no-repeat;
    height: 40px;
    margin: 60px auto 40px;
}

.campWrap {
    text-align: center;
    margin-bottom: 40px;
}

.topNote {
	margin-bottom: 100px;
}

@media (max-width: 768px) {
    .contents h3 {
        font-size: 1.8rem;
    }

	.topNote h3 {
		margin-top: 20px;
	}
}

.contents .contact_bunners {
    text-align: center;
    padding: 40px 0px;
}

@media (max-width: 768px) {
    .contents .contact_bunners {
        text-align: center;
        padding: 20px;
    }

    .campWrap {
        width: 90%;
        margin: 0 auto;
    }
}

.contents .bunners {
    width: 730px;
    margin: 45px auto 20px;
}

.contents .bunners .bunner {
    overflow: hidden;
}

.contents .bunners li {
    float: left;
}

.contents .bunners li:last-of-type {
    float: right;
}

@media (max-width: 768px) {
    .contents .bunners {
        width: 100%;
        margin: 0px auto 20px;
        padding: 0px 20px;
        box-sizing: border-box;
    }

    .contents .bunners li {
        text-align: center;
        float: none;
    }

    .contents .bunners li:last-of-type {
        float: none;
    }
}

/* ************************************************************ */
/*
/*  footer Styles
/*  Footer共通スタイル
/*
/* ************************************************************ */
footer {
    width: 100%;
    border-top: #424dd3 5px solid;
}

footer .container {
    overflow: hidden;
}

footer address {
    line-height: 2.2rem;
    font-style: normal;
    margin: 0px 25px 0px 16px;
    float: left;
    padding: 30px 0px 0px;
}

footer .address {
    line-height: 2.2rem;
    font-style: normal;
    margin: 0px 25px 0px 16px;
    float: left;
    padding: 30px 0px 0px;
}

@media (max-width: 768px) {
    footer address {
        text-align: center;
        margin: 0px;
        padding: 30px 20px 0;
        float: none;
    }
}

footer .bunners {
    float: left;
    overflow: hidden;
    padding: 50px 0px 0px;
}

footer .bunners a {
    /* margin: 0px 25px 0px 0px; */
    float: left;
    display: block;
}

footer .bunners img {
    margin: 0px 25px 10px 0px;
    float: left;
    display: block;
}

@media (max-width: 768px) {
    footer .bunners {
        padding: 20px 30px 0 0;
        float: none;
    }

    footer .bunners a {
        margin: 0px;
        float: left;
        display: block;
    }

    footer .bunners a:last-of-type {
        float: right;
    }
}

footer .links {
    width: 470px;
    margin: 10px 20px 0px 0px;
    float: right;
    overflow: hidden;
}

footer .links li {
    height: 32px;
    float: left;
}

footer .links li:first-of-type {
    width: 100%;
}

footer .links li:nth-of-type(3n - 1) {
    width: 180px;
}

footer .links li:nth-of-type(3n) {
    width: 150px;
}

footer .links li a {
    text-decoration: none;
}

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

a img {
    background: none!important;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

a:hover img {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha( opacity=50 )";
    background: none!important;
}

@media (max-width: 768px) {
    footer .links {
        width: 100%;
        margin: 10px 0px 0px;
        padding: 0px 10px;
        float: none;
    }

    footer .links li {
        width: 50%;
        height: 32px;
        float: left;
    }

    footer .links li:first-of-type {
        width: 100%;
    }

    footer .links li:nth-of-type(3n - 1) {
        width: 50%;
    }

    footer .links li:nth-of-type(3n) {
        width: 50%;
    }
}

footer .copyright {
    color: #40210f;
    text-align: center;
    line-height: 2.4rem;
    width: 100%;
    height: 30px;
    border-top: #424dd3 5px solid;
}

.footnumber {
    text-align: right;
    font-size: 14px;
    line-height: 25px;
    padding: 0 3%;
}