@charset "utf-8";

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

img {
	max-width:100%;
}

 
a {
	text-decoration: none;
}

.inb{
	display: inline-block;
}

#contentArea * {
	/* -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box; */
	box-sizing: border-box;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.notice{
	padding-left: 1em;
	text-indent: -1em;
}

header{
	position: relative;
}

#contentArea .under_line{
	text-decoration: underline;
}
#contentArea .bold{
	font-weight:900;
}
#contentArea .small{
	font-size: 0.8em;
}

#logo{
	margin:30px auto 10px auto;
}

#top-head .inner{
	max-width:700px;
	margin:0 auto;
	text-align: center;
}

.toiawase{
	max-width:500px;
	margin:0 auto 0;
	padding:10px;
	width:95%;
	font-size: 12px;

}
.toiawase h3{
	max-width:500px;
	margin:0 auto 30px auto;
}

.toiawase .copy{
	text-align: center;
	margin:10px auto;
}

.toiawase div{
	background-color: #d6d6d6;
	border:1px solid #818181;
	text-align: center;
	max-width:120px;
	margin:20px auto;
	padding:5px;
}

.cpn_btn{
	background-color: #db1e5b;
	color:#fff;
	font-weight:900;
	text-align: center;
	padding:15px;
	border-radius:10px;
	max-width:450px;
	width: 86%;
	margin:50px auto 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.cpn_btn img{
	max-width:45px;
}
.cpn_btn p:last-child{
	max-width:calc(100% - 50px);
	width:100%;
	text-align: center;
}




/* clearfix
---------------------------------*/
.clearfix:after {/*for modern browser*/
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
	
.clearfix {
	zoom: 1; /*for IE 5.5-7*/
	display: inline-block;
}
	
/* exlude MacIE 5 \*/
* html .clearfix {
	height: 1%;
}
	
.clearfix {
	display: block;
}

/* 2022/05/24 追記
---------------------------------*/
.image {
	margin: 0;
}