@charset "utf-8";

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

content

---------------------------------------- */
.br1380 {
    display: none;
}

.lowerPage.research02 #content #page_mv {
    background: url(/files/img/research02/mv.jpg?ver=1.0.2);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.sec_01 .sec_tit{
    margin-top: 130px;
}
.sec_01 .flex li{
    width: calc(100% / 3);
    margin-bottom: 55px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sec_01 .flex li img {
    width: auto;
    max-height: 388px;
    margin: 0 auto;
}
.sec_01 .flex li .sub_tit{
    font-size: 285.694%;
    font-weight: bold;
    justify-content: center;
    color: #27517b;
    display: flex;
    align-items: center;
    text-align: center;
    line-height: 1.25;
    padding-top: 0;
    align-content: center;
    align-items: flex-start;
}

.tit_icon {
    width: 126px;
    display: inline-block;
    margin-right: 56px;
    position: relative;
    top: -3px;
}

.sec_02 .sec_tit,.sec_03 .sec_tit{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub_tit {
    font-weight: bold;
    text-align: center;
    font-size: 357.117%;
    padding-top: 50px;
    line-height: 1;
}
.sec_02 .sec_read {
    margin-top: 35px;
}
.colorBoxList {
    margin-top: 58px;
    justify-content: space-between;
    margin-bottom: 65px;
}
.colorBoxList li {
    width: calc((100% / 4) - 24px);
}
.colorBoxList li .text{
    text-align: center;
    font-weight: bold;
    font-size: 178.5585%;
    margin-top: 13px;
}
.colorBoxList:last-of-type {
    margin-bottom: 5px;
}
.sec_03 {
    padding-top: 13px;
}
.column3List {
    justify-content: space-between;
    padding-top: 25px;
}
.column3List li{
    width: calc((100% / 3) - 37.5px);
}
.sec_03 .detailText {
    text-align: center;
    line-height: 1.6666;
    font-size: 214.2707%;
    margin: 30px 0 100px;
}
.sec_03 .detailText:last-of-type {
    margin-bottom: 0px;
}
.sec_03 .tit_icon  {
    margin-right: 50px;
}
.sec_03 .inner {
    padding-bottom: 78px;
}
.reportFlex {
    justify-content: space-between;
}
.block_01 {
    width: 49.5%;
    max-width: 590px;
}
.block_01 .arrow {
    display: block;
width: 19px;
height: 44px;
margin: 77px auto 44px;
}
.block_01:nth-of-type(1) .flex {
    justify-content:flex-start;
}
/*
.block_01:nth-of-type(2) .flex {
    justify-content:flex-end;
}
*/
.smallBig{
    width: 45%;
    max-width: 261px;
}
.smallBig span {
    text-align: center;
    display: block;
    font-size: 178.559%;
    line-height: 1.52;
    margin-top: 15px;
}
.block_01:nth-of-type(1) .smallBig:nth-of-type(1){
    margin-right: 9%;
}
.block_01:nth-of-type(2) .smallBig:nth-of-type(2){
    margin-left: 9%;
}

.sec_05 .sec_read {
    margin-top: 30px;
}

.acordionList {
    margin-top: 75px;
    padding-bottom: 55px;
}

@media screen and (max-width:1380px){
    .br1380 {
        display: block;
    }
}

@media screen and (max-width:1024px){
    .pageTitle {
        line-height: 1.25;
    }
    .sec_01 .flex li .sub_tit {
        font-size: 180%;
        padding-top: 0px;
    }
    .sec_01 .flex li img {
        max-width: 85%;
    }
    .colorBoxList li {
        width: calc((100% / 2) - 2%);
        padding-bottom: 40px;
    }
    .tit_icon {
        width: 80px;
        display: inline-block;
        margin-right: 25px;
        position: relative;
        top: -3px;
    }
    .sub_tit {
        font-size: 240%;
    }
    .colorBoxList {
        margin-top: 30px;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .column3List li {
        width: calc((100% / 3) - 1%);
    }
    .sec_03 .detailText {
        font-size: 150%;
        margin: 15px 0 50px;
    }
    .block_01 .arrow {
        margin: 30px auto 30px;
    }
    .smallBig span {
        font-size: 130%;
    }
    .block_01 {
        width: 48.5%;
    }
    .sec_tit {
        margin-bottom: 0;
    }
    .acordionList {
        margin-top: 35px;
        padding-bottom: 20px;
    }
    .reportFlex {
        margin-top: 20px;
    }
}


@media screen and (max-width:767px){
    .br1380 {
        display: none!important;
    }
	.sec_01 .sec_tit {
		margin-top: 60px;
	}
	.sec_01 .flex li {
		width: calc(100% / 2);
		margin-bottom: 40px;
	}
	.sec_01 .flex li .sub_tit {
		font-size: 135%;
		padding-top: 0px;
	}
    .colorBoxList li .text {
        font-size: 130%;
    }
    .column3List li {
        width: 100%;
        margin-bottom: 20px;
    }
    .column3List li:last-of-type {
        margin-bottom: 0;
    }
    .sec_03 .tit_icon {
        margin-right: 20px;
    }
    .reportFlex {
        margin-top: 20px;
    }
    .block_01 {
        width: 100%;
        margin-bottom: 80px;
    }
    .block_01:nth-of-type(2) {
        margin-bottom: 30px;
    }
    .smallBig {
        width: 47%;
        max-width: 47%;
    }
    .block_01:nth-of-type(2) .smallBig:nth-of-type(2) {
        margin-left: 0;
    }
    .block_01:nth-of-type(1) .smallBig:nth-of-type(1) {
        margin-right: 0;
    }
    .block_01:nth-of-type(1) .flex,.block_01:nth-of-type(2) .flex {
        justify-content: space-between;
    }
    .sec_03 .detailText {
        font-size: 115%;
        margin: 15px 0 50px;
        text-align: justify;
    }
    .sub_tit {
        font-size: 175%;
    }
    .colorBoxList li .text, 
    .smallBig span {
        font-size: 115%;
    }
    .sec_02 .sec_tit, .sec_03 .sec_tit {
        flex-wrap: wrap;
    }
    .tit_icon {
        width: 60px;
    }
    .sec_02 .sec_read {
        margin-top: 20px;
    }
    .sec_02 .sub_tit:nth-of-type(2) {
        padding-top: 15px;
    }
    .colorBoxList {
        margin-top: 10px;
    }
    section .inner {
        padding-top: 30px;
        padding-bottom: 10px;
    }   
    .sec_05 {
        padding-bottom: 40px;
    }
}