@charset "utf-8";

@import url(pc-style-silky.css) screen and (min-width: 769px);

@import url(smart-style-silky.css) screen and (max-width: 768px);

/*Common*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, /*sub, sup,*/ var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:14px;
    font-family: 'Mplus 1p','gothic','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
    font-weight:normal;
    vertical-align:baseline;
    background:transparent;
    line-height:1.5;
    list-style:none;
	}
	
 
img{
	vertical-align:bottom;
	}
 
body {
    line-height:1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
ul {
    list-style:none;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
	}
 
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
	}
 
del {
    text-decoration: line-through;
	}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
	}
 
table {
    border-collapse:collapse;
    border-spacing:0;
	}
 
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
	}
 
input, select {
    vertical-align:middle;
	}

/*clerafix*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
	}

.cf:after {
    clear: both;
	}

.cf {
    *zoom: 1;
	}

.t-align-r{
	text-align:right !important;
	}
	.t-align-c{
		text-align:center !important;
		}

a{
	margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color:#244fab;
	text-decoration:none;
	}
	 a:hover{
		color:#5c82d4;
		}
	.icn-arrow-black a{
		background:url(../images/icn-arrow-black.png) no-repeat left center;
		padding-left:13px;
		}
		
td,th{
	transform-style: flat;
	transition: all 250ms ease-out;
	}

/* hoverエフェクト
---------------------------*/
a,dt,dd,li,div{
	transform-style: flat;
	/*transition: all 250ms ease-out;*/
	}


/* スクロール時
---------------------------*/
	/* 画面外にいる状態 */
	.scrollfadeinup {
	    opacity : 0;
	    transform : translate(0, 50px);
	    transition : all 500ms;
	    z-index:10;
	    }
	    .scrollfadeinup2 {
		    opacity : 0;
		    transform : translate(0, 50px);
		    transition : all 1000ms;
		    z-index:10;
		    }
		.scrollfadeinup3 {
		    opacity : 0;
		    transform : translate(0, 50px);
		    transition : all 1500ms;
		    z-index:10;
		    }
	.scrollfadein {
	    opacity : 0;
	    transform : translate(0, 0);
		animation-delay: 2s;
	    transition : all 1500ms;
	    z-index:10;
	    }
	    .scrollfadein2 {
		    opacity : 0;
		    transform : translate(0, 0);
			animation-delay: 2s;
		    transition : all 2500ms;
		    z-index:10;
		    }
	.scrollfadeinheader {
	    opacity : 0;
	    transform : translate(0, 0);
	    -webkit-animation-delay: 2s;
		animation-delay: 2s;
	    transition : all 1500ms;
	    z-index:10;
	    }
	    
	/* 画面内に入った状態 */
	.scrollfadeinup.scrollin {
	    opacity : 1;
	    transform : translate(0, 0);
	    z-index:10;
	    }
	    .scrollfadeinup2.scrollin {
	    	opacity : 1;
		    transform : translate(0, 0);
		    z-index:10;
		    }
	    .scrollfadeinup3.scrollin {
		    opacity : 1;
		    transform : translate(0, 0);
		    z-index:10;
		    }
	.scrollfadein.scrollin {
	    opacity : 1;
	    transform : translate(0, 0);
	    z-index:10;
	    }
	    .scrollfadein2.scrollin {
		    opacity : 1;
		    transform : translate(0, 0);
		    z-index:10;
		    }
	.scrollfadeinheader.scrollin {
	    opacity : 1;
	    transform : translate(0, 0);
	    z-index:10;
	    }


/* font text-color
---------------------------*/
.f-bold{
	font-weight:bold;
	}
	.f-normal{
		font-weight:normal !important;
		font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
		}
	.f-12{
		font-size:12px;
		}
	.f-18{
		font-size:18px;
		}
	.f-24{
		font-size:18px;
		}
.t-gray{
	color:#999 !important;
	}
		

/* slick 
---------------------------*/
.slick-prev,
.slick-next{
	width: 40px !important;
    height: 40px !important;
	}
.slick-prev:before,
.slick-next:before{
	font-size:40px !important;
	}
	.slick-prev{
		 left: 10px!important;
		 z-index:10000!important;
		 }
		.slick-next{
		    right: 10px!important;
		    z-index:10000!important;
			}


/* padding margin
---------------------------*/
.mb-00 {
  margin-bottom: 00px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mt-00 {
  margin-top: 00px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mr-00 {
  margin-right: 00px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mr-50 {
  margin-right: 50px !important; }

.ml-00 {
  margin-left: 00px !important; }

.ml-10 {
  margin-left: 10px !important; }

.ml-20 {
  margin-left: 20px !important; }

.ml-30 {
  margin-left: 30px !important; }

.ml-40 {
  margin-left: 40px !important; }

.ml-50 {
  margin-left: 50px !important; }

.ml-5 {
  margin-left: 5px !important; }

.pb-00 {
  padding-bottom: 00px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pt-00 {
  padding-top: 00px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pl-00 {
  padding-left: 00px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pl-30 {
  padding-left: 30px !important; }

.pl-40 {
  padding-left: 40px !important; }

.pl-50 {
  padding-left: 50px !important; }

.pl-5 {
  padding-left: 5px !important; }

.pr-00 {
  padding-right: 00px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pr-50 {
  padding-right: 50px !important; }

.pr-5 {
  padding-right: 5px !important; }