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

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: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
}

*,*:before,*:after {
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
}

::selection {
    color: #fff;
    background-color: #64c3ff;
}

html {
  -webkit-overflow-scrolling: touch;
}

.scroll-on{
  height: 100%;
}

html{
	font-size:14px;
}

body.lock {
    overflow: hidden;
}



body {
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    margin: 0;
    padding: 0;
    font-weight: 400;
    line-height: 1.6;
	letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt" 1;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	color:#363636;
}

@media only screen and (max-width: 768px) {
}

br{
	line-height:0;
}


h1,h2,h3{

}

h1{
	font-size:42px;
}

h2{
	font-size:36px;
	margin-bottom:35px;
	font-weight: 500;
}

h3{
	font-size:20px;
	margin-bottom:40px;
	font-weight: 400;
}

h4{
	font-size:14px;
	letter-spacing: 3px;
}

p{
	text-align: justify;
}

a{
	color:white;
	text-decoration:none;
}

img{
	border: 0;
	line-height: 0;
	vertical-align: bottom;
	max-width:100%;
	height: auto;
}

img[src$=".svg"] {
    width: 100%;
}

span.alt {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
    display: block;
}

.fl-start{
	display:flex;
	align-items:flex-start;
}

.fl-center{
	display:flex;
	align-items: center;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    src: url('fonts/fa-brands-400.eot');
    src: url('fonts/fa-brands-400.eot?#iefix') format('embedded-opentype'),
         url('fonts/fa-brands-400.woff2') format('woff2'),
         url('fonts/fa-brands-400.woff') format('woff'),
         url('fonts/fa-brands-400.ttf') format('truetype'),
         url('fonts/fa-brands-400.svg#fa-brands-400regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Font Awesome 5 Light';
    src: url('fonts/fa-light-300.eot');
    src: url('fonts/fa-light-300.eot?#iefix') format('embedded-opentype'),
         url('fonts/fa-light-300.woff2') format('woff2'),
         url('fonts/fa-light-300.woff') format('woff'),
         url('fonts/fa-light-300.ttf') format('truetype'),
         url('fonts/fa-light-300.svg#fa-light-300regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Font Awesome 5 Regular';
    src: url('fonts/fa-regular-400.eot');
    src: url('fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'),
         url('fonts/fa-regular-400.woff2') format('woff2'),
         url('fonts/fa-regular-400.woff') format('woff'),
         url('fonts/fa-regular-400.ttf') format('truetype'),
         url('fonts/fa-regular-400.svg#fa-regular-400regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Font Awesome 5 Solid';
    src: url('fonts/fa-solid-900.eot');
    src: url('fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
         url('fonts/fa-solid-900.woff2') format('woff2'),
         url('fonts/fa-solid-900.woff') format('woff'),
         url('fonts/fa-solid-900.ttf') format('truetype'),
         url('fonts/fa-solid-900.svg#fa-solid-900regular') format('svg');
    font-weight: normal;
    font-style: normal;
}