/*--------------------- 会社案内 ------------------------*/

.table1 {
    width: 90%;
    color: #555;
}

.table1 th {
    font-weight: bold;
    text-align: left;
    width: 20%;
    border-bottom: solid 1px #efefef;
    padding: 8px 0px;
}

.table1 td {
    padding: 15px 0px;
    line-height: 120%;
    width: 80%;
    vertical-align: middle;
    border-bottom: solid 1px #efefef;
}


/*--------------------- 特定商取引 ------------------------*/

.table2 {
    width: 90%;
   /* color: #333;*/
     color: #555;
}

.table2 th {
    font-weight: bold;
    text-align: left;
    width: 25%;
    border-bottom: dotted 1px #ccc;
    padding: 10px 0px;
}

.table2 td {
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 1.5;
    width: 75%;
    vertical-align: middle;
    border-bottom: dotted 1px #ccc;
    padding: 10px 0px;
}


/*--------------------- プロフィール ------------------------*/

.table3 {
    width: 100%;
 /*   color: #333;*/
     color: #555;
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 14px;
}

.table3 th {
    text-align: left;
    font-weight: normal;
    width: 20%;
    vertical-align: top;
    border-bottom: solid 1px #efefef;
    padding: 8px 0px;
}

.table3 td {
    width: 80%;
    vertical-align: top;
    border-bottom: solid 1px #efefef;
    padding: 8px 0px;
}



/*--------------------------------　パンくずリスト　-----------------------------*/

.cp_breadcrumb *,
.cp_breadcrumb *:after,
.cp_breadcrumb *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_breadcrumb {
    margin: 1em auto;
    padding: 1em 0em;
    /*	background-color: #efefef;*/
    border-radius: 0.5em;
    color: #ccc;

}

.cp_breadcrumb a {
    text-decoration: none;
    /*	color: #7986CB;*/
    color: #333;
}

.cp_breadcrumb .breadcrumbs {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.cp_breadcrumb li {
    display: inline-block;
    position: relative;
    padding-right: calc(16px + 8px);
    margin-right: 8px;
    color: #333;
}

.cp_breadcrumb li::before {
    content: '›';
    width: 1em;
    height: 1em;
    line-height: 1;
    text-align: center;
    font-size: 1em;
    color: inherit;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cp_breadcrumb li:last-child {
    margin-right: 0;
    padding-right: 0;
    color: #333;
}

.cp_breadcrumb li:last-child::before {
    content: normal;
}


/*----------　文字の右にライン　----------*/
.title-border-right {
    display: flex;
    align-items: center;
}

.title-border-right:after {
    border-top: 1px solid #ccc;
    content: "";
    flex-grow: 1;
}

.title-border-right:after {
    margin-left: 5rem;
}




/*-------------　　ボタン　--------------------*/
.c-category-tag {
    display: inline-block;
    padding: 8px 8px;
    border-radius: 3px;
    background-color: #999;
    color: #fff;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1
}






.m-breadcrumb .item {
    font-weight: 500
}

.mode-pc .m-breadcrumb a:hover {
    text-decoration: underline
}


/*
.u-sp {
    display: none !important
}
*/


@-webkit-keyframes rotate-spinner {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}






/*-------------------------------　960以下　-------------------------------------------  */
@media only screen and (max-width:960px) {

    
.table1 {
    width: 100%;
}

    .table1 { margin: 0 -10px; }
    .table1 th,
    .table1 td{
    width: 100%;
    display: block;
    border-top: none;
    }
    
  .table2 {
    width: 100%;
}     
    .table2 { margin: 0 -10px; }
    .table2 th,
    .table2 td{
    width: 100%;
    display: block;
    } 
    
 .table2 th {
    border: none;
}

    
    
.table2 td {
    padding: 0px 0px;
    border-bottom: solid 1px #efefef;
}   
    
    
    
   .table3 {
    width: 100%;
}     
    .table3 { margin: 0 -10px; }
    .table3 th,
    .table3 td{
    width: 100%;
    display: block;
    
        
    }  
.table3 th {
    border: none;
}

    
    
.table3 td {
    padding: 0px 0px;
    border-bottom: solid 1px #efefef;
}

 
    
    
}