@charset "UTF-8";

@media print {
		#header,#contents_main,#side,#page_top,#footer {
				display: none !important;
		}
}

/*--------------------------------------------------------------------------------
　▼ article01 品質を保証する7つの約束
--------------------------------------------------------------------------------*/
.article01 .article_title {
    font-size: 29px;
    text-align: center;
    color: #c00081;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c00081;
}
.article01 p {
    font-size: 15px;
    text-align: center;
}
.article01 .bg_pink {
    background: #fef6f9;
    margin: 30px 0;
}
.article01 .bg_pink ul {
    padding: 15px;
    border-bottom: 1px dotted #231815;
}
.article01 .bg_pink ul.b_none { border-bottom: none;}
.article01 .bg_pink ul li {
    color: #c00081;
    vertical-align: middle;
    line-height: 1.4em;
}
.article01 .bg_pink ul li.text {
    font-size: 20px;
    width: 85%;
}
.article01 .bg_pink ul li span.number {
    font-size: 28px;
    font-weight: bold;
    padding-right: 7px;
}
.article01 .bg_pink ul li.font16 { width: 15%;}
.article01 .bg_pink ul li.font16 a { color: #231815;}
.article01 .bg_pink ul li.font16:before {
    display: inline-block;
    content: "＞";
    color: #a61527;
}

/*--------------------------------------------------------------------------------
　▼  共通
--------------------------------------------------------------------------------*/
.article_border { border-bottom: 1px dotted #231815; padding: 40px 0 !important;}
.box_title { margin: 0 0 30px;}
.box_title ul li.center {
    font-size: 52px;
    font-weight: bold;
    padding: 10px;
    background: #c00081;
    border-radius: 8px;
    line-height: 1.3em;
    color: #fff;
    width: 100px;
    box-shadow: 2px 2px 1px 2px #ddd;
}
.box_title ul li.center span { display: block;}
.box_title ul li.center span.font13 { line-height: 1em; font-weight: normal;}
.box_title ul li.font20 {
    padding-left: 20px;
    color: #c00081;
    font-weight: normal;
}
p.article_text {
    font-size: 13px;
    line-height: 1.8em;
}
.anchor { position: relative; top: -70px;}


/*--------------------------------------------------------------------------------
　▼ box01　原材料
--------------------------------------------------------------------------------*/
ul.ul04 li {
    width: 50%;
    vertical-align: top;
    padding-bottom: 20px;
}
ul.ul04 li:nth-child(odd) { padding-right: 2.5%}
ul.ul04 li:nth-child(even) { padding-left: 2.5%;}
ul.ul04 li p { font-size: 11px; margin-top: 8px;}
ul.ul04 li img { width: 100%;}


/*--------------------------------------------------------------------------------
　▼ box02　配合設計
--------------------------------------------------------------------------------*/
.box02 { padding: 30px 0 0;}
.box02 .fl_box {
    float: left;
    width: 63%;
    padding-right: 4%;
    font-size: 13px;
    line-height: 1.8em;
}
.box02 .fr_box {
    float: right;
    width: 37%;
}

/*--------------------------------------------------------------------------------
　▼ box03　工程管理
--------------------------------------------------------------------------------*/
ul.ul02 { padding-top: 30px;}
ul.ul02 li {
    width: 50%;
    vertical-align: top;
}
ul.ul02 li:nth-child(odd) {padding-right: 3%;}
ul.ul02 li:nth-child(even) {padding-left: 3%;}
ul.ul02 li p { font-size: 11px; margin-top: 8px;}
ul.ul02 li img { width: 100%;}

ul.ul02 li ul.text { margin: 15px 0;}
ul.ul02 li ul.text li { vertical-align: middle;}
ul.ul02 li ul.text li:first-child {
    font-size: 46px;
    color: #c00081;
    width: auto;
    padding-right: 3%;
    line-height: 1;
}
ul.ul02 li ul.text li:last-child {
    width: auto;
    border-left: 1px solid #c00081;
    padding-left: 5%;
}
ul.ul02 li ul.text li p { margin: 0;}

/*--------------------------------------------------------------------------------
　▼ box04　納入・運搬
--------------------------------------------------------------------------------*/
.box04 a {
    color: #fff !important;
    font-size: 13px !important;
    background: #c00081;
    padding: 3px 20px;
    border-radius: 5px;
    margin: 20px 0 30px;
    display: inline-block;
}
table.list-map {
    font-size: 11px;
    margin-bottom: 40px;
}
table.list-map tr th span {
    display: inline-block;
    text-align: center;
    font-weight: normal;
    border-radius: 5px;
    padding: 2px 10px;
    color: #fff;
    width: 95%;
}
table.list-map tr th span.kumiai-detail-3 { background: #f08300;}
table.list-map tr th span.kumiai-detail-4 { background: #009b63;}
table.list-map tr th span.kumiai-detail-5 { background: #c94474;}
table.list-map tr th span.kumiai-detail-6 { background: #fabf00;}
table.list-map tr th span.kumiai-detail-7 { background: #cf7474;}
table.list-map tr th span.kumiai-detail-8 { background: #7b8d2e;}
table.list-map tr th span.kumiai-detail-9 { background: #807fbb;}
table.list-map tr th span.kumiai-detail-10 { background: #2761ad;}
table.list-map tr th span.kumiai-detail-11 { background: #3a7186;}
table.list-map tr th span.kumiai-detail-12 { background: #b3963f;}
table.list-map tr th span.kumiai-detail-13 { background: #5bb6b3;}
table.list-map tr th span.kumiai-detail-14 { background: #e199c1;}

table.list-map tr th { border-bottom: 1px solid #9fa0a0; padding: 10px 0; width: 17%;}
table.list-map tr td { border-bottom: 1px solid #9fa0a0; padding: 10px 0;}


/*--------------------------------------------------------------------------------
　▼ box05　製品検査
--------------------------------------------------------------------------------*/
.box05 .fl_box {
    float: left;
    width: 57%;
    padding-right: 4%;
    font-size: 13px;
    line-height: 1.8em;
}
.box05 .fr_box {
    float: right;
    width: 43%;
}

/*--------------------------------------------------------------------------------
　▼ box06　呼び強度
--------------------------------------------------------------------------------*/
.box06 img { width: 90%;}

/*--------------------------------------------------------------------------------
　▼ box07　技術向上
--------------------------------------------------------------------------------*/
.box07 { padding: 0 0 30px;}
.box07_title {
    font-size: 20px;
    font-weight: bold;
    color: #c00081;
    margin: 0 0 15px;
}


@media screen and (max-width: 900px) {
}

@media screen and (max-width: 768px) {
}

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

    /*--------------------------------------------------------------------------------
    　▼ article01 品質を保証する7つの約束
    --------------------------------------------------------------------------------*/
    .article01 .article_title { font-size: 22px;}
    .article01 .bg_pink ul li { width: 100% !important;}
    .article01 .bg_pink ul li.text { font-size: 15px;}
    .article01 .bg_pink ul li span.number { font-size: 22px;}
    .article01 .bg_pink ul li.font16 { font-size: 13px !important;}

    /*--------------------------------------------------------------------------------
    　▼  共通
    --------------------------------------------------------------------------------*/
    .article_border { padding: 20px 0 !important;}
    .box_title { margin: 0 0 30px;}
    .box_title ul li.center { margin: 0 auto 20px;}
    .box_title ul li.center span { display: block;}
    .box_title ul li.font20 { padding-left: 0;}
    .anchor { position: static;}

    /*--------------------------------------------------------------------------------
    　▼ box01　原材料
    --------------------------------------------------------------------------------*/
    ul.ul04 li {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    ul.ul04 li:nth-child(odd) { padding-right: 0}
    ul.ul04 li:nth-child(even) { padding-left: 0;}


    /*--------------------------------------------------------------------------------
    　▼ box02　配合設計
    --------------------------------------------------------------------------------*/
    .box02 { padding: 20px 0 0;}
    .box02 .fl_box {
        float: none;
        width: 100%;
        padding: 0 0 20px;
    }
    .box02 .fr_box { float: none;  width: 100%; text-align: center;}
    .box02 .fr_box img { width: 90%; margin: 0 auto;}

    /*--------------------------------------------------------------------------------
    　▼ box03　工程管理
    --------------------------------------------------------------------------------*/
    ul.ul02 { padding-top: 20px;}
    ul.ul02 li { width: 100%;}
    ul.ul02 li:nth-child(odd) { padding-right: 0;}
    ul.ul02 li:nth-child(even) { padding-left: 0;}
    ul.ul02 li ul.text { margin: 15px 0;}
    ul.ul02 li ul.text li { display: inline-block;}

    /*--------------------------------------------------------------------------------
    　▼ box04　納入・運搬
    --------------------------------------------------------------------------------*/
    .box04 a { margin: 20px auto 30px;}
    table.list-map { margin-bottom: 20px;}
    table.list-map tr th { width: 34%; vertical-align: top;}

    /*--------------------------------------------------------------------------------
    　▼ box05　製品検査
    --------------------------------------------------------------------------------*/
    .box05 .fl_box {
        float: none;
        width: 100%;
        padding: 0 0 20px;
    }
    .box05 .fr_box {
        float: none;
        width: 100%;
        text-align: center;
    }

    /*--------------------------------------------------------------------------------
    　▼ box06　呼び強度
    --------------------------------------------------------------------------------*/
    .box06 img { width: 100%;}

    /*--------------------------------------------------------------------------------
    　▼ box07　技術向上
    --------------------------------------------------------------------------------*/
    .box07 { padding: 0 0 20px;}
    .box07_title { font-size: 16px;}
    .box07 .font18 { font-size: 14px !important;}
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 400px) {
}

@media screen and (max-width: 375px) {
}