/******* 会社概要 *******/

#company_profile {
    padding: 0 3px;
}

.section-title {
    border-bottom: 2px solid #282828;
    font-size: 110%;
    margin: 10px 0;
    padding-bottom: 5px;
}

#company_profile table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    line-height: 1.5em;
}

#company_profile tr {
    border-bottom: 1px dotted #ccc;
}

#company_profile table td:first-child {
    width: 30%;
    text-align: left;
    padding: 5px 0 5px 10px;
}

#company_profile table td:last-child {
    text-align: left;
    padding-left: 10px;
}

/******* 法人のお客様ページ *******/

.page-h2 {
    font-size: 150%;
    border-left: 6px solid #1f6396;
    border-bottom: 1px solid #aaa;
    padding: 10px 1px 8px 8px;
}

#CG_tab {
    background: #e9e9e9;
    border-bottom: 3px solid #1f6396;
}

#CG_tab:after {
    content: "";
    display: block;
    clear: both;
}

#CG_tab li {
    float: left;
    text-align: center;
    width: 50%;
    font-size: 110%;
}

#CG_tab li:last-child {
    background: none;
}

#CG_tab li a {
    display: block;
    padding: 15px 0 10px 0;
    text-decoration: none;
    color: #222;
}

#CG_tab li a:hover {
    background: #77add6;
    color: #fff;
}

#CG_tab li.active,
#CG_tab li.active a,
#CG_tab li.active a:hover {
    background: #1f6396;
    color: #fff;
}

#CG_detail {
    clear: both;
    overflow: hidden;
    background: #f7f7f7;
    padding: 5px;
}

.tabbox {
    display: none;
}

.tabbox>ul>li {
    border: 1px solid;
    margin-bottom: 10px;
    background: white;
}

.tabbox>ul>li>div:first-child {
    padding: 6px 0 4px 0;
    font-size: 110%;
    background: #282828;
    color: white;
    text-align: center;
}

.tabbox>ul>li>div:nth-child(2) {
    border-bottom: 1px dashed #aaa;
    padding: 8px 0 6px 0;
    text-align: center;
}

.tabbox>ul>li>div:last-child {
    padding: 10px 8px;
}

.span_step {
    background: #221100;
    color: white;
    padding: 9px 9px 7px 9px;
    margin-right: 15px;
}

.kome {
    color: red;
}

.text-space {
    margin-left: 10px;
}

.step02-list li {
    padding: 5px 0;
}

.step02-list p {
    margin: 5px 0 0 0;
    line-height: 1.4em;
}

.step05-list li {
    padding: 4px 0;
}

.step05-list p {
    margin: 5px 0 0 0;
}

.section04-list {
    background: #f1f1f1;
    padding: 10px 5px;
}

.section04-list li {
    padding: 5px 0;
}

.CG-textArea {
    margin: 10px 5px;
    line-height: 1.4em;
}

/******* 納品事例 1 *******/
#nouhin-list-houjin img {
    display: block;
}

#nouhin-list-houjin ul:after {
    clear: both;
    content: '';
    display: block;
}

#nouhin-list-houjin ul li {
    float: left;
    width: 49%;
    margin: 0 5px 10px 0;
}

#nouhin-list-houjin ul li:nth-child(2n) {
    margin-right: 0;
}

/******* 納品事例 1 *******/
/* 納品事例 */
div#nouhin-jirei {
    padding: 0 2%;
}

.nouhin_pic img {
    display: block;
}

.nouhin_title {
    margin: 0;
    font-size: 140%;
    padding: 14px 0 8px 5px;
    border-bottom: 1px solid #ccc;
    border-left: 4px solid #00acba;
    margin-top: 8px;
}

.nouhin_detail {
    padding: 10px 0;
    line-height: 1.85em;
    margin-bottom: 10px;
    font-size: 16px;
}

p.nouhin_title span {
    font-size: 85%;
    background: red;
    border-radius: 5px;
    padding: 1px 5px;
    margin-left: 5px;
}

p.nouhin_title span a {
    color: white;
    text-decoration: none;
}

#nouhin-page-image,
#tags {
    display: none;
}

.nouhin_detail>div:last-child {
    margin-bottom: 1px;
    border-bottom: 1px dotted #aaa;
    padding-bottom: 10px;
}

/******* Quoカードページ *******/

.ChangeElem_Panel {
    display: none;
    padding: 20px 25px;
    background: whitesmoke;
}

.quo-section {
    margin-bottom: 40px;
}

.quo-midashi {
    background: #033f85;
    color: white;
    padding: 20px 0 18px 14px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.quo-text {
    line-height: 1.75em;
    font-size: 14px;
}

.quo-confirmation {
    padding: 10px 0;
}

.quo-confirmation li {
    list-style-type: circle;
    margin-left: 20px;
    margin-bottom: 10px;
    font-size: 14px;
}

.quo-method li {
    float: left;
    width: 50%;
    text-align: center;
    border: 1px solid #aaa;
    padding: 15px 0;
    box-sizing: border-box;
    font-size: 19px;
}

.quo-method li:last-child {
    margin-bottom: 0;
}

.quo-method:after {
    clear: both;
    content: '';
    display: block;
}

.quo-midashi-3th {
    font-size: 18px;
    padding: 5px 0 3px 5px;
    font-weight: bold;
    margin-bottom: 10px;
}

.quo-midashi-3th span:first-child {
    color: blue;
    margin-right: 5px;
}

.quo-midashi-sub {
    font-size: 15px;
    font-weight: bold;
    border-left: 5px solid blue;
    border-bottom: 3px double #aaa;
    margin-bottom: 10px;
    padding: 10px 0 8px 5px;
}

.ChangeElem_Btn.is-active {
    background: skyblue;
    color: white;
    font-weight: bold;
}

.ChangeElem_Btn i {
    margin-right: 8px;
}

.quo-3th-text {
    margin-bottom: 30px;
}

.quo-pic {
    padding: 10px;
    background: whitesmoke;
    line-height: 1.75em;
}

.quo-pic li {
    font-size: 14px;
    list-style-type: circle;
    margin: 10px;
}

.posting-caution {
    font-size: 85%;
    background: white;
    border-radius: 3px;
    padding: 7px;
    display: inline-block;
    margin: 10px 0;
    color: red;
    font-weight: bold;
}

.quo-pic>li:first-child>div:nth-child(3) {
    text-align: center;
    margin-bottom: 10px;
    font-size: 120%;
    font-weight: bold;
}

/******* Q&Aページ *******/

#smp_QApage>div {
    margin-bottom: 30px;
}

#smp_QApage>div:first-child {
    margin-bottom: 0;
}

#smp_QApage a {
    color: blue;
    text-decoration: none;
}

.smpQA_midashi {
    margin: 0;
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 5px;
}

#smp_QApage dl {
    margin: 0;
}

.smpQA_midashi_sub {
    font-size: 110%;
    background: #f1f1f1;
    padding: 13px 0 10px 35px;
    background-image: url(https://isunokoujyou.com/pic-labo/icon_question.png);
    background-repeat: no-repeat;
    background-position: 7px 7px;
    background-size: 6%;
    position: relative;
    border-bottom: 1px solid #aaa;
}

#smp_QApage dd {
    display: none;
    padding: 8px 0 8px 8px;
    margin: 0;
    line-height: 2em;
}

.QA_ACmanu_icon {
    position: absolute;
    font-size: 180%;
    top: 15%;
    right: 5%;
}

.fontColor {
    color: red;
}