@charset "UTF-8";
/*---[worksho report page]---*/
h1 {
    display: table-cell;
    vertical-align: top;
    min-width: 60%;
    white-space: nowrap;
    padding: 0 8rem;
}
h1 img {
    max-width: 652px;
}
h1 span.side-line {
    font-weight: bold;
    font-size: 3.2rem;
    /*padding: 0 12rem;
    background: url('../IMAGES/stripe_line_w116.png') no-repeat left center, url('../IMAGES/stripe_line_w116.png') no-repeat right center;*/
    line-height: 1.0;
}
h1 span.side-line:before,
h1 span.side-line:after {
    content: "";
    background: url('../IMAGES/stripe_line_w116.png') no-repeat left 0.55em;
    width: 3em;
    height: 1em;
    display: inline-block;
}
h1 span.side-line:before {
    margin-right: 0.5em;
}
h1 span.side-line:after {
    margin-left: 0.5em;
}
h1 span.side-line span {
    font-size: 5rem;
    padding: 0 1rem;
}
/*.h1-box {
    background: url('../IMAGES/flag_l.png') no-repeat left top, url('../IMAGES/flag_r.png') no-repeat right top;
    background-size: 15.3145695% 34.6153846%;
}*/
.h1-box {
    display: inline-block;
    margin: 0 auto;
}
.h1-box:before, .h1-box:after {
    content: "";
    display: table-cell;
    max-width: 185px;
    width: 15.3145695%;
    height: auto;
    background-size: contain;
}
.h1-box:before {
    background: url('../IMAGES/flag_l.png') no-repeat center top;
    background-size: contain;
    margin-right: 2em;
}
.h1-box:after {
    background: url('../IMAGES/flag_r.png') no-repeat center top;
    background-size: contain;
}
.article-area hr {
    margin-top: 1rem;
}

.inline-area {
    text-align: center;
    padding: 0;
}
.inline-area li {
    display: inline-block;
    max-width: 18rem;
    width: 18rem;
    margin: 2rem 1.5rem;
}
.inline-area li.linkBtn {
    display: inline-block;
    max-width: 37rem;
    width: 37rem;
}

#section01 h3 {
    font-size: 2.16666667rem;
    color: #e8335e;
    border-style: solid;
    border-width: 0 0 4px 0;
    -moz-border-image: url('../IMAGES/bg_p_line.png') 0 0 27 repeat;
    -webkit-border-image: url('../IMAGES/bg_p_line.png') 0 0 27 repeat;
    -o-border-image: url('../IMAGES/bg_p_line.png') 0 0 27 repeat;
    border-image: url('../IMAGES/bg_p_line.png') 0 0 27 repeat;
    box-sizing: border-box;
    display: inline;
    padding-bottom: 0.2em;
}
#section01 h3 span {
    font-size: 4rem;
    font-weight: bold;
}

#section02 h2 {
    font-weight: bold;
    font-size: 3.32rem;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    border-style: solid;
    border-width: 0 0 4px 0;
    -moz-border-image: url('../IMAGES/4c_pattern_2.png') 0 0 5 repeat;
    -webkit-border-image: url('../IMAGES/4c_pattern_2.png') 0 0 5 repeat;
    -o-border-image: url('../IMAGES/4c_pattern_2.png') 0 0 5 repeat;
    border-image: url('../IMAGES/4c_pattern_2.png') 0 0 5 repeat;
    box-sizing: border-box;
    display: inline-block;
}
#section02 h2+img {
    padding-top: 2rem;
}
#theme1 h3 {
    margin-top: 1em;
}
/*--timeline--*/
.timeline li {
    display: table;
    padding: 0.5rem 0;
}
.timeline li > div {
    display: table-cell;
    vertical-align: top;
}
.timeline li:nth-child(2n) {
    float: right;
    text-align: right;
}
.timeline li:nth-child(2n+1) {
    clear: both;
}
.timeline .image {
    white-space: nowrap;
    text-align: center;
    max-width: 15rem;
    min-width: 15rem;
}
.timeline .image p {
    font-size: 0.8em;
    line-height: 1.0!important;
    margin-top: 0;
}
.timeline .comment p {
    background-color: #9ac72c;
    border-radius: 8px;
    padding: 0.5em 1em;
    position: relative;
    margin-top: 1.5em;
    color: #fff;
    max-width: 48rem;
}
.timeline .comment p:after {
    content: "\A";
    display: block;
    min-height: 0.5em;
}
.timeline li:nth-child(2n+1) .image {
    padding-right: 1.5em;
}
.timeline li:nth-child(2n+1) .comment p:before {
    content: "";
    position: absolute;
    left: -0.9em;
    top: 0.5em;
    display: block;
    width: 0;
    height: 0;
    border-right: 1.0em solid #9ac72c;
    border-top: 0.4em solid transparent;
    border-bottom: 0.4em solid transparent;
}
.timeline li:nth-child(2n) .image {
    padding-left: 1.5em;
}
.timeline li:nth-child(2n) .comment p:before {
    content: "";
    position: absolute;
    right: -0.9em;
    top: 0.5em;
    display: block;
    width: 0;
    height: 0;
    border-left: 1.0em solid #9ac72c;
    border-top: 0.4em solid transparent;
    border-bottom: 0.4em solid transparent;
}
#theme2 .timeline .comment p {
    background-color: #f38f29;
}
#theme2 .timeline li:nth-child(2n+1) .comment p:before {
    border-right: 1.0em solid #f38f29;
}
#theme2 .timeline li:nth-child(2n) .comment p:before {
    border-left: 1.0em solid #f38f29;
}
/*----[workshop01]----*/
/*#sp-w01.column2 {width: 34%;}
#sp-w02.column2 {width: 34%;}
#sp-w03.column2 {
    width: 28%;
    font-size: 1.2rem;
    text-align: center;
}*/
#sp-w01, #sp-w03 {text-align: right;}
#sp-w02, #sp-w04 {text-align: left;}
#sp-w01 img {
    max-width: 608px;
}
#sp-w02 img {
    max-width: 608px;
}
#sp-w03 img {
    max-width: 608px;
}
#sp-w04 img {
    max-width: 608px;
}
#sp-w05 img {
    max-width: 820px;
}
.column-flex li {
    display: inline-block;
    max-width: 32%;
}

.white-subject-box {
    background-color: #fff;
    border-radius: 10px;
    padding: 0.5em 1em;
}
/*
.white-subject-box > div {
    display: table-cell;
}*/
.subject-icon {
    /*white-space: nowrap;*/
    padding: 0.6em 0 0.6em 3.2em;
    background: url('../IMAGES/report_01_emo_icon1.png') left top no-repeat;
    background-size: contain;
}
.impression-icon {
    padding: 0.6em 0 0.6em 3.2em;
    background: url('../IMAGES/report_01_emo_icon2.png') left top no-repeat;
    background-size: contain;
}
.red-impression-box {
    background-color: #e35771;
    border-radius: 10px;
    padding: 0.5em 1em;
    color: #fff;
}
.column-wrap .red-impression-txt {
    color: #e35771;
    padding: 0.2em 0!important;
}
.column-wrap .red-impression-txt img {
    max-height: 2.0em;
    width: auto;
}
.column-wrap.point-summary {
    color: #e35771;
    margin-top: 2.6em;
    border-top: solid 1em #faf0e2;
    background-color: #ffffff;
    padding: 1.6em 1.0em;
    position: relative;
    border-style: solid;
    border-width: 4px 0 4px 0;
    -moz-border-image: url('../IMAGES/bg_p_line.png') 27 0 repeat;
    -webkit-border-image: url('../IMAGES/bg_p_line.png') 27 0 repeat;
    -o-border-image: url('../IMAGES/bg_p_line.png') 27 0 repeat;
    border-image: url('../IMAGES/bg_p_line.png') 27 0 repeat;
}
.column-wrap.point-summary div {
    text-align: center;
    font-weight: bold;
}
.column-wrap.point-summary:before {
    content: '';
    /*background: url(../IMAGES/report_01_car_style.png) center center no-repeat;*/
    width: 132px;
    height: 75px;
    position: absolute;
    top: -1.8em;
}


#section02 h3 {
    color: #93bd2d;
    font-size: 2.16666667rem;
    border-style: solid;
    border-width: 0 0 4px 0;
    -moz-border-image: url('../IMAGES/4c_pattern_2.png') 0 0 5 repeat;
    -webkit-border-image: url('../IMAGES/4c_pattern_2.png') 0 0 5 repeat;
    -o-border-image: url('../IMAGES/4c_pattern_2.png') 0 0 5 repeat;
    border-image: url('../IMAGES/4c_pattern_2.png') 0 0 5 repeat;
    box-sizing: border-box;
}

#section02 h3 span {
    font-size: 4rem;
}
#section02 h3 span.txt-black {
    font-size: 2.16666667rem;
    padding-left: 1.5rem;
    font-weight: bold;
}
#section02 #theme2 h3 {
    color: #ea7621;
}

#section02 .column-wrap.point-summary {
    color: #93bd2d;
    margin-top: 2.6em;
    border-top: solid 1em #ffffff;
    background-color: #ffffff;
    padding: 1.6em 1.0em;
    position: relative;
    border-style: solid;
    border-width: 4px 0 4px 0;
    -moz-border-image: url('../IMAGES/bg_g_line.png') 27 0 repeat;
    -webkit-border-image: url('../IMAGES/bg_g_line.png') 27 0 repeat;
    -o-border-image: url('../IMAGES/bg_g_line.png') 27 0 repeat;
    border-image: url('../IMAGES/bg_g_line.png') 27 0 repeat;
}
#section02 #theme2 .column-wrap.point-summary {
    color: #e97620;
    -moz-border-image: url('../IMAGES/bg_o_line.png') 27 0 repeat;
    -webkit-border-image: url('../IMAGES/bg_o_line.png') 27 0 repeat;
    -o-border-image: url('../IMAGES/bg_o_line.png') 27 0 repeat;
    border-image: url('../IMAGES/bg_o_line.png') 27 0 repeat;
}
#section02 .column-wrap.point-summary:before {
    background-image: url('../IMAGES/report_01_lv.png');
    background-repeat: no-repeat;
    width: 120px;
    height: 94px;
    background-size: contain;
    border: 14px solid #ffffff;
    background-color: #fff;
    top: -2.6em;
}
#section02 .column-wrap.point-summary div {
    /*text-align: left;*/
}
.summary-icon img {
    width: 1em;
    height: 1em;
    vertical-align: -0.1em;
}


.color-area {
    background: #faf0e2;
    background-image: url('../IMAGES/bg_flag_line.png');
    background-repeat: repeat-x;
    background-position: left 6rem;
    padding-bottom: 2rem;
}

.footer-photo {
    max-width: 523px;
    margin: 2rem 0 0;
}

.juxtapose-area .car-logo img {
    width: 30%;
}
.juxtapose-area img {
    width: 40%;
}
.txt-black {
    color: #000!important;
}

@media screen and (max-width: 960px){
    h1 {
        padding: 0 3rem;
    }
    .inline-area li {
        font-size: 80%;
    }
    .inline-area li {
        max-width: 12rem;
    }
    .inline-area li.linkBtn {
        max-width: 28rem;
    }
    .timeline .image {
        max-width: 12rem;
        min-width: 12rem;
    }
    .timeline .comment p {
        margin-top: 1rem;
    }
    .juxtapose-area .car-logo img {
        width: 50%;
    }
    .juxtapose-area img {
        width: 70%;
    }
    .column-wrap.point-summary {
        padding-top: 2.2em;
    }
    .column-wrap.point-summary div {
        text-align: left;
    }
    #section02 h2 {
        text-align: left;
    }
    #section02 h3 span.txt-black {
        display: block;
        padding-left: 0;
    }
    #section02 .column-wrap.point-summary:before {
        width: 72px;
        height: 55px;
        border-width: 8px;
        top: -1.6em
    }
}
@media screen and (max-width: 580px){
    .h1-box h1 {
        font-size: 1.5rem;
	white-space: normal;
    }
    h1 {
        padding: 0;
    }
    .h1-box:before, .h1-box:after {
        display: none;
    }
    .inline-area li {
        max-width: 9em;
        margin: 1rem 0.5rem;
    }
    .inline-area li.linkBtn {
        max-width: 28rem;
    }
    #sp-w01.column2,
    #sp-w02.column2,
    #sp-w03.column2,
    #sp-w04.column2 {
        width: 90%;
        text-align: center;
        margin: 0.5rem auto;
    }
    #sp-w01, #sp-w03,
    #sp-w02, #sp-w04  {text-align: center;}
    .column-wrap.point-summary {
        padding-top: 3.2em;
    }
    .timeline .image {
        max-width: 10rem;
        min-width: 10rem;
    }
    #section02 .column-wrap.point-summary:before {
        width: 64px;
        height: 49px;
	    background-size: contain;
        top: -2.2em;
    }
    .footer-photo {
        max-width: 80%;
    }
    h1 span.side-line:before, h1 span.side-line:after {
        width: 1.5em
    }
}
@media screen and (max-device-width: 360px) {
    .h1-box h1 img {
        max-width: 300px;
	width: 300px;
    }
}