@charset "UTF-8";
/* ========================================
				総合TOP用
=========================================*/
.wrapper .synthesis-head .block-header-logo{margin: 0 auto;}
.page-top .pane-contents{padding-bottom: 0;}

#synthesis .mainImg{
	width: 100%;
	margin: 0 auto 0;
	background: url(../../img/usr/synthesis/main-bg.png);
}
#synthesis .mainImg p{width: 1040px; height: 590px;margin: 0 auto;}
#synthesis .mainImg p img{
    max-width: 100%;
    max-height: 100%;
}
#synthesis .bannerBox{padding: 30px 0; background: url("../../img/usr/synthesis/bg.png");}
#synthesis .bannerBox ul{width: 1040px; overflow: hidden; margin: 0 auto;}
#synthesis .bannerBox > ul > li{width: 335px; height: 195px; margin-right: 20px; display: inline-block;}
#synthesis ul.newsBox{width: 1041px; overflow: hidden; margin: 0 auto;}
#synthesis ul.newsBox li{float: left;; margin: 0 20px 50px 0; line-height: 2.5;}
#synthesis ul.newsBox li a > img{
	max-width: 245px;
	max-height: 245px;
}

#synthesis ul.newsBox li:nth-child(4n){margin: 0 0 50px 0;}
#synthesis ul.newsBox li:nth-child(4n + 1){clear: both;}
#synthesis ul.newsBox li p.day{color: #787878;}
#synthesis ul.newsBox li p.day span{color: #e90000;}
#synthesis ul.newsBox li p.bland-name{font-weight: bold;}
#synthesis .blandBox{margin: 50px auto; width: 1040px;}
#synthesis .blandBox ul{width: 1040px;
						height: 200px;
						box-sizing: border-box;
						margin: 70px auto 0;
						overflow: hidden;
						border: solid 1px;
						display: table-cell;
						vertical-align: middle;
						text-align: center;}
#synthesis .blandBox ul li{width: auto; display: inline-block; vertical-align: middle; margin-right: 20px;}
#synthesis .blandBox ul li:first-child{position: relative;width: 181px;}
#synthesis .blandBox ul li:first-child:after{content: ""; width:3px; height: 150px; border-right: 1px solid; position: absolute; right: -10px; top: -65px; bottom: 0;}
.synthesis-foot{margin: 30px auto 0;}
.synthesis-foot ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.synthesis-foot ul li{vertical-align: middle; width: 255px;}
.synthesis-foot ul li img{display: inline-block;}
.synthesis-foot ul li p{display: inline-block; font-weight: normal; text-align: left; margin-left: 15px;font-size: 14px;}
.synthesis-foot ul li p span{font-weight: normal; color: #909090;font-size: 10px;letter-spacing: 0.1em;}
.synthesis-foot ul li:first-child a{
	padding: 0 15px 0 0;
	display: flex;
	align-items: center;
}
.synthesis-foot li a{
	padding: 0 15px 0 0;
	display: flex;
	align-items: center;
}

.synthesis-foot ul li:nth-child(2){position: relative;}
.synthesis-foot ul li:last-child{position: relative; width: 255px;}
.synthesis-foot ul li:last-child p{top: -10px; left: 65px;}
.synthesis-menu .first-sec .left-sec{width: 50%; box-sizing: border-box;}
.synthesis-menu .first-sec .left-sec ul{margin-top: 50px;}
.synthesis-menu .first-sec .left-sec ul li{display: inline-block; width: 40%; margin-bottom: 20px;}
.synthesis-menu .first-sec .left-sec ul li .arrow{ position: relative; display: inline-block; padding-left: 20px;}
.synthesis-menu .first-sec .left-sec ul li .arrow::before{ content: '';
															  width: 6px;
															  height: 6px;
															  border: 0px;
															  border-top: solid 1px #262626;
															  border-right: solid 1px #262626;
															  -ms-transform: rotate(45deg);
															  -webkit-transform: rotate(45deg);
															  transform: rotate(45deg);
															  position: absolute;
															  top: 50%;
															  left: 0;
															  margin-top: -8px;}
.synthesis-menu .right-sec{width: 50%; box-sizing: border-box;}
.synthesis-menu .right-sec ul{margin-top: 50px;}
.synthesis-menu .right-sec ul li{width: 48%; display: inline-block; margin-bottom: 20px; position: relative;}
.synthesis-menu .right-sec ul li img{display: inline-block;}
.synthesis-menu .right-sec ul li p{display: inline-block; position: absolute; top: 10px; left: 70px; font-weight: normal;font-size: 14px;}
.synthesis-menu .right-sec ul li p span{font-weight: normal; color: #909090;font-size: 12px;}
.synthesis-menu .second-sec{background: #dadada; box-sizing: border-box;}
.synthesis-menu .second-sec ul{width: 1040px; margin: 0 auto; overflow: hidden; display: -webkit-flex; align-items: center;display: flex; padding: 40px 0;}
.synthesis-menu .second-sec ul li:first-child{margin: 0 50px 0 0;}
.synthesis-menu .second-sec ul li{margin-right: 15px;}
.synthesis-menu .second-sec ul li:last-child{margin-right: 0;}
.pane-header{
	background: #fff;
	height: 82px;
}
.pane-header .container{
	position: static;
	height: 82px;
}

body.head-menu-on .pane-header{
	border-bottom: solid 4px #fff;
}

.synthesis-menu{
	display: none;
	position: fixed;
	top: 82px;
	left: 0;
	width: 100%;
	background: #f6f6f6;
	box-sizing: border-box;
	z-index: 12;
}

.synthesis-menu .first-sec{
	display: -webkit-flex;
	display: flex;
	width: 1040px;
	margin: 0 auto 30px;
	padding-top: 50px;
	height: auto;
	box-sizing: border-box;
}

.synthesis-menu .first-sec .left-sec ul li a{font-size: 14px;}
#synthesis .hambarger{cursor: pointer;}
#synthesis .bannerBox{margin-bottom: 80px;}
#synthesis h2{
	font-size: 32px;
	margin: 0 0 50px 0;
}
#synthesis .sns-inner ul{width: 162px;}
#synthesis .sns-inner{margin-bottom: 40px;}
#synthesis .bannerBox .slick-next,
#synthesis .bannerBox .slick-prev{display: none;}
#synthesis .bannerBox .slick-slide{
	margin-right: 20px;
}

#synthesis .bannerBox .slick-slide a{
	width: 335px;
	height: 190px;
	outline: none;
}

#synthesis .bannerBox .slick-slide a img{
	max-width: 335px;
	max-height: 190px;
}

.pane-footer .block-footernav{
    padding: 40px 0 29px 0;	
}

.pane-footer .block-footernav > div{
	width: 1040px;
	margin: 0 auto;
}

.pane-footer .block-footer-menu li{
	font-weight: bold;
}
.synthesis-head h1{
	line-height: 0;
	margin: 0;
}
.synthesis-head .hambarger{cursor: pointer;}
.synthesis-overlay{
	display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 0;
    z-index: 11;
}

.head-menu-on .synthesis-overlay{display: block;}
.block-copyright{color: #000;}


.page-top .pane-header .synthesis-head{position: relative;}
.block-headernav{width: 140px;}
.wrapper .synthesis-head .block-header-logo h1{
	position: absolute;
	left: 50%;
	margin-left: -120px;
	top: 10px;
}

.wrapper .synthesis-head .block-header-logo{
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: auto;
}

/* ==============総合TOP用検索窓================== */
.block-h-searchbox-inner {transition: 0.4s;}
.block-h-searchbox {
    position: relative;
    float: right;
    padding-right: 5px;
}

.block-h-searchbox .h-search-icon {
    position: absolute;
    top: 5px;
    right: 13px;
    width: 20px;
    height: 20px;
    background: #fff;
}

.block-h-searchbox .h-search-form-text {
    border: solid 1px #000;
    border-radius: 15px;
    width: 65px;
    padding: 4px 30px 4px 12px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.block-h-searchbox .h-search-icon:hover + .block-h-searchbox-input .h-search-form-text,
.block-h-searchbox .h-search-form-text:hover{
	width:150px;
	border: solid 1px #000;
}
.block-h-searchbox .h-search-form-text:focus,
.block-h-searchbox .h-search-icon:focus{outline: 0;}