@charset "utf-8";

body{
	font-size:16px;
	font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
	background: url("../images/common/back_img.png")
}


header {
	width: 100%;
	max-width: 1230px;
	margin:0 auto;

	box-sizing: border-box;
}

main{
	width: 100%;
	max-width: 1230px;
	margin: 0 auto;
	box-sizing: border-box;
	display: block;
}

footer{
	width: 100%;
	max-width: 1230px;
	margin: 0 auto 2em;
	padding: .5em 0;
	font-weight: bolder;
}

h1{
	width: 100%;
	max-width: 100%;
	margin:0 auto;
}

ul{
	text-decoration: none;
	list-style: none;
	list-style-type: none;
}

ul li {
	text-indent: -1em;
	margin-left: 1em;
}



a.btn_cam{
	color: #fff;
	background-color:#f7931e; 
	display: block;
	border-radius: .5em;

	text-align: center;
}

a.btn_cam:hover,
a.btn_cam:active,
a.btn_cam:focus{background-color:#F4661F;}

.mb_1em{margin-bottom: 1em;}
.mb_2em{margin-bottom: 2em;}
.mb_3em{margin-bottom: 3em;}
.mt_05em{margin-top:.5em;}
.mt_1em{margin-top:1em;}
.mt_2em{margin-top:2em;}
.mt_3em{margin-top:3em;}
.pt_1em{padding-top:1em;}
.pt_2em{padding-top:2em;}
.pb_1em{padding-bottom:1em;}
.pb_2em{padding-bottom:2em;}

@media screen and (min-width: 640px) {
.sp{display: none;}

img {
	width: 100%;
	max-width: 1230px;
	margin:0 auto;
	display: block;
	box-sizing: border-box;
	vertical-align:top;
}

ul{
	width: 90%;
	max-width: 940px;
	margin:0 auto;
}

p{
	width: 90%;
	max-width: 940px;
	margin: 0 auto;
	text-align: left;
}

a.btn_cam{
	width: 50%;
	max-width: 500px;
	margin:2em auto;
	padding: .4em 0 .3em;

	font-size: 2rem;
	font-weight: bold;
}

.qrline{
	display: flex;
}




}

@media screen and (max-width: 640px) {
body{font-size:14px;}
.pc{display: none;}

.sp{
	display: block;
	width: 100%;
	max-width: 100%;
	margin:0 auto;
	}

img {
	width: 100%;
	max-width: 100%;
	display: block;
	box-sizing: border-box;
	vertical-align:top;
}

ul{
	width: 95%;
	max-width: 95%;
	margin:0 auto 1em;
	line-height: 1.4;
}

p{
	width: 95%;
	max-width: 95%;
	margin: 0 auto;
	line-height: 1.4;
}

a.btn_cam{
	width: 70%;
	max-width: 70%;
	margin: 2em auto;
	padding: .4em 0 .3em;

	font-size: 1.2rem;
	letter-spacing: .1em;
}

}

