/* argument */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
.ffRb { font-family: 'Roboto', sans-serif; }

/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
@media (max-width: 767px) { .box_breadcrumb { margin-bottom: 20px; border-bottom: none; padding-bottom: 0; } }

.imagetb-294x190 { position: relative; }

.imagetb-294x190:before { display: block; content: " "; width: 100%; padding-top: 64.62585%; }

.imagetb-294x190 > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.box-single { position: relative; padding-top: 63px; padding-bottom: 30px; }

@media (max-width: 767px) { .box-single { padding-top: 25px; padding-bottom: 40px; } }

.box-single:before { content: ""; display: block; top: 0; left: 0; right: 0; height: 421px; background: #F7F7F7; position: absolute; }

.box-single .container { position: relative; }

.box-single .txt-cat { font-size: 0; margin-bottom: 17px; }

@media (max-width: 767px) { .box-single .txt-cat { margin-bottom: 4px; } }

.box-single .txt-cat span { border: 1px dotted #7030a0; min-width: 84px; text-align: center; color: #7030a0; font-size: 11px; font-size: 1.1rem; line-height: 23px; letter-spacing: 0.05em; font-weight: bold; padding: 1px 23px; margin-right: 7px; display: inline-block; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .box-single .txt-cat span { padding-top: 6px; } }

@media (max-width: 767px) { .box-single .txt-cat span { min-width: 66px; line-height: 21px; padding: 1px 11px; margin-right: 5px; font-size: 12px; font-size: 1.2rem; line-height: 18px; } }

.box-single .txt-title { font-size: 32px; font-size: 3.2rem; line-height: 44px; font-weight: bold; }

@media (max-width: 767px) { .box-single .txt-title { font-size: 23px; font-size: 2.3rem; line-height: 34px; margin-bottom: 3px; } }

.box-single .txt-sub { font-size: 17px; font-size: 1.7rem; line-height: 33px; margin-bottom: 8px; }

@media (max-width: 767px) { .box-single .txt-sub { font-size: 15px; font-size: 1.5rem; line-height: 25px; margin-bottom: 5px; } }

.box-single .txt-date { font-size: 13px; font-size: 1.3rem; line-height: 23px; padding-left: 24px; position: relative; margin-bottom: 28px; color: #4D4D4D; }

@media (max-width: 767px) { .box-single .txt-date { padding-left: 22px; margin-bottom: 15px; } }

.box-single .txt-date:before { content: ""; width: 13px; height: 13px; display: block; background-image: url(../../img/casestudy/icon_clock.png); background-size: 100% 100%; background-position: center; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }

.box-single .mb114px { margin-bottom: 114px; }

@media (max-width: 767px) { .box-single .mb114px { margin-bottom: 50px; } }

.box-single .main-img { display: block; margin: auto; margin-bottom: 38px; text-align: center; }

@media (max-width: 767px) { .box-single .main-img { margin-bottom: 24px; } }

.box-single .main-img iframe { height: 650px !important; width: 100%; }

@media (max-width: 767px) { .box-single .main-img iframe { height: 218px !important; } }

.box-single .box-cnt { margin-bottom: 80px; }

.box-single .box-cnt:before, .box-single .box-cnt:after { content: " "; display: table; }

.box-single .box-cnt:after { clear: both; }

@media (max-width: 767px) { .box-single .box-cnt { margin-bottom: 53px; } }

.box-single .box-cnt .box-cnt-box { width: calc(50% - 20px); margin-right: 40px; float: left; }

@media (max-width: 767px) { .box-single .box-cnt .box-cnt-box { width: 100%; margin: 0; float: none; } }

.box-single .box-cnt .box-cnt-box:nth-child(2n) { margin-right: 0; margin-left: 0; }

.box-single .box-cnt .box-cnt-box img { width: 100%; margin-bottom: 10px; }

@media (max-width: 767px) { .box-single .box-cnt .box-cnt-box img { margin-bottom: 3px; } }

.box-single .box-cnt .box-cnt-box .txt-alt { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #4D4D4D; }

@media (max-width: 767px) { .box-single .box-cnt .box-cnt-box .txt-alt { font-size: 13px; font-size: 1.3rem; margin-bottom: 15px; } }

.box-single .box-cnt .box-cnt-box__title { color: #7030a0; font-size: 22px; font-size: 2.2rem; line-height: 33px; font-weight: bold; margin-bottom: 7px; margin-top: -7px; }

@media (max-width: 767px) { .box-single .box-cnt .box-cnt-box__title { font-size: 18px; font-size: 1.8rem; line-height: 28px; margin-top: 0; margin-bottom: 12px; } }

.box-single .box-cnt .box-cnt-box__des { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-bottom: 17px; }

@media (max-width: 767px) { .box-single .box-cnt .box-cnt-box__des { font-size: 15px; font-size: 1.5rem; line-height: 27px; } }

.box-single .box-cnt .box-cnt-box__des.cmsContent a { color: #7030a0; text-decoration: underline; font-weight: bold; }

.box-single .box-cnt .box-cnt-box__link { font-size: 16px; font-size: 1.6rem; line-height: 30px; font-weight: bold; color: #7030a0; text-decoration: underline; }

@media (min-width: 768px) { .box-single .box-cnt--type2 .box-cnt-box { float: right; margin-left: 40px; margin-right: 0; }
  .box-single .box-cnt--type2 .box-cnt-box:nth-child { margin-left: 0; } }

@media (max-width: 767px) { .box-single .box-cnt--type2 { margin-bottom: 34px; } }

.box-single .box-full { margin-bottom: 77px; }

@media (max-width: 767px) { .box-single .box-full { margin-bottom: 58px; } }

.box-single .box-full__title { font-size: 22px; font-size: 2.2rem; line-height: 33px; font-weight: bold; color: #7030a0; margin-bottom: 10px; }

@media (max-width: 767px) { .box-single .box-full__title { font-size: 18px; font-size: 1.8rem; line-height: 28px; margin-top: 0; margin-bottom: 8px; } }

.box-single .box-full__img { width: 100%; margin-bottom: 5px; }

.box-single .box-full__alt { font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #4D4D4D; margin-bottom: 41px; }

@media (max-width: 767px) { .box-single .box-full__alt { font-size: 13px; font-size: 1.3rem; margin-bottom: 23px; } }

.box-single .box-full__des { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

@media (max-width: 767px) { .box-single .box-full__des { font-size: 15px; font-size: 1.5rem; line-height: 27px; } }

.box-single .box-dou { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 77px; }

@media (max-width: 767px) { .box-single .box-dou { margin-bottom: 58px; } }

.box-single .box-dou__title { font-size: 22px; font-size: 2.2rem; line-height: 33px; font-weight: bold; color: #7030a0; margin-bottom: 10px; width: 100%; }

@media (max-width: 767px) { .box-single .box-dou__title { font-size: 18px; font-size: 1.8rem; line-height: 28px; margin-top: 0; margin-bottom: 8px; } }

.box-single .box-dou__des { font-size: 16px; font-size: 1.6rem; line-height: 30px; margin-top: 15px; }

@media (max-width: 767px) { .box-single .box-dou__des { font-size: 15px; font-size: 1.5rem; line-height: 27px; } }

.box-single .box-dou .item { width: calc(50% - 20px); margin-right: 40px; }

.box-single .box-dou .item:nth-of-type(2n) { margin-right: 0; }

.box-single .box-dou .item__img { width: 100%; margin-bottom: 5px; }

@media (max-width: 767px) { .box-single .box-dou .item__img { margin-bottom: 10px; } }

.box-single .box-dou .item__txt { font-size: 16px; font-size: 1.6rem; line-height: 30px; }

@media (max-width: 767px) { .box-single .box-dou .item { width: 100%; margin-right: 0; }
  .box-single .box-dou .item:first-child { margin-bottom: 50px; }
  .box-single .box-dou .item__txt { font-size: 13px; font-size: 1.3rem; line-height: 21px; } }

.box-gray { background: #F7F7F7; padding: 1px; }

.box-gray .next-prev-box { max-width: 666px; margin-top: 92px; margin-bottom: 90px; }

@media (max-width: 767px) { .box-gray .next-prev-box { margin-top: 53px; margin-bottom: 61px; } }

.box-gray .next-prev-box .listcom li:nth-child(odd) { padding-right: 20px; }

@media (max-width: 767px) { .box-gray .next-prev-box .listcom li:nth-child(odd) { padding-right: 23px; } }

.box-gray .next-prev-box .listcom li:nth-child(even) { padding-left: 20px; }

@media (max-width: 767px) { .box-gray .next-prev-box .listcom li:nth-child(even) { padding-left: 23px; } }

.box-gray .next-prev-box .img { margin-bottom: 19px; }

@media (max-width: 767px) { .box-gray .next-prev-box .img { margin-bottom: 9px; } }

.box-gray .next-prev-box .ttl-cat { font-size: 0; margin-bottom: 5px; }

@media (max-width: 767px) { .box-gray .next-prev-box .ttl-cat { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.box-gray .next-prev-box .ttl-cat span { border: 1px dotted #7030a0; display: inline-block; font-size: 10px; font-size: 1rem; line-height: 21px; letter-spacing: 0.05em; font-weight: bold; margin-right: 8px; text-align: center; color: #7030a0; padding: 0 5px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .box-gray .next-prev-box .ttl-cat span { padding-top: 5px; } }

.box-gray .next-prev-box .ttl-cat span:last-child { margin-right: 0; }

@media (max-width: 767px) { .box-gray .next-prev-box .ttl-cat span { margin-right: 5px; margin-bottom: 5px; font-size: 9px; font-size: 0.9rem; line-height: 17px; } }

.box-gray .next-prev-box .ttl-post { font-size: 17px; font-size: 1.7rem; line-height: 28px; font-weight: bold; margin-bottom: 5px; }

@media (max-width: 767px) { .box-gray .next-prev-box .ttl-post { line-height: 26px; margin-bottom: 9px; } }

.box-gray .next-prev-box .ttl-sub { color: #4D4D4D; font-size: 13px; font-size: 1.3rem; line-height: 18px; }

.box-gray .next-prev-box .back-box { margin-top: 28px; }

@media (max-width: 767px) { .box-gray .next-prev-box .back-box { margin-top: 34px; } }

.box-gray .next-prev-box li.new .img { position: relative; }

.box-gray .next-prev-box li.new .img:before { content: "NEW"; width: 46px; height: 46px; background: #00BFC9; color: #fff; text-align: center; position: absolute; top: 0; left: 0; font-size: 12px; font-size: 1.2rem; line-height: 46px; letter-spacing: 0.02em; font-weight: 500; font-family: "Roboto", sans-serif; }

.download_cm { margin-top: 0; border-top: 0; }

/*# sourceMappingURL=maps/casestudy_detail.min.css.map */