@charset "utf-8";
/* CSS Document */
/*---------------------------------------
#tips1
---------------------------------------*/
#tips1 header .secMenu ul li.tips1 a { background-color:#6599f3; }
/* .tips1_main
---------------------------------------*/
.tips1_main {	
 padding: 0 20px 10px;
 position: relative;
}
.tips1_main::before {
 content: "";
 width: 100vw;
 height: 100px;
 background:linear-gradient(to bottom, #6bcece 0%, #fff 100%);
 position: absolute;
 top: 0;
 left: 50%;
 margin-left: -50vw;
 z-index: -1;
}
h1.tips1_h1 {
 text-align: center;
 margin: 0;
 color: #fff;
 padding: 10px 10px 0;
 font-size: 14px;
}
.tips1_main .waku { overflow: hidden; }
.tips1_main .right {
 width: 310px;
 float: right;
 padding:20px 0 0 0;
}
.tips1_main .left {
 width: calc(100% - 350px);
 float: left;
}
.tips1_main .left span { font-weight: bold; }
.tips1_main h2 {
 margin: 0 0 20px;
 text-align: center;
 position: relative;
 z-index: 1;
}
.tips1_main h2::before{
 content: "";
 width: 100%;
 height: 30px;
 background-color: #fefa0c;
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: -1;
}


.tips1_main h3 {
 font-weight: bold;
 color: #7fbc42;
 line-height: 1.3;
 margin: 0 0 6px;
}
.tips1_main .logo {
 margin: 10px 0 0;
}
.tips1_main .logo > div:first-child {
 display:block;
 text-align: center;
 margin: 0 0 10px;
	line-height:1.2;
	font-weight:bold;
	color:#ffffff;
	font-size: 18px;
	padding:2px;
	background-color: #7fbc42;
	border-radius: 1000px;
}
.tips1_main .logo > div:first-child span.big { font-size: 26px; }
.tips1_main .logo span.yellow { color:#fefa0c; }
.tips1_main .logo > div:last-child { padding: 0 10px; }
@media screen and (max-width: 960px) {
 h1.tips1_h1 { margin: 0 -16px; }
 .tips1_main {
  margin: 0 -16px;
  padding: 2px 16px 8px;
  background: #6bcece;
  background: -moz-linear-gradient(top, #6bcece 0%, #ffffff 14%);
  background: -webkit-linear-gradient(top, #6bcece 0%, #ffffff 14%);
  background: linear-gradient(to bottom, #6bcece 0%, #ffffff 14%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bcece', endColorstr='#ffffff', GradientType=0);
 }
 .tips1_main .right {
  width: 52%;
  padding: 0 0 6px 6px;
 }
 .tips1_main .left {
  float: none;
  width: auto;
 }
 .tips1_main h2 { margin-bottom: 12px; }
 .tips1_main .logo > div:first-child { font-size: 14px; }
 .tips1_main .logo span.big { font-size: 20px; }
}
/* .tips1_sec01
---------------------------------------*/
.tips1_sec01 p .annotation{
	color:#FF4031;
	font-weight:bold;
}
.tips1_sec01 table {
	width:100%;
	border-collapse:collapse;
 line-height: 1.3;
}
.tips1_sec01 table caption {
	font-weight:bold;
	text-align:left;
	margin:20px 0 10px 1.2em;
	text-indent:-1.2em;
}
.tips1_sec01 table caption:before {
	content:"■";
	padding:0 0.2em 0 0;
}
.tips1_sec01 table th{
	border:1px solid #cfcfcf;
	padding:7px;
	font-weight:bold;
	text-align:center;
	background-color:#D9F7FF;
	color:#00619D;
}
.tips1_sec01 table td{
	border:1px solid #cfcfcf;
	padding:7px;
	text-align:center;
}
.tips1_sec01 table tr:nth-child(2n+1) {
	background: #F7F7F7;
}
.tips1_sec01 table td:nth-child(3) span{
	font-weight:bold;
	font-size:16px;
}
.tips1_sec01 .attention {
 font-size: smaller;
	text-indent:-1em;
	margin:1em 0 0 1em;
	clear:both;
}
.tips1_sec01 .attention li{
	margin:5px 0 0 0;
}
.tips1_sec01 .attention li span{
	color:#ff0000;
	font-weight:bold;
}
.tips1_sec01 .link1{
	display:table;
	margin:25px auto 0 auto;
}
.tips1_sec01 .link1 li{
	display:table-cell;
}
.tips1_sec01 .link1 li:first-child{
	padding:0 15px 0 0;
}
.tips1_sec01 .link2{
	background:url(/img/icon01.gif) no-repeat left 0.5em;
	padding:3px 0 0 17px;
}
@media screen and (max-width: 960px) {
 .tips1_sec01 table { font-size: 14px; }
}
/* .tips1_sec02
---------------------------------------*/
.tips1_sec02{
	padding:40px 0 0 0;
}
.tips1_sec02 .list {
	display:table;
	table-layout: fixed;
	width:100%;
}
.tips1_sec02 .list li{
	display:table-cell;
	position:relative;
	padding:0 0 190px 0;
}
.tips1_sec02 .list li:first-child{
	border-right:15px solid #ffffff;
	background-color:#E8FCFF;
}
.tips1_sec02 .list li:nth-child(2){
	background-color:#FFFEE8;
}
.tips1_sec02 .list li dl dt{
	text-align:center;
	padding:0 0 5px 0;
}
.tips1_sec02 .list li dl dd{
	margin:1px 0 0 20px;
	padding:4px 0 0 18px;
	line-height:1.3;
	min-height:14px;
}
.tips1_sec02 .list li:first-child dl dd {
	background: URL(/img/tips1_icon02.png) no-repeat;
	background-position:left 0.5em;
}
.tips1_sec02 .list li:nth-child(2) dl dd{
	background: URL(/img/tips1_icon03.png) no-repeat;
	background-position:left 0.5em;
}
.tips1_sec02 .list li dl + div {
 width: 100%;
 margin: 20px auto;
 text-align: center;
 position: absolute;
 left: 0;
 bottom: 0;
}
.tips1_sec02 .etc {
 margin: 30px 0;
 font-size: smaller;
}
@media screen and (max-width: 960px) {
 .tips1_sec02 .list { display: block; }
 .tips1_sec02 .list li {
  display: block;
  position: static;
  padding: 0 0 10px 0;
 }
 .tips1_sec02 .list li + li { margin-top: 20px; }
 .tips1_sec02 .list li dl + div {
  position: relative;
 }
 .tips1_sec02 .list li dl dt { padding: 0 10% 0 10%; }
 .tips1_sec02 .list li dl dt img {
  width: auto;
  max-width: 100%;
 }
 .tips1_sec02 .list li div {
  text-align: center;
  padding: 10px 15% 0 15%;
 }
}
/* .tips1_sec03
---------------------------------------*/
.tips1_sec03 .kotu > h3 {
 clear: both;
 display: flex;
 align-items: center;
 min-height: 46px;
	font-size:26px;
	font-weight:bold;
	color:#222222;
	padding:30px 0;
 padding-left: 95px;
 background:url(/img/tips1_img13.png) no-repeat left 50% / 88px auto;
 border-top:1px solid #DDDDDD;
 margin-bottom: 0;
}
.tips1_sec03 .kotu > h3#t2 { background-image:url(/img/tips1_img14.png); }
.tips1_sec03 .kotu > h3#t3 { background-image:url(/img/tips1_img15.png); }
.tips1_sec03 .kotu > h3#t4 { background-image:url(/img/tips1_img16.png); }
.tips1_sec03 .kotu > h3#t5 { background-image:url(/img/tips1_img17.png); }
.tips1_sec03 .kotu > h3#t6 { background-image:url(/img/tips1_img18.png); }
.tips1_sec03 .kotu > h3#t7 { background-image:url(/img/tips1_img19.png); }
.tips1_sec03 .kotu .season {
	width:100%;
	margin:10px 0 10px 0;
	display:table;
	table-layout: fixed;
	border-collapse:separate;
	border-spacing:10px;
}
.tips1_sec03 .kotu .season > li{
	display:table-cell;
}
.tips1_sec03 .kotu .season > li.blue{
	border:4px solid #0065D4;
	background-color:#F1F8FF;
	padding:10px;
	border-radius:5px;
}
.tips1_sec03 .kotu .season > li.blue dt{
	font-size:16px;
	font-weight:bold;
	color:#0065D3;
	float:left;
	width:4em;
	padding:1em 0 0 0;
}
.tips1_sec03 .kotu .season > li.red{
	border:4px solid #E53D00;
	background-color:#FFF9F1;
	padding:10px;
	border-radius:5px;
}
.tips1_sec03 .kotu .season > li.red dt{
	font-size:16px;
	font-weight:bold;
	color:#E54006;
	float:left;
	width:4em;
	padding:1em 0 0 0;
}
.tips1_sec03 .kotu .season dl dd{
	margin:0 0 0 4em;
	overflow: hidden;
}
.tips1_sec03 .kotu .season dl dd ul{
	margin-left:1.1em;
	list-style:disc;
	font-size:14px;
	color:#000000;
}
.tips1_sec03 .kotu .imgright{
	float:right;
 margin: 0 0 30px 20px;
}
.tips1_sec03 .kotu .linklist{
	margin:1em 0 0 -2px;
}
.tips1_sec03 .kotu .linklist li{
	padding:2px 0 2px 0;
	background:url(/img/icon01.gif) no-repeat left 0.5em;
	padding-left:17px;
}
@media screen and (max-width: 960px) {
 .tips1_sec03 .kotu > h3 {
  background-size: 60px auto;
  font-size: 18px;
  min-height: 33px;
  padding: 20px 0;
  padding-left: 70px;
 }
 .tips1_sec03 .kotu .season { display: block; }
 .tips1_sec03 .kotu .season > li { display: block; }
 .tips1_sec03 .kotu .season > li.red { margin: 10px 0 0 0; }
 .tips1_sec03 .kotu .season dl dd ul { font-size: 16px; }
 .tips1_sec03 .kotu .imgright {
  display: block;
  float: none;
  text-align: center;
  padding: 0 0 10px 0;
 }
}
/* .tips1_sec04
---------------------------------------*/
.tips1_sec04 .note {
	padding:10px 15px 10px 15px;
	background-color:#FFF8C1;
	border:1px solid #FFD988;
	margin:20px 0 15px 0;
	color:#333333;
}
.tips1_sec04 .note dt{
	padding:6px 0 7px 35px;
	color:#DA6300;
	font-weight:bold;
	color:#ff0000;
	background:url(img/tips1_bg02.png) no-repeat;
}
.tips1_sec04 .note dd span{
	font-weight:bold;
	color:#ff0000;
}
.tips1_sec04 .pic { text-align: center; }
.tips1_sec04 table {
 width: 100%;
 border-left: 1px solid #cfcfcf;
 border-top: 1px solid #cfcfcf;
 border-collapse:collapse;
 margin: 2rem 0;
 line-height: 1.3;
}
.tips1_sec04 table th {
 border-right: 1px solid #cfcfcf;
 border-bottom: 1px solid #cfcfcf;
 padding: 7px;
 font-weight: bold;
 text-align: center;
 background-color: #D9F7FF;
 white-space: nowrap;
}
.tips1_sec04 table td {
 border-right: 1px solid #cfcfcf;
 border-bottom: 1px solid #cfcfcf;
 padding: 7px;
}
@media screen and (max-width: 960px) {
 .tips1_sec04 table { font-size: 14px; }
}