@charset "utf-8";/*文字コード指定*/

:root {/*変数定義-----------------------------------------------------------------------↓*/
    --bi_gree_pres: 15%;
    /*bi_gree_pres_copy,bi_gree_pres_imgのheight指定*/
}/*変数定義------------------------------------------------------------------------------↑*/

/*メモ帳
{{スマホを基本設計にする}}
    - 〜479px：SP縦
    - 480px〜599px：SP横
    - 600px〜959px：タブレット
    - 960px〜1279px：小型PC
    - 1280px〜：大型PC
*/

/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#kagomoto_anime_pagemove{/*-------------------OPロゴanime↓*/
    display: none;
    fill: transparent;
    height: auto;
    margin: 0 5%;
    width: 90%;
    animation: kago_pagemove 2s ease-in-out 0s forwards;
    animation-iteration-count: infinite;
    animation-play-state: paused;
}
@keyframes kago_pagemove {
    0% {
        transform: rotateY(360deg);
    }
    100% {
        transform: rotateY(0deg);
    }
}/*-------------------------------------------------------OPロゴanime↑*/

.clear {
    clear: both;
}
.bi_top_text {
    float: left;
    height: auto;
    margin: 65% auto 30px;
    overflow: hidden;
    position: relative;
    color: rgba(26,26,26,1.00);
}
.bi_top_text h1,.bi_phil h2,.kagoov_list h2,.kagoov h2{
    border-image: linear-gradient(to right, #c8161d 30%, #004994 100%)1;
    border-top: 5px solid #e6e6e6;
    font-size: calc(2.3rem + ((1vw - 0.64rem) * 0.7143));/* 20px~24pxで可変*/
    padding: 2% 4% 0;
    margin: 0 auto;
}
.bi_top {
    display: none;
    overflow: hidden;
    margin-top: 140px;
}
.bi_top_img {
    background-image: url(../img/kagomoto_quality/kagomoto_company_building001.jpg);
    background-size: cover;
    height: 60vw;
    display: block;
}
.container {
    display: none;
    color: rgba(26,26,26,1.00);
    overflow: hidden;
    height: auto;
    width: 95%;
    margin: 0 auto;
}
.container h2 {
    font-size: calc(2.0rem + ((1vw - 0.64rem) * 0.7143));
    margin: 0;
}
.container h3 {
    font-size: calc(1.9rem + ((1vw - 0.64rem) * 0.7143));
}
.container p {
    font-size:  calc(1.7rem + ((1vw - 0.64rem) * 0.7143));
    margin: 0 2%;
}
.container p strong {
    font-size:  calc(1.8rem + ((1vw - 0.64rem) * 0.7143));
}
.bi_main {
    margin: 0 3%;
}
.bi_main img {
    display: block;
    width: 60%;
    margin: 0 auto;
}
.bi_main p:nth-of-type(2) {
    margin-bottom: 30px;
}
.bi_main p:nth-of-type(3) {
    margin-bottom: 20px;
}
.bi_main p:nth-of-type(4) {
    margin-bottom: 40px;
}
.bi_main p:nth-of-type(5) {
    margin-bottom: 100px;
}