@charset "utf-8";
/* CSS Document */

/*---------------------
トップページ
---------------------*/
main > img.pc.top-img{
	max-width:1200px;
	margin:0 auto;
	display:block;
}

.greeting{
	/*background-image:url(../img/top/content-bg_01.jpg);*/
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	/*margin-top:150px;*/
}

.greeting ul,
.notice ul{
	font-size:0;
	position:relative;
}

.greeting ul.greeting-txt li,
.notice ul li{
	/*display:inline-block;
	vertical-align:middle;
	margin-right:50px;*/
}

.greeting ul.greeting-txt,
.notice ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    ms-flex-align: center;
    align-items: center;
}
.notice ul{
    -webkit-box-align: flex-start;
    ms-flex-align: flex-start;
    align-items: flex-start;
}

.greeting ul.greeting-txt li:nth-of-type(1),
.notice ul li:nth-of-type(1){
	/*max-width:68px;*/
	width: 5%;
}

.greeting ul.greeting-txt li:last-of-type,
.notice ul li:last-of-type{
	/*margin-right:0;*/
	width: 90%;
}

.notice ul li .news-btn{
	float:right;
	margin:20px 20px 0 0;
}

.greeting ul.greeting-txt li p{
	font-size:15px;
	font-weight:500;
	line-height:35px;
	letter-spacing:1px;
}

/*.greeting ul.greeting-txt li a,
.notice ul li a{
	position:absolute;
	top:0;
	right:0;
	font-size:15px;
	font-weight:normal;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:1px;
	display: flex;
	align-items: center;
}

.greeting ul.greeting-txt li a:before,
.notice ul li a:before{
	content: "";
	flex-grow: 1;
	border-top: 1px solid #000000;
	display: block;
	margin-right: 15px;
	padding-left:80px;
}*/

.greeting ul.tatsuriki-content{
	margin:120px 0;
}

.greeting ul.tatsuriki-content li{
	display:inline-block;
	width:calc( 100% / 3 - 10px );
	margin-right:15px;
}

.greeting ul.tatsuriki-content li:last-of-type{
	margin-right:0;
}

.kura{
 text-align: center;
	padding: 25px 0;
 margin: 120px 0 0;
	background: #f0f0f0;
}
.kura a{
 display: inline-block;
	color: #4C9ED9;
	/*padding-bottom: 5px;
	border-bottom: 1px solid #4C9ED9;*/
	text-decoration: underline;
}

.notice ul li{
	font-size:15px;
	font-weight:500;
}

.notice ul li:last-of-type{
	/*max-width:1080px;
	width:100%;*/
	vertical-align:bottom;
}

.notice ul li dl{
	overflow-y:scroll;
	height:250px
}

.notice ul li dl dt{
	float:left;
	margin-right:50px;
	line-height:25px;
}

.notice ul li dl dd{
	margin-bottom:25px;
	padding-left:125px;
	line-height:25px;
}

.notice ul li dl dd:last-of-type{
	margin-bottom:0;
}

.notice ul li dl dd a{
	color:#4C9ED9;
	border-bottom:1px solid #4C9ED9;
}

#item-slider{
	margin-top:100px;
}
#item-slider .slick-slide{
	margin:0 10px;
}
.slick-initialized .slick-slide,
.slick-slide img{
	/*pointer-events:none;*/
}
.slide-arrow{
	position:absolute;
	top:45%;
	max-width:22px;
	z-index:1;
	cursor: pointer;
	cursor: hand;
}
.slide-arrow.prev-arrow{
	left:-5%;
}
.slide-arrow.next-arrow{
	right:-5%;
}
.item-btn{
	display:block;
	max-width:278px !important;
	width:100%;
	margin:85px auto;
}

.tatsuriki-doragon{
	background-image:url(../img/dragon/title.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}

.tatsuriki-doragon a{
	max-width:1920px;
	width:100%;
	max-height:100%;
	height:630px;
	display:block;
}

.tatsuriki-doragon img{
	max-width:357px;
	width:100%;
	display:block;
	margin:0 auto;
}

.tatsuriki-logo{
	display:none;
	margin:70px auto;
	max-width:140px !important;
	width:100%;
}

.top_company-profile{
	background-image:url(../img/top/content-bg_03.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	padding:100px 0;
	text-align:center;
}

.top_company-profile a{
	display:inline-block;
}

.top_company-profile img{
	max-width:178px;
	width:100%;
	display:block;
	margin:0 auto;
}

/*---------------------
100th
---------------------*/
.th-100{
	text-align:center;
	margin:100px 0 0;
}
.th-100 > img{
	margin:100px 0 65px;
	display:none;
}
.th-100 > div{
	background-image:url(../img/top/100th.jpg);
	background-repeat:no-repeat;
	background-position:center bottom -20px ;
}
.grad-item p{
	line-height:30px;
	letter-spacing:1px;
}
.grad-trigger{
	opacity:0;
}

.bnr-makuake{
	background-image:none !important;
	margin-top:100px;
}

.slider-100th{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    ms-flex-align: center;
    align-items: center;
	margin-top:100px;
	padding:0 55px;
	box-sizing:border-box;
}
.slider-100th li{
	position:relative;
}
.slider-100th li a{
    position: absolute;
    width: 50px;
    height: 35px;
    bottom: 0;
    left: 77px;
}
.slider-100th li a:nth-of-type(2){
	left:auto;
	right:45px;
}
.slider-100th li:nth-of-type(2) a{
	left:65px
}
.slider-100th li:nth-of-type(2) a:nth-of-type(2){
	left:auto;
	right:55px;
}
.slider-100th li:nth-of-type(3) a:nth-of-type(1){
	display:none;
}
.slider-100th li:nth-of-type(3) a:nth-of-type(2){
	left:auto;
	right:90px;
}
.slider-100th li:nth-of-type(4) a{
	left:55px
}
.slider-100th li:nth-of-type(4) a:nth-of-type(2){
	left:auto;
	right:65px;
}

.bnr{
	margin: 120px 0;
}

.bnr div ul{
}
.bnr div ul li{
	width:48.5%;
}

/* ノートパソコン*/
@media screen and (max-width: 1366px) {
	
	.item-slider_wrap{
		max-width:1000px;
		margin:0 auto;
	}
    
}

@media screen and (max-width: 1200px) {
	
	main > img.pc.top-img{
		max-width:1000px;
	}
	
	.tatsuriki-doragon a{
		height:400px;
	}
	
	.top_company-profile{
		padding:60px 0;
	}
	
}

/* ipadpro */
@media screen and (max-width: 1024px) {
    
}

/* ipad */
@media screen and (max-width: 768px) {
    
}

/* スマホ以下 */
@media screen and (max-width: 767px) {
	
/*---------------------
トップページ
---------------------*/
	.greeting{
		/*background-image: url(../img/top/content-bg_01-sp.jpg);
		margin-top:15vw;
		background-size:contain;*/
	}
	
	.greeting ul.greeting-txt,
	.notice ul{
		padding:0 3vw;
		box-sizing:border-box;
	}
	
	.greeting ul.greeting-txt li,
	.notice ul li{
		display:block;
	}
	
	.greeting ul.greeting-txt li:nth-of-type(1),
	.notice ul li:nth-of-type(1){
		max-width:50vw;
		width:100%;
		margin:0 auto;
	}
	
	.greeting ul.greeting-txt li:last-of-type,
	.notice ul li:last-of-type{
		max-width:100%;
		width:100%;
	}
	
	.greeting ul.greeting-txt li a,
	.notice ul li a{
		top:auto;
		right:3vw;
		bottom:-10vw;
		font-size:initial;
	}
	
	.greeting ul.greeting-txt li p{
		font-size:initial;
		line-height:5vw;
		margin-top:10vw;
	}
	.greeting ul.tatsuriki-content{
		margin:50px 0;
	}
	.greeting ul.tatsuriki-content li{
		width:100%;
		margin-right:0;
	}
	
	.kura{
	 padding: 6.93vw 0;
	 margin: 21.07vw 3.33vw -21.07vw;
	}
	.kura a{
	 font-size: 3.6vw;
		line-height: 1.5;
	}
	
	.notice ul li{
		font-size:initial;
	}
	
	.notice ul li dl{
		margin-top:5vw;
	}
	
	.notice ul li dl dt{
		margin-right:35px;
	}
	
	.notice ul li dl dd{
		padding-left:115px;
	}
	
	.item-slider_wrap{
		margin-top:15vw;
	}
	
	#item-slider_sp .slick-slide{
		margin:0 5vw;
	}
	.item-btn.sp{
		display:block !important;
	}
	
	.tatsuriki-doragon{
		background-image: url(../img/top/content-bg_02-sp.jpg);
	}
	
	.tatsuriki-doragon a{
		padding:26.65vw 0;
		height:15vw;
	}
	
	.top_company-profile{
		background-image: url(../img/top/content-bg_03-sp.jpg);
		background-size:contain;
		padding:22vw 0;
	}
	
	.top_company-profile img{
		max-width:35vw;
	}
	
/*---------------------
100th
---------------------*/
	.grad-wrap {
		position: relative;
	}
	.grad-wrap + .grad-wrap {
		margin-top: 40px;
	}
	.grad-trigger {
		opacity:1;
		z-index: 2;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		max-width: 148px;
		margin: auto;
		/*ボタンのスタイルはご自由にどうぞ*/
	}
	.grad-trigger:before{
		content:"";
		/*display:table-cell;
		vertical-align:middle;*/
		position:absolute;
		right:48%;
		bottom:-15px;
		display:block;
		margin:auto;
		border-top: 2px solid #C6C6C6;
		border-right: 2px solid #C6C6C6;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		width:15px;
		height:15px;
	}
	.grad-item {
		position: relative;
		overflow: hidden;
	}
	.grad-item.is-hide {
		height: 110vw; /*隠した後の高さ*/
	}
	.grad-item p + p {
		margin-top: 1em;
	}
	.grad-item::before {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		content: "";
		width: 100%;
		height: 40px; /*グラデーションで隠す高さ*/
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
		background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
	}
	.grad-trigger.is-show + .grad-item::before {
		display: none !important;
	}
	
	.th-100{
		margin:0;
	}
	.th-100 > img{
		display:block;
		margin:5vw auto;
		max-width:55vw;
		width:100%;
	}
	.th-100 > div{
		background-size:100% auto;
		background-position:top 50vw center;
	}
	.grad-item p{
		font-size:4.5vw;
		line-height:8vw;
		text-align:left;
		padding:0 5vw;
		box-sizing:border-box;
	}
	
	.bnr-makuake{
		margin:15vw 0;
	}
	
	.slider-100th{
		margin-top:10vw;
		padding:0 3vw;
	}
	.slider-100th li a{
		left:13vw;
	}
	.slider-100th li a:nth-of-type(2){
		right:7vw;
	}
	.slider-100th li.item-01 a:nth-of-type(1){
		display:inline-block;
	}
	.slider-100th li.item-01 a:nth-of-type(2){
		right:7vw;
	}
	.slider-100th li.item-02 a{
		left:11vw;
	}
	.slider-100th li.item-02 a:nth-of-type(2){
		right:9vw;
	}
	.slider-100th li.item-03 a:nth-of-type(1){
		display:none;
	}
	.slider-100th li.item-03 a:nth-of-type(2){
		right:16vw;
	}
	.slider-100th li.item-04 a{
		left:9vw;
	}
	.slider-100th li.item-04 a:nth-of-type(2){
		right:10vw;
		left:auto;
	}
	
}

@media screen and (max-width: 480px) {

/*---------------------
トップページ
---------------------*/
	.greeting{
		/*background-image: url(../img/top/content-bg_01-sp.jpg);*/
		margin-top:0;
		background-size:contain;
	}
	
	.greeting ul.greeting-txt,
	.notice ul{
		padding:0 3vw;
		box-sizing:border-box;
	}
	
	.greeting ul.greeting-txt li,
	.notice ul li{
		display:block;
	}
	
	.greeting ul.greeting-txt li:nth-of-type(1),
	.notice ul li:nth-of-type(1){
		max-width:65vw;
		width:100%;
		margin:0 auto;
	}
	
	.greeting ul.greeting-txt li:nth-of-type(1){
		max-width:100%;
	}
	
	.greeting ul.greeting-txt li:last-of-type,
	.notice ul li:last-of-type{
		width:100%;
	}
	
	.greeting ul.greeting-txt li a,
	.notice ul li a{
		top:auto;
		right:3vw;
		bottom:-10vw;
		font-size:4vw;
	}
	
	.greeting ul.greeting-txt li p{
		font-size:4vw;
		line-height:7vw;
		margin-top:10vw;
	}
	
	.greeting ul.tatsuriki-content li{
		width:100%;
		margin-right:0;
	}
	
	.notice ul li{
		font-size:3.8vw;
	}
	
	.notice ul li dl{
		margin-top:5vw;
		height:70vw;
	}
	
	.notice ul li dl dt{
		margin-right:35px;
	}
	
	.notice ul li dl dd{
		padding-left:115px;
	}
	
	.item-slider_wrap{
		margin-top:15vw;
	}
	
	#item-slider_sp .slick-slide{
		margin:0 5vw;
	}
	.item-btn.sp{
		display:block !important;
	}
	
	.tatsuriki-doragon{
		background-image: url(../img/top/content-bg_02-sp.jpg);
	}
	
	.top_company-profile{
		background-image: url(../img/top/content-bg_03-sp.jpg);
		background-size:contain;
		padding:16vw 0;
	}
	
	.top_company-profile img{
		max-width:35vw;
	}
	
	.bnr{
		margin:7vw 0 0;
	}
	.bnr div ul li{
		width:100%;
		line-height:0;
		margin-bottom:7vw;
	}
	
}

/* iphone6 */
@media screen and (max-width: 414px) {
	
}

/* iphoneX */
@media screen and (max-width: 375px) {
	
}

/* iphone5 */
@media screen and (max-width: 320px) {
    
}

.maintenance{
	max-width:1000px;
	width:100%;
	margin:50px auto 0;
}
.maintenance table{
	width:100%;
}
.maintenance th,
.maintenance td{
	display:block;
	border:1px solid #000000;
	padding:10px;
	box-sizing:border-box;
	line-height:1.5;
}
.maintenance th{
	background:#F7F7F7;
	border-bottom:none;
}
.maintenance td{
}
.maintenance td span{
	font-weight:bold;
	text-decoration:underline;
}
@media screen and (max-width: 480px) {
	.maintenance{
		margin:0;
		padding:10vw 3vw 0;
		box-sizing:border-box;
	}
	.maintenance th,
	.maintenance td{
		font-size:3.6vw;
		line-height:6vw;
	}
}

.fadeslick .slick-dots li button:before {
  content: '■';
}

.fadeslick .slick-dots {
  text-align: right;
  padding-right: 10px;
  box-sizing: border-box;
}

.fadeslick .slick-dots li button:before {
  font-size: 20px;
}

@media screen and (max-width: 480px) {
  .fadeslick .slick-slide a {
    position: initial;
    width: initial;
    height: initial;
    bottom: initial;
  }
  .fadeslick .slick-slide {
    margin-left: 0;
    margin-right: 0;
  }
}

/* ---- youtube ---- */
.youtube{
	width: 800px;
	margin: 120px auto 0;
}
.youtube-16-9{
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
/* .video-stream{
	width: 100%;
	left: 0;
} */
@media screen and (max-width: 767px) {
	.youtube{
		width: 100%;
		margin: 120px auto 0;
		/* height: 240px; */
	}	
}