@charset "EUC-JP";

/* Used Only ===========================================

/compliance/gchecker/css/gchecker.css 

=======================================================*/


/* Common
-------------------------------------------------------*/
/* Text */
.column_01 p:not(:last-child) {
    margin-bottom: .5em;
}

/* List */
ul.disc {
    margin: 0 0 1em 0;
    padding-left: 1.5em;
    list-style: disc;
}
ul.disc > li + li {
    margin-top: .5em;
}

.supText {
    display: block;
    font-size: 11px;
    font-weight: normal;
}

/* Link */
.linkList a.navilink {
    position: relative;
    padding-left: 1.5em;
}
.linkList a.navilink::before, .linkList a.navilink::after {
    content: '';
    display: block;
    position: absolute;
}
.linkList a.navilink::before {
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    margin-top: -5px;
    background-color: #3D4453;
}
.linkList a.navilink::after {
    top: 50%;
    left: 2px;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border: 2px solid #FFFFFF;
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(-45deg);
}

/* Popup */
span.popup {
	display: inline-block;
	position: relative;
    padding-right: 16px;
    margin-right: 4px;
}
span.popup::before,
span.popup::after {
	content: '';
	display:block;
	position: absolute;
	width: 7px;
	height: 7px;
	top: 50%;
	border: 1px solid #2c3840;
	transition: .3s ease-in-out;
}
span.popup::before {
	right: 0;
	margin-top: -2px;
}
span.popup::after {
	right: 4px;
	margin-top: -6px;
}

/* Read Block
-------------------------------------------------------*/
.readBlock {
    width: 620px;
    margin-bottom: 30px;
}

/* Point Block
-------------------------------------------------------*/
.pointBlock {
    width: 620px;
    margin-bottom: 30px;
}
.pointBlock * :last-child {
    margin-bottom: 0;
}
.pointBlock h4 {
    padding: 10px;
    background-color: #F3F3F3;
    border-bottom: solid 1px #CCCCCC;
    font-size: 130%;
    font-weight: bold;
}
.pointBlock h4 strong {
    font-size: 130%;
}
.pointBlock .pointBody {
    padding: 15px 10px 15px 120px;
    background-position: 10px center;
    background-repeat: no-repeat;
}
.pointBlock .pointBody.search {
    background-image: url("/compliance/gchecker/images/point-icon-search.png");
}
.pointBlock .pointBody.formula {
    background-image: url("/compliance/gchecker/images/point-icon-formula.png");
}
.pointBlock .pointBody.report {
    background-image: url("/compliance/gchecker/images/point-icon-report.png");
}
.pointBlock > ul > li {
    border: solid 1px #CCCCCC;
    margin: 15px 0;
}
.pointBlock > ul > li + li {
    margin-top: 15px;
}

/* etc Service
-------------------------------------------------------*/
.etcService {
    width: 640px;
    margin-bottom: 30px;
}
.etcService ul.etc {
    margin-bottom: 30px;
}
.etcService ul.etc > li {
    padding: 20px 15px;
    border-bottom: 1px dotted #666666;
}
.etcService ul.etc > li.none {
    border-bottom: none;
}
.etcService ul.etc h4 {
    margin-bottom: .5em;
    padding-left: 10px;
    border-left: 4px solid #0059a0;
    font-size: 130%;
    font-weight: bold;
}
.etcService h4 span {
    display: block;
    margin-bottom: .25em;
    font-size: 11px;
    font-weight: normal;
}

/* etc Contact ----------------------------------------*/
.etcContact {
    width:  560px;
    margin: 30px auto 0 auto;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
}
.etcContact h5 {
    padding: 5px 10px;
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
}
.etcContact .support {
    display: flex;
    justify-content: center;
}
.etcContact .support li {
    min-width: 40%;
}
.etcContact .support li + li {
    margin-left: 20px;
}
.etcContact .support .tel strong {
    display: block;
    font-size: 130%;
}
.etcContact .support .mail strong {
    display: block;
    font-size: 120%;
}
.etcContact .etcBody {
    padding: 10px;
}

/* Banner Block
-------------------------------------------------------*/
.bannerBlock {
    margin-bottom: 40px;
}
.bannerBlock li + li {
    margin-top: 20px;
}