@charset "UTF-8";


/****************************************************
PC向けレイアウトは
@media ( min-width : 768px )｛
｝
内に記述

スマートデバイス向けレイアウトにmedia-queriesは必要なし
****************************************************/


/******* greeting area *******/

.greeting_ttl{
    text-align: center;
    margin: 60px auto 20px auto;
    border-bottom: 3px solid #C10003;
    font-size: 30px;
}

.greeting_txt{
    margin: 0 auto;
    padding:15px;
    color:#666;
}

.greeting_txt_center{
    text-align: center;
    margin: 0 auto;
    padding:15px;
    color:#666;
}  

.greeting_name{
    text-align: right;
    margin: 15px 10px 0 0;
    padding:10px 0;
    color:#666;
}


@media ( min-width : 768px ){
    .greeting_ttl{
        text-align: center;
        margin: 60px auto 20px auto;
        border-bottom: 3px solid #C10003;
        font-size: 30px;
    }

    .greeting_txt{
        margin: 0 auto;
        padding:0;
        color:#666;
    }   

    .greeting_name{
        text-align: right;
        margin: 15px 10px 0 0;
        padding:10px 0;
        color:#666;
    }

}



/******* companyoutline area *******/

.company_ttl{
    text-align: center;
    margin:100px auto 40px auto;
    padding:0;
    border-bottom:3px solid #C10003;
    font-size: 30px;
}

.company_ph img{
    width: 60%;
    margin: 0;
    padding: 0;
}


.outline_table{
	width:90%;
	margin:0 auto 40px auto;
	padding:0 5px;
	font-size:12px;
    color: #666;
}

td.item{
	width:35%;
}

.list_margin1{
    margin:0 0 1em 0;
    padding:0;
}
.list_margin2{
    margin:0;
    padding:0 0 0 1em;
}
.list_margin3{
    margin:0 0 1em 0;
    padding:0 0 0 1em;
}

@media ( min-width : 768px ){
    .company_ttl{
        text-align: center;
        margin:100px auto 40px auto;
        padding:0;
        border-bottom:3px solid #C10003;
        font-size: 30px;
    }
    
    .company_ph img{
        width: 60%;
        margin: 0 0 20px 0;
        padding: 0;
    }
    
    
    .outline_table{
        width:98%;
        margin:0 auto 40px auto;
        padding:0 5px;
        font-size:14px;
        color: #666;
    }

    td.item{
        width:20%;
        padding:8px;
        text-indent: 1em;
    }

    .info-color-red{
        color:#C10003;
    }
}


/******* access area *******/
.access_ttl{
    text-align: center;
    margin:40px auto 0 auto;
    padding:0;
    border-bottom:3px solid #C10003;
    font-size: 30px;
}

.ggmap {
    position: relative;
    margin: 0 0 60px 0;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


@media ( min-width : 768px ){
   .access_title{
        width:25%;
        margin:20px auto 0 auto;
        padding:0;
        border-bottom:3px solid #C10003;
    }
}



/******* contact area *******/
.contact_title{
    width:70%;
    margin:40px auto 0 auto;
    padding:0;
}

.contact_table{
	width:98%;
	margin:0 auto 40px auto;
	padding:0 5px;
	font-size:12px;
    color: #666;
}

td.cont_item{
	width:35%;
}



@media ( min-width : 768px ){
   .contact_title{
        width:25%;
        margin:60px auto 0 auto;
        padding:0;
    }

    .contact_table{
        width:100%;
        margin:0 auto 60px auto;
        padding:0;
        font-size:14px;
    }

    td.cont_item{
        width:30%;
        padding:8px;
    }
}