@font-face {
    font-family: "Impact";
    src:url('../fonts/Impact.woff') format('woff'),
         url('../fonts/Impact.ttf') format('truetype');
  }
.bg-black-45{ background: rgba(0,0,0,.45);}

.banner-text-container .container h1{ text-align: center;}
.maximg{max-width: 100%;}
.text-2d2d2d{ color: #2d2d2d;}
.text-2a2a2a{ color: #2a2a2a;}
.text-353434{ color: #353434;}
.spaceBetween{ justify-content: space-between;}
.justifyCenter{ justify-content:center;}
.alignItems{ align-items: center;}
.alignStart{ align-items: flex-start;}
.w-50{ width: 50%;}
.mr-1 {margin-right: 10px;}
.cardItembox ul li{  margin: 0 2px;  overflow: hidden; width: 50%;}
.cardItembox  *{ transition: all 300ms;}
.cardItembox ul li a{ position: relative; display: block; overflow: hidden;}
.cardItembox ul li a:hover img{ transform: scale(1.1);}
/*.cardItembox ul li a:hover p{ background: #0b6adf; color: #fff;}*/
.cardItembox ul li a p{ background: #606466; text-align: center; color: #fff; padding: 20px 0;position: absolute; margin: 0;  left: 0; bottom: 0; right: 0;}
.cardItembox ul li a.active p{ background: #0b6adf; color: #fff;}

.cardItembox ul li p{ margin: 0;}
.cardItembox ul li .memo{
    text-align: left;
    color: #5e5d5d;
    line-height: 200%;
}

.mb-1 { margin-bottom: 95px;}
.work p{margin: 0;}
.work dl{ margin: 0; text-align: left; width:455px;}
.work dl dt{ line-height: 150%;}
.work dl dd{ margin: 0; color: #333333; line-height: 150%; margin-bottom: 15px;}
.work dl dd img{margin-right: 10px; width: 60px;}
.work .imgbox{ flex:1;}

.more a{color: #0066d9; text-decoration: underline; line-height: 150%;}

.list{width:90%;margin:0px auto;}
.list ul{  justify-content:space-between;}
.list ul li{ width:33%; align-items: center;color: #727070;}
.list ul li .icon{
    width: 90px;
	height: 90px;
    padding:10px 0;
    
	border: solid 2px #696969;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}
.list ul li .icon img{ width:80%;max-width: 100%;}
.list ul li .icon:last-child img{ width:70%;max-width: 100%;}
.list ul li .memo{ text-align: left; flex:1; padding-right: 20px;padding-top:10px; }
.list ul li .memo h4{ color: #353434;}
.list ul li .memo div{line-height: 150%; }
h1 {color: #ffffff; font-size: 64px;}
/*.sasslist { justify-content: space-between;}*/
/*.sasslist .item{ border-radius: 6px;border: solid 1px #dedede; padding:70px 0 70px 40px; width: calc( 25% - 10px ); text-align: left; color: #353434;}  */
/*.sasslist .item .price b{font-size: 72px; font-family: 'Impact';}*/
/*.sasslist .item .name{line-height: 120%;}*/
/*.sasslist .item .content{line-height: 120%; color: #181919; height: 60px;}*/
/*.sasslist .item .price{ padding-top:50px;}*/

/*.casebox .item{*/
/*    width: calc( 25% - 15px ); margin:0 7px 14px 7px;*/
/*}*/
/*.casebox .item img{ width: 100%; height: 100%; object-fit: cover;}*/

@media only screen and (max-width: 1400px) {
    /*.sasslist .item{ padding:70px 10px 70px 40px;  width:calc( 50% - 5px); margin-bottom: 15px;}  */
    /*.sasslist .item:nth-child(3){margin-bottom: 0;}*/
    /*.sasslist .item:last-child{margin-bottom: 0;}*/
    /*.sasslist .item .price b{font-size: 62px;}*/
    /*.sasslist .item .content{height: 60px;}*/
    /*.sasslist .item .price{ padding-top:50px;}*/
}
@media only screen and (max-width: 1054px) {
    .mb-1 { margin-bottom: 45px;}
    .font2{ font-size: 34px;}
    .font4{ font-size: 16px;}
    .work dl dd img{width: 48px; line-height: 24px;} 

    .cardItembox ul li .itembox{ justify-content: flex-start;}
    .cardItembox ul li .item{ justify-content: flex-start;} 
    .list ul li .memo {padding-right:0px;}
    h1 {color: #ffffff; font-size: 44px;}
    
    /*.sasslist .item{ padding:30px 10px 30px 30px;margin-bottom: 10px;}  */
    /*.sasslist .item .price b{font-size: 32px;}*/
    /*.sasslist .item .content{height: 40px;}*/
    /*.sasslist .item .price{ padding-top:30px;}*/
}
@media only screen and (min-width: 992px)and (max-width: 1024px) {
    .list-d ul li {width: 50%;}
    h1 {color: #ffffff; font-size: 42px;}

}
@media only screen and (min-width: 767px)and (max-width: 992px) {
    .list-d .d-flex {      flex-direction: row;}
    .list-d ul li {width: 100%;}
    h1 {color: #ffffff; font-size: 32px;}

}


@media only screen and (max-width: 767px) {
    h1 {color: #ffffff; font-size: 26px;}

    /* .font-blod {font-weight: normal;} */
    .mb-1 { margin-bottom: 15px;margin-top: -15px;}
    .mt-18 {margin-top: 12px;}
    .pt20 {padding: 2px 0px;}
    .font1 {font-size: 20px;}
    .font2 {font-size: 18px;}
    .font3 {font-size: 16px;}
    .font4 {font-size: 12px;}
    .font6 {font-size: 18px;}
    .font7 {font-size: 14px;}

  
    .mt-1 {margin-top: 48px;}
    .mt-1 .font24 {font-weight: normal; font-size: 15px;}
    .mt-2 {margin-top: 15px;}
    .mt-3 {margin-top: 10px;}
    .mt-4 {margin-top: 15px;}
    .mt-5 {margin-top: 20px;}
    .mt-10 {margin-top: 10px; margin-bottom: 20px;}
    .mt-9 {
        margin-top: 5px;
    }
    .sasslist .item .price b{font-size: 26px;}
    .sasslist .item:nth-child(1) .mt-18 {height: 50px;}
    .sasslist .item:nth-child(3) .mt-18 {height: 75px;}
.cardItembox ul li a p{position: relative; background: #606466; text-align: center; color: #fff;line-height: 15px; padding: 5px 0;height: 50px; margin: 0;  left: 0; bottom: 0; right: 0;}

    .cardItembox ul { flex-flow: wrap;}
    .cardItembox ul li{ margin-bottom: 15px; width: 48%;}

    .work dl{ width: 100%; text-align: center;}
    .work dl dd{ text-align: left;}
    .work .imgbox{ width: 100%; flex: none;}

    .cardItembox ul li .itembox  .w-50{ width: auto;}
    
    .list ul li{ width: 100% ; }
    .list ul li .icon{ width: 80px;height: 80px;}
    .list ul li .icon img{ max-width: 50%;}

    .casebox .item{
        width: calc( 50% - 15px ); 
    }

    .list .font24{font-size:16px; font-weight: 700;}
    .sasslist .mt-50{margin-top:30px;}
    .sasslist .item .price{ padding-top:20px;}

}