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

/*初期設定*/
* {
	margin:0;
	padding:0;
}

html{
    font-size: 10px;
}
@media(max-width:845px){
    html{
        font-size: 8px;
    }
}
body {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size:1.8rem;
	font-weight: 500;
	position: relative;
	margin: 0 auto;
	color: #1c1c1c;

	/*border: 1px solid #000;*/
}

/*floatクリア用*/
.clear {
	clear:both;
}

/*メインコンテンツブロック*/

.clearfix:after {
  content: " ";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
  overflow:visible;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
a{
	text-decoration: none;
	color: #3E3A39;
   
}

a img{
	border:none;
	outline:none;
}
   
p{
	line-height: 1.7;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
	table-layout: fixed;
}
table img{
	display: block;
}
table td, table th{
	box-sizing: border-box;
} 
.right{
	float:right;
}
.left{
	float:left;
}
.rela{
	position:relative;
}
.abso{
	position:absolute;
}
h1,h2,h3,h4{
	text-align: center;
}
ul li{
	list-style: none;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input, button, select, textarea {
    -webkit-appearance: none;
    
}
input[type="checkbox"]{
    all: revert;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

img{
	display: block;
	max-width: 100%;
}
.flex{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* 画面外にいる状態 */
.square::after,.square::before {
	opacity : 0;

	transition : all 2000ms;
	}
/* 画面内に入った状態 */
.square.scrollin::after,.square.scrollin::before {
	opacity : 1;

	}
.slick-track {
  display: flex!important;
    align-items: stretch;
    justify-content: center;
    
}
@media(max-width:845px){
    .slick-track{
        justify-content: space-between;
    } 
    }
.slick-slide {
  height: auto !important;
}
.slick-slide > *{
    height: 100%!important;
}
@media(min-width:846px){
	.sp-vis{
		display: none!important;
	}
}
@media(max-width:845px){
	.sp-vis{
		display: block!important;
	}
	.pc-vis{
		display: none!important;
	}
}