@charset "UTF-8";

/* ==========================================================
company_index_css
========================================================== */

/* area-category-top-01
---------------------------------------------------------- */
.area-category-top-01 {
width: 100%;
background-color: #f2f2e7;
padding: 30px 0 38px;
}
.area-category-top-02 {
width: 100%;
background-color: #f2f2e7;
padding: 50px 0;
}
.area-category-top-02 .ttl-type-01.s-type-02 {
margin-bottom:20px;
}
.area-category-top-03 {
width: 100%;
background-color: #d6d5bf;
padding: 40px 0;
}

/* sec
---------------------------------------------------------- */
.sec-top-01 {
width: 1120px;
margin: 0 auto;
}
.sec-top-02 {
width: 100%;
}

/* ttl
---------------------------------------------------------- */
.ttl-type-01 {
text-align: center;
font-size: 146.667%;
font-weight: bold;
}
.ttl-type-01.s-type-01 {
padding: 12px;
line-height: 1.2;
display: block;
background-color: #db1d2b;
color: #fff;
position:relative;
}
.ttl-type-01.s-type-01 .subtxt{
font-size: 80%;
}
.ttl-type-01.s-type-02 a {
color: #fff;
padding: 12px 35px;
line-height: 1.2;
display: block;
background-color: #db1d2b;
background-image: url(/common/img/ico/ico_button_arrow_01.svg);
background-position: 98% center;
background-repeat: no-repeat;
background-size: 10px 14px;
}
.ttl-type-01.s-type-02 a:hover {
text-decoration: none;
}

/* box
---------------------------------------------------------- */
.box-top-01 {
padding: 20px 45px;
background-color: #fff;
position:relative;
}
.box-top-01 .btn-cmn-wrap{
margin-top:15px;
}
.box-top-01 .btn-cmn-wrap .btn-cmn-01{
padding:10px 36px;
width:250px;
}
.topics-search {
width: 265px;
height: 28px;
position: absolute;
border: 1px solid #dcdcdc;
right:11px;
top:-39px;
text-align:left;
background-color:#FFF;
z-index:99;
}
.topics-search .input {
width: 234px;
padding: 3px 12px;
font-size: 12px;
border: none;
color: #757575;
vertical-align:top;
}
/*IE11*/
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .topics-search .input  {
padding: 4px 12px 2px;
}
}
.topics-search .form-cmn-button {
display: block;
position: absolute;
top: 1px;
right: 1px;
width: 28px;
height: 24px;
border: none;
background-image: url(/common/img/btn/btn_header_search_01.png);
background-repeat: no-repeat;
background-size: 28px 24px;
background-color: #fff;
cursor: pointer;
}
.topics-search  .form-cmn-button button {
font-size: 0;
}

.list-cmn-04.s-type-01 {
margin-top: 0;
text-align: left;
}
.list-cmn-04.s-type-01 a {
color:#212121;
}

.col-info-01{
letter-spacing:-0.5em;
margin-bottom:40px;
}
.col-info-01 .item01,
.col-info-01 .item02{
display:inline-block;
letter-spacing:normal;
vertical-align:top;
}
.col-info-01 .item01{
width : 850px;
margin-right:18px;
}
.col-info-01 .item02{
width : 252px;
background-color:#FFF;
}
.col-info-01 .item01 ul{
letter-spacing:-0.5em;
margin-top:15px;
}
.col-info-01 .item01 ul li {
letter-spacing:normal;
display:inline-block;
margin:15px 15px 0 0;
width : -webkit-calc((100% - 45px) / 4) ;
width : calc((100% - 45px) / 4);
vertical-align:top;
}
.col-info-01 .item01 ul li a {
width: 100%;
display: table;
min-height:90px;
padding: 16px 15px;
background-color: #fff;
box-shadow:2px 4px 5px -3px #ccc;
-moz-box-shadow:2px 4px 5px -3px #ccc;
-webkit-box-shadow:2px 4px 5px -3px #ccc;
}
.col-info-01 .item01 ul li a:hover{
background-color:#F8E9E0;
}
.col-info-01 .item01 ul li:nth-of-type(4),
.col-info-01 .item01 ul li:nth-of-type(8){
margin-right:0;
}
.col-info-01 .item01 ul li a:hover {
text-decoration: none;
}
.col-info-01 .item01 ul li a .image {
display: table-cell;
width: 30%;
vertical-align: middle;
text-align: right;
padding-right: 14px;
}
.col-info-01 .item01 ul li a .image img{
width:100%;
height:auto;
}
.col-info-01 .item01 ul li a .title {
display: table-cell;
width: 60%;
text-align: left;
vertical-align: middle;
}
.col-info-01 .item02{
box-shadow:2px 4px 5px -3px #ccc;
-moz-box-shadow:2px 4px 5px -3px #ccc;
-webkit-box-shadow:2px 4px 5px -3px #ccc;
}
.col-info-01 .item02 ul{
text-align:left;
padding:20px 15px 15px 15px;
}
.col-info-01 .item02 ul li{
border-bottom:1px dotted #dedede;
}
.col-info-01 .item02 ul li:last-child{
margin-bottom:0;
}
.col-info-01 .item02 ul li a{
display: block;
background: url(/common/img/ico/ico_button_arrow_02.svg)  no-repeat  calc(100% - 10px) center;
background-size: 8px 12px;
padding:8px 15px;
text-decoration:none;
}
.col-info-01 .item02 ul li a:hover{
background-color:#F8E9E0;
}
.col-info-02 {
letter-spacing:-0.5em;
margin-bottom:40px;
}
.col-info-02 .item {
letter-spacing:normal;
width : -webkit-calc((100% - 15px) / 2) ;
width : calc((100% - 15px) / 2);
background-color: #fff;
margin-left: 15px;
box-shadow:2px 4px 5px -3px #ccc;
-moz-box-shadow:2px 4px 5px -3px #ccc;
-webkit-box-shadow:2px 4px 5px -3px #ccc;
display:inline-block;
vertical-align:top;
text-align:left;
}
.col-info-02 .item:first-child {
margin-left: 0;
}
.col-info-02 .item .title a {
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
margin-bottom: 40px;
font-size: 146.667%;
}
.col-info-02 .item .list {
margin: 0;
letter-spacing:-0.5em;
padding:20px;
}
.col-info-02 .item ul li {
text-align: left;
letter-spacing:normal;
display:inline-block;
width : -webkit-calc((100% - 15px) / 2) ;
width : calc((100% - 15px) / 2);
margin:0 15px 5px 0;
vertical-align:top;
}
.col-info-02 .item ul li:nth-child(even){
margin-right:0;
}
.col-info-02 .item ul li a{
display: inline-block;
background-image: url(/common/img/ico/ico_arrow_right_01.svg);
background-repeat: no-repeat;
background-size: 8px 12px;
background-position:0 7px;
padding-left:15px;
}
.col-info-03 {
letter-spacing:-0.5em;
}
.col-info-03 li {
display:inline-block;
letter-spacing:normal;
width : -webkit-calc((100% - 15px) / 2) ;
width : calc((100% - 15px) / 2);
margin-right:15px;
}
.col-info-03 li:last-child {
margin-right:0;
}
.col-info-03 .title a {
display: block;
width: 100%;
font-size: 133.33%;
font-weight: bold;
color: #fff;
/* border-top: 1px solid  #e82026; */
padding: 9px 20px;
background-color: #db1d2b;
background-image: url(/common/img/ico/ico_button_arrow_01.svg);
background-position: 98% center;
background-repeat: no-repeat;
background-size: 10px 14px;
text-decoration:none;
}
.col-info-03 .title a:hover{
text-decoration:none;
/* background-color:#F8E9E0; */
}

@media screen and (max-width: 767px) {
/* area-category-top-01
---------------------------------------------------------- */
.area-category-top-01 {
padding: 15px 12px;
}
.area-category-top-02 {
padding: 15px 0 0;
}
.area-category-top-03 {
padding: 15px 12px;
}
.area-category-top-04 {
padding: 25px 12px 40px;
}

/* sec
---------------------------------------------------------- */
.sec-top-01 {
width: 100%;
margin: 0 auto;
}
.sec-top-02 {
width: 100%;
}

/* ttl
---------------------------------------------------------- */
.ttl-type-01 {
font-size: 14px;
}
.ttl-type-01.s-type-01 {
padding: 11px 30px;
}
.ttl-type-01.s-type-01 .subtxt{
display:block;
}
.ttl-type-01.s-type-02 a {
padding: 11px 30px;
background-size: 5px 7px;
}

/* box
---------------------------------------------------------- */
.box-top-01 {
padding: 20px 23px;
}
.topics-search {
width: 100%;
margin-bottom:10px;
height: 38px;
position:relative;
border: 1px solid #dcdcdc;
text-align:left;
background-color:#FFF;
display:block;
top: auto;
right:auto;
}
.topics-search .input {
width: 234px;
padding: 3px 12px;
font-size: 12px;
border: none;
color: #757575;
vertical-align:top;
height:36px;
}
.topics-search .form-cmn-button {
display: block;
position: absolute;
top: 1px;
right: 1px;
width: 38px;
height: 24px;
border: none;
background-image: url(/common/img/btn/btn_header_search_01.png);
background-repeat: no-repeat;
background-size: 28px 24px;
background-color: #fff;
background-position:center center;
cursor: pointer;
height:34px;
}
.topics-search  .form-cmn-button button {
font-size: 0;
}

/* list
---------------------------------------------------------- */
.list-cmn-04.s-type-01 {
text-align: left;
}
/* list
---------------------------------------------------------- */
.col-info-01{
margin-bottom:0;
}
.col-info-01 .item01,
.col-info-01 .item02{
display:block;
width:100%;
}
.col-info-01 .item01 {
margin-bottom:10px;
}
.col-info-01 .item01 ul li {
width: 50%;
margin:0 10px 10px 0;
width : -webkit-calc((100% - 10px) / 2) ;
width : calc((100% - 10px) / 2);
}
.col-info-01 .item01 ul li:nth-child(even){
margin-right:0;
}
.col-info-01 .item01 ul li a {
padding: 10px 5px;
min-height:70px

}
.col-info-01 .item01 ul li a .image {
width: 25%;
padding-right: 6px;
}
.col-info-01 .item01 ul li a .image img {
width: 35px;
height: 35px;
}
.col-info-01 .item01 ul li a .title {
font-size: 11px;
width: 65%;
}
.col-info-01 .item02 {
margin-bottom:15px;
}
.col-info-02{
margin-bottom:0;
}
.col-info-02 .item {
display:block;
width: 100%;
margin:0 0 15px 0 ;
}
.col-info-02 .item .list{
padding:15px;
}
.col-info-02 .item ul li{
margin-bottom:15px;
}
.col-info-02 .item ul li a {
background-position:0 0.1em;
background-size: 8px 12px;
}
.col-info-03 li{
display:block;
width:100%;
margin:0 0 20px 0;
}

}