/**
 * @author sara
 * Copyright (c) 2020 sara Co., Ltd.
 * All rights reserved.
 */

/* リセット
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body , html {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	color: #323232;
}
body{
	margin:0;
	padding:0;
	font-family: "Noto Sans JP", sans-serif;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{margin:0;padding:0;}
ul{list-style: none}
.clearfix:after	{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

img{
	max-width: 100%;
	height: auto;
	display:block;
}
img[src$=".svg"] {
	width: 100%;
}

a:link { color: #323232;text-decoration: none; }
a:visited { color: #323232;text-decoration: none; }
a:hover { color: #323232; text-decoration: none;}
a:active { color: #323232; text-decoration: none;}

input[type="checkbox"]{display: none}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .45);
	overflow: hidden;
	overflow-y: auto; /* scrollにはしないことでスクロールの必要がないときはスクロールバーを表示させない */
	-webkit-overflow-scrolling: touch;
}

.pc {
    display: block!important;
}
.sp {
    display: none!important;
}

#container {
	padding-top: 143px;
}

.wrapper {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

@media (max-width: 1230px) {
    .wrapper {
        padding-right: 20px!important;
		padding-left: 20px!important;
		box-sizing: border-box;
    }
}

@media (max-width: 768px) {
    .pc {
        display: none!important;
    }
    .sp {
        display: block!important;
    }

	#container {
		padding-top: 45px;
	}

	.wrapper {
		max-width: initial;
		width: initial;
		margin: 0 auto;
	}
}


/* common
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#container {
	flex: 1;
}

/* add css [common_error_label] ---------- */
.error_label {
    font-size: 2rem;
    font-weight: 400;
    line-height: 28px;

    width: 80%;
    max-width: 700px;
    margin: 10px auto;

/*     background-color: #fce8e6;
 */    color: #a51d24;
/*     padding: 10px;
 *//*     border: 1px solid #a51d24; */

    display: flex;
    justify-content: center;
    text-align: center;

}
/* add css [common_error_label] ---------- */
.width_name_th {
    width: 200px;
}