@charset "UTF-8";
/* company */


/*=====================================
page_image
=======================================*/

.page_image{
    width: 960px;
    margin: 200px auto 80px;
}

@media screen and (min-width:0px) and (max-width:767px){
    
    .page_image{
        width: 100%;
        margin: 140px auto 50px;
        text-align: center;
    }
}


/*=====================================
content 共通項目
=======================================*/

.content{
    width: 100%;
}
.content section{
    width: 960px;
    margin: 80px auto 100px;
}
.content h3{
    font-size: 24px;
    font-weight: 600;
    font-family:"游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    color: #7d0000;
    text-align: center;
    margin-bottom: 60px;
}
.content h3 img{
    vertical-align:sub;
    margin-right: 5px;
}
.content h3 span{
    font-size: 43px;
}
.content h3 small{
    display: block;
    font-size: 14px;
    margin-top: 15px;
}
.read_Text{
    font-size: 18px;
    font-weight: 600;
    line-height: 2em;
    text-align: center;
    margin-bottom: 35px;
}

@media screen and (min-width:0px) and (max-width:767px){

    .content{
        width: 100%;
        padding: 0 4%;
    }
    .content section{
        width: 100%;
        margin: 40px auto 60px;
    }
    .content h3{
        font-size: 20px;
        font-weight: 600;
        color: #7d0000;
        text-align: center;
        margin-bottom: 30px;
        line-height: 1.7em;
    }
    .content h3 img{
        vertical-align:sub;
        display: block;
        margin: 0 auto;
    }
    .content h3 span{
        font-size: 34px;
    }
    .content h3 small{
        display: block;
        font-size: 14px;
        margin-top: 15px;
    }
    .read_Text{
        font-size: 14px;
        font-weight: 600;
        line-height: 2em;
        text-align: justify;
        margin-bottom: 35px;
    }
}


/*=====================================
outline
=======================================*/

.outline{
    width: 100%;
}
.outline dl{
    margin-bottom: 40px;
}
.outline dl dt{
    width: 240px;
    background-color: #535353;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 2.3em;
    float: left;
}
.outline dl dd{
    width: 720px;
    padding:5px 0 0 30px;
    font-size: 16px;
    font-weight: 600;
    float: left;
}
.outline dl dd p{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.outline dl dd p span{
    display: inline-block;
    width: 170px;
}

@media screen and (min-width:0px) and (max-width:767px){

    .outline{
        width: 100%;
    }
    .outline dl{
        margin-bottom: 30px;
    }
    .outline dl dt{
        width: 240px;
        background-color: #535353;
        border-radius: 5px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        line-height: 2em;
        float: none;
    }
    .outline dl dd{
        width:100%;
        padding:5px 0 0 0;
        font-size: 15px;
        font-weight: 600;
        float: left;
    }
    .outline dl dd p{
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 5px;
    }
    .outline dl dd p span{
        display: block;
        color: #7d0000;
        width: 100%;
    }
}

/*=====================================
gmap
=======================================*/

.gmap{
    width: 960px;
    height:500px;
    margin: 20px auto 0;
}
.gmap iframe{
    width:100%;
    height:100%;
    margin:0 auto;
}

@media screen and (min-width:0px) and (max-width:767px){

    .gmap{
        width: 100%;
        height:300px;
        margin: 20px auto 0;
    }
    .gmap iframe{
        width: 100%;
        height:100%;
        margin:0 auto;
    }
}

/*=====================================
profime
=======================================*/

.profile h4{
    width: 240px;
    background-color: #535353;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 2.3em;
    margin-bottom: 50px;
}
.profile p{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 2em;
}
.btn_to_form a{
    display: block;
    width: 326px;
    height:106px;
    margin: 0 auto 100px;
    background-image: url("../img/company/btn_to_form_hover.png");
    cursor: pointer;
}
.btn_to_form a:hover img{
    display: none;
}

@media screen and (min-width:0px) and (max-width:767px){

    .profile h4{
        width: 240px;
        background-color: #535353;
        border-radius: 5px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        line-height: 2em;
        margin-bottom: 30px;
    }
    .profile p{
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 25px;
        line-height: 2em;
    }
    .btn_to_form a{
        display: block;
        width: 326px;
        height:106px;
        margin: 0 auto 100px;
        background-image: url("../img/company/btn_to_form_hover.png");
        cursor: pointer;
    }
    .btn_to_form a:hover img{
        display: none;
    }
}