@charset "utf-8";



html     ,
body     ,
article  ,
section  ,
div      ,
h1       ,
h2       ,
h3       ,
h4       ,
h5       ,
dl       ,
dt       ,
dd       ,
ul       ,
ol       ,
li       ,
p        ,
input    ,
select   ,
textarea ,
footer > small {
	margin:0;
	padding:0;
	font-family: 'Zen Kaku Gothic New', sans-serif, "ヒラギノ角ゴ Pro W3", "メイリオ", serif;
    font-size:18px;
    font-weight:500;
    color:#231815;
	font-feature-settings: "palt"1;
	line-height: 1.8;
	letter-spacing:0;
	-webkit-text-size-adjust: 100%;
	border:none;
}


html {overflow-y:scroll; margin-bottom:1px; height:100%;}
body {background:url("../img/bg.jpg") repeat;}

img {
	margin: 0;
	padding:0;
	vertical-align:bottom;
	line-height:0;
	border:none;
    -webkit-backface-visibility: hidden;}

ul ,
ol {list-style:none;}
li {list-style-position:outside;}

table {border-collapse:collapse;}
th,td {padding:0; text-align:left; vertical-align:top;}

a {color:#1e1e1e; text-decoration:none; transition: .2s;}
a:hover {opacity:.6;}

p {text-align:justify; text-justify:inter-ideograph;}

* {-webkit-appearance: none;}

::selection {background:#7d7d7d;}
::-moz-selection {background:#7d7d7d;}



@media only screen and (min-width:641px){

    .sp ,
    .SPnav { display:none !important;}
}

@media only screen and (max-width:640px){
    
    .pc ,
    .PCnav { display:none !important;}

}



/* header */

header {
    width:100%;
    margin:0 auto 50px;
    padding:0;
    display:flex; flex-flow:row wrap; justify-content:center; align-content:center; align-items:center;
    background:url("../img/main-bg.png") top center repeat-x;
}
header h1 img {
    max-width:100%;
}



/* footer */

footer {
    width:100%;
    margin: 0 auto;
    padding:50px 0;
}

footer small {
    width:100%;
    display:block;
    font-size:0.9rem;
    text-align:center;
}

#wait {
	display: none;
	position: fixed;
	z-index: 999999;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.6);
	padding-top: 0px;
	text-align: center;
}
 
#loading_icon {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
}

.swal-button {
  padding: 6px 10px;
  border-radius: 2px;
  background-color: #999999;
  font-size: 14px;
  border: 1px solid #3e549a;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

.swal2-icon-content,.swal2-html-container {
  letter-spacing:0;
  font-family: initial;
}

.swal2-icon-content {
  color:#9de0f6 !important;
  letter-spacing:0;
  font-family: initial;
}