﻿


.section, .recomended{
	max-width:1040px;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}
#section2 .recomended{
	color:#fff;
}
#section2 .btn a{
	border-color:#fff;
	color:#fff;
}
#main_visual img{
	width: 100%;
}
#main_visual .slick-dots{ margin-top: 7px }
#main_visual .slick-prev ,
#main_visual .slick-next{ display: none!important; }
#main_visual .slick-prev {	left: 5px;  }
#main_visual .slick-next {	right: 5px;}

#section2 .textbox{
	text-align:center;
}

.logoicon{ display: block;
	margin-left: auto; margin-right: auto;}

#itemlist li:not(:last-child) .logoicon{width: 60%;}

/*news-----------------------------*/
.post_wg {background: #e39178;}
.post_ng {	background: #368395; }
.post_at {	background: #5fa5cd;}
.post_im {	background: #d66459; }
.post_it{ background: #a6d1f0; }
.news .post_category {
	color: #fff;
	text-align: center;
	line-height: 1;
	font-weight: 400;
	font-size: 0.821em;
	width: 160px; 
	display: flex;
}

.news .post_category > div {
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;  }

.news .post_category .post {width: 150px; }
.news li:not(:last-child) {
	border-bottom: 1px solid #e2e2e2;
}
.news li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
  }
  .news .date {
	font-weight: 300;
	color: #8bb3ca;
	letter-spacing: 0.08em;
  }
  .news .caption a {
	display: block;
	letter-spacing: 0.06em;
  }

  .more_btn {
	letter-spacing: 0.06em;
	background: #fff;
	text-align: center;
	font-weight: 400;
	font-size: 0.853em;
  }
  .more_btn a {	display: block; font-weight: 400; }

  .news .enic-right::before{  color: #94c5e1;}


  /*SNS---------------------------------*/
  .sns h2 span{ color: #76b2d5; line-height: 1.1em; display: inline-block;}
  .sns ul{	display:flex;
	justify-content:space-between; }

.sns ul,
.sns ul li a { margin-right: auto; margin-left: auto; }

.sns ul li a {	text-align: center; }

/*PC
----------------------------------------------------*/
@media screen and (min-width:1081px),print{
	#main_visual{
		margin-bottom:80px;
		/*height:706px;*/
	}
	#section1{
		margin-bottom:130px;
	}
	#itemlist{
		margin-top:70px;
	}
	#section2{
		margin-bottom:100px;
	}
	#section2 .contents{
		margin-top:50px;
	}
	#section2 .recomended:after{
		content:"";
		display:block;
		width:100%;
		min-width:1625px;
		height:100%;
		background:url(../image/s2_bg_pc.jpg) no-repeat center top /100% auto;
		position:absolute;
		top:0;
		left:50%;
		transform: translateX(-50%);
		z-index:-1;
		margin-right:auto;
		margin-left:auto;
	}
	#section2 .contents{
		display:flex;
		align-items: center;
		min-height:360px;
		overflow:hidden;
		position:relative;
	}
	#section2 .recomended .textbox{
		width:450px;
		margin-left:30px;
	}
	#section2 .btn{
		width:280px;
		font-size:0.912em;
		margin-top:30px;
		margin-right:auto;
		margin-left:auto;
	}
	#section2 .btn a:hover{
		background-color:rgba(255,255,255,0.4);
	}
	#send{
		margin-top:90px;
	}
	.logoicon{margin-bottom:20px;}
	#itemlist li:last-child .logoicon{ width: 65%;}
	#itemlist.top li{ display: flex;
		flex-wrap: wrap;
		justify-content: center; }
	#itemlist li:last-child .logoicon{ margin-top: -3px;}
.news.section{ position: relative; margin-bottom: 80px;}
	.news ul{ margin-top: 60px; }
	.news li {padding-bottom: 20px;
		margin-bottom: 20px; }
	.news .post_category {justify-content: flex-end;}
	.news .date {padding: 0 13px; width: 100px;}
	.caption {width: 66%; }
	.news .more_btn {
		position: absolute;
		width: 230px;
		top: 0px;
		right: 0;
		left: 760px;}
	.news .more_btn a{ padding-left:0.9em }
.sns .section{ margin-top: 30px; margin-bottom: 100px; text-align: center;}
.sns ul {  width: 210px;  margin-top: 30px;  }

}
/*PC und Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) {
	/*#main_visual{
		background-image:url(../images/top/mv_pc.jpg);
	}*/
	.news a:hover .enic-right::before{  color: #fff;}
	.news .caption a:hover { color: #94c5e1; transition: color 0.3s;}

}
/*Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1030px){
/**/.listtxt{ height: 140px; }
}
@media screen and (min-width:751px) and (max-width:1080px){
	/*#main_visual{ margin-top: 7.5%;
		height:565px;
		background-size:1600px;	}*/

	#section2 .contents:before{
		background-image:url(../image/s2_bg_pc.jpg);
/*		padding-top:22.1538%;*/
		min-width:1000px;
		height:360px;
	}
	#section2 .textbox{
		width:60%;
	}
	.logoicon{ margin-bottom: 2%; }
	#itemlist li:not(:last-child) .logoicon{margin-top: 5%}
	#itemlist li:last-child .logoicon{ margin-top: 6px;  width: 60%;}
	.news .more_btn {width: 40%;}
	.sns ul{ width: 17.7vw; }
	.more_btn a{font-size: 1.5em;}
}
/*Tablet und Phone
----------------------------------------------------*/
@media screen and (max-width:1080px){
	.top#itemlist > li{ /*display: block;*/justify-content: center; }
	#itemlist,#section2 .contents,#send{
		margin-top:7%;
	}
	#main_visual{margin-bottom:6%;}
	#section2{
		width:100%;
		overflow:hidden;
	}
	#section2 .contents{
		position:relative;
	}
	#section2 .contents:before{
		content:"";
		display:block;
		width:100%;
		background-repeat:no-repeat;
		background-position: center;
		position:relative;
		left:50%;
		transform: translateX(-50%);
	}
	#section2 .recomended{
		position:absolute;
		top:0;
		right:0;
		left:0;
		bottom:0;
		margin:auto;
		display:flex;
		align-items:center;
	}
	/*
	#section2 .contents{
		padding-top:10%;
		padding-bottom:10%;
	}*/
	#section2 .textbox >p{
		margin-bottom:5%;
	}
	#section2 .btn{
		width:80%;
	}
	.news.section, .sns, #section2{ margin-bottom: 5.2em; }
	.news ul {	font-size: 0.923em; margin-top: 8%;}
	.news li { padding-bottom: 4%; margin-bottom: 5%; 	}
	.news .post_category {justify-content: flex-start;}
	.news .date {width: calc(100% - 160px);
		text-align: right;  }

	.news p {width: 100%; margin-top: 2%;}
	.more_btn { width: 80%;
    font-size: calc(0.625rem + ((1vw - 3.2px) * 1.3023));   }
  .more_btn a{ padding: 1.2em 2%; }


  .sns ul{ padding-top: 2%;}
  .sns ul li{ width: 25.6%; }
  .sns ul li a {  max-width: 82px;  width: 100%; display: block; }
  .sns .section{ margin-top: 5%; }
  .sns .section dt{ margin-bottom: 4%; }

}
/*Phone
----------------------------------------------------*/
@media screen and (max-width:750px){
	/*#main_visual{
		margin-top: 10.8%;
		padding-top:100%;
		width:100%;
		background-image:url(../images/top/mv_phone.jpg);
		background-size:100% auto;	}*/
	#section2 .textbox{
		width:100%;
	}
	#section2 .contents:before{
		background-size: 100% auto;
	}
	#section2 .contents:before{
		background-image:url(../image/s2_bg_phone.jpg);
		min-width:400px;
		padding-top:89.333%;
		position:relative;
	}
	.logoicon{ margin-top: 4%; }
	#itemlist li:last-child .logoicon{ width: 63%;}
	.more_btn a{font-size: 2.5em;}
	.news .more_btn a{padding-left:1.2em}
	.sns ul{ width: 28.15vw; }
}

/*@media screen and (max-width:480px){
#main_visual {  margin-top: 11.5%;}
}*/