@charset "utf-8";

/*--------------------------------------------------*/
/*		http://
/*		/css/index.css
/*--------------------------------------------------*/
/*		$index
/*--------------------------------------------------*/
/*			$index.......目次
/*			$layout......全体・部分的なレイアウト
/*			$visual......visual部分
/*--------------------------------------------------*/



/*--------------------------------------------------*/
/*			$layout
/*--------------------------------------------------*/
#header h1 a{color: #333; text-shadow: 0 0 6px rgba(255,255,255,.6);}
#outline-wrap{padding-bottom: 10px;}
#outline-wrap h3{-webkit-align-items: center; align-items: center; margin-bottom: 1em; font-size: 1.6rem; line-height: 1;}
#outline-wrap h3 i{margin-right: 1rem; color: #2d486d; font-size: 4rem;}
#outline-wrap .border-box{margin-bottom: 50px; border: 1px #677c9a solid;}
@media screen and (max-width: 767px) {
#outline-wrap{padding: 0 0 3.125%;}
#outline-wrap h3{-webkit-justify-content: center; justify-content: center; font-size: 1.5rem;}
#outline-wrap .border-box{margin-bottom: 4.6875%;}
}



/*--------------------------------------------------*/
/*			$visual
/*--------------------------------------------------*/
#lower-visual{margin-bottom: 40px; background: url(/images/common_visual_pc.jpg) no-repeat center top; background-size: cover;}
.staff01 #lower-visual{background: url(/images/outline/staff01visual_pc.jpg) no-repeat center top; background-size: cover;}
.staff02 #lower-visual{background: url(/images/outline/staff02visual_pc.jpg) no-repeat center top; background-size: cover;}
.staff03 #lower-visual{background: url(/images/outline/staff03visual_pc.jpg) no-repeat center top; background-size: cover;}
.staff04 #lower-visual{background: url(/images/outline/staff04visual_pc.jpg) no-repeat center top; background-size: cover;}
#lower-visual h2{margin-left: -2.2em;}
@media screen and (max-width: 767px) {
#lower-visual{margin-bottom: 6.25%; background: url(/images/common_visual_sp.jpg) no-repeat center top; background-size: cover;}
.staff01 #lower-visual{background: url(/images/outline/staff01visual_sp.jpg) no-repeat center top; background-size: cover;}
.staff02 #lower-visual{background: url(/images/outline/staff02visual_sp.jpg) no-repeat center top; background-size: cover;}
.staff03 #lower-visual{background: url(/images/outline/staff03visual_sp.jpg) no-repeat center top; background-size: cover;}
.staff04 #lower-visual{background: url(/images/outline/staff04visual_sp.jpg) no-repeat center top; background-size: cover;}
}



/*--------------------------------------------------*/
/*			$box01
/*--------------------------------------------------*/
#outline-wrap #box01 .border-box{padding: 70px 260px;}
#outline-wrap #box01 p{padding-bottom: 3em; font-size: 1.6rem; line-height: 1.6;}
#outline-wrap #box01 p.sign{padding-bottom: 0; font-size: 1.8rem; font-weight: bold; text-align: right;}
@media screen and (max-width: 767px) {
#outline-wrap #box01 .border-box{padding: 4.6875%;}
#outline-wrap #box01 p{padding-bottom: 1em; font-size: 1.2rem;}
#outline-wrap #box01 p.sign{font-size: 1rem;}
}



/*--------------------------------------------------*/
/*			$box02
/*--------------------------------------------------*/
#outline-wrap #box02 .border-box{padding: 40px 80px; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center;}
#outline-wrap #box02 ul{width: 400px;}
#outline-wrap #box02 ul li{padding-bottom: 1em; font-size: 1.6rem;}
#outline-wrap #box02 ul li:last-child{padding-bottom: 0;}
#outline-wrap #box02 ul li dl{-webkit-justify-content: space-between; justify-content: space-between;}
#outline-wrap #box02 ul li dt{width: 4em; font-weight: bold;}
#outline-wrap #box02 ul li dd{width: 20em;}
#outline-wrap #box02 .map{width: 330px;}
@media screen and (max-width: 767px) {
#outline-wrap #box02 .border-box{padding: 7.81325% 3.125%; display: block;}
#outline-wrap #box02 ul{width: 100%; padding-bottom: 4.6875%;}
#outline-wrap #box02 ul li{font-size: 1rem;}
#outline-wrap #box02 ul li dt{width: 4em; font-weight: bold;}
#outline-wrap #box02 ul li dd{width: 27em;}
#outline-wrap #box02 .map{width: 100%;}
}



/*--------------------------------------------------*/
/*			$box03
/*--------------------------------------------------*/
@media screen and (min-width: 767px) {
#box03{overflow: hidden; position: relative; width: 100%; height: 0; padding-top: 27.7%; margin-bottom: 60px;}
#box03 .inner{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#box03 .swiper-container{width: 100%; height: 100%;}
#box03 .swiper-wrapper{display: block; font-size: 0; line-height: 0;}
#box03 .swiper-slide{position: absolute; width: 56%; height: 100%; background-color: #ccc; font-size: 0; line-height: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#box03 .swiper-slide.active{width: 56%;}
#box03 .swiper-slide img{opacity: .3; position: absolute; top: 0; right: 0; width: 100%; max-width: none; height: 100%;}
#box03 .swiper-slide.active img{opacity: 1; width: 100%; height: 100%;}
#box03 .staff01 .swiper-slide:nth-child(1){z-index: 4; left: -10%;}
#box03 .staff01 .swiper-slide:nth-child(2){z-index: 3; left: 8%;}
#box03 .staff01 .swiper-slide:nth-child(3){z-index: 2; left: 27%;}
#box03 .staff01 .swiper-slide:nth-child(4){z-index: 1; right: -3%;}
#box03 .staff02 .swiper-slide:nth-child(1){z-index: 4; left: -38%;}
#box03 .staff02 .swiper-slide:nth-child(2){z-index: 3; left: 8%;}
#box03 .staff02 .swiper-slide:nth-child(3){z-index: 2; left: 27%;}
#box03 .staff02 .swiper-slide:nth-child(4){z-index: 1; right: -3%;}
#box03 .staff03 .swiper-slide:nth-child(1){z-index: 4; left: -38%;}
#box03 .staff03 .swiper-slide:nth-child(2){z-index: 3; left: -19%;}
#box03 .staff03 .swiper-slide:nth-child(3){z-index: 2; left: 1%;}
#box03 .staff03 .swiper-slide:nth-child(4){z-index: 1; right: -3%;}
#box03 .staff04 .swiper-slide:nth-child(1){z-index: 4; left: -39%;}
#box03 .staff04 .swiper-slide:nth-child(2){z-index: 3; left: -19%;}
#box03 .staff04 .swiper-slide:nth-child(3){z-index: 2; left: 28%;}
#box03 .staff04 .swiper-slide:nth-child(4){z-index: 1; right: -3%;}
#box03 .swiper-button-next,#box03 .swiper-button-prev{display: none;}
}
@media screen and (max-width: 767px) {
#box03{padding-bottom: 7.8125%;}
#box03 .swiper-button-next,#box03 .swiper-button-prev{width: 20px; height: 40px; margin-top: -20px;}
#box03 .swiper-button-next,#box03 .swiper-container-rtl .swiper-button-prev{right: 0; background: url(/images/index/arrow_next.png) no-repeat; background-size: cover;}
#box03 .swiper-button-prev,#box03 .swiper-container-rtl .swiper-button-next{left: 0; background: url(/images/index/arrow_prev.png) no-repeat; background-size: cover;}
#box03 .swiper-button-next.swiper-button-disabled,#box03 .swiper-button-prev.swiper-button-disabled{opacity: 0;}
}



/*--------------------------------------------------*/
/*			$staff
/*--------------------------------------------------*/
.staff-outline>li{padding-bottom: 50px; font-size: 1.3rem;}
.staff-outline>li h3{margin-bottom: 1.5em; padding-bottom: .2em; border-bottom: 1px #333 solid; font-size: 1.6rem;}
.staff-outline>li .pb1em{padding-bottom: 1em;}
.staff-outline>li dl.flex dt:after{content: ":";}
.staff-navi{padding-bottom: 60px;}
.staff-navi li{font-size: 1.6rem; font-weight: bold;}
.staff-navi li a{-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.staff-navi li a:hover{opacity: .7;}
.staff-navi .prev{float: left;}
.staff-navi .prev i{margin-right: .5em; font-size: 1rem;}
.staff-navi .next{float: right;}
.staff-navi .next i{margin-left: .5em; font-size: 1rem;}
.staff-navi .back{text-align: center;}
.staff-navi .back i{margin-left: .5em; font-size: 1rem;}
@media screen and (max-width: 767px) {
.staff-outline>li{padding-bottom: 7.8125%; font-size: 1.2rem;}
.staff-outline>li h3{margin-bottom: 1em; font-size: 1.5rem;}
.staff-navi{padding-bottom: 9.375%;}
.staff-navi li{font-size: 1rem;}
}