@charset "utf-8";

/* ==================================================================
	company.css
	
=================================================================== */

/* ==================================================================
	top
=================================================================== */


/* --------------------------------
   □ #intro
-------------------------------- */ 
#intro h3{
	font-size: 212%;
    text-align: center;
    line-height: 1.8;
    margin-bottom: 50px;
}
#intro h3 em {
    color: #6eadbf;
}
#intro p.img {
    margin-bottom: 50px;
}
#intro p.txt {
    line-height: 1.8;
}

/* --------------------------------
   □ .zehInfo
-------------------------------- */ 
section.zehInfo > .container {
    background: #f3f3f3;
    padding: 55px 80px;
    overflow: hidden;
}

section.zehInfo > .container h3 {
    color: var(--text-color, #212529);
    font-size: 156%;
    margin-bottom: 20px;
}
section.zehInfo > .container h3 span {
    font-size: 70%;
}

section.zehInfo .column{
	box-sizing:border-box;
	float:left;
	width:50%;
}

section.zehInfo .column1{
	padding-right:30px;
}

section.zehInfo .column2{
	padding-left:30px;
}
	section.zehInfo table.tableStyle{
		border:0;
		border-top:2px solid #dbdbdb;
	}
	section.zehInfo table.tableStyle th,
	section.zehInfo table.tableStyle td{
		font-size:93%;
		border:0;
		border-bottom:2px solid #dbdbdb;
		padding:25px 0;
		line-height:1.8;
	}
	section.zehInfo table.tableStyle th{
		width:50%;
		vertical-align:top;
		font-weight:600;
	}
	section.zehInfo.trust table.tableStyle th{
		width:16%;
	}
	section.zehInfo.trust table.tableStyle td{
        text-align: center;
	}

section.zehInfo dl{
	margin-top: 45px;
}
section.zehInfo dl dt{
    font-size: 125%;
    margin-bottom: 15px;
    font-weight: bold;
}



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


    /* --------------------------------
       □ #intro
    -------------------------------- */ 
    #intro h3{
        font-size: 140%;
        margin-bottom: 10%;
    }
    #intro h3 br{
        display: none;
    }
    #intro p.img {
        margin-bottom: 10%;
    }

    /* --------------------------------
       □ .zehInfo
    -------------------------------- */ 
    section.zehInfo > .container {
        background: #f3f3f3;
        padding: 8% 5%;
        overflow: hidden;
    }

    section.zehInfo > .container h3 {
        color: var(--text-color, #212529);
        font-size: 150%;
        margin-bottom: 20px;
    }
    section.zehInfo > .container h3 span {
        font-size: 55%;
        display: block;
    }


    section.zehInfo .column{
        float:none;
        width:auto;
    }

    section.zehInfo .column1{
        padding-right:0;
    }

    section.zehInfo .column2{
        padding-left:0;
        margin-top: -2px;
    }

        section.zehInfo .column table.tableStyle{
            border:0;
            border: none;

        }

        section.zehInfo .column table.tableStyle th,
        section.zehInfo .column table.tableStyle td{
            padding:3% 0;
            display: block;
            border: none;

        }
        section.zehInfo .column table.tableStyle th{
            width:100%;
            vertical-align:top;
            font-weight:normal;
            background: #e6e6e6;
            padding-left: 1em;
            box-sizing: border-box;
            color: #666;
        }
        section.zehInfo .column table.tableStyle td{
            margin-bottom: 1em;
            padding-left: 1em;
            padding-right: 1em;
        }

        section.zehInfo.trust table.tableStyle th,
        section.zehInfo.trust table.tableStyle td{
            font-size: 80%;
        }
        section.zehInfo.trust table.tableStyle th{
            width: 26%;
        }

    section.zehInfo dl{
        margin-top: 10%;
    }
    section.zehInfo dl dt{
        font-size: 115%;
        margin-bottom: 4%;
        font-weight: bold;
    }


}