@charset "EUC-JP";

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

/compliance/overseas-check/css/overseas-check.css

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


/* Common
-------------------------------------------------------*/
/* Text */
h2.mainVI {
    display: flex;
    align-items: center;
    width: 640px;
    height:  160px;
    margin-bottom: 30px;
    padding: 10px;
    background: #10121F url("/compliance/overseas-check/images/header.png") no-repeat right top;
    box-sizing: border-box;
    color: #FFFFFF;
    font-size: 150%;
    font-weight: bold;
}
.column_01 p:not(:last-child) {
    margin-bottom: .5em;
}
h4 {
    margin-bottom: .5em;
    font-size: 100%;
    font-weight: bold;
}

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

ol.decimal {
    margin: 0 0 1em 0;
    padding-left: 1.5em;
}
ol.decimal li {
    list-style: decimal;
}
ol.decimal > li + li {
    margin-top: .5em;
}
.priceBlock ol.noteNo {
    font-size: 100%;
}

.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: 25px center;
    background-repeat: no-repeat;
}
.pointBlock .pointBody.checklist {
    background-image: url("/compliance/overseas-check/images/point-icon-checklist.png");
}
.pointBlock .pointBody.quality {
    background-image: url("/compliance/overseas-check/images/point-icon-quality.png");
}
.pointBlock .pointBody.cost {
    background-image: url("/compliance/overseas-check/images/point-icon-cost.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;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
}
.etcContact h4 {
    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;
}

/* Guide Block
-------------------------------------------------------*/
.guideBlock {
    margin-bottom: 30px;
}
.guideBlock h2,
.guideBlock p.button {
    text-align: center;
}
.guideBlock :last-child {
	margin-bottom: 0;
}