/* TOP INEDX local css*/

article.wrap {
    max-width:960px;
}

section.s2  {
max-width:620px;
clear:none;
}

section.s2 > div{
margin-bottom:0;
width: 100%;
max-width: 621px;
}

ul.check {
width: 280px;
min-height:95px;
border: 2px solid #f0f0f0;
float: left;
font-size: 14px;
}

div.t1 ul.check:nth-child(even){
margin-left: 50px;
margin-bottom: 50px;
}

ul.check li {
max-width: 280px;
padding: 10px 0 5px 15px;
background-repeat:no-repeat;
background-size: 20px 20px;
text-indent:25px;
background-position:15px 12px;
}

ul.check.service01 li {
background-image:url(../images/ico_check_01.png);
}
ul.check.service02 li {
background-image:url(../images/ico_check_02.png);
}
ul.check.service03 li {
background-image:url(../images/ico_check_03.png);
}
ul.check.service04 li {
background-image:url(../images/ico_check_04.png);
}

ul.check li:first-child {
display: block;
width: 100%;
height: 94px;
margin: 0 0 12px 0;
padding: 0;
text-indent: -99999px;
background-position: 0 0;	
background-size: 280px 96px;
}

ul.check li.m1 {
background-image:url(../images/photo01.jpg);
}
ul.check li.m2 {
background-image:url(../images/photo02.jpg);
}
ul.check li.m3 {
background-image:url(../images/photo03.jpg);
}
ul.check li.m4 {
background-image:url(../images/photo04.jpg);
}


ul.check li:last-child {
display: block;
width: 100%;
height: 40px;
line-height: 40px;
margin: 12px 0 0 0;
padding: 0;
background:#9b9b9b;
color: #fff;
text-align: center;
text-indent: -15px;
}

ul.check li a{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
color: #fff!important;
background:#9b9b9b;
}

ul.check li a:hover{
background: #39b282;
color: #fff;
}

ul.check li.m2 a:hover{
background: #96C882;
}

ul.check li.m3 a:hover{
background: #f591be;
}

ul.check li.m4 a:hover{
background: #7daad2;
}

.rightcolm{
width:280px;
height: auto;
float:right;
clear:none;
margin-top:-6px;
padding: 0;
}

.twitter {
width:280px;
height:560px;
margin-left:0;
margin-right: 0;
padding-right: 0;
clear:none;
overflow-y:scroll;
float:right;
/* background: #060; */
border: 5px solid #39b282;
}

.icomykomon{
margin-bottom: 20px;
}

.icomykomon img{
width:280px;
height:64px;
}

/* Slick Slider */
.slider {
  height: auto !important;
  float: left;
  width: 100%;
  clear: both;
}
.slick-dots {
  bottom: -45px !important;
}
.slick-prev {
  left: 10px;
  margin:auto 0;
  top: 0;
  bottom: 0;
  z-index: 5;
		height: 40px;
}
.slick-next {
  right: 8px;
  margin:auto 0;
  top: 0;
  bottom: 0;
  z-index: 5;
		height: 40px;
}
.slick-prev:before,
.slick-next:before {
  background-image: url(../images/shevron_l.png);
  background-size: 14px 40px;
  content: '';
  display: block;
  height: 40px;
  width: 14px;
}
.slick-prev:before {
  background-image: url(../images/shevron_l.png);
}
.slick-next:before {
  background-image: url(../images/shevron_r.png);
}

/*** Slick Slider Image Sp ***/
.slider.sp li img {
min-width:320px;
min-height:318px;
max-width:630px;
max-height:626px;
}

/*** myKomon Pc ***/
.top section.mykomon {
width: 600px;
margin-top:-50px;;
margin-left:0;}


/*** ***/
@media screen and (min-width: 640px) and (max-width: 960px) {

section.s2{
	width: 64.58333333333333%;

}

ul.check {
	width: 45.16129032258065%;
}

div.t1 ul.check:nth-child(even) {
	margin-left: 8.064516129032258%;
}

ul.check.service01 li,
ul.check.service02 li,
ul.check.service03 li,
ul.check.service04 li {
	font-size: 1.458333333333333vw;
	padding: calc(100vw / 960 * 10) 0 calc(100vw / 960 * 5) 2.857142857142857%;
	background-repeat: no-repeat;
	background-size: 7.142857142857143% calc(100vw / 960 * 20);
	text-indent: 7.857142857142857%;
	background-position: 3.571428571428571% calc(100vw / 960 * 12);
}

ul.check li:first-child {
width: 100%;
height: calc(100vw / 960 * 96);
text-indent: -99999px;
background-size: cover;
}

ul.check li:last-child {
	height: 40px;
	line-height: 40px;
	margin: 12px 0 0 0;
	padding: 0;
	background: #9b9b9b;
	color: #fff;
	text-align: center;
	text-indent: -15px;
}

.rightcolm {
	width: 29.16666666666667%;
}

.innov {
	width: 100%;
}

.innov img {
	width: 100%;
	height: auto;
}

.icomykomon img {
	width: 100%;
	height: auto;
}

.twitter {
	width: 100%;
}

}