@charset "UTF-8";



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

 Normalize.css

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

progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} figcaption, menu,article,aside,details,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0} [hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}





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

 基本スタイル

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

html, body{

    height: 100%;

}

body{

    font-family: '游ゴシック', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;

    

    -webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



h1, h2, h3, h4, h5, h6{

    margin: 0px;

    padding: 0px;

}

section{

    font-size: 1.1em;

    line-height: 2.0em;

}



::-moz-selection{

    background: #81D4FA;

    color: #FFFFFF;

}

::selection{

    background: #81D4FA;

    color: #FFFFFF;

}





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

 キービジュアル部分

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

.top_kv{

	width: 100%;

	height: 100%;

	min-height: 300px;

	position: relative;

    

	overflow: hidden;

}

.top_kv div{

    width: 100%;

    height: 100%;

    position: absolute;

}

.top_kv .logo{

    background: url(../img/filter.gif) repeat;

    z-index: 0;

}

.top_kv .logo h1{

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 2.5em;

    font-weight: normal;

    color: #FFFFFF;

    

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

}

.top_kv .kv{

	background-position: center;

	background-size: cover;

	opacity: 0.0;

	

	-webkit-transition: opacity 2.0s linear;

	transition: opacity 2.0s linear;

}

.top_kv .on{

	opacity: 1.0;

	

	-webkit-transition: opacity 2.0s linear;

	transition: opacity 2.0s linear;

}

.top_kv .kv1{

	z-index: -1;

    background-image: url(../img/top_kv1.jpg);

}

.top_kv .kv2{

	z-index: -2;

    background-image: url(../img/top_kv2.jpg);

}

.top_kv .kv3{

	z-index: -3;

    background-image: url(../img/top_kv3.jpg);

}

.top_kv .kv4{

	z-index: -4;

    background-image: url(../img/top_kv4.jpg);

}

.top_kv .kv5{

	z-index: -5;

}

.top_kv .button{

    width: 76px;

    height: 76px;

    margin: auto;

    position: absolute;

    bottom:  20px;

    left: calc(50% - 38px);

    border-radius: 38px;

    background-color: #03A9F4;

    z-index: 100px;

    

    animation: vertical 1s ease-in-out infinite alternate;

}



@keyframes vertical {

        0% { transform:translateY(-10px); }

      100% { transform:translateY(  0px); }

}





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

 メイン(コンテンツ)部分

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

main{

    width: 100%;

}

main section{

    width: 100%;

    padding: 100px 0px;

}

main section:nth-child(odd){

    background-color: #EEEEEE;

}

main section:nth-child(even){

    background-color: #FAFAFA;

}

main section .inner{

    width: 100%;

    max-width: 992px;

    margin: 0px auto;

}

main section .inner h2, 

main section .inner h3{

    text-align: center;

}

main section .inner h2{

    font-size: 1.4em;

}

main section .inner h3{

    margin-top: -5px;

    margin-bottom: 75px;

    font-size: 1.0em;

    color: #616161;

}



main section .inner .image01{

    width: 100%;

    margin-top: 50px;

}

main section .inner .image02{

    width: 100%;

    margin-top: 1px;

}

main section .inner .image01:after,

main section .inner .image02:after{

    content: "";

    clear: both;

    display: block;

}

main section .inner img{

    width: calc((100% - 2px) / 3);

    margin-right: 1px;

    display: block;

    float: left;

}

main section .inner img:nth-child(3){

    margin-right: 0px;

}



main section .inner .movie-wrap{

    height: 0;

    padding-bottom: 56.25%;

    position: relative;

    overflow: hidden;

}

main section .inner .movie-wrap iframe{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}





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

 フッター部分

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

footer{

    width: 100%;

    height: 250px;

    background-color: #757575;

    text-align: center;

    line-height: 250px;

    color: #FFFFFF;

}