@charset "UTF-8";
/*------------------------------------
- font変更設定
------------------------------------*/
:root{
    font-family: 'M PLUS 1p', sans-serif;
}

/*------------------------------------
- ▼ナビ上部固定による要素の重複を回避する
------------------------------------*/
body { padding-top: 56px; }
/*------------------------------------
- トップへもどるボタン
------------------------------------*/
.pagetop{
    display: none;
    position: fixed;
    right: 15px;
    bottom: 60px;
}
.pagetop a{
    display: block;
    font-size: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    background: #a9a9a9;
    border-radius: 50%;
    line-height: 50px;
}
.pagetop a:hover {
	background: #808080;
}
.pagetop a i{
    font-size: 20px;
    color:#fff;
    line-height: 50px;
}
/*------------------------------------
- jumbotron style
------------------------------------*/
.jumbotron-top {
    position: relative;
	height: 60vh;
    min-height: 300px;
	background: url("images/top_sico.jpg") no-repeat center center;
    background-size: cover;
}
.jumbotron-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.jumbotron-top-works {
    position: relative;
	height: 30vh;
    min-height: 300px;
	background: url("images/works_title.jpg") no-repeat center center;
    background-size: cover;
}
/*------------------------------------
- etc.
------------------------------------*/
.tx_white {
	color: white;
}
/*------------------------------------
- bg style
------------------------------------*/
.bg--pattern {
	background-image: url("images/bg_wave.png")
}
.bgcolor--palegreen {
	background-color: #f5f5dc;
}
.bg--pink{
	background-color: #F9DFF3;
}
.bg--star{
	background-image: url("images/bg_star.png")
}
/*------------------------------------
- h2 style
------------------------------------*/
.h2-title {
	position: relative;
	height: 100px;
	background: url("images/h2_bg.png") no-repeat center bottom;
}
/*------------------------------------
-h5の上下に余白設定
------------------------------------*/
h5{
	padding-top: 20px;
	padding-bottom: 20px;
}

/*------------------------------------
- COLOR sico_red
------------------------------------*/
.alert-sico_red {
    color: #730101;
    background-color: #febcbc;
    border-color: #fda8a8;
}

.alert-sico_red hr {
    border-top-color: #fd8f8f;
}

.alert-sico_red .alert-link {
    color: #400000;
}

.badge-sico_red {
    color: #fff;
    background-color: #ec0303;
}

.badge-sico_red[href]:hover, .badge-sico_red[href]:focus {
    color: #fff;
    background-color: #b90202;
}

.bg-sico_red {
    background-color: #ec0303 !important;
}

a.bg-sico_red:hover, a.bg-sico_red:focus,
button.bg-sico_red:hover,
button.bg-sico_red:focus {
    background-color: #b90202 !important;
}

.border-sico_red {
    border-color: #ec0303 !important;
}

.btn-sico_red {
    color: #fff;
    background-color: #ec0303;
    border-color: #ec0303;
}

.btn-sico_red:hover {
    color: #fff;
    background-color: #c80202;
    border-color: #b90202;
}

.btn-sico_red:focus, .btn-sico_red.focus {
    box-shadow: 0 0 0 0.2rem rgba(236, 3, 3, 0.5);
}

.btn-sico_red.disabled, .btn-sico_red:disabled {
    color: #fff;
    background-color: #ec0303;
    border-color: #ec0303;
}

.btn-sico_red:not(:disabled):not(.disabled):active, .btn-sico_red:not(:disabled):not(.disabled).active, .show > .btn-sico_red.dropdown-toggle {
    color: #fff;
    background-color: #b90202;
    border-color: #aa0202;
}

.btn-sico_red:not(:disabled):not(.disabled):active:focus, .btn-sico_red:not(:disabled):not(.disabled).active:focus, .show > .btn-sico_red.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(236, 3, 3, 0.5);
}

.btn-outline-sico_red {
    color: #ec0303;
    background-color: transparent;
    border-color: #ec0303;
}

.btn-outline-sico_red:hover {
    color: #fff;
    background-color: #ec0303;
    border-color: #ec0303;
}

.btn-outline-sico_red:focus, .btn-outline-sico_red.focus {
    box-shadow: 0 0 0 0.2rem rgba(236, 3, 3, 0.5);
}

.btn-outline-sico_red.disabled, .btn-outline-sico_red:disabled {
    color: #ec0303;
    background-color: transparent;
}

.btn-outline-sico_red:not(:disabled):not(.disabled):active, .btn-outline-sico_red:not(:disabled):not(.disabled).active, .show > .btn-outline-sico_red.dropdown-toggle {
    color: #fff;
    background-color: #ec0303;
    border-color: #ec0303;
}

.btn-outline-sico_red:not(:disabled):not(.disabled):active:focus, .btn-outline-sico_red:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-sico_red.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(236, 3, 3, 0.5);
}

.list-group-item-sico_red {
    color: #730101;
    background-color: #fda8a8;
}

.list-group-item-sico_red.list-group-item-action:hover, .list-group-item-sico_red.list-group-item-action:focus {
    color: #730101;
    background-color: #fd8f8f;
}

.list-group-item-sico_red.list-group-item-action.active {
    color: #fff;
    background-color: #730101;
    border-color: #730101;
}

.table-sico_red,
.table-sico_red > th,
.table-sico_red > td {
    background-color: #fda8a8;
}

.table-hover .table-sico_red:hover {
    background-color: #fd8f8f;
}

.table-hover .table-sico_red:hover > td,
.table-hover .table-sico_red:hover > th {
    background-color: #fd8f8f;
}

.text-sico_red {
    color: #ec0303 !important;
}

a.text-sico_red:hover, a.text-sico_red:focus {
    color: #b90202 !important;
}