@charset "euc-jp";
@import url('../common/css/header_lo.css');

main { margin: 0 auto 50px; padding: 0 10px;}

h2 { font-size: 20px; font-weight: 900;}

#pankuzu { max-width: 800px; margin: 50px auto 20px;}

/**============================================================================================**/
/* レスコ艤装 タイトル */
h1 {
    position: relative;
    box-sizing: border-box; max-width: 800px; margin: 0 auto 30px; padding: 20px 220px 20px 10px;
    background: #06367a;
    color: #fff; font-size: 22px; font-weight: 900;}

h1::after {
    content: '';
    display: block; position: absolute; top: 50%; right: 10px;
    width: 200px; height: 25px;
    background: url("logo-giso_wh.webp");
    transform: translateY(-50%);}

@media screen and (max-width:699px){
    h1 { padding: 15px 10px; text-align: center;}

    h1::after {
        position: static;
        margin: 15px auto 0;
        transform: translateY(0%);}
}

/* ボートメンテナンス　レスコ艤装 */
main .dis-tbl_tab { width: 100%; max-width: 800px; margin: 0 auto 50px;}
main .dis-tbl_tab > * { display: table-cell; vertical-align: top;}

main .dis-tbl_tab p { padding: 0 15px 0 0;}
main .dis-tbl_tab div { padding: 0 0 0 15px;}

/* 作業実績 */
main .dis-tbl_tab h2 { 
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 30px; padding: 0 0 0 10px;
    border-left: solid 10px #06367a;}

main li { margin: 20px 0 0; font-size: 18px;}

@media screen and (max-width:699px){
    main .dis-tbl_tab > * { display: block; margin: 0 auto; padding: 0;}
    
    main .dis-tbl_tab p { margin: 0 0 30px;}
}

/**========================================**/
/* Instagram */
main .posi-rlt { box-sizing: border-box; max-width: 800px; padding: 0 110px 0 0; margin: 0 auto;}
main .posi-rlt h2 {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    height: 40px; padding: 0 0 0 60px;}

main .posi-rlt h2::before {
    content: '';
    display: block;position: absolute; top: 0; left: 0;
    width: 40px; height: 40px;
    background: url("instagram.webp");}

/* すべて見る */
main .posi-rlt a {
    display: inline-block; position: absolute; top: 50%; right: 0;
    padding: 0 24px 0 0;
    transform: translateY(-50%);}

/* 下線・外部リンクアイコン */
main .posi-rlt a::before,
main .posi-rlt a::after{
    content: '';
    display: block; position: absolute;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;}

/* 下線 */
main .posi-rlt a::before {
    bottom: 0; left: 0;
    width: 100%; height: 1px;
    background: #000;}
	
main .posi-rlt a:hover::before { background: #FF7E00;}

/* 外部リンクアイコン */
main .posi-rlt a::after {
    top: 50%; right: 0;
    width: 14px; height: 14px;
    background: url("outlink_bk.webp");
    transform: translateY(-50%);}
    
main .posi-rlt a:hover::after { background: url("outlink_or.webp");}

main .m-0a { max-width: 880px; margin-top: -20px;}



address { 
    max-width: 800px; margin: 30px auto 0;
    font-style: normal;}


address h2 { 
    margin: 0 0 20px; padding: 0 0 15px; 
    border-bottom: solid 1px #000;}

address p { margin: 0 0 15px;}

address a { text-decoration: underline;}




/* LastUp2025.07.25_kimata */