@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/* フォントの色 */
.fwColor { color: #cc0000!important; }

@media all and (max-width: 767px) {
	.fwColor { display: block; text-align: center;}
}

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	mainVisual
------------------------------------------------------------*/
.mainVisual {
    min-height:  355px;
    position: relative;
    background: url("../../image/contact/main_visual_bg.jpg") no-repeat center center;
    background-size: cover !important;
}

.mainVisual:before {
    width: 100%;
    height: 9px;
    background: rgba(255,255,255,0.45);
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
}

.mainVisual h2 {
    margin-left: -504px;
    width: 1008px;
    color: #51473c;
    font-size: 5.4rem;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    letter-spacing: 7px;
    line-height: 1.25;
    position: absolute;
    left: 50%;
    top: 180px;
}

.mainVisual h2 span {
    margin: 1px 0 0 4px;
    display: block;
    color: #1eaf60;
    font-size: 1.6rem;
    letter-spacing: 3px;
}

@media all and (max-width: 767px) {
    .mainVisual {
        min-height:  138px;
        background-image: url("../../image/contact/sp_main_visual_bg.jpg");
    }

    .mainVisual:before {
        height: 5px;
    }

    .mainVisual h2 {
        margin-left: 0;
        width: auto;
        font-size: 2.7rem;
        letter-spacing: 0;
        top: 67px;
        left: 20px
    }

    .mainVisual h2 span {
        font-size: 0.8rem;
        letter-spacing: 1px;
    }
}

/*------------------------------------------------------------
	comBox
------------------------------------------------------------*/
#main .comBox {
    margin: 0 auto;
    width: 1000px;
}

@media all and (max-width: 767px) {
    #main .comBox {
        margin: 0 23px;
        width: auto !important;
    }
}