@charset "utf-8";



/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

.container a, .container a:link, .container a:visited, .container a:hover, .container a:active {
    color: black;
}
.container {
	padding-top:50px;
}
.detail{
    text-align:center;
}
.breadcrumb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 25px 40px;
    color: #7e7e7e;
    font-size: 10px;
}
.breadcrumb li:not(:last-child):after {
    margin: 0 1em;
    color: black;
    content: ">";
}
.ttlcomp {
    text-align: center;
    padding-bottom: 20px;
    font-weight:bold;
}
.list {
    display:flex;
    flex-wrap: wrap;
    margin: 0px 20px 0px 20px;
}
.trans {
    padding: 0px 5px 0px 10px;
    width: calc(50%);
}
footer{
    bottom: 0; /*下に固定*/
}

/*画面幅599px以下(スマホ)の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:599px){
    
    
}


/*画面幅600px以上1024pxまで(タブレット)の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
@media screen and (min-width:600px){

}
*/



/*画面幅1025px以上(PC)の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:600px){

/*全体の設定
---------------------------------------------------------------------------*/
.container {
	padding-top:50px;
}
.breadcrumb {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 25px 40px;
    color: #7e7e7e;
    font-size: 10px;
}
.breadcrumb li:not(:last-child):after {
    margin: 0 1em;
    color: black;
    content: ">";
}
.ttlcomp {
    padding-bottom: 0px;
}
.container2 {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
.company_box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-bottom: 230px;
}
.company_box .detail {
    width: 730px;
}
.list {
    display:initial;
    flex-wrap: initial;
    margin: initial;
}
.trans {
    padding: initial;
    width: initial;
}
.list img {
	width:300px;
}
.company_box .detail .company_top .list {
    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;
}
.company_box .menu {
    width: 240px;
    margin-right: 30px;
    border-top: 1px solid #c3c3c3;
}
.company_box .menu li {
    border-bottom: 1px solid #c3c3c3;
    font-size: 14px;
}
.company_box .menu li a {
    display: block;
    padding: 18px 10px;
    background-image: none;
    background-position: 98.5% 50%;
}
.company_box .detail .company_top .list a:not(:nth-child(3n)) {
    margin-right: 20px;
}
.company_box .detail .company_top .list a {
    width: 230px;
    margin-bottom: 30px;
    text-align: center;
}
.company

footer{
    bottom: 0; /*下に固定*/
}
}
/*PC*/