@charset "utf-8";
/* CSS Document */




/*-------各ページh1 モバイル時 pタグ左寄せ--------*/
@media (max-width: 767px) {
    .pagetemp-column1 .freePage > div:first-child.cparts-keyimg-block.cparts-id321 .cparts-notes-block {
        text-align: left;
    }
}
/*-------各ページh1 モバイル時 pタグ左寄せおわり--------*


/*-------在庫・販売ぺージ　li 点を消す--------*/
.org_li_circle_none li{
    list-style:none;
}
/*-------li 点を消すおわり--------*/


/*-------ブログ　タイトル　デザイン消す-------*/
.blogEntry h2::before{
 background-color:transparent;
}
/*-------ブログ　タイトルおわり--------*/

/*-------ブログ　ぺージめくりボタン--------*/
.topicsList .pageLink ul .prevBu, .blogCategoryArchives .pageLink ul .prevBu, .blogEntry .pageLink ul .prevBu, .blogMonthlArchives .pageLink ul .prevBu, .blogIndividual .pageLink ul .prevBu, .blogSearch .pageLink ul .prevBu, .blogArchives .pageLink ul .prevBu, .albumDetail .pageLink ul .prevBu, .search .pageLink ul .prevBu {
    text-align: right;
}

.topicsList .pageLink ul .nextBu, .blogCategoryArchives .pageLink ul .nextBu, .blogEntry .pageLink ul .nextBu, .blogMonthlArchives .pageLink ul .nextBu, .blogIndividual .pageLink ul .nextBu, .blogSearch .pageLink ul .nextBu, .blogArchives .pageLink ul .nextBu, .albumDetail .pageLink ul .nextBu, .search .pageLink ul .nextBu {
    text-align: left;
}

.topicsList .pageLink ul, .blogCategoryArchives .pageLink ul, .blogEntry .pageLink ul, .blogMonthlArchives .pageLink ul, .blogIndividual .pageLink ul, .blogSearch .pageLink ul, .blogArchives .pageLink ul, .albumDetail .pageLink ul, .search .pageLink ul {
    display: flex;
    width: 100%;
    align-items: center;
}

.pageLink li {
    font-size:1.1rem !important;
}

.pageLink li a {
    font-size:1.3rem !important;
}
/*-------ブログ　ぺージめくりボタン　おわり--------*/

/*-------お問い合わせボタン　フッター色--------*/
.siteblock-footer .dec-btn--primary:hover, .siteblock-footer .dec-btn--primary:focus, .siteblock-footer .dec-btn--secondary:hover, .siteblock-footer .dec-btn--secondary:focus, .siteblock-footer .dec-btn--attention:hover, .siteblock-footer .dec-btn--attention:focus, .siteblock-footer .dec-btn--dark:hover, .siteblock-footer .dec-btn--dark:focus {
    color: #fff !important;
}
/*-------お問い合わせボタン　フッター色　おわり--------*/

/*  ビデオ用 開始 */
video {
  min-width: 100%;
  min-height: 100vh;
  position: absolute;
}
@media (aspect-ratio: 16/9) {
  video {
    top: 0% !important;
  }
}
@media (min-aspect-ratio: 16/9) {
  video {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-aspect-ratio: 16/9) {
  video {
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}


/*  ビデオ用 ここまで */


/*キャッチコピーサイズ調整 開始*/
@media (min-width: 768px) {
    .siteblock-upper .lay-container-xl > div:first-child[class*="free_parts"] .boxBottom > div:first-child.cparts-keyimg-block.cparts-id321 .cparts-id321__ttl, .siteblock-upper .lay-container-xl > div:first-child.freeParts .boxBottom > div:first-child.cparts-keyimg-block.cparts-id321 .cparts-id321__ttl {
            font-size: 4vw;
    }
}
/*キャッチコピーサイズ調整 終了*/

/*  スマホ メニューボタン ここまで */
@media (max-width: 767px) {
    #sitedesign-headernav-input:checked ~ .sitedesign-headernav-button {
        background-color: #fff;
    }
}

.sitedesign-naviOpen .siteblock-header {
    color: #fff !important;
}

.sitedesign-naviOpen .siteblock-header a {
    color: #fff !important;
}
.siteblock-header {
    /* background-color: rgba(0, 0, 0, 0.2); */
    background-color: rgba(0, 0, 0, 1);
}

.siteblock-upper .sitedesign-nextblock {
     margin-top: 0px !important; 
}

@media (max-width: 767px) {
h1 {
    font-size: 1.75rem!important;
}
}
@media (min-width: 768px) {
    h2 {
        padding: 30px 0 0 10px;
    }
}

.sitedesign-headernav-group li.menu-level-1 a, .sitedesign-headernav-group li.menu-level-1 div {
    color: #000;
}
@media (min-width: 768px) {
    .sitedesign-headernav-group li.menu-level-1 > a, .sitedesign-headernav-group li.menu-level-1 > div p {
        background-color: rgba(255, 255, 255, 0.7);
}
}
@media (max-width: 767px) {
    .sitedesign-headernav-buttonbar, 
    .sitedesign-headernav-buttonbar:before,
    .sitedesign-headernav-buttonbar:after{
        background-color: #fff;
    }
}

.pieChartArea,.ccChartArea{margin:0 auto 1.5em;width:280px;height:280px;position:relative;}
.pieChartArea li,.ccChartArea li{list-style:none;padding:0;font-size:13px;font-weight:700;color:#fff;text-align:center;line-height:1.2 !important;position:absolute;text-shadow:0 0 3px #000;opacity:0;}
.pieChartArea li span{margin:0 .15em;font-size:24px;letter-spacing:-.1em;}
.pieChartArea li strong{padding:0;display:block;background:none;}
.pieChartArea li:first-child{top:65%;right:15%;animation:textFwt 1.5s ease-out 1s 1 forwards;}
.pieChartArea li:nth-child(2){top:54%;left:4%;animation:textFwt 1.5s ease-out 1.25s 1 forwards;}
.pieChartArea li:nth-child(3){top:23%;left:12%;animation:textFwt 1.5s ease-out 1.5s 1 forwards;}
.pieChartArea li:last-child{top:10%;right:52%;animation:textFwt 1.5s ease-out 1.75s 1 forwards;}
.ccChartArea li:last-child{top:23%;right:23%;animation:textFwt 1.5s ease-out 1.75s 1 forwards;}
@keyframes textFwt {0%{opacity:0;}100%,to{opacity:1;}}
.circle{display:inline-block;transform:rotate(-90deg);}
.circle .type{fill:transparent;stroke-width:100;}
.circle .type1{stroke:#065e71;}
.circle .type2{stroke:#2b7686;}
.circle .type3{stroke:#518e9c;}
.circle .type4{stroke:#8fb7bf;}
.typeA1{animation:circleA1 1s forwards;-webkit-animation:circleA1 1s forwards;}
@keyframes circleA1{0%{stroke-dasharray:0 565;}100%,to{stroke-dasharray:350 565;}}
.typeA2{animation:circleA2 1s forwards;-webkit-animation:circleA2 1s forwards;}
@keyframes circleA2{0%{stroke-dasharray:0 565;}100%,to{stroke-dasharray:446 565;}}
.typeA3{animation:circleA3 1s forwards;-webkit-animation:circleA3 1s forwards;}
@keyframes circleA3{0%{stroke-dasharray:0 565;}100%,to{stroke-dasharray:520 565;}}
.typeA4{animation:circleA4 1s forwards;-webkit-animation:circleA4 1s forwards;}
@keyframes circleA4{0%{stroke-dasharray:0 565;}100%,to{stroke-dasharray:565 565;}}

/***** 採用ページフローティングバナー *****/

/*スマホ画面のみ*/
@media (max-width: 767px) {
	.cparts-id583 .cparts-link-block {
		width:100%;
	}
}