@charset "utf-8";

#contents p	{
		padding: 0px 0px 0px 0px;
		margin: 30px 0px 30px 0px;
		}

#contents a img:hover 		{
				opacity: 0.6;
				}

#contents img		{
			max-width: 100%;
			display: block;
			margin: 0 auto;
			}




.flex		{
		max-width: 980px;
		margin: 20px auto;
		}


a		{
		color:#333;
		text-decoration:none;
		}

a:hover		{
		color:#ff0000;
		text-decoration:underline;
		}

.link dl		{
			padding: 0.3em;
			border: none;
			padding:0px 10px;
			list-style-type:none;
			}

.link dt		{
			margin: 0;
			padding: 0em;
			color:#0066aa;
			border: none;
			padding-left: 16px;
padding-left:16px;
background-image:url("../img/arrow_01.png");
background-repeat:no-repeat;
background-position:3px 6px;
			}

.link dt a		{
			margin: 0;
			padding: 0em;
			color:#0066aa;
			}

.link dd		{
			margin: 0;
			margin-bottom: 1em;
			padding: 0em;
			padding-top: 0.2em;
			border: none;
			border-top: 0.15em dotted #333;
			padding-left: 0px;
			}


.pdf p			{
			line-height: 40px;
			margin:20px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-size:14px;
			}

.pdf a			{
			margin:20px 0px 0px 0px;
			padding:0px 0px 0px 30px;
			background-image:url(../img/catalog/pdf_s.png);
			background-position:0px -3px;
			background-repeat:no-repeat;
			color:#000033;
			text-decoration:none;
			}

.pdf  a:hover		{
			color:#0066ff;
			text-decoration:underline;
			}

.catalog_size		{
			padding:0px 0px 0px 0px;
			margin:0px;
			color:#ff0000;
			font-size:14px;
			}


.con_ul		{
			padding:0px 0px 0px 0px;
			margin:0px;
			}


.con_ul	ul	{
			padding:0px 0px 0px 25px;
			margin:0px;
			}


.con_ul ul li		{
			position: relative;
			padding:0px 0px 15px 0px;
			margin:0px;
			}

.con_ul ul li::after	{
			display: block;
			content: '';
			position: absolute;
			top: 0.3em;
			left: -1.1em;
width: 10px;
height: 10px;
border-radius: 100%;
background:#003366;
			}




.link  {
	margin:0em 0 0em 0;
	padding:0em;
}


.link ul		{
			padding: 10px 0;
			list-style-type: none;
			border: none;
			}

.link ul li		{
			position:relative;
			padding: 12px 0px;
			line-height: 1.8px;
			}

.link ul li::after,
.link ul li::before	{
			content: '';
			position: absolute;
			}

.link ul li::after	{
			left: -1.8em;
			top: 2px;
			width: 20px;
			height: 20px;
			background-color: #003399;
			border-radius: 50%;
			}

.link ul li::before	{
			z-index: 2;
			left:  -1.46em;
			top: 8px;
			width: 5px;
			height: 5px;
			border-right: 2px solid #fff;
			border-bottom: 2px solid #fff;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			}



.attention_01        {
                     margin:0px 0px 0px 0px;
                     padding:0px 2px 0px 0px;
                     text-align:left;
                     font-weight:bold;
                     color:#ff0000;
                     }

.anchor 		{
			color: #0000ff;
			text-decoration: underline;
			}





/* -------------------------------------------- */
/* ▼タブレットサイズ以上用デザイン /*
/* -------------------------------------------- */

@media screen and (min-width:767px) {
  .flex{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
  }

.box30		{
		max-width: 30%;
		margin: 0 auto;
		padding: 0px 0px 0px 0px;
		}

.box45		{
		max-width: 45%;
		margin: 0 auto;
		padding: 0px 0px 0px 0px;
		}

.box50		{
		max-width: 50%;
		margin: 0 auto;
		padding: 0px 0px 0px 0px;
		}


.box55		{
		max-width: 55%;
		margin: 0 auto;
		padding: 0px 0px 0px 20px;
		}

.box60		{
		max-width: 60%;
		margin: 0 auto;
		padding: 0px 0px 0px 0px;
		}


#contents p	{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 30px 0px;
		}





}