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

.red { color: #ec2214 }
.green { color: #279500 }
p { hyphens : auto }
.center { text-align: center }
.subtext { color: #666 }

.f12 { font-size: 12px }
.f13 { font-size: 13px }
.f14 { font-size: 14px }
.f15 { font-size: 15px }
.f16 { font-size: 16px }
.f17 { font-size: 17px }
.f18 { font-size: 18px }
.f19 { font-size: 19px }
.f20 { font-size: 20px }
.f21 { font-size: 21px }
.f22 { font-size: 22px }
.f22 { font-size: 23px }
.f22 { font-size: 24px }
.f22 { font-size: 25px }
.f26 { font-size: 26px }
.f22 { font-size: 27px }

/* LINKS =============================================================================  */
a {
	color: inherit;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}
a:visited {
	color: inherit;
}
a:focus {
	color: inherit;
}
a:hover, a:active {
	color: inherit;
}

/* IMAGES ============================================================================= */
img {
	border : 0;
	max-width: 100%;
	height: auto;
	width: auto¥9; /* ie8 */
	vertical-align: bottom;
}
img.floatleft {
	float: left;
	margin: 0 10px 0 0;
}
img.floatright {
	float: right;
	margin: 0 0 0 10px;
}

/* TABLES ============================================================================= */


/* FORMS ============================================================================= */
button {
	width: auto;
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
	font-size: 0;
	line-height: 0;
	overflow: visible;
	cursor: pointer;
}

/*  MAIN LAYOUT	============================================================================= */
#skiptomain {
	display: none;
}
#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
}
#maincontentcontainer {
	padding-top: 70px;
	width: 100%;
}
.maincontentcontainer {
	width: 100%;
}
#maincontent {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	font-size: 100%; /* 13 / 16 */
	max-width: 1200px; /* max-width: 92.3em; 1200px / 13 */
	margin: 0 auto;
	padding: 1em 0px;
	color: #333;
	line-height: 1.5em;
	position: relative;
}
.maincontent {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	font-size: 100%; /* 13 / 16 */
	max-width: 1200px; /* 1200px / 13 */
	margin: 0 auto;
	padding: 1em 0px;
	color: #333;
	line-height: 1.5em;
	position: relative;
}
.subcontent {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 90%; /* 1200px / 13 */
	/*max-width: 76%; /* 1200px / 13 */
	margin: 0 auto;
	padding: 1em 0px;
	color: #333;
	line-height: 1.5em;
	position: relative;
}
.maincontent_nm {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 1200px; /* 1200px / 13 */
	margin: 0 auto;
	color: #333;
	line-height: 1.5em;
	position: relative;
}
.maincontent_mb {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	overflow: hidden;
	/*max-width: 1200px; /* 1200px / 13 */
	margin: 0 auto;
	margin-bottom: 20px;
	color: #333;
	line-height: 1.5em;
	position: relative;
}
.subc_face {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 75%; /* 1200px / 13 */
}
.subcontent290 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 290px; /* 1200px / 13 */
}
.subcontent460 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 460px; /* 1200px / 13 */
}
.subcontent500 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 500px; /* 1200px / 13 */
}
.subcontent560 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 560px; /* 1200px / 13 */
}
.subcontent60 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 60%; /* 1200px / 13 */
}
.subcontent65 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 65%; /* 1200px / 13 */
}
.subcontent70 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 70%; /* 1200px / 13 */
}
.subcontent75 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 75%; /* 1200px / 13 */
}
.subcontent75ns {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	margin: 0 auto;
	max-width: 75%; /* 1200px / 13 */
}
.subcontent80 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 80%; /* 1200px / 13 */
	margin: 0 auto;
	position: relative;
}
.subcontent85 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 85%; /* 1200px / 13 */
	margin: 0 auto;
	position: relative;
}
.subcontent90 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 90%; /* 1200px / 13 */
	margin: 0 auto;
	position: relative;
}
.subcontent92 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 92%; /* 1200px / 13 */
	margin: 0 auto;
	position: relative;
}
.subcontent95 {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 95%; /* 1200px / 13 */
	margin: 0 auto;
	position: relative;
}
.subcontent90nc {
	clear: both;
	width: 100%; /* 1000px / 1250px */
	max-width: 90%; /* 1200px / 13 */
	margin: 0 auto;
	position: relative;
}

.mb0 { margin-bottom: 0 }
.mb10 { margin-bottom: 10px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mb40 { margin-bottom: 40px }
.mb50 { margin-bottom: 50px }
.mt15 { margin-top: 15px }
.mt50 { margin-top: 50px }

.caption { position: relative }
.caption p {
	font-size: 75%;
	position: absolute;
	padding-top: 1%;
	padding-left: 1%;
	width: 25%;
	height: 30%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	left: 20px;
	top: 60%;
}
.topR_banner {
	margin-left: 20%;
}
.topR_banner h4 {
	line-height: 1.5em;
	margin-top: 20%;
	font-size: 24px;
}
.topR_banner img {
	margin-top: 5%;
}
.dTable {
	vertical-align: bottom;
	display: table;
	width: 100%;
}
.dTableCl {
	display: table-cell;
	width: 60%;
	text-align: left;
}
.dTableCr {
	display: table-cell;
	width: 40%;
	text-align: right;
}
.newsTable {
	vertical-align: top;
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.newsTableCl {
	display: table-cell;
	width: 10%;
}
.newsTableCr {
	vertical-align: top;
	display: table-cell;
	width: 90%;
	margin-left: 10px;
	text-align: left;
}
.snsTable {
	display: table;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.snsTableC {
	display: table-cell;
	width: 33%;
}
/* Background color  ============================================================================= */
.whitecontainer {
	background: rgba(255, 255, 255, 1);
}
.beigecontainer {
	background: rgba(240, 235, 230, 1);
}
.facecontainer {
	background: rgba(250, 245, 220, 1);
}
.graycontainer {
	background: rgba(245, 245, 245, 1);
}
.lightgraycontainer {
	background: rgba(240, 240, 240, 1);
}
.lightgreencontainer {
	background: rgba(201, 228, 191, 1);
}
.greencontainer {
	background: rgba(40, 150, 0, 1);
}
.lightbluecontainer {
	background: rgba(0, 210, 255, 1);
}
.darkcontainer {
	background: rgba(102, 102, 102, 0.05);
}
.lightcontainer {
	background: rgba(255, 255, 255, 0.33);
}
.pinkcontainer_wb {
	background: rgba(253, 232, 231, 1);
	border-top : 1px solid #EB2113;
	border-bottom : 1px solid #EB2113;
	border-left : 1px solid #EB2113;
	border-right : 1px solid #EB2113;
}
.lightcreamcontainer {
	background: rgba(255, 250, 235, 1);
}


/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.breaker {
	clear: both;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
/* =================================================================================

   Float Clearing
 
=================================================================================== */
.clearFix2 {
	display: inline-table;
}
.clearFix2:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}
/* Layout共通 ============================================================================= */

/*--- Img共通 ---*/
.w-100 {
	border : 0;
	max-width: 100%;
	height: auto;
	width: 100%;
	width: auto\9; /* ie8 */
	vertical-align: bottom;
}

/*------------- Img共通 ------------ */
a.imghancho {
	display: block;
}
a.imghancho:visited {
	text-decoration: none;
}
a.imghancho:hover, a.imghancho:active {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	background: #999;
	text-decoration: none;
	transition: all 0 ease;
}
a.imghancho img {
	vertical-align: middle;
}
.img1024 {
	display: none;
}
.img480 {
	display: block;
}
/*------------- 共通 ------------ */

/* クリア */
.clear {
	clear: both;
}


/* 他共通 （上部にあるが追記）============================================================================= */
.textcenter {
	text-align: center;
}

.textright {
	text-align: right;
}

.fontbold {
	font-weight: bold;
}

/* テキストカラー */
.colorrRed {
	color: #DD2418;
}

/* 見出し等 */
.labelArea {
	position: relative;
	display: block;
	width: 90%;/* 252px/320px=78.75% */
	padding: 0.5em 0 1em 0;
	margin: 0 auto;
}
.labelArea ul {
	display: none;
}
h2.label {
	font-size: 137.5%;
	width: 100%;/* 252px/320px=78.75% */
	padding: 0;
	margin: 0;
	display:inline;
}
.icon-commentary {
	position: absolute;
	top: 1em;
	right: 0;
	background: url(../images/mark/arrow-grey.png) no-repeat 0 50%;
	background-size: 16px;
	padding: 0 0 0 1.5em;
	display: inline-block;
	cursor: pointer;
}

/* 臨時 */
.iconDesc {
	font-size: 100%;
	position: absolute;
	top: 1em;
	right: 0;
	z-index: 2;
	line-height: 1.5em;
	padding: 0 0 0 2em;
	margin: 0;
	display: inline-block;
	background: url(../images/mark/arrow-grey.png) no-repeat 0 50%;
}
.allLink {
	position: absolute;
	top: 2rem;
	right: 0;
}

/* CSS Document */
.other {
	width: 90%;/* 252px/320px=78.75% */
	padding: 3em 0;
	margin: 0 auto;
	display: block;
}
.other_box {
	position: relative;
	width: 100%;
	display: block;
	float: left;
	padding: 1em 0;
	margin: 0 0 10px 0;
	text-align: left;
}
.other_box_end {
	position: relative;
	width: 100%;
	display: block;
	float: left;
	padding: 1em 0;
	margin: 0 0 10px 0;
	text-align: left;
}
.other_box h2, .other_box_end h2 {
	width: 32.0%;
	display: block;
	padding: 0;
	margin: 0;
}
.other_box h4, .other_box_end h4 {
	position: absolute;
	top: 40%;
	left: 40%;
	display: block;
	margin: 0;
	padding: 0;
}
.other_box h4 a, .other_box_end h4 a {
	background: url(../images/mark/arrow-grey.png) no-repeat 0 50%;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 1.5em;
	display: block;
}
/* Adobe PDF画像 */
.pdfreader {
	width: 100%;
	/*border-top: solid 1px #E6E6E6;*/
	clear: both;
	font-size: 12px;
	margin-bottom: 12px;
	text-align: center;
	padding-top: 20px;
}
.pdfreader a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	transition: all 0 ease;
}
.downpdf {
	float: none;
	margin-right: 10px;
}
.pt10 {
	padding-top: 10px;
}

/* hr */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

@media only screen and (max-width: 480px) {
	

.notcampaign {
	padding: 4% 0;
}

/*--- Img共通 ---*/
.img1024 {
	display: block;
}
.img480 {
	display: none;
}
/*--- Img共通 ---*/


/*--- 改行隠す ---*/
.hide-pc {
	display: block;
}
.hide-sp {
	display: none;
}


}

@media only screen and (min-width: 481px) {

.other {
	width: 92.7%;/* 712px/768px=92.7% */
	padding: 3em 0;
	margin: 0 auto;
}
.other_box {
	width: 33%;
	display: block;
	float: left;
	padding: 2em 0;
	text-align: center;
	border-right: #ccc solid 1px;
}
.other_box_end {
	width: 33%;
	display: block;
	float: left;
	padding: 2em 0;
	text-align: center;
}
.other_box h2, .other_box_end h2 {
	width: 100%;
}
.other_box h4, .other_box_end h4 {
	position: static;
	width: 100%;
	margin: 0;
	padding: 0;
}
.other_box h4 a, .other_box_end h4 a {
	background: url(../images/mark/arrow-grey.png) no-repeat 0 45%;
	padding: 0 0 0 20px;
	margin: 0;
	line-height: 3em;
	display: inline-block;
}

/* Adobe PDF画像 */
.downpdf {
	float: left;
	margin-bottom: 5px;
}
.pdfreader {
	clear: both;
	width: 95%;
	margin: 5% auto;
	font-size: 12px;
	text-align: left;
}
.hide-pc {
	display: none;
}
.hide-sp {
	display: block;
}

}

@media only screen and (min-width: 980px) {

.other {
	width: 90.32%;/* 896px/992px=90.3225% */
	max-width: 980px;
	padding: 3em 0;
	margin: 0 auto;
}

}



/*============================ 広告枠(PCは表示なし）160712 ============================*/
#advertising {
	display:none;
}

#advertising .advertisingInner {
	display:none;
}

@media only screen and (max-width: 768px) {
#advertising {
	display:block;
	position: fixed;
    bottom: 25%;
	right:5px;
    z-index: 101;
}

#advertising .advertisingInner {
	width:120px;
	display:block;
}
}

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