@charset "UTF-8";

/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,::before,::after,::marker{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}[type="radio"]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;-webkit-appearance:none;appearance:none}button[disabled],[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled]{cursor:default}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:none}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}template{display:none}[hidden]{display:none}
select{-moz-appearance: menulist-button;-webkit-appearance: menulist-button;appearance: menulist-button;}


/**************************************************

	基本設定

**************************************************/
body{
	position: relative;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro',Meiryo,Osaka, sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
}

input, textarea, select{
	border: solid 1px #CCC;
}

img{
	image-rendering: -webkit-optimize-contrast;
}


/**************************************************

	リンク設定

**************************************************/
a{
	position: relative;
	color: #333;
	transition: .6s;
}
a img{
	border: none;
	transition: .6s;
}
a:hover{
  color: #CC6666;
	transition: .6s;
}
:hover{
	transition: .6s;
}
a:hover img{
	opacity: .6;
}
a::after{
	width: 100%;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  content: "";
  background: #CC6666;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .4s;
}
a:hover::after{
	transform-origin: left top;
  transform: scale(1, 1);
}
:not(a::after), :not(a:hover::after){
	transform: none;
}

.sp-br{
	display: none;
}

@media screen and (max-width: 767px){
	.sp-br{
		display: block;
	}
}


/**************************************************

	フェードイン設定

**************************************************/
.E-fade{
	opacity: 0;
	transition: all 1s ease-out;
}
.E-fadeT{
	opacity: 0;
	transform: translate(0, -20px);
	transition: all 1s ease-out;
}
.E-fadeB{
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 1s ease-out;
}
.E-fadeL{
	opacity: 0;
	transform: translate(-20px, 0);
	transition: all 1s ease-out;
}
.E-fadeR{
	opacity: 0;
	transform: translate(20px, 0);
	transition: all 1s ease-out;
}

.fadeIn{
	animation: fadeInAnime 3s forwards;
	opacity: 0;
}
@keyframes fadeInAnime{
  0%{opacity: 0;}
  100%{opacity: 1;}
}