<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*----------------------------------------------------
  defult color
----------------------------------------------------*/
body {
  line-height: 1.5;
}

p {
  color: #000;
 font-size: 14px !important;
 line-height: 28px;
  font-weight: lighter;
}

strong{	font-weight: bold;}
/*----------------------------------------------------
  #content
----------------------------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE Mac */
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End Hack */


#container {
  /*background: #fff !important;*/
  min-width: 100%;
  width: 100%;
  background-size: contain;
  overflow: hidden;
  font-size: 12px;
}

.content {
  margin: 0px 15px;
  padding: 15px;
  background-color: #fff;
}

.bnr {
  padding: 1em 5%;
  text-align: center;
  background-color: #FFF;
}

.main h1{
	width: 100%;
	margin-bottom: 1em;
}

/*===culmn1[s]===*/
.culmn1{
	padding-top:20px;
	vertical-align: top;
}

.culmn1 .box{
	width:100%;
	margin-bottom: 1em;
	padding:1%;
	border: 4px solid #cacaca;
}

.culmn1 .box .ttl{
	clear: both;
	margin: 0;
	font-weight:bold;
}

.culmn1 .box .thumb{
	margin: 1em 0;
	}
.culmn1 .box .thumb img{
	width: 49%;
	margin-right: 1%;
	
}
/*===culmn1[e]===*/

/*---culmn2[s]---*/
img.imgFull{width:100%;}
.imgFull img{width:100%;}

.culmn2{
	padding-left:1%;
	color: #fff;
}
.culmn2 .box{
	float:left;
	width: 48%;
	margin:0 1% 1em ;
	background-color: #000;
}

.culmn2 .box h4{
	font-size:1em;
	text-align:center;
	padding-top:0.75em;
	padding-bottom:0.5em;
}
/*---culmn2[e]---*/

/*---content[s]---*/
.cont_header{	margin-bottom: 2em;}
.cont_header .ttl_present{	margin-bottom: 2em;}
.cont_header .ttl_present img{width: 100%;}

.cont_box-ttl{
	margin-bottom: 1em;
	padding: 0.5em;
	text-align: center;
	line-height: 1.4em;
	color: #00a0e9;
	border: 1px solid #00a0e9;
	font-weight: bold;
	}
	h2.cont_box-ttl{
		font-size: 1.5em;
		color: #f0027f;
	border: 1px solid #f0027f;
	}

.cont_detail{
	margin-top: 2em;
	width: 100%;
}
.cont_detail .cont_detail-thumb{
	margin: 0 auto 1em;
	text-align: center;
	}
	.cont_detail .cont_detail-thumb img{
		width: 80%;
		margin: 0 auto;
	}
.cont_detail .cont_detail-ttl{
	font-weight: bold;
}
.cont_detail .cont_detail-ttl h3{
	font-size: 1.2em;
	font-weight: bold;
	color: #00a0e9;
	}
.cont_detail .cont_detail-ttl p{	
	margin: 0.5em 0;
	/*font-size: 1.5em;*/
	}
	
.cont_detail .cont_detail-check{
	width: 100%;
	margin-top: 2em;
	clear: both;
	border: 1px solid #c00;
	}
	
.cont_detail .detail_check-ttl{
	width: 9%;
	padding: 1em 0 1em 1em;
	background: url(../img/bg_ttl_check.gif) left top repeat;
	color: #cc0000;
	font-weight: bold;
	border-bottom: 1px solid #c00;
	}
.cont_detail .detail_check-cont{
	padding: 1em;
	}
	.cont_detail .detail_check-cont h3{
	line-height: 1.5em;
	}

.cont_caution{
	margin: 2em 0;
	padding: 1em;
	background-color: #e6e6e6;
	line-height: 1.5em;
	}	
.cont_caution .list-caution li:before{
	content: "窶ｻ";
	}
	
	.cont-howto{
	padding:1%;
	background-color: #f39800;
	text-align: center;
	color: #fff;
	}
	.cont-howto p{
	color: #fff;
	}


/*---content[e]---*/

.btn{
    text-align: center;
    margin: 1em 0 0;
}
	.btn a{
		-webkit-transition: .3s ease-out 0s;
		transition: .3s ease-out 0s;
		/*text-indent: -9999px;*/
		text-decoration: none;
			}
	.btn a:hover{
		/*opacity: 0.8;*/
	  -webkit-transition: opacity .3s ease-out 0s;
		transition: .3s ease-out 0s;
			}
	/*.btn a{
		-webkit-transition: opacity .3s ease-out 0s;
		transition: opacity .3s ease-out 0s;
		text-indent: -9999px;
			}
	.btn a:hover{
		opacity: 0.8;
	  -webkit-transition: opacity .3s ease-out 0s;
		transition: opacity .3s ease-out 0s;
			}*/
			
	.btn_submit{
	display: block;
	width: 80%;
	padding: 0.5em 1em;
	margin: 0.5em auto 0;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	transition: .3s ease-out 0s;
	}
	
.btn_submit-tw{
	border: 1px solid #34A6DD;
	background-color: #34A6DD;
	/*width: 100%;*/
	color: #fff;
	}
	.btn_submit-tw:hover{
	background-color: #fff;
	color: #34A6DD;
	transition: .3s ease-out 0s;
	}
	
	.btn_submit-null{
	border: 1px solid #808080;
	background-color: #808080;
	color: #fff;
	}
	
	.btn-howto {
	display:block;
	margin: 0 auto;
    width: 50%;
		border: 1px solid #fff;
	background: #f39800;
	color: #fff;
	font-weight: bold;
   }
   	a.btn-howto {	color: #fff;   }
   .btn-howto:hover {
	background: #fff;
	color: #f39800;
   }

/* p {
	font-size: 14px;
	margin: 20px auto 0;
	line-height: 30px;
}*/

.foot_info {
  width: 100%;
  padding: 20px;
  background: #fff;
}
.foot_info .info_midashi {
  width: 100%;
  margin: 0;
  color: #f0027f;
}
.foot_info p {
  margin: 10px auto 0;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

/*---decoration---*/
h3{ font-weight: bold;}

.f-left {	float: left;}
.f-right {	float: right;}
.fz-l{	font-size: 2em;}
.fz-ml{	font-size: 1.5em;}
.fz-ms{	font-size: 1.3em;}
.fz-s{	font-size: 0.8em;}
.fc-red{	color: #c00;}
.fc-blue{	color: #00a0e9;}
.ta-center{	text-align: center;}

.a_blue{
	color: #00a0e9 !important;
	text-decoration: underline;
	}
	.a_blue:hover{
	color: #025ccb !important;
	}
	
a img{	width: 100%;}

.icon_badge{
	padding: 0.5em;
	background-color: #c00;
	color: #fff;
	border-radius: 0.5em;
	vertical-align: middle;
}</pre></body></html>