/*
 *
 *	common style
 *
 */
div, footer, header, hgroup, nav, section, aside, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, table, caption, tr, th, td, figcaption, figure, textarea, a, span {
    box-sizing: border-box;
    -moz-box-sizing: border-box
    }
::selection {
    background: #E0E0E0;
    color: #000;
    text-shadow: #fff 1px 1px 0
    }
::-moz-selection {
    background: #E0E0E0;
    color: #000;
    text-shadow: #fff 1px 1px 0
    }
body {
    font-size: 0.9em;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Helvetica, Meiryo, "メイリオ", sans-serif;
    color: #381d0f;
    -webkit-text-size-adjust: 100%
    }
::selection {
    background: #E0E0E0;
    color: #000;
    text-shadow: #fff 1px 1px 0
    }
::-moz-selection {
    background: #E0E0E0;
    color: #000;
    text-shadow: #fff 1px 1px 0
    }
a, a:visited, a img, .hoverBtn {
    text-decoration: underline;
    color: #381d0f;
    transition: all 0.4s ease
    }
a:hover, .hoverBtn:hover {
    text-decoration: none;
    color: #512f20
    }
.hoverBtn:hover {
    opacity: 0.7
    }
img {
    max-width: 100%;
    height: auto
    }
/*======================================
	gHeader
======================================*/
.gHeader {
    background: url(../images.4054d0acec98bcc56290e2979e8d5b77/header-bg.jpg) bottom center no-repeat;
    background-size: cover;
    box-shadow: rgba(0, 0, 0, 0.5) 0 -5px 5px -5px inset
    }
/*======================================
	contentsBox
======================================*/
.contentsBox {
    padding: 0 1em 2em;
    background: url(../images.4054d0acec98bcc56290e2979e8d5b77/contents-bg.jpg) center 3em no-repeat;
    background-size: cover
    }
.contentsBox h1 {
    margin: 0 auto;
    line-height: 0;
    text-align: center
    }
.contentsBox ul li, .contentsBox ol li, .contentsBox dl dt, .contentsBox dl dd {
    line-height: 1.3;
    margin-bottom: 0.5em
    }
.contentsBox p {
    line-height: 1.5
    }
.contentsBox .fontS {
    font-size: 0.8em
    }
.contentsBox .fontL {
    font-size: 1.1em
    }
.contentsBox .alC {
    text-align: center
    }
.contentsBox .alR {
    text-align: right
    }
/****** gNav ******/
.gNav {
    margin: 0.5em auto 1em
    }
.gNav ul {
    overflow: hidden
    }
.gNav ul li {
    float: left;
    width: 50%;
    padding: 0 3%;
    line-height: 0;
    text-align: center
    }
/*======================================
	gFooter
======================================*/
.gFooter {
    padding: 0.8em;
    background: #3868b1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #648ac4), color-stop(0.95, #3868b1), color-stop(0, #2a4e85));
    background: -webkit-linear-gradient(top, #648ac4 0%, #3868b1 95%, #2a4e85 100%);
    background: -moz-linear-gradient(top, #648ac4 0%, #3868b1 95%, #2a4e85 100%);
    background: -ms-linear-gradient(top, #648ac4 0%, #3868b1 95%, #2a4e85 100%);
    background: linear-gradient(top, #648ac4 0%, #3868b1 95%, #2a4e85 100%);
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    font-size: 0.8em;
    color: #fff
    }
.gFooter p {
    text-align: center
    }
/****** pagetop ******/
.gFooter .pagetop {
    position: fixed;
    bottom: 20px;
    right: 10px;
    width: 15%;
    max-width: 87px;
    cursor: pointer
    }
/*============================================================================

	responsive

============================================================================*/
@media screen and (min-width: 768px) {
    body {
        font-size: 1em
        }
    /*======================================
    	contentsBox
    ======================================*/
    /****** gNav ******/
    .gNav ul li {
        width: 25%;
        padding: 0
        }
    }
@media screen and (min-width: 940px) {
    body {
        font-size: 1.1em
        }
    /*======================================
    	common
    ======================================*/
    .wrapper {
        width: 920px;
        margin: 0 auto 2em !important
        }
    }