@media all and (min-width: 100px) {
section#introduction{
	padding-top:40px;
}
}
@media all and (min-width: 750px) {
section#introduction{
	padding-top:80px;
}
}
@media all and (min-width: 960px) {
section#introduction{
	padding-top:100px;
}
}
.screen-reader-response{
	display:none;
}
#firstView {
	z-index: 2;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#firstView .wrapper {
	overflow: unset;
}
#firstView .fvText {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 55px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);
	z-index: 3;
}
#firstView .fvText span {
	display: block;
	text-align: center;
	font-size: 72px;
}
#firstView picture img:hover {
	transform: scale(1.0, 1.0);
	transition: 1s all;
}
#firstView .fvText a {
	border-width: thin;
	padding: 10px;
}
#firstView img {
	width: 100%;
}
#firstView .thumbnail-img{
	margin:0 3px;
}
/*==================================================
スライダーのためのcss
===================================*/
.slider {
  position:relative;
  z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
  /* height: 90vh; *//*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}

/*矢印の設定*/

.slick-prev, 
.slick-next {
    position: absolute;
    z-index: 3;
    top: 47%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    background: url(../morimoto/img/slick-arrow.png) !important;
    background-size: contain !important;
    height: 25px;
    width: 25px;
    font-size: 0;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:0%;
    transform: rotate(-180deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:0%;
}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	z-index: 3;
	text-align:center;
	margin:-50px 0 0 0;/*ドットの位置*/
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#fff;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}

.thumbnail2{
	width: 50%;
	margin: 2% auto 0;
}
/*.thumbnail2 .slick-track{
  transform: unset !important;
}*/
.thumbnail2 .slick-next,.thumbnail2 .slick-prev{
  display: none !important;
}
/*.thumbnail-img{
	width: 1.6% !important;
}*/
/*========= レイアウトのためのCSS ===============*/
@media all and (min-width: 320px) {
		.slick-dots {
	margin:-20px 0 0 0;/*ドットの位置*/
}
	.thumbnail2{
	width: 75%;
}
}
@media all and (min-width: 500px) {
		.slick-dots {
	margin:-30px 0 0 0;/*ドットの位置*/
}
	.thumbnail2{
	width: 50%;
}
}
@media all and (min-width: 600px) {}
@media all and (min-width: 700px) {}
@media all and (min-width: 800px) {}
@media all and (min-width: 960px) {
	.slick-dots {
	margin:-50px 0 0 0;/*ドットの位置*/
}
}
@media all and (min-width: 1024px) {}
@media all and (min-width: 1200px) {}
@media all and (min-width: 1600px) {}