@charset "utf-8";
#visualBox{width:100%; position:relative;overflow:hidden;height: 300px;    top: 155px;}
#visualBox .visualImg{ width:100%; height:100%;position:absolute; left:0; top:0; z-index:-1;background-size:cover; animation-duration: 3s;animation-fill-mode: both;animation-iteration-count: 1;animation-timing-function: ease;-webkit-animation-duration: 3s;-webkit-animation-fill-mode: both;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease;animation-delay: 0.4s; -webkit-animation-delay: 0.4s;animation-name:visual-zoom; -webkit-animation-name:visual-zoom;}
@keyframes visual-zoom {
0% {transform:scale(1.2);}
100% {transform:scale(1);}
}
@-webkit-keyframes visual-zoom {
0% {transform:scale(1.2);}
100% {transform:scale(1);}
}
@keyframes visual-tit {
0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes visual-tit {
0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}
@media (max-width: 575px) {
.Breadcrumbs { margin: -110px auto 0;padding:20px 15px;}
#visualBox{height:170px;}
}
@media (max-width: 1199px) {
.sub-visual{display:none;}
}
.bg01{background:url('visual_01.jpg') no-repeat center center;}
.bg02{background:url('visual_02.jpg') no-repeat center center;}
.bg03{background:url('visual_03.jpg') no-repeat center center;}
.bg04{background:url('visual_04.jpg') no-repeat center center;}
.bg05{background:url('visual_05.jpg') no-repeat center center;}
.bg06{background:url('visual_06.jpg') no-repeat center center;}
.bg07{background:url('visual_07.jpg') no-repeat center center;}
.bg08{background:url('visual_08.jpg') no-repeat center center;}

.sub_wrap{padding-top:155px;;  position: relative;}
.visual_wrap{background:#f3ece6; height:130px; position: relative; display: none;}
.visual_wrap .sub_top{position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.visual_wrap .sub_top h3{line-height:1; font-size:2.125em; font-weight: 500;}
.quick_wrap{position:relative; z-index:1; height: 60px; background:#2f5b9a; }
.quick_wrap .container {padding: 0;}
.snb_link{float:left;}
.snb_link > li.sub_link_on {background: #2f5b9a url("bar_on.png") right 20px center no-repeat;}
.snb_link > li.sub_link_on > a {color:#fff;}
.snb_link > li.home{ background:#2d3271; text-align:center;}
.snb_link > li.home .icon_home{display:block; min-width: 60px; padding:0; border-right:0; background: url("home.png") center center no-repeat;}
.snb_link > li {float:left; position: relative;height: 60px; background: #2f5b9a url("bar_on2.png") right 20px center no-repeat;}
.snb_link > li > a{display:block; min-width:250px; height:60px; line-height:60px; padding-left: 30px; padding-right: 60px;  border-right:1px solid #b1a3a6; color: #fff;}
.snb_link > li.on > a {color:#fff;}
.snb_link > li.on {background: url("bar_on.png") right 20px center no-repeat;}
.snb_link > li.home > a:after{display:none;}
.snb_link > li.on.home {background:#dd325d;}
.snb_link > li.on > a:after { transform: rotate(180deg);}
.snb_link div {display: table-cell; vertical-align: middle; padding-left: 30px; height: 100%;  font-size: 0.93em; min-width: 169px ;cursor: pointer;}
.snb_link li .L2_Items {display:none; left: -999em; position: absolute; z-index: 100; top:60px;}
.snb_link li.on .L2_Items {display:block; left:-1px; background: #2f5b9a; border:1px solid #e0e0e0; /*border-top:0;*/ width:100%;}
.snb_link li.de_2items .L2_Items {width:100.5%;}
.snb_link li.de_2items.on .L2_Items {left:-1px;}
.snb_link li .L2_Items li {float: inherit;position: relative; display: inline-block; width: 100%; margin: 0 auto; }
.snb_link li .L2_Items li:last-child {border-bottom:0;}
.snb_link li .L2_Items li a{display:block; width:100%; padding:10px 10px 10px 30px; color:#fff;}
.snb_link li .L2_Items li a:hover,.snb_link li .L2_Items li a:focus {color:#ffe5b7;}
.snb_link > li.de_3items > a.de_menu2 {width:170px; padding-right:0;}
.snb_link li.de_2items.only{background:#2f5b9a;}
.sub_top_tit{ position: relative; display: block; margin-bottom: 20px;}
h3.sub_top_tit{font-size:2.500em; line-height: 1; color:#222222; font-weight: 500; text-align: center; margin-bottom: 50px;}
h3.sub_top_tit span{position: relative; line-height: 1; display: inline-block; padding-bottom: 26px;}
h3.sub_top_tit span:after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); display: inline-block; width: 49px; background: #552c35; height: 2px;}
@media screen and (max-width:1280px){
    h3.sub_top_tit{font-size:2.255em;}
    .visual_wrap .sub_top h3{font-size:1.875em;}
    .sub_wrap {padding-top:195px;}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1024px){
#visualBox {width: 100%;position: relative;overflow: hidden;height: 300px;top: 84px;}
.sub_section{padding-bottom:30px; margin: 20px 0 0;}
.sub_wrap{padding-top:85px;}
h3.sub_top_tit{margin-bottom: 40px;}
.visual_wrap{display: none;}
.snb_link > li > a{min-width:185px;}
}
@media screen and  (max-width:960px){
}
@media screen and  (max-width:860px){
    .quick_wrap{height:50px;}
    h3.sub_top_tit{margin-bottom: 32px;}
    .snb_link > li{height:50px;}
    .snb_link > li > a{line-height:50px; height:50px;  min-width:135px; padding:0 30px 0 10px; font-size:0.938em;}
    .snb_link li .L2_Items{top:50px;}
    .snb_link li .L2_Items li a{padding-left:10px; font-size:0.938em;}
}
@media screen and  (max-width:767px){
    .snb_link > li:nth-child(2){display: none;}
    .sub_wrap{padding-top:80px;}
    h3.sub_top_tit{font-size:2.000em; margin-bottom:30px;}
}
@media screen and (max-width:580px){
    h3.sub_top_tit{font-size:1.75em;}
}
@media screen and (max-width:479px){
    .sub_section{margin: 40px 10px 0;}
    .quick_wrap{height:33px;}

	.sub_wrap {padding-top:80px;}
	.snb_link > li {height:33px; background: #9d8c90  url("/_static/chf1/img/sub/bar_on2.png") right 10px center no-repeat;}
	.snb_link > li.sub_link_on {background: #9d8c90  url("/_static/chf1/img/sub/bar_on.png") right 10px center no-repeat;}
	.snb_link > li > a {min-width:90px; height:33px; line-height:33px; padding-left:9px; padding-right:34px;}
	.snb_link > li.on {background: url("/_static/chf1/img/sub/bar_on.png") right 10px center no-repeat;}
	.snb_link > li.sub_link_on a {min-width:120px;}
	.snb_link li .L2_Items {top:33px;}
	.snb_link li .L2_Items li {height:33px; line-height:33px; padding-left:9px;}
    .snb_link li .L2_Items li a {padding:0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all;}
	.snb_link > li.home .icon_home {min-width:35px; height: 34px;}
	.snb_link > li.item_tit > a {height:34px;}
	.etc_area > li {width:35px; height:33px;}
	.snb_sns.show {left:-198px;}
    .snb_sns > li {height:35px; }
	.snb_sns li a {width:35px; padding:8px 0; font-size:0.875em;}
	.snb_link.snb_link2 > li > a {min-width: 113px; padding-right:7px;}
	.snb_link.snb_link2 > li > a.de_menu2 {width: 135px; min-width: 135px;}
    .snb_link > li.de_3items > a.de_menu2 {width: 152px;  padding-right: 20px; min-width: inherit;}
}

@media screen and (max-width: 414px){
    h3.sub_top_tit{margin-bottom: 20px;}
    h3.sub_top_tit span{padding-bottom:17px;}
    .sub_section{margin: 20px 10px 0;}
     .snb_link > li:nth-child(4){min-width: 40%; width:152px}
}
@media screen and (min-width: 320px) and (max-width: 339px){
  
}