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

#wacoms #hero p img{
    object-position: left;
}




            
            #trust .t-main {
                width: 90%;
                max-width: 1000px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin: 100px auto;
                flex-direction: row-reverse;
                flex-wrap: wrap;
            }
            
            #trust .t-main-p {
                width: 58%;
            }
            
            #trust .t-main-img {
                width: 40%;
            }
            
        
            #trust .gray {
                background: #666666;
                color: white;
                font-size: 12px;
               /* padding: 10px 0;*/
            }

            #trust .t-main-p span.gray{
                padding: 10px;
            }
            
/*#trust .t-main .gray {
    padding: 10px;
}*/
            
            #trust p {
                font-size: 14px;
                line-height: 1.8;
                margin: 14px 0;
            }
            
            #trust .t-main .eb {
                margin: 15px auto 20px;
            }
            
            #trust .t-main .p-name {
                width: 60%;
                margin: 15px 0;
            }
            
            #trust .t-main .p-name2 {
                font-size: 22px;
                margin-bottom: 20px;
            }
            
            #trust .t-main .t-main-p1 span {
                color: #777777;
                letter-spacing: 2px;
            }
            
            #trust .t-main .t-main-p1 {
                margin-bottom: 50px;
            }
            
            #trust .t-main .t-main-b {
                margin: 30px 0;
                display: flex;
                justify-content: space-between;
            }

#trust .t-main .t-main-b .gray {
    padding: 10px 0;
}
            
            #trust .ttl-eb .eb {
                font-size: 28px;
            }
            
            #trust .gray2 {
                color: #777777;
                font-size: 13px;
            }
            
            #trust #detail {
                text-align: left;
            }
            
            #trust .inner {
                width: 90%;
                max-width: 1000px;
                margin: auto;
            }
            
            #trust .obi {
                background: #F6F6F6;
                font-size: 14px;
                font-weight: bold;
            }
            
            #trust .obi ul {
                display: flex;
            }
            
            #trust .obi li {
                margin-right: 30px;
            }
            #trust .obi li a{
                display: block;
                padding: 20px 0;
            }
              #trust .obi li a:hover{
                  border-bottom: 2px solid #000;
                }
          #trust .flex-box {
                display: flex;
                justify-content: space-between;
            }
            
            #trust .flex-box .box2 {
                display: flex;
            }
            
            #trust .number {
                font-size: 50px;
                font-family: "Cardo", "EB Garamond", sans-serif;
                margin-right: 20px;
            }            
            
            #trust .text {
                font-weight: bold;
                
            }
            
            #trust .flex-box .box {
                width: 30%;
            }
            
            #trust .box-obi {
                margin: 50px auto 80px;
            }
            
            #trust .ttl-eb {
                margin: 50px auto;
            }
            
            #trust .box-f {
                border: solid 1.5px;
                padding: 10px 30px;
            }
            
            #trust .yajirushi {
                width: 5%;
                margin: 5px auto;
            }
            
            #trust .box3-img {
                width: 45%;
            }
            
            #trust .box3 {
                width: 50%;
            }
            
            #trust .step {
                font-weight: bold;
            }
            
            #trust .filter .flex-box {
                margin: 50px auto;
            }
            
            #trust .feature .flex-box {
                margin: 50px auto;
            }
            
            #trust .feature .box {
                width: 50%;
            }
            
            #trust .feature .box-p {
                width: 42%;
            }
            
            #trust #asyosan {
                background: #f6f6f6;
                padding: 50px 0;
            }
            
            #trust #asyosan .box {
                border: solid 1px #555555;
                background: white;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 20px;
            }
            
            #trust #asyosan .box-img {
                width: 20%;
                margin-right: 7%;
            }            
            
            #trust #asyosan .box-p {
                width: 60%;
            }
            
            #trust #asyosan .box4 {
                width: 47%;
            }
            
            #trust #asyosan .box4 .gray {
                text-align: center;
                padding: 10px 0;
                letter-spacing: 1px;
                font-weight: bold;
                font-size: 15px;
            }
            
            #trust #asyosan .border-box {
                border: solid 1px #555555;
                background: white;
                height: 500px;
            }
            
            #trust #asyosan .border-box .inner {
                width: 80%;
                padding: 30px 0;
            }
            
            #trust #gyakusinto .box {
                width: 47%;
            }
            
            #trust #gyakusinto .flex-box {
                margin: 80px auto;
            }
            
            #trust .pdf {
                display: flex;
                align-items: center;
            }
            
            #trust .pdf .box-p {
                width: auto;
            }
            
            #trust .pdf .box-img {
                width: 3%;
            }
            
            #trust #test {
                padding-bottom: 50px;
            }
            
            #trust #test .pdf .box-img {
                width: 8%;
            }
            
            #trust #test .flex-box {
                margin: 50px auto auto;
            }
            
            #trust #test table {
                line-height: 1.5;
                width: 100%;
            }
            
            #trust #test table th {
    background: #595858;
    padding: 14px 8px;
    border-right: 1px #fff solid;
    text-align: center;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
}
       #trust #test table .all_bold {
            font-weight: bold;
}
            
            #trust #test table td {
    background: #F5F5F5;
    padding: 14px 18px;
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
    vertical-align: middle;
    text-align: center;
    color: #595858;
}
            
            #trust .function .flex-box .box {
                width: 47%;
            }
            
            #trust .function .flex-box {
                padding: 30px 0;
            }
            
            #trust .spec {
                margin-top: 100px;
            }
            
            #trust .spec .t-main {
                margin-top: 30px;
            }
            
            #trust .spec .ttl-eb {
    margin: 50px auto 20px;
}
      
#trust .spec .block{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}     
      
#trust .spec .block{

}
#trust .spec .t-main{
    width: 55%;
}
#trust .spec .t-main-p {
  width: 100%;
}


            #trust .button2 {
    border: 1px solid;
    /*display: inline-block;
    padding: 10px 30px;*/
    margin: auto;
    font-size: 12px;
    font-weight: bold;
                width: 47%;
                max-width: 250px;
                text-align: center;
}

#trust_s .button2 {
    margin-left: 0;
}
            
            #trust .button {
                /*padding: 10px 0;*/
            }
            
            #trust .center {
                text-align: center;
            } 
  
#trust .t-main .t-btn .button2{
    margin: 0 0 10px;
}

#trust .t-main .t-btn .button2 a{
    padding: 10px 0;
}


/*アコーディオン全体*/
.accordion-area{
    width: 100%;
    max-width: 900px;
    margin:0 auto;
}

.accordion-area section {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/*アコーディオンタイトル*/
.accordion-area .title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding:10px 0;
    transition: all .5s ease;
    text-align: center;
}

/*アイコンの＋と×*/
.accordion-area .title::before,
.accordion-area .title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
.accordion-area .title::before{
    top:48%;
    right: 15px;
    transform: rotate(0deg);
    
}
.accordion-area .title::after{    
    top:48%;
    right: 15px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.accordion-area .title.close::before{
  transform: rotate(45deg);
}

.accordion-area .title.close::after{
  transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.accordion-area .box {
    display: none;/*はじめは非表示*/
}
 
.accordion-area .box dl{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 360px;
    margin: 15px auto 50px;
}

.accordion-area .box dl dt{
    width: 30%;
    margin-bottom: 5px;
}
 
.accordion-area .box dl dd{
    width: 60%;
    margin-bottom: 5px;
}

.accordion-area .box dl dd span{
    font-size: 12px;
}

.accordion-area .box ol{
    width: 90%;
    margin: 0 auto 20px;
    font-size: 12px;
}
 
.accordion-area .box .table-wrap{
    display: flex;
    justify-content: space-around;
} 

.accordion-area .box table{
    width: 48%;
    margin-bottom: 30px;
} 
 
.accordion-area .box table th{
    background: #666;
    color: #fff;
    text-align: center;
    height: 20px;
    padding: 5px 0;
}
 
.accordion-area .box table td{
    background: #f5f5f5;
    padding: 10px;
    text-align: center;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    vertical-align: middle;
 }
 .accordion-area .box table td span{
     font-size: 18px;
     margin-right: 5px;
}
 .accordion-area .box table tr:last-child td{
     background: #fff;
     padding: 10px 0 0;
     height: 30px;
}

 
 
 
            
            @media only screen and (max-width: 798px) {
                #trust .t-main {
    display: block;
    align-items: center;
    margin: 50px auto;
}
                #trust .t-main-p {
    width: 100%;
    max-width: 600px;
    
}
                /*#trust .button {
    padding: 10px 0;
}*/
                #trust .t-main-img {
                    width: 80%;
                    text-align: center;
                    margin: 0 auto 30px;
}
                #trust .t-main-img img{
                    max-height:350px;
                }


                #trust .obi {
    font-size: 12px;
    padding: 10px 0;
}
                /*#trust .obi li {
    margin-right: 5px;
}*/
                #trust .obi .inner {
                    width: 90%;
                }
                
                #trust .obi ul {
    display: flex;
                    justify-content: space-between;
}
#trust .obi li{
    margin: 0;
}
                #trust .box-obi {
    margin: 30px auto 50px;
}
                #trust .reason .flex-box {
    display: block;
}
                #trust .reason .flex-box .box {
    width: 100%;
    margin-bottom: 30px;
}
                #trust .ttl-eb {
    margin: 30px auto;
}
                #trust .filter .flex-box {
                    display: block;
    margin: 30px auto;
}
#trust #test table{
    display: none;
}
                #trust .box3-img {
    width: 70%;
                    margin: auto;
}
                #trust .box3 {
    width: 100%;
}
                #trust .feature .flex-box {
    margin: 30px auto;
                    display: block;
}
                #trust .feature .box-p {
    width: 100%;
}
                #trust .feature .box {
    width: 100%;
}
                #trust #asyosan .box {
    display: block;
    align-items: center;
    padding: 30px;
}
                #trust #asyosan .box-img {
    width: 50%;
    margin: auto;
}
                #trust #asyosan .box-p {
    width: 100%;
}
                #trust #asyosan .box4 .gray {
    font-size: 12px;
}
                #trust #asyosan .flex-box {
    display: block;
}
                #trust #asyosan .box4 {
    width: 100%;
}
                #trust #asyosan .border-box {
    height: auto;
}
                
                #trust #gyakusinto .flex-box {
    margin: 50px auto;
                    display: block;
}
                #trust #gyakusinto .box {
    width: 100%;
}
                #trust .pdf .box-img {
    width: 4%;
}
                #trust #test .flex-box {
    margin: 50px auto auto;
                    display: flex!important;
}
                
                #trust #test .box {
                    width: auto;
                }
                #trust .function .flex-box {
        padding: 30px 0;
                    display: block;
                    max-width: 500px;
                    margin: auto;
}
                #trust .function .flex-box .box {
    width: 100%;
    margin-bottom: 30px;
}
                #trust .spec .t-main .t-main-b {
    display: block;
}
                #trust .spec .button,.button2 {
                    width: 80%;
                    max-width: 250px;
                    text-align: center;
                    margin: 10px auto;
                }
                
                #trust .spec {
    margin-top: 50px;
}
#trust .spec .t-main{
    width: 90%;
    max-width: 600px;
    
}
                
                #trust .t-main .t-main-b {
    margin: 30px 0;
    display: block;
}
                
                #trust .t-main .t-main-b .button {
                    margin: auto auto 10px;
                }
                
                #trust .button2 {
                   width: 80%;
                    margin: auto;
}
            
            
            }
@media only screen and (max-width: 520px) {
 #trust .obi ul{
     flex-wrap: wrap;
     justify-content: left;
 }        
 #trust .obi ul li{
     width: auto;
     margin: 0 8% 15px;
    }



}









            
        
    
/*トラストサーバー*/

            #trust .box-f-1 {
                background-color: #8bb6e2;
            }
            #trust .box-f-2 {
                background-color: #AFCCEB;
            }
            #trust .box-f-3 {
                background-color: #D2E1F3;
            }
            #trust .box-f-4 {
                background-color: #F2F7FC;
            }
            #trust .box-f-5 {
                background-color: #DBDC80;
            }
            
            #trust .size {
                font-size: 30px;
            }
            
            #trust .installation .flex-box .box {
                background: #f6f6f6;
                padding: 20px;
                width: 48%;
            }
            
            #trust .installation .flex-box span {
                font-size: 12px;
            }
            
            #trust_s .box3-img {
    width: 55%;
}
            #trust_s .box3 {
    width: 40%;
}
            #trust_s .filter {
                align-items: center;
            }
            
            #trust_s #asyosan .border-box {
    height: 700px;
}
            #trust .installation .flex-box {
    margin-top: 30px;
}
            #trust_s .installation ul {
                font-size: 14px;
                line-height: 1.8;
            }
            
            #trust_s .installation ul span {
                    font-family: "EB Garamond", serif;
                font-size: 16px!important;
            }
            
            #trust_s .p-margin {
                margin-bottom: 50px;
            }
            
            #trust_s .reason .text span {
                font-size: 18px;
            }
            
            #trust_s .feature {
                padding-top: 50px;
            }
            
            #trust_s .function p {
                margin: 24px;
            }
            
            
            @media only screen and (max-width: 798px) {
                #trust_s .reason .text span {
    font-size: 14px;
}
                #trust_s .box3 {
    width: 100%;
    margin-top: 20px;
}
                #trust_s .box3-img {
    width: 90%;
}
                #trust_s .feature {
    padding-top: 10px;
}
                #trust_s #asyosan .border-box {
    height: auto;
}
                #trust_s .function p {
    margin: 14px;
}
                #trust_s .function .flex-box {
    padding: 0;
}
                #trust_s .installation .flex-box {
    margin-top: 20px;
    display: block;
}
                #trust .installation .flex-box .box {
    width: 100%;
}
                #trust_s .spec .t-main-img {
    margin: 30px auto;
}
                
                
                
            }