@charset "utf-8";

/* ----------------------------------------

content

---------------------------------------- */


.lowerPage.research03 #content #page_mv {
    background: url(/files/img/research03/mv.jpg?ver=1.0.0);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.sec_01{
    padding-top: 71px;
}
.flow {
    margin-top: 110px;
}
.flow li:nth-of-type(2) {
    margin-top: 30px;
}

.flow li:nth-of-type(1) .img {
    width: 79%;
    max-width: 790px;
    display: block;
    margin: 0 auto;
}
.flow li:nth-of-type(2) .img,
.flow li:nth-of-type(3) .img {
    width: 99.5%;
    max-width: 995px;
    display: block;
}
.comparisonList {
    margin: 95px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 282px;
    color: #0F234A;
    background: #B9CFE5;
    font-size: 251%;
    line-height: 1;
    padding: 40px 10px;
    box-sizing: border-box;
}


.researchWrap {
    margin-top: 106px;
}
.researchWrap > div  {
    margin-bottom: 75px;
}
.background_06{ 
    padding: 70px 10% 78px;
}
.background_06,
.background_07,
.background_08{ 
    padding: 70px 10% 53px;
}

.sub_tit_01 {
    font-size: 257.1244%;
    text-align: center;
    line-height: 1.2;
}
.sub_tit_02 {
    margin-top: 42px;
    padding-left: 1em;
    position: relative;
    line-height: 1.6666;
    font-size: 214.2707%;
    font-weight: bold;

}
.sub_tit_02:before {
    content: "●";
    position: absolute;
    left: 0;
}
.list_01 {
    position: relative;
    line-height: 1.6666;
    font-size: 214.2707%;
}
.list_01 li {
    padding-left: 1em;

}
.list_01 li:before {
    content: "・";
    position: absolute;
    left: 5px;
}
.colorBoxList {
    width: 100%;
    max-width: 678px;
    margin: 55px auto 0;
    justify-content: space-between;
}
.colorBoxList.bg_08{
	justify-content: center;
	
}
.colorBoxList li {
    width: 35%;
    max-width: 236px;
}
.colorBoxList li.mini {
    width: 22%;
    max-width: 142px;
}
.colorBoxList li img{
    max-height: 100%;
}
.colorBoxList li.mini .img,
.colorBoxList li.mini .img a{
    height: 100%;
    display: block;
}
.colorBoxList li.mini img{
    height: 100%;
}

.background_07 .colorBoxList li:nth-of-type(1) {
    width:24%;
    max-width: 162px;
}
.background_07 .colorBoxList li:nth-of-type(2) {
    width:26%;
    max-width: 174px;
}
.background_07 .colorBoxList li:nth-of-type(3) {
    width:41%;
    max-width: 278px;
}
.background_08 .colorBoxList {
    max-width: 722px;
}
.background_08 .colorBoxList li:nth-of-type(1) {
    width:37%;
    max-width: 252px;
	margin-right: 5%;
}
.background_08 .colorBoxList li:nth-of-type(2){
	width: 0;
}
.background_08 .colorBoxList li:nth-of-type(3) {
    width:22%;
    max-width: 151px;
}
.bottomText{
    line-height: 1.6666;
    font-size: 214.2707%;
    text-align: center;
    padding-bottom: 20px;
}

.sub_tit2 {
    text-align: center;
    font-size: 285.6945%;
    line-height: 1.25;
    padding-top: 25px;
    font-weight: bold;
}
.sub_tit2 + .sec_read {
    margin-top: 40px;
}
.sec_read + .sub_tit2 {
    margin-top: 60px;
}
.sec_02 .sec_read:last-of-type {
    padding-bottom: 15px;
}
.sec_03 .sec_tit {
    line-height: 1;
    margin-top: 0;
    padding-top: 25px;
}
.sec_03 .sec_read {
    margin-top: 33px;
}
.sec_03 .flexList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 763px;
    margin: 53px auto 122px;
    border: 1px solid #0F234A;
}
.sec_03 .flexList li {
    width: 50%;
    line-height: 1.658;
    font-size: 293%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    padding: 35px 10px;
    text-align: center;
}
.colorBoxList.flex.flex-start {
    justify-content: flex-start;
}

@media screen and (max-width:1240px){
    .sub_tit_02,.list_01,.bottomText {
        font-size: 170%;
    }
}

@media screen and (max-width:1024px){
    .sec_01 {
        padding-top: 30px;
    }
    .comparisonList {
        font-size: 200%;
        padding: 25px 10px;
    }
    .sub_tit_01 {
        font-size: 220%;
    }
    .sub_tit_02, .list_01, .bottomText {
        font-size: 150%;
    }
    .sub_tit2 {
        font-size: 200%;
    }
    .sec_03 .flexList li {
        font-size: 200%;
    }
    .researchWrap {
        margin-top: 70px;
    }
}


@media screen and (max-width:767px){
    .sec_01 {
        padding-top: 0;
    }
    section .sec_01 .inner {
        padding-top: 0;
    }
    .flow {
        margin-top: 30px;
    }
    .flow li:nth-of-type(2) {
        margin-top: 8px;
    }
    .comparisonList {
        font-size: 130%;
        padding: 20px 10px;
        margin-top: 40px;
    }
    .background_06, .background_07, .background_08 {
        padding: 35px 4% 30px;
    }
    .sub_tit_01 {
        font-size: 150%;
    }
    .sub_tit_02, .list_01, .bottomText {
        font-size: 115%;
    }
    .sub_tit_02 {
        margin-top: 15px;
    }
    .colorBoxList {
        margin-top: 20px;
    }
    .researchWrap > div {
        margin-bottom: 35px;
    }
    .bottomText {
        text-align: justify;
    }
    .sec_02 .sec_tit .lt {
        letter-spacing: .55rem;
    }
    .sub_tit2 {
        font-size: 150%;
        padding-top: 0;
    }
    .sub_tit2 + .sec_read {
        margin-top: 20px;
    }
    .sec_03 .sec_tit {
        padding-top: 0;
    }
    .sec_03 .sec_read {
        margin-top: 20px;
        text-align: center;
    }
    .sec_03 .flexList {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        max-width: 763px;
        margin: 25px auto 40px;
        border: 1px solid #0F234A;
    }
    .sec_03 .flexList li {
        font-size: 115%;
        padding: 25px 10px;
    }
    .sec_03 .estimation {
        margin-bottom: 20px;
    }
}

/* IE11に指定するスタイルを記入 */

_:-ms-input-placeholder, :root .comparisonList{padding-bottom: 34px;}