@charset "UTF-8";


/* -----  main visual ----- */

.mainvisual {
    background: url(../../img/top_visual_bg@2x.jpg) no-repeat 50% 50%;
    min-height: 310px;
    background-size: cover;
    position: relative;
}

.mainvisual--catch img {
    max-width: 517px;
    margin: auto;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 1;
}


/* -----  main contents ----- */
.main-contents {
	display: block;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 0.875rem;
}

.main-contents .tit {
    display: flex;
    align-items: center;
    margin-top: 70px;
}


.main-contents .tit .tit_line {
    width: 10px;
    height: 165px;
    background: #1e5f43;
}

.main-contents .tit img {
    margin-left: 35px;
	width: auto;
	height: 60px;
}

.main-contents .tit .tit_name {
    color: #fff;
    margin-left: 30px;
    line-height: 1;
}

.main-contents .tit .tit_name h1 {
    font-size: 1.75rem;
    font-weight: bold;
    letter-spacing: 0.14em;
}

.main-contents .tit .tit_name .s_tit {
    font-size: 0.75rem;
    font-weight: normal;
    letter-spacing: 0.1em;
}



/* -----  footer ----- */

.footer {
    	margin-top: 100px;
}
	

/* ------------------------------------------------------------
   -767px以下-
------------------------------------------------------------ */	


@media (max-width: 767px) {
.mainvisual {
        min-height: 150px;
    }
.mainvisual--catch img {
        width: 70%;
        top: 30%;
    }
.main-contents .tit .tit_line {
        height: 90px;
    }
	
.main-contents .tit {
    margin-top: 30px;
}
	
.main-contents .tit img {
        height: 45px;
		margin-left: 20px;
    }
.main-contents .tit .tit_name {
        line-height: 0.9;
    }
.main-contents .tit .tit_name h1 {
        font-size: 1.375rem;
    }
}