/*
#top_image{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url("../img/index/top_image.jpg");
	position: relative;
}
*/
/*トップ画像リスト*/
.slide_show{
	margin: 0px;
}
.slide_show li{
	height: 600px;
	margin-top: 0px;
	/*
	margin-top: 2.45%;
	*/

}
@media screen and (min-width: 2500px) {
	.slide_show li{
		height: 36vw;
	}
}
@media screen and (min-width: 1800px) {
	.slide_show li{
		/*
		height: 800px;
		height: 920px;
		*/
		height: 40vw;
	}
}
@media print, screen and (max-width: 1178px) {
	.slide_show li{
	margin-top: 0px;
	}
}
@media print, screen and (max-width: 1124px) {
	.slide_show li{
	margin-top: 90px;
	}
}
@media print, screen and (max-width: 600px) {
	.slide_show li{
		margin-top: 0;
		height: 500px;
	}
}

/* 重ねる文字の基本設定 */
.mainpic-box{
	position: absolute;
	/*
	top: 60%;
	*/
	top: 200px;
	left: 5%;
	letter-spacing: 5px;
	z-index: 2;
	font-size: 1.2em;
}
[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -0.8em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 1em;
    font-weight: bold;
    color: #b9080e;
}
.mainpic-title {
	font-size: 3em;
	font-weight: bold;
	line-height: 1.5;
	padding: 5px;
	color: #ffff;
	height: 100%;
	font-family:'Noto Sans JP', sans-serif;
	text-shadow: 0px 3px 15px rgb(0 0 0 / 60%);
}
.mainpic-description {
	font-size: 1em;
	padding: 10px;
	/*
	text-shadow: 1px 2px 3px #fff;
	*/
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
	font-weight: bold;
	line-height: 1.5;
}
@media screen and (max-width: 2500px){
	.mainpic-title{
	font-size: 4em !important;
	}
	.mainpic-box {
		top: 30%;
	}
}

@media print, screen and (min-width: 2000px) {
	.mainpic-title{
		/*
	font-size: 2.4em;
	*/
	font-size: 5em;
	}
	.mainpic-description {
	font-size: 1.3em;	
	}
}
/*
@media screen and (min-width: 1800px) {
	.mainpic-box{
		height: 53%;
	}
}

@media print and (max-width: 1178px) {
	.mainpic-box {
		top: 10%;
	}
}
*/

@media print, screen and (max-width: 1178px) {
	.mainpic-box {
		top: 20%;
	}
}
@media screen and (max-width: 1024px) {
	#top_image{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 60vw;
	}
	.mainpic-title{
	padding: 0 10px;
	font-size: 3em;
	}
	.mainpic-box{
		/*
	font-size: 2em;
	height: 45%;*/
	top: 40%;
	}
	/*
	.mainpic-description {
	font-size: 1.2em;	
	}
	*/
}
@media screen and (max-width: 950px) {
	.mainpic-box{
	top: 23%;
	}

}
@media screen and (max-width: 768px) {
	#top_image{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left;
	height: 60vw;
	}
	.mainpic-title{
 	font-size: 1.5em !important;
	padding: 0 10px;
	}

	.mainpic-box{
	top: 60%;
	left: 5%;
	}
}
  /* SP向けの設定 */
@media screen and (max-width: 620px) {
	.layer-txt{
	 font-size: 1.4rem;
	 padding: 4rem 0;
	}

	#top_image{
	background-image: url("../img/index/index-pic01.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 50vh;
	background-position-x: 27%;
	}

		
}
@media screen and (max-width: 600px) {
	.mainpic-box{
		top: 70%;
		left: 1%;
		letter-spacing: 0;
	}

}
  /*==================================================
===================================*/
/*スライドショー*/
.slide_show {
	position:relative;
	  z-index: 1;
	  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	 /* height:50vw;　スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
  }

  .slide_show img {
	width: 100%;
  }
  /*　背景画像設定　*/
  
  .slide-item01 {
	  background:url("../img/index/index-pic01.png");
  }
  
  .slide-item02 {
	  background:url("../img/index/index-pic02.png");
  }
  .slide-item03 {
	background:url("../img/index/index-pic03.png");
}
  .slick-track li{
	width: auto;
  }

  .slide-item {
	  width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
	  height:100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	  background-repeat: no-repeat;/*背景画像をリピートしない*/
	  background-position: bottom;/*背景画像の位置を中央に*/
	  background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
  }
  
  /*矢印の設定*/
  
  .slide-prev, 
  .slide-next {
	  position: absolute;
	  z-index: 3;
	  top: 42%;
	  cursor: pointer;/*マウスカーソルを指マークに*/
	  outline: none;/*クリックをしたら出てくる枠線を消す*/
	  border-top: 2px solid #b9080e;/*矢印の色*/
	  border-right: 2px solid #b9080e;/*矢印の色*/
	  height: 25px;
	  width: 25px;
  }
  
  .slide-prev {/*戻る矢印の位置と形状*/
	  left:2.5%;
	  transform: rotate(-135deg);
  }
  
  .slide-next {/*次へ矢印の位置と形状*/
	  right:2.5%;
	  transform: rotate(45deg);
  }
  
  /*ドットナビゲーションの設定*/
  
  .slide-dots {
	  position: relative;
	  z-index: 3;
	  text-align:center;
	  margin:-50px 0 0 0;/*ドットの位置*/
  }
  
  .slide-dots li {
	  display:inline-block;
	  margin:0 5px;
  }
  
  .slide-dots button {
	  color: transparent;
	  outline: none;
	  width:8px;/*ドットボタンのサイズ*/
	  height:8px;/*ドットボタンのサイズ*/
	  display:block;
	  border-radius:50%;
	  background:#fff;/*ドットボタンの色*/
  }
  
  .slide-dots .slide-active button{
	  background:#333;/*ドットボタンの現在地表示の色*/
  }

@media only screen and (max-width: 600px) {
	.slide-item01 {
		background:url("../img/index/index-pic01-smartphone.png");
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.slide-item02 {
		background:url("../img/index/index-pic02-smartphone.jpg");
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.slide-item03 {
		background:url("../img/index/index-pic03-smartphone.jpg");
		background-size: 100%;
		background-repeat: no-repeat;
	}
}
  /*==================================================
===================================*/

  /* PC向けの設定 */
  @media print, screen and (min-width: 601px) {
	.layer-txt{
	  font-size: 4rem;
	  line-height: 7rem;
	}
  }
/*
.allcontents_box p, .contents_box p{
	padding-top: 3em;
}
*/

/* メインビジュアル下の文章 */
#greeting{
	margin: 0 auto;
	background-image: url(../img/index/index_img01.png);
	background-position: center;
	font-weight: 500;
	height: 600px;
	background-size: contain;
	background-repeat: no-repeat;
	padding-top: 100px;
}
.greeting-p{
	width: 50%;
    float: left;
}
.greeting_title {
	font-weight: bold;
	margin-bottom: 0px;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	color: #142474;
}
@media screen and (max-width: 2500px){
	#greeting{
		background-size: contain;
	}
}
@media screen and (max-width: 1024px){
	#greeting{
		height: 500px;
		background-image: url(../img/index/index_img01_tablet.png);
	}
}
@media screen and (max-width: 768px){
	.greeting-p{
		width: 100%;
	}
	#greeting{
		height: 650px;
	}
}
@media screen and (max-width: 600px) {
	#greeting{
		height: auto;
			background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
							  linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
			background-size: 16px 16px;
			background-repeat: repeat;
			background-position: center center;
		  }
	.greeting-p{
		width: 100%;
		float: none;
		padding-bottom: 30px;
	}
}

/* 活動報告 */
#activity{
	padding: 80px 0;
}
.twitter-ttl{
	font-size: 1.3em;
	font-weight: bold;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.twitterbox{
	margin: 0 30px;
    display: flex;
    background-color: #f0f8ff;
	border-radius: 30px;
	padding: 30px;
}
.accountbox{
	text-align: center;
	width: 50%;
	padding-top: 40px;
}
.follow{
	width: 50%;
}
.icon img{
	width: 100px;
}
.twitter-btn{
	border-radius: 30px;
	background: #1d9bf0;
	color: #ffff;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	text-decoration: none;
	padding: 5px;
}
.accountbox a:hover{
	background: #1376b8;
}

@media screen and (max-width: 600px){
	#activity{
		padding: 40px 0;
	}
	.twitterbox{
		display: block;
		margin: 0px;
	}
	.accountbox,.follow{
		width: 100%;
	}
	.accountbox{
		padding-bottom: 40px;
	}
}

/*プロフィール*/
#profile{
	padding: 80px 0;
}
.profile-box{
	display: flex;
}
.profile-box01{
	width: 40%;
}
.profile-box02{
	margin: 0 30px;
}
.profile-name{
	font-size: 2em;
	font-weight: bold;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
@media screen and (max-width: 600px){
	#profile{
		padding: 40px 0;
	}
	.profile-box01{
		width: 100%;
	}
	.profile-box{
		display: block;
	}
	.profile-name{
		font-size: 1.5em;
	}
}

/* ご意見 */
#contact{
	background-color: #d4e2ef;
	padding: 100px 0;
}

/*リンク*/
#link{
	background-image: url(../img/index/index_img03.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0;
}
.link-box{
	display: flex;
	list-style: none;
	flex-wrap: wrap;
}
.link-box li{
	width: calc(90%/4);
	margin: 10px;
}
.link-box li img{
	box-shadow: 10px 5px 5px rgb(0 0 0 / 60%);
}
.link-box li a:hover{
	opacity: 0.6;
}
@media screen and (max-width: 600px){
	.link-box li{
		width: calc(85%/2);
		padding:0 5px;
		box-sizing:border-box;
		list-style:none;
	}
}
/*  */
.index-button{
	position: absolute;
	right: 4px;
    bottom: 7px;
}
.footer-tel{
	text-align: -webkit-center;
	padding-top: 20px;
}
.top-banner-margin01{
	margin-top: 44px;
  }
.top-banner-margin02{
	margin-top: 44px;
}
.top-banner-margin03{
	margin-top: 20px;
}
@media screen and (max-width: 1024px){
	#service{
		background-image: url(../img/index/index-img02.png);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.index-service{
		display: flex;
		flex-wrap:wrap;
		margin-left: 15%;
	}
	.index-service li {
		width: calc(77%/2);
		padding:0 5px;
		box-sizing:border-box;
		list-style:none;
		z-index: 5;
		background-color: rgba(233, 233, 233, 0.5);
		margin: 10px;
		text-align: center;
		position: relative;
	}
}
@media screen and (max-width: 980px){
.top-banner li {
	width: calc(100%/2);
  }
}
@media print, all and (max-width: 768px) {
	/*
	#service{
		background-size: 103%;
	}
	*/

	.index-service li {
		width: calc(90%/2);
		padding:0 5px;
		box-sizing:border-box;
		list-style:none;
		z-index: 5;
		background-color: rgba(233, 233, 233, 0.5);
		margin: 10px;
		text-align: center;
		position: relative;
	}
}
@media screen and (max-width: 600px){
	.index-service{
		margin-left: 0;
	}
	.index-service li {
		width: 100%;
	}
	#service{
		background-image: none;
	}
}


  /* SP向けの設定 */
@media only screen and (max-width: 600px) {
	.contact-baner li {
		width:100%;
	  }
}

@media print { 
	.mainpic-title {
		text-shadow: 1px 2px 3px #252525;
	}
	.slide_show li{
		height: 500px;
				/*
		background-size: cover;
		background-position: center center;	

		background-size: contain;
		background-position: left;
		width: 1300px;
		margin-top: 30px;
		padding: 0px;
				*/
	}
	.slide-prev, 
	.slide-next {
		top: 50%;
	}
	.footer_menu a{
		text-decoration: none !important;
	}
	  /*
	.slide-item01 {
		background:url("../img/index/index-pic01_print.jpg");
	}
	
	.slide-item02 {
		background:url("../img/index/index-pic02_print.jpg");
	}
	 */
	 .index-service {
		margin-left: 20%;
	}


}