/*---------------
 トップページ
---------------*/
/*fv*/
#fv {
    margin-top: 112px;
    background: linear-gradient(0deg, #E50011 230px, #fff 230px);
    height: 100%;
    padding-bottom: 4rem;
}
.fv {
    position: relative;
}
.fv-img {
    width: 100%;
    height: auto;
}
.fv-icon {
    position: absolute;
    width: 8.5%;
    height: auto;
    right: 0;
    bottom: -5%;
}

/*お知らせ&カレンダー*/
#news {
    position: relative;
}
.icon2 {
    width: 11%;
    height: auto;
    position: absolute;
    right: 5%;
    bottom: -20%;
    z-index: 1;
}
.news, .calender {
    width: 45%;
}
.news-title {
    width: 90%;
    height: 1.5rem;
    overflow: hidden;
    margin: 1rem 1rem 0 0;
}
.news-title:hover {
    color: #E50011;
}
.calendar-box {
	display: flex;
	justify-content: center;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar-wrapper {
	padding: 0 !important;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header {
	background: #fff;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar {
	border: 1px solid #fff;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-select-container select {
	border: 1px solid #fff;
	font-size: 32px;
	font-weight: bold;
	color: #E50011;
	height: 60px;
    /* ↓追記 */
    text-align: center;

}
.wpsbc-container > h2 {
	display: none;
}
.wpsbc-container.wpsbc-calendar-1 .wpsbc-legend-item-icon-1 div:first-of-type {
	background-color: #FFF !important;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table thead tr th {
	background-color: #f59a9e;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr td, .wpsbc-container .wpsbc-calendars .wpsbc-calendar table tr th {
    border: 1px solid #132A43 !important;
	padding: 0 !important;
}

.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation {
	padding: 0 50px;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next .wpsbc-arrow, .wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev .wpsbc-arrow  {
	left: auto;
	right: auto;
	border-width: 0;
	margin-right: 0;
	margin-left: 0;
}
.wpsbc-next, .wpsbc-prev {
	background: #fff !important;
	border: 2px solid #E50011 !important;
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    transition: all 0.3s ease;
}
.wpsbc-next:hover, .wpsbc-prev:hover {
	background-color: #E50011 !important;
} 
.wpsbc-arrow {
	position: relative !important;
    width: 16px !important; 
    height: 2px !important;
    background-color: #E50011;
    margin: 1rem auto;
    transition: all 0.3s ease;
}
.wpsbc-next:hover .wpsbc-arrow, .wpsbc-prev:hover .wpsbc-arrow {
	background-color: #fff !important;
}
.wpsbc-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #E50011;
    border-right: 2px solid #E50011;
    transform: translateY(-50%) rotate(-45deg);
    transition: all 0.3s ease;
}
.wpsbc-prev .wpsbc-arrow::after {
	content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #E50011;
    border-right: 2px solid #E50011;
    transform: translateY(-50%) rotate(-225deg);
    transition: all 0.3s ease;
}
.wpsbc-next:hover .wpsbc-arrow::after {
    border-color: #fff !important;
}
.wpsbc-prev:hover .wpsbc-arrow::after {
    border-color: #fff !important;
}
.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-next, .wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-calendar-header-navigation .wpsbc-prev {
	top: 30%;
}
.calendar-option {
	display: flex; 
	align-items: center;
}
.calendar-icon {
	background-color: #FFE0E2;
	border: 1px solid #132A43;
	width: 12px;
	height: 12px;
	margin-right: .5rem;
}
.calendar-text {
	font-size: 12px;
}

/*私たちの強み、会社概要、導入事例*/
#aboutus {
    background-color: #f2f2f2;
    padding-top: 3rem;
    position: relative;
}
.icon3 {
    width: 11%;
    height: auto;
    position: absolute;
    left: 5%;
    bottom: -6%;
    z-index: 1;
}
.aboutus-contentbox {
    position: relative;
    max-width: 1280px;
    margin: 8rem 0 8rem auto;
}
.aboutus-img {
    max-width: 550px;
    position: absolute;
    top: -10%;
    z-index: 1;
}
.aboutus-content {
    background-color: #E50011;
    padding: 2rem;
    width: 85%;
    margin: 0 0 0 auto;
    position: relative;
}
.aboutus-textbox {
    width: 50%;
    margin: 2rem 11% 3rem auto;
}
.aboutus-h3, .aboutus-text {
    color: #fff;
}
.aboutus-text {
	width: 95%;
}
.aboutus-h3 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 1rem;
    /* ↓追記 */
    font-weight: 800;
}
.aboutus-content-bg {
    font-size: 240px;
    font-weight: bold;
    color: #fff;
    opacity: 0.4;
    position: absolute;
    right: 0;
    bottom: -14%;
}
.aboutus-blue {
    margin: 8rem auto 8rem 0;
}
.aboutus-blue > .aboutus-img {
    left: auto;
    right: 0;
}
.aboutus-content-blue {
    background-color: #003D82;
    margin: 0 auto 0 0;
}
.aboutus-content-blue > .aboutus-textbox {
    width: 50%;
    margin: 2rem auto 3rem 9%;
}
.aboutus-content-blue > .aboutus-content-bg {
    right: 32%;
}
#case {
    background-color: #003d82;
}

/*---------------
 レスポンシブ
---------------*/
@media screen and (max-width: 1139px) {
    #fv {
        background: linear-gradient(0deg, #E50011 180px, #fff 180px);
    }
    .news, .calender, .aboutus-textbox, .aboutus-content, .aboutus-content-blue > .aboutus-textbox {
        width: 80%;
    }
    .aboutus-img {
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    .aboutus-content, .aboutus-content-blue > .aboutus-textbox, .aboutus-textbox {
        margin: 0 auto;
    }
    .arrow-icon {
        width: 42px;
        height: 42px;
    }
    .aboutus-contentbox {
        background: linear-gradient(180deg, #f2f2f2 270px, #E50011 270px);
    }
    .aboutus-blue {
        background: linear-gradient(180deg, #f2f2f2 270px, #003D82 270px);
    }
    .aboutus-img {
        position: static;
    }
    .aboutus-content-blue > .aboutus-content-bg {
        right: 0;
    }
}
@media screen and (max-width: 768px)  {
	    .news, .calender, .aboutus-textbox, .aboutus-content, .aboutus-content-blue > .aboutus-textbox {
        width: 100%;
    }
}
@media screen and (max-width: 650px) {
    #fv {
        margin-top: 76px;
    }
    #fv {
        background: linear-gradient(0deg, #E50011 350px, #fff 350px);
    }
    .fv-icon {
        width: 70px;
    }
    .section-title {
        height: 35px;
        margin: 3rem auto;
    }
    .aboutus-contentbox {
        background: linear-gradient(180deg, #f2f2f2 170px, #E50011 170px);
        margin: 4rem auto;
    }
    .aboutus-blue {
        background: linear-gradient(180deg, #f2f2f2 170px, #003D82 170px);
    }
    .aboutus-content-bg {
        bottom: -13%;
    }
	.wpsbc-container .wpsbc-calendars .wpsbc-calendar .wpsbc-calendar-header .wpsbc-select-container select {
		font-size: 20px;
	}
}