<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {  margin:0; padding:0;  border:0;  outline:0;  background:transparent;}
ol, ul {list-style: none;}


body, html {text-align: left; margin: 30px; font-family: 'meiryo', 'Hiragino Kaku Gothic ProN', YuGothic, 'Yu Gothic Medium', Meiryo, sans-serif;font-size: 62.5%;padding: 0;margin: 0;width:100%;}
body{font-size:1.6rem;line-height:1.6em;z-index: -1; color: #000000;}
body { position: relative;animation: fadeIn 1s ease-in 0s 1 normal; -webkit-animation: fadeIn 1s ease-in 0s 1 normal;}
body{background-color: #ffffff;}
img{width:100%; margin: 0 auto;vertical-align: bottom;}

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

@media only screen and (max-width : 767px){
  .pc { display:none; }
  .sp { display:block; }
}

a,
a:hover{text-decoration:none;}
a{color:#555;width: 100%; height:100%;}

/*キャンペーンイメージ*/
@media (min-width: 1200px) {
	.cp_image{width: 65%; margin: 0 auto; overflow: visible; padding-top: 20px; }
}
@media only screen and (max-width : 767px){
	.cp_image{width: 95%; margin: 0 auto; overflow: visible; padding-top: 20px; }
}


/*ご挨拶*/
@media (min-width: 1200px) {
	.greeting{max-width: 860px; width: 65%; margin: 0 auto; font-size: 1.8rem; font-weight: bold; line-height:3.6rem; padding-top: 20px; text-align: left; }
}
@media only screen and (max-width : 767px){
	.greeting{width: 90%; margin: 0 auto; font-size: 1.2rem; font-weight: bold; line-height:2.0rem; padding-top: 20px; text-align: left; }
}

/*お土産サンプル画像*/
@media (min-width: 1200px) {
	.sample{width: 65%; margin: 0 auto; overflow: visible; }
}
@media only screen and (max-width : 767px){
	.sample{width: 95%; margin: 0 auto; overflow: visible; }
}


/*キャンペーン詳細*/
@media (min-width: 1200px) {
	.notice{ max-width: 994px; width: 70%; border:3px #003c81 solid; margin: 0 auto 30px; text-align: left; padding-bottom: 20px;}
	.notice div{max-width: 860px;margin:30px auto 0; }
	.notice .main_notice{max-width: 300px; text-align: center; font-size: 24px; background: #003c81;color: #fff; margin:0 auto 30px;  padding: 10px }
	.notice .sub_notice{font-weight:bold; margin: 0 5px 0 40px; }
	.notice ul{max-width: 820px; list-style: disc; margin: 0 5px 20px 80px; font-size: 14px; }
}
@media only screen and (max-width : 767px){
	.notice{ width: 93%; border:3px #003c81 solid; margin: 0 auto 30px; text-align: left; padding-bottom: 20px;}
	.notice div{margin:30px auto 0; }
	.notice .main_notice{text-align: center; font-size: 16px; background: #003c81;color: #fff; margin:0 auto 30px;  padding: 10px }
	.notice .sub_notice{font-weight:bold; margin-left: 5px; }
	.notice ul{list-style: disc; margin: 0 5px 0 25px;  font-size: 12px; }
}

/*応募ボタン*/
.btn {background: #F6FAF2;padding:20px;margin: 50px auto;max-width: 910px;display: flex;flex-wrap: wrap;justify-content: space-around;align-content: space-between;align-items: center;  line-height: 80px;}
.btn a{ max-width: 326px;width:100%;margin: 10px}
.btn a:hover img{opacity: .6}
.btn a:hover{background:#FFF; border-radius: 10px;}
.btn .title{max-width: 354px;width:100%;background: none;min-height: auto;margin: 10px 0;padding:0}

a.btn{ background: #003C81; max-width: 420px; width: 90%; border-radius: 10px; font-size: 24px; font-weight: bold; text-align: center; min-height: 80px; padding: 10px 0; color: #fff; box-sizing: border-box;}
a.btn:hover{color: #ffffff; opacity: 0.7; cursor: pointer}
a.btn span{display: block;font-size:24px; }


@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@keyframes h_img {
	0% {
		opacity: 0;}

	30% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
}
@-webkit-keyframes h_img {
	0% {
		opacity: 0;}

	30% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
}

footer{width:100%; color: #fff;padding:30px 0; text-align: center;background: #003C81;height:auto;}
footer a,
footer a:hover{color: #fff;}
footer img{max-width:300px}
footer div{font-size: 12px;max-width: 500px;margin: 0 auto; width: 80%;}
footer div p{text-align: center}
.company{display: flex;flex-wrap: wrap;width: 80%;max-width: 400px;margin: 0 auto;}
.company li{width: 200px;}

</pre></body></html>