@charset "UTF-8";

/*-----------------------------------

	wide_slide

-----------------------------------*/
.wide_slide .sp-slide:first-child {
	background: url(../img/global/mainvisual01.jpg);
	background-position: top;
	background-size: cover;
}
.wide_slide .sp-slide:nth-child(2) {
	background: url(../img/global/mainvisual02.jpg);
	background-position: top;
	background-size: cover;
}
.wide_slide .sp-slide:nth-child(3) {
	background: url(../img/global/mainvisual03.jpg);
	background-position: top;
	background-size: cover;
}
.wide_slide .sp-slide:nth-child(4) {
	background: url(../img/global/mainvisual04.jpg);
	background-position: top;
	background-size: cover;
}
.wide_slide .side_gtext_01{
	position:absolute;
	top:15%;
}
.wide_slide .side_gtext_02{
	position:absolute;
	top:10% !important;
	bottom:0 !important;
	left:5% !important;
	right:0 !important;
	margin:0 auto !important;
}
.wide_slide .side_gtext_03{
	bottom:40% !important;	
}
.wide_slide .side_gtext_04{
	bottom:65% !important;	
}

@media screen and (max-width: 1800px) {
	
	.wide_slide .side_gtext_01,
	.wide_slide .side_gtext_02,
	.wide_slide .side_gtext_03,
	.wide_slide .side_gtext_04 {
		width: 40%;
	}
}

@media screen and (max-width: 640px) {
	.wide_slide .side_gtext_01,
	.wide_slide .side_gtext_02,
	.wide_slide .side_gtext_03,
	.wide_slide .side_gtext_04 {
		width: 250px;
	}
}

/*-----------------------------------

	header

-----------------------------------*/
header .contents_inner{
    width:960px;
}
header #header_bottom ul.gnav li {
	width: auto;
	flex: 1 0 auto;	
}
header #header_bottom ul.gnav li a {
    font-size: 15px;
    color: #141414;
    display: block;
    padding: 10px 0;
    text-align: center;
}
header #header_bottom ul.gnav li.item01::before {
    content: url(../img/global/nav_icon01.png);
    margin-right: 10px;
}
header #header_bottom ul.gnav li.item02::before {
    content: url(../img/global/nav_icon02.png);
    margin-right: 10px;
}
header #header_bottom ul.gnav li.item03::before {
    content: url(../img/global/nav_icon03.png);
    margin-right: 10px;
}
header #header_bottom ul.gnav li.item04::before {
    content: url(../img/global/nav_icon04.png);
    margin-right: 10px;
}
header #header_bottom ul.gnav li.item05::before {
    content: url(../img/global/nav_icon05.png);
    margin-right: 10px;
}
/*-----------------------------------

	下層準備追加css

-----------------------------------*/
th {
    font-weight: bold;
}
.local li {
/*    margin-bottom: 6px;*/
    box-sizing: border-box;
    width: 159px;
    font-size: 13px;
}

.title {
	background: #faf5dc;
    line-height: 200%;
    font-size: 28px;
    font-weight: 100;
    color: #5d5d5d;
    padding: 10px;
    margin-bottom: 15px;
}
.history {
    font-size: 120%;
    margin-left: 3em;
}
.history li {
    margin-bottom: 2em;
    border-left: 5px solid #f6ad3c;
    padding: 15px;
    border-bottom: 2px dotted #f6ad3c;
}
@media screen and (max-width: 640px) {
	.title {
    font-size: 18px;
}
}
.icon-ext {
	color: #046db0 !important;
    text-decoration: underline !important;
}
.icon-ext:hover {
	color: #3fa5e5 !important;
}

/*-----------------------------------

    スライダー

-----------------------------------*/
.br_tab {
	display: none;
}
#slider {
  width: 100%;
  position: relative;
/*	height: auto;	*/
	overflow: hidden;
	height: calc(100vh - 170px);
}
/*
#slider::after {
	content: '';
	display: inline-block;
	padding-top: 39.15%;
}
*/
#slider .img_area .img_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
  display: none;
}
#slider .img_area .img_item:nth-of-type(1) {
  background: url(../img/global/mainvisual01.jpg) no-repeat center;
	background-size: cover;
}
#slider .img_area .img_item:nth-of-type(2) {
  background: url(../img/global/mainvisual02.jpg) no-repeat center;
	background-size: cover;
}
#slider .img_area .img_item:nth-of-type(3) {
  background: url(../img/global/mainvisual03.jpg) no-repeat center;
	background-size: cover;
}
#slider .img_area .img_item:nth-of-type(4) {
  background: url(../img/global/mainvisual04.jpg) no-repeat center;
	background-size: cover;
}

#slider .text_area .text_item {	
  position: absolute;  
  display: none;	
	max-width: 50% !important;
	width: 650px;
}
#slider .text_area .text_item .orange {
  color: #ec7832;
}

#slider .text_area .text_item:nth-of-type(1) {
    left: 10% !important;
    top: 15% !important;
}
#slider .text_area .text_item:nth-of-type(2) {
  top: 10% !important;
  left: 55% !important;
  transform: translateX(-50%);
}
#slider .text_area .text_item:nth-of-type(3) {
  left: 10%;
  bottom: 40% !important;
}
#slider .text_area .text_item:nth-of-type(4) {
  left: 10% !important;
  top: 15% !important;
}

@media screen and (min-width: 1200px) {
	#slider {
		height: calc(100vh - 170px);
	}	
}

@media screen and (max-width: 1200px) {
	#slider {
		height: 700px !important;
	}
	#slider .text_area .text_item {
		max-width: 70% !important; 
	}
}

@media screen and (max-width: 840px) {
	#slider {
	height: 550px !important;
}	
	
}
@media screen and (max-width: 640px) {

	#slider {
		height: 260px !important;
	}
	#slider .text_area .text_item {
		width: 250px !important;
	}
}
/*--------------------------------------------

    animation

--------------------------------------------*/
@keyframes zoom {
    100% {
      transform: scale(1.05);
    }
}
@keyframes zoomSp {
    100% {
      transform: scale(1.1);
    }
}
#slider .img_area .img_item.zoom {
  animation-name: zoom;
  animation-duration: 8s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}
@media screen and (max-width: 840px) {
	#slider .img_area .img_item.zoom {
		animation-name: zoomSp;
	}	
}