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

/*-------------------------------
	共通
--------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	max-height: 9999999px; 
}
body {
	font-size:20px;
	font-family: "Zen Maru Gothic", "Noto Sans JP", "Yu Gothic", YuGothic, "メイリオ", Miryo;
	font-weight:500;
	text-align: center;
	color:#634A4D;
}
p,dt,dl {
	line-height:1.8;
}
img {
	border: none;
	height:auto;
	image-rendering: -webkit-optimize-contrast;
}
a {
	color:#F18E00;
	transition: background-color 0.4s;
}
a img {
	opacity:1;
	transition:opacity 0.4s;
	backface-visibility: hidden;
}
a:hover img  {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
.ov {
	transition:opacity 0.4s;
}
.ov:hover {
	filter:alpha(opacity=60);
	opacity: 0.6;
}
.wrap {
	overflow:hidden;/*iPadの右側にできるスペース対策*/
}
.right {
	text-align:right;
}
.left { 
	text-align:left;
}
.center {
	text-align:center;
}
br.spbr {
	display:none;
}
br.pcbr {
}
.box {
	width:800px;
	margin:50px auto;
}
a.tel {
	display:inline-block;
	pointer-events:none;
}
@media only screen and (max-width:600px){
body {
	font-size: 18px;
	text-align:center;
	min-width:320px;
	-webkit-text-size-adjust: 100%;
}
a {
	transition: none;
}
a:hover img  {
	opacity:1;
}
.box {
	width:auto;
	margin:20px 20px;
}
a.tel {
	pointer-events:auto;
}
br.spbr {
	display:block;
}
br.pcbr {
	display:none;
}
}


.header img {
	width:100px;
}

h1 {
	font-size:33px;
	font-weight:500;
	margin:30px auto;
}
h1 span {
	font-size:24px;
}

.txt1 {
	margin:0 0 70px;
}

h2 {
	font-size:26px;
	font-weight:700;
	margin:0 0 10px;
}

.campaign {
	margin:0 0 70px;
	box-shadow:0 0 10px #CCC;
}
.campaign h2 {
	color:#FFF;
	font-size:30px;
	font-weight:700;
	padding:10px 0;
	margin:0 0 20px;
	display:block;
	background-image: linear-gradient(to right, #E96C78, #F18E00);
	background-color:#E96C78;
}
.campaign h3 {
	color:#E96C78;
	font-size:26px;
	font-weight:700;
	margin:15px 0;
}
.campaign ul {
	font-weight:500;
	text-align:left;
	display:inline-block;
	margin:0 auto 25px;
}
.campaign ul li {
	margin:0 0 10px;
}

.info {
	text-align:left;
	display: block;
	margin:0 auto 80px;
	padding-top:15px;
	border-top:solid 1px #F18E00;
}
.info strong {
	color:#FFF;
	font-weight:500;
	width:120px;
	display:inline-block;
	padding:0px 20px;
	margin:0 15px 1px 0;
	background-color:#F18E00;
	text-align:center;
}
.info a {
	color:#00BB00;
}

.copyright {
	font-size:15px;
	margin:15px auto;
}
@media only screen and (max-width:600px){
.header img {
	width:70px;
}

h1 {
	font-size:26px;
	font-weight:500;
	margin:15px auto;
}
h1 span {
	font-size:17px;
	display:block;
}

.txt1 {
	margin:0 0 60px;
}

h2 {
	font-size:20px;
	font-weight:700;
	margin:0 0 10px;
}

.campaign {
	margin:0 0 60px;
	box-shadow:0 0 10px #CCC;
}
.campaign h2 {
	color:#FFF;
	font-size:22px;
	font-weight:700;
	padding:10px;
	margin:0 0 20px;
	display:block;
	background-image: linear-gradient(to right, #E96C78, #F18E00);
	background-color:#E96C78;
}
.campaign h3 {
	color:#E96C78;
	font-size:18px;
	font-weight:700;
	margin:15px 20px;
}
.campaign ul {
	font-weight:500;
	text-align:left;
	display:inline-block;
	margin:0 20px 25px 40px;
}
.campaign ul li {
	margin:0 0 10px;
}

.info {
	text-align:center;
	display: block;
	margin:0 auto 80px;
	padding-top:0;
	border-top:solid 1px #F18E00;
}
.info strong {
	color:#FFF;
	font-weight:500;
	width:auto;
	display:block;
	padding:0px 20px;
	margin:12px 0 2px;
	background-color:#F18E00;
	text-align:center;
}
.info a {
	color:#00BB00;
}

.copyright {
	font-size:12px;
	margin:15px auto 30px;
}
}