@charset "utf-8";
/*!
 * other CSS
 * ---------------------------------------------
 * 下層ページのcss
 * 
 */


/*===================================
    element
=====================================*/
/*  リスト
--------------------------------*/

.arrowList {
    margin: 0 30px;
    border-bottom: solid 1px #e5e5e5;
    line-height: 1.2;
}
.arrowList > li {
    padding-left: 13px;
    border-top: solid 1px #e5e5e5;
}
.arrowList > li ul {
    margin: -0.5em 0 1em 39px;
}
.arrowList a {
    display: block;
    color: #1766cb;
}
.arrowList a:hover {
    text-decoration: underline;
}
.arrowList > li > a {
    padding: 1em 0;
    font-size: 20px;
}
.arrowList > li ul a {
    padding: 0.8em 0;
    font-size: 18px;
}
.arrowList > li p {
    margin: 0 0 1em 24px;
}


/*===================================
	企業情報
=====================================*/

.company dl.parallel dt {
    width: 8em;
}
.company .definList dd ul {
    margin-bottom: -0.5em;
}
.company .definList dd li {
    margin-bottom: 0.5em;
}
.company .definList dd .brkPc {
    display: inline-block;
}
.company .definList dd ul.inln {
    margin-bottom: 0;
}
.company .inln li {
    padding: 0;
    white-space: nowrap;
}
.company .inln li:after {
    content: "、";
    display: inline
}
.company .inln li:nth-last-of-type(1):after {
    display: none;
}
.companyList {
    padding-bottom: 1em;
    border-bottom: solid 1px #e5e5e5;
}
.companyList dt {
    margin-top: 1em;
    padding: 1em 1em 0.5em;
    border-top: solid 1px #e5e5e5;
}
.companyList dt:before {
    display: inline;
    content: "● ";
}
.companyList dt ,.companyList dt a {
    color: #1766cb;
}
.companyList dt a:hover {
    text-decoration: underline;
}
.companyList dd {
    padding-left: 1em;
}
.company .sec p.bd {
    padding: 1em 0 0.5em 1em;
    border-top: solid 1px #e5e5e5;
}
/*===================================
	サイトマップ
=====================================*/

.arrowList + ul {
    margin: 0 30px;
    padding-left: 17px;
    border-bottom: solid 1px #e5e5e5;
}
.arrowList + ul li {
    display: inline-block;
}
.arrowList + ul li:after {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 1.6em;
    margin-top: -2px;
    background: #ccc;
}
.arrowList + ul li:nth-last-of-type(1):after {
    display: none;
}
.arrowList + ul li a {
    display: inline-block;
    padding: 1em;
    color: #1766cb;
    font-size: 20px;
}
.arrowList + ul li a:hover {
    text-decoration: underline;
}

/*===================================
	個人情報保護方針
=====================================*/

.privacy .sec ol {
    margin-top: 3em;
}
.privacy .sec li {
    margin-bottom: 1em;
}
.sign {
    margin: 3em 0;
    text-align: right;
}

/*===================================
	環境方針
=====================================*/

.environment .sec li {
    margin-bottom: 1em;
}
.environment .sec .dem + p {
    margin: 2em 0;
    font-size: 110%;
    text-align: center;
}

/*===================================
	情報セキュリティ基本方針
=====================================*/
.isms .sec ol {
    margin-top: 3em;
}
.isms .sec li {
    margin-bottom: 1em;
}
.isms .sec li h3:before,.isms .sec li h3:after {
    display: inline;
}
.isms .sec li h3:before {
    content: "【";
}
.isms .sec li h3:after {
    content: "】";
}
.isms .sec li p {
    margin-left: .5em;
}

/*===================================
	ISOの適用範囲
=====================================*/

.iso .definList dd ul {
    margin-bottom: -0.5em;
}
.iso .definList dd li {
    margin-bottom: 0.5em;
}

/************************************************************************************
smaller than 660px
*************************************************************************************/
@media screen and (max-width: 660px) {
	
    /*===================================
        element
    =====================================*/
    /*  リスト
    --------------------------------*/

    .arrowList {
        margin: 50px 0 0;
    }
    .arrowList > li {
        padding-left: 13px;
        border-top: solid 1px #e5e5e5;
    }
    .arrowList > li ul {
        margin: -0.5em 0 1em 39px;
    }
    .arrowList a {
        display: block;
        color: #1766cb;
    }
    .arrowList a:hover {
        text-decoration: underline;
    }
    .arrowList > li > a {
        padding: 1em 0;
        font-size: 28px;
    }
    .arrowList > li ul a {
        padding: 0.8em 0;
        font-size: 26px;
    }
	.arrowList > li p {
        margin-left: 38px;
    }
    
    /*===================================
        企業情報
    =====================================*/
    
    .company .definList dd .brkPc {
        display: none;
    }
	
	/*===================================
        サイトマップ
    =====================================*/

    .arrowList + ul {
        margin: 0;
    }
    .arrowList + ul li:nth-last-of-type(even):after {
        display: none;
    }
    .arrowList + ul li a {
        font-size: 28px;
    }

	
	/*===================================
        環境方針
    =====================================*/

    .environment .sec .dem + p {
        text-align: left;
    }
	
}