@charset "UTF-8";
#wrapper{
    padding-top:20px;
}
/* fixed_gnav
......................................................... */

#gnav_container {
    top: -62px;
    -webkit-transition: 0.25s top ease-out;
    -o-transition: 0.25s top ease-out;
    transition: 0.25s top ease-out;
}

#gnav_container.is_show {
    top: 0;
}


/* top_gnav
......................................................... */

#gnav {
    width: 968px;
    height: 70px;
    background-color: #feb711;
    margin: 0 auto;
    padding-top: 4px;
    box-sizing: border-box;
    position: relative;
    margin-top: -34px;
}

#gnav .nav_item {
    width: 282px;
    height: 62px;
    background-color: #fff;
    float: left;
    margin-right: 5px;
    -webkit-transition: 0.1s background-color linear;
    -o-transition: 0.1s background-color linear;
    transition: 0.1s background-color linear;
}

#gnav .nav_item:hover {
    background-color: #fbeac6;
}

#gnav .nav_item a {
    text-decoration: none;
    color: #000;
    text-align: center;
    line-height: 63px;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../common/img/ico_arw.png) 249px center no-repeat;
}

#gnav .nav_item a span {
    margin-left: -12px;
}

#logo_area {
    width: 107px;
    /* height: 53px; */
    float: left;
    padding-top: 4px;
    text-align: center;
}


/* main_visual
......................................................... */

.main_visual {
    width: 1240px;
    height: 560px;
    background: url(../img/img_main.jpg) center center no-repeat;
    background-size: cover;
    margin: 0 auto;
    /* margin-top: 20px; */
    position: relative;
}

.main_visual h1 {
    position: absolute;
    top: 117px;
    left: 320px;
}

.main_visual h2 {
    position: absolute;
    top: 350px;
    left: 320px;
}


/* point3
......................................................... */

#point3 {
    margin-top: 20px;
    width: 1240px;
    margin: 0 auto;
    margin-top: 102px;
}

#point3 .point_title {
    text-align: center;
}

#point3 ul {
    background-color: #feb711;
    overflow: hidden;
    padding: 4px 0;
}

#point3 ul .point_item {
    width: 408px;
    margin-left: 4px;
    background-color: #fff;
    float: left;
    text-align: center;
    padding-bottom: 12px;
}

#point3 ul .point_item a:hover {
    opacity: 0.8;
}

#point3 ul .point_item a {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: 0.1s opacity linear;
    -o-transition: 0.1s opacity linear;
    transition: 0.1s opacity linear;
}

#point3 ul .point_item a .title {
    height: 59px;
    margin-top: 22px;
}

#point3 ul .point_item a .title img {
    vertical-align: middle;
}

#point3 ul .point_item a .txt {
    margin-top: 18px;
    display: inline-block;
    padding-right: 33px;
    background: url(../common/img/ico_arw.png) right 1px no-repeat;
}

#point3 ul .point_item a .txt img {
    vertical-align: top;
}

#point_item_3 .title img {
    margin-top: 19px;
}

#point3 .btn {
    width: 390px;
    height: 70px;
    margin: 0 auto;
    background: #feb711;
    box-sizing: border-box;
    margin-top: 39px;
    padding: 4px;
}

#point3 .btn a {
    /* display: block; */
    /* width: 100%; */
    /* height: 100%; */
    /* line-height: 62px; */
    /* text-align: center; */
    background: #fff url(../common/img/ico_arw.png) 342px center no-repeat;
    /* -webkit-transition: 0.1s background-color linear; */
    -o-transition: 0.1s background-color linear;
    /* transition: 0.1s background-color linear; */
    /* vertical-align: middle; */
}

#point3 .btn a:hover {
    background-color: #fbeac6;
}


/* bottom_area
......................................................... */

#bottom_area {
    margin-top: 80px;
    text-align: center;
    position: relative;
}