@charset "UTF-8";
/*--------------------------------------------
* 【注意】直接編集禁止【注意】
* --------------------------------------------
* custom.cssは直接編集しないでください。
* custom.sassを修正しコンパイルして使用するようにお願いします。
* 修正するファイルはdcms_media/css/sass/custom.scssです。
* 修正後は以下のディレクトリにファイルをインポートしてください
* 
* 
* ============================================
* sassディレクトリ
* ============================================
*   > custom.css 
*   > custom.sass
*   > custom.css.map
* 
* ============================================
* cssディレクトリ
* ============================================
*   > custom.css 
* 
* --------------------------------------------*/
/*-----------------------------------------------------------------------
Text treatment styles
-----------------------------------------------------------------------*/
/*indent*/
.indent {
  text-indent: -1em;
  padding-left: 1em;
}

/*
width 1%～100%
-----------------------------------------------------------------*/
.u-w0 {
  width: 0%;
}

.u-w1 {
  width: 1%;
}

.u-w2 {
  width: 2%;
}

.u-w3 {
  width: 3%;
}

.u-w4 {
  width: 4%;
}

.u-w5 {
  width: 5%;
}

.u-w6 {
  width: 6%;
}

.u-w7 {
  width: 7%;
}

.u-w8 {
  width: 8%;
}

.u-w9 {
  width: 9%;
}

.u-w10 {
  width: 10%;
}

.u-w11 {
  width: 11%;
}

.u-w12 {
  width: 12%;
}

.u-w13 {
  width: 13%;
}

.u-w14 {
  width: 14%;
}

.u-w15 {
  width: 15%;
}

.u-w16 {
  width: 16%;
}

.u-w17 {
  width: 17%;
}

.u-w18 {
  width: 18%;
}

.u-w19 {
  width: 19%;
}

.u-w20 {
  width: 20%;
}

.u-w21 {
  width: 21%;
}

.u-w22 {
  width: 22%;
}

.u-w23 {
  width: 23%;
}

.u-w24 {
  width: 24%;
}

.u-w25 {
  width: 25%;
}

.u-w26 {
  width: 26%;
}

.u-w27 {
  width: 27%;
}

.u-w28 {
  width: 28%;
}

.u-w29 {
  width: 29%;
}

.u-w30 {
  width: 30%;
}

.u-w31 {
  width: 31%;
}

.u-w32 {
  width: 32%;
}

.u-w33 {
  width: 33%;
}

.u-w34 {
  width: 34%;
}

.u-w35 {
  width: 35%;
}

.u-w36 {
  width: 36%;
}

.u-w37 {
  width: 37%;
}

.u-w38 {
  width: 38%;
}

.u-w39 {
  width: 39%;
}

.u-w40 {
  width: 40%;
}

.u-w41 {
  width: 41%;
}

.u-w42 {
  width: 42%;
}

.u-w43 {
  width: 43%;
}

.u-w44 {
  width: 44%;
}

.u-w45 {
  width: 45%;
}

.u-w46 {
  width: 46%;
}

.u-w47 {
  width: 47%;
}

.u-w48 {
  width: 48%;
}

.u-w49 {
  width: 49%;
}

.u-w50 {
  width: 50%;
}

.u-w51 {
  width: 51%;
}

.u-w52 {
  width: 52%;
}

.u-w53 {
  width: 53%;
}

.u-w54 {
  width: 54%;
}

.u-w55 {
  width: 55%;
}

.u-w56 {
  width: 56%;
}

.u-w57 {
  width: 57%;
}

.u-w58 {
  width: 58%;
}

.u-w59 {
  width: 59%;
}

.u-w60 {
  width: 60%;
}

.u-w61 {
  width: 61%;
}

.u-w62 {
  width: 62%;
}

.u-w63 {
  width: 63%;
}

.u-w64 {
  width: 64%;
}

.u-w65 {
  width: 65%;
}

.u-w66 {
  width: 66%;
}

.u-w67 {
  width: 67%;
}

.u-w68 {
  width: 68%;
}

.u-w69 {
  width: 69%;
}

.u-w70 {
  width: 70%;
}

.u-w71 {
  width: 71%;
}

.u-w72 {
  width: 72%;
}

.u-w73 {
  width: 73%;
}

.u-w74 {
  width: 74%;
}

.u-w75 {
  width: 75%;
}

.u-w76 {
  width: 76%;
}

.u-w77 {
  width: 77%;
}

.u-w78 {
  width: 78%;
}

.u-w79 {
  width: 79%;
}

.u-w80 {
  width: 80%;
}

.u-w81 {
  width: 81%;
}

.u-w82 {
  width: 82%;
}

.u-w83 {
  width: 83%;
}

.u-w84 {
  width: 84%;
}

.u-w85 {
  width: 85%;
}

.u-w86 {
  width: 86%;
}

.u-w87 {
  width: 87%;
}

.u-w88 {
  width: 88%;
}

.u-w89 {
  width: 89%;
}

.u-w90 {
  width: 90%;
}

.u-w91 {
  width: 91%;
}

.u-w92 {
  width: 92%;
}

.u-w93 {
  width: 93%;
}

.u-w94 {
  width: 94%;
}

.u-w95 {
  width: 95%;
}

.u-w96 {
  width: 96%;
}

.u-w97 {
  width: 97%;
}

.u-w98 {
  width: 98%;
}

.u-w99 {
  width: 99%;
}

.u-w100 {
  width: 100%;
}

@media screen and (max-width: 979.8px) {
  .u-w0-tab {
    width: 0%;
  }
  .u-w1-tab {
    width: 1%;
  }
  .u-w2-tab {
    width: 2%;
  }
  .u-w3-tab {
    width: 3%;
  }
  .u-w4-tab {
    width: 4%;
  }
  .u-w5-tab {
    width: 5%;
  }
  .u-w6-tab {
    width: 6%;
  }
  .u-w7-tab {
    width: 7%;
  }
  .u-w8-tab {
    width: 8%;
  }
  .u-w9-tab {
    width: 9%;
  }
  .u-w10-tab {
    width: 10%;
  }
  .u-w11-tab {
    width: 11%;
  }
  .u-w12-tab {
    width: 12%;
  }
  .u-w13-tab {
    width: 13%;
  }
  .u-w14-tab {
    width: 14%;
  }
  .u-w15-tab {
    width: 15%;
  }
  .u-w16-tab {
    width: 16%;
  }
  .u-w17-tab {
    width: 17%;
  }
  .u-w18-tab {
    width: 18%;
  }
  .u-w19-tab {
    width: 19%;
  }
  .u-w20-tab {
    width: 20%;
  }
  .u-w21-tab {
    width: 21%;
  }
  .u-w22-tab {
    width: 22%;
  }
  .u-w23-tab {
    width: 23%;
  }
  .u-w24-tab {
    width: 24%;
  }
  .u-w25-tab {
    width: 25%;
  }
  .u-w26-tab {
    width: 26%;
  }
  .u-w27-tab {
    width: 27%;
  }
  .u-w28-tab {
    width: 28%;
  }
  .u-w29-tab {
    width: 29%;
  }
  .u-w30-tab {
    width: 30%;
  }
  .u-w31-tab {
    width: 31%;
  }
  .u-w32-tab {
    width: 32%;
  }
  .u-w33-tab {
    width: 33%;
  }
  .u-w34-tab {
    width: 34%;
  }
  .u-w35-tab {
    width: 35%;
  }
  .u-w36-tab {
    width: 36%;
  }
  .u-w37-tab {
    width: 37%;
  }
  .u-w38-tab {
    width: 38%;
  }
  .u-w39-tab {
    width: 39%;
  }
  .u-w40-tab {
    width: 40%;
  }
  .u-w41-tab {
    width: 41%;
  }
  .u-w42-tab {
    width: 42%;
  }
  .u-w43-tab {
    width: 43%;
  }
  .u-w44-tab {
    width: 44%;
  }
  .u-w45-tab {
    width: 45%;
  }
  .u-w46-tab {
    width: 46%;
  }
  .u-w47-tab {
    width: 47%;
  }
  .u-w48-tab {
    width: 48%;
  }
  .u-w49-tab {
    width: 49%;
  }
  .u-w50-tab {
    width: 50%;
  }
  .u-w51-tab {
    width: 51%;
  }
  .u-w52-tab {
    width: 52%;
  }
  .u-w53-tab {
    width: 53%;
  }
  .u-w54-tab {
    width: 54%;
  }
  .u-w55-tab {
    width: 55%;
  }
  .u-w56-tab {
    width: 56%;
  }
  .u-w57-tab {
    width: 57%;
  }
  .u-w58-tab {
    width: 58%;
  }
  .u-w59-tab {
    width: 59%;
  }
  .u-w60-tab {
    width: 60%;
  }
  .u-w61-tab {
    width: 61%;
  }
  .u-w62-tab {
    width: 62%;
  }
  .u-w63-tab {
    width: 63%;
  }
  .u-w64-tab {
    width: 64%;
  }
  .u-w65-tab {
    width: 65%;
  }
  .u-w66-tab {
    width: 66%;
  }
  .u-w67-tab {
    width: 67%;
  }
  .u-w68-tab {
    width: 68%;
  }
  .u-w69-tab {
    width: 69%;
  }
  .u-w70-tab {
    width: 70%;
  }
  .u-w71-tab {
    width: 71%;
  }
  .u-w72-tab {
    width: 72%;
  }
  .u-w73-tab {
    width: 73%;
  }
  .u-w74-tab {
    width: 74%;
  }
  .u-w75-tab {
    width: 75%;
  }
  .u-w76-tab {
    width: 76%;
  }
  .u-w77-tab {
    width: 77%;
  }
  .u-w78-tab {
    width: 78%;
  }
  .u-w79-tab {
    width: 79%;
  }
  .u-w80-tab {
    width: 80%;
  }
  .u-w81-tab {
    width: 81%;
  }
  .u-w82-tab {
    width: 82%;
  }
  .u-w83-tab {
    width: 83%;
  }
  .u-w84-tab {
    width: 84%;
  }
  .u-w85-tab {
    width: 85%;
  }
  .u-w86-tab {
    width: 86%;
  }
  .u-w87-tab {
    width: 87%;
  }
  .u-w88-tab {
    width: 88%;
  }
  .u-w89-tab {
    width: 89%;
  }
  .u-w90-tab {
    width: 90%;
  }
  .u-w91-tab {
    width: 91%;
  }
  .u-w92-tab {
    width: 92%;
  }
  .u-w93-tab {
    width: 93%;
  }
  .u-w94-tab {
    width: 94%;
  }
  .u-w95-tab {
    width: 95%;
  }
  .u-w96-tab {
    width: 96%;
  }
  .u-w97-tab {
    width: 97%;
  }
  .u-w98-tab {
    width: 98%;
  }
  .u-w99-tab {
    width: 99%;
  }
  .u-w100-tab {
    width: 100%;
  }
}
@media screen and (max-width: 689.8px) {
  .u-w0-sp {
    width: 0%;
  }
  .u-w1-sp {
    width: 1%;
  }
  .u-w2-sp {
    width: 2%;
  }
  .u-w3-sp {
    width: 3%;
  }
  .u-w4-sp {
    width: 4%;
  }
  .u-w5-sp {
    width: 5%;
  }
  .u-w6-sp {
    width: 6%;
  }
  .u-w7-sp {
    width: 7%;
  }
  .u-w8-sp {
    width: 8%;
  }
  .u-w9-sp {
    width: 9%;
  }
  .u-w10-sp {
    width: 10%;
  }
  .u-w11-sp {
    width: 11%;
  }
  .u-w12-sp {
    width: 12%;
  }
  .u-w13-sp {
    width: 13%;
  }
  .u-w14-sp {
    width: 14%;
  }
  .u-w15-sp {
    width: 15%;
  }
  .u-w16-sp {
    width: 16%;
  }
  .u-w17-sp {
    width: 17%;
  }
  .u-w18-sp {
    width: 18%;
  }
  .u-w19-sp {
    width: 19%;
  }
  .u-w20-sp {
    width: 20%;
  }
  .u-w21-sp {
    width: 21%;
  }
  .u-w22-sp {
    width: 22%;
  }
  .u-w23-sp {
    width: 23%;
  }
  .u-w24-sp {
    width: 24%;
  }
  .u-w25-sp {
    width: 25%;
  }
  .u-w26-sp {
    width: 26%;
  }
  .u-w27-sp {
    width: 27%;
  }
  .u-w28-sp {
    width: 28%;
  }
  .u-w29-sp {
    width: 29%;
  }
  .u-w30-sp {
    width: 30%;
  }
  .u-w31-sp {
    width: 31%;
  }
  .u-w32-sp {
    width: 32%;
  }
  .u-w33-sp {
    width: 33%;
  }
  .u-w34-sp {
    width: 34%;
  }
  .u-w35-sp {
    width: 35%;
  }
  .u-w36-sp {
    width: 36%;
  }
  .u-w37-sp {
    width: 37%;
  }
  .u-w38-sp {
    width: 38%;
  }
  .u-w39-sp {
    width: 39%;
  }
  .u-w40-sp {
    width: 40%;
  }
  .u-w41-sp {
    width: 41%;
  }
  .u-w42-sp {
    width: 42%;
  }
  .u-w43-sp {
    width: 43%;
  }
  .u-w44-sp {
    width: 44%;
  }
  .u-w45-sp {
    width: 45%;
  }
  .u-w46-sp {
    width: 46%;
  }
  .u-w47-sp {
    width: 47%;
  }
  .u-w48-sp {
    width: 48%;
  }
  .u-w49-sp {
    width: 49%;
  }
  .u-w50-sp {
    width: 50%;
  }
  .u-w51-sp {
    width: 51%;
  }
  .u-w52-sp {
    width: 52%;
  }
  .u-w53-sp {
    width: 53%;
  }
  .u-w54-sp {
    width: 54%;
  }
  .u-w55-sp {
    width: 55%;
  }
  .u-w56-sp {
    width: 56%;
  }
  .u-w57-sp {
    width: 57%;
  }
  .u-w58-sp {
    width: 58%;
  }
  .u-w59-sp {
    width: 59%;
  }
  .u-w60-sp {
    width: 60%;
  }
  .u-w61-sp {
    width: 61%;
  }
  .u-w62-sp {
    width: 62%;
  }
  .u-w63-sp {
    width: 63%;
  }
  .u-w64-sp {
    width: 64%;
  }
  .u-w65-sp {
    width: 65%;
  }
  .u-w66-sp {
    width: 66%;
  }
  .u-w67-sp {
    width: 67%;
  }
  .u-w68-sp {
    width: 68%;
  }
  .u-w69-sp {
    width: 69%;
  }
  .u-w70-sp {
    width: 70%;
  }
  .u-w71-sp {
    width: 71%;
  }
  .u-w72-sp {
    width: 72%;
  }
  .u-w73-sp {
    width: 73%;
  }
  .u-w74-sp {
    width: 74%;
  }
  .u-w75-sp {
    width: 75%;
  }
  .u-w76-sp {
    width: 76%;
  }
  .u-w77-sp {
    width: 77%;
  }
  .u-w78-sp {
    width: 78%;
  }
  .u-w79-sp {
    width: 79%;
  }
  .u-w80-sp {
    width: 80%;
  }
  .u-w81-sp {
    width: 81%;
  }
  .u-w82-sp {
    width: 82%;
  }
  .u-w83-sp {
    width: 83%;
  }
  .u-w84-sp {
    width: 84%;
  }
  .u-w85-sp {
    width: 85%;
  }
  .u-w86-sp {
    width: 86%;
  }
  .u-w87-sp {
    width: 87%;
  }
  .u-w88-sp {
    width: 88%;
  }
  .u-w89-sp {
    width: 89%;
  }
  .u-w90-sp {
    width: 90%;
  }
  .u-w91-sp {
    width: 91%;
  }
  .u-w92-sp {
    width: 92%;
  }
  .u-w93-sp {
    width: 93%;
  }
  .u-w94-sp {
    width: 94%;
  }
  .u-w95-sp {
    width: 95%;
  }
  .u-w96-sp {
    width: 96%;
  }
  .u-w97-sp {
    width: 97%;
  }
  .u-w98-sp {
    width: 98%;
  }
  .u-w99-sp {
    width: 99%;
  }
  .u-w100-sp {
    width: 100%;
  }
}
/*改行*/
.only-pc {
  display: block;
}
@media screen and (max-width: 979.8px) {
  .only-pc {
    display: none;
  }
}
.only-pc-tb {
  display: block;
}
@media screen and (max-width: 689.8px) {
  .only-pc-tb {
    display: none;
  }
}
.only-pc-sp {
  display: block;
}
@media screen and (max-width: 979.8px) {
  .only-pc-sp {
    display: none;
  }
}
@media screen and (max-width: 689.8px) {
  .only-pc-sp {
    display: block;
  }
}
.only-tb {
  display: none;
}
@media screen and (max-width: 979.8px) {
  .only-tb {
    display: block;
  }
}
@media screen and (max-width: 689.8px) {
  .only-tb {
    display: none;
  }
}
.only-tb-sp {
  display: none;
}
@media screen and (max-width: 979.8px) {
  .only-tb-sp {
    display: block;
  }
}
.only-sp {
  display: none;
}
@media screen and (max-width: 689.8px) {
  .only-sp {
    display: block;
  }
}

/*-----------------------------------------------------------------------
Image styles
-----------------------------------------------------------------------*/
.ojf-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ojf-contain img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/*-----------------------------------------------------------------------
other styles
-----------------------------------------------------------------------*/
/*width*/
.u-w180 {
  max-width: 180px;
  width: 100%;
}
.u-w260 {
  max-width: 260px;
  width: 100%;
}
.u-w360 {
  max-width: 360px;
  width: 100%;
}

/*c-blog-banner*/
.c-blog-banner {
  margin: 40px 0 !important;
}
.c-blog-banner a:hover {
  opacity: 0.7;
}

/*--------------------------------------------
* 【注意】直接編集禁止【注意】
* --------------------------------------------
* custom.cssは直接編集しないでください。
* custom.sassを修正しコンパイルして使用するようにお願いします。
* 修正するファイルはdcms_media/css/sass/custom.scssです。
* 修正後は以下のディレクトリにファイルをインポートしてください
* 
* 
* ============================================
* sassディレクトリ
* ============================================
*   > custom.css 
*   > custom.sass
*   > custom.css.map
* 
* ============================================
* cssディレクトリ
* ============================================
*   > custom.css 
* 
* --------------------------------------------*/