@charset "utf-8";
/* CSS Document */

/*====================================================================

lv2.css

======================================================================

01.level2

=====================================================================*/


/*--------------------------------------------------------------------/
	level2
/--------------------------------------------------------------------*/

/* page_navi
----------------------------------------------------------------*/
ul#page_navi {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.5rem;
	font-size: 12px;
}
ul#page_navi li {
	display:  inline;
	color: #a1a1a1;
}
ul#page_navi li a:link,
ul#page_navi li a:visited {
	color: #000;
}
ul#page_navi li:not(:last-child):after {
	content: ">";
	padding-left: 5px;
	padding-right: 5px;
}

/* h3 h4
----------------------------------------------------------------*/
h3.normal {
	margin-bottom: 2.5rem;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 2px;
	color: #000000;
	font-family:"Noto Sans Japanese", sans-serif;
	font-size: 1.95rem;
	font-weight: 500;
}
h3.normal span {
	display: block;
	color: #3366cc;
	font-size: 1.3rem;
	font-weight: 400;
}

/* h3 h4
----------------------------------------------------------------*/
h4.normal {
	margin-bottom: 1rem;
	padding: 2px 10px 2px 15px;
	border-left: 5px solid #1e195d;
	letter-spacing: 2px;
	text-decoration: none;
	line-height: 1.4;
	font-size: 1.1rem;
	font-weight: 700;
}

h5.normal {
	margin-bottom: 1rem;
	padding: 5px 15px 3px;
	border-radius: 2px;
	border: 1px solid #ddd;
	color: #25980f;
	line-height: 1.4;
	font-size: 1rem;
}


/*--------------------------------------------------------------------/
	article, section
/--------------------------------------------------------------------*/
#contents section p {
	padding-bottom: 1.1rem;
	line-height: 1.6;
	letter-spacing: 2px;
	font-weight: 400;
}

/*--------------------------------------------------------------------/
	w1000
/--------------------------------------------------------------------*/
.w1000 {
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

/*--------------------------------------------------------------------/
	figure
/--------------------------------------------------------------------*/
.center img {
	margin-left: auto;
	margin-right: auto;
}

figure.img_right img,
figure.img_left img{
	margin-left: auto;
	margin-right: auto;
}
.border-r img{
	border-radius: 3px;
}
figure.border img,
img.border {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
	box-sizing: border-box;
}

figure figcaption {
	padding-top: 10px;
	text-align: center;
	line-height: 1.5;
	font-size: .85rem;
}

.img_w_auto img {
	width: auto !important;
}

/*--------------------------------------------------------------------/
	ul
/--------------------------------------------------------------------*/
ul.normal {
	padding-left: 20px;
}
ul.normal li {
	position: relative;
	margin-bottom: .2rem;
	line-height: 1.6;
	letter-spacing: 1px;
}
ul.normal li:last-child {
	margin-bottom: 0;
}
ul.normal li:before {
	position:absolute;
	top: 1px;
	left: -20px;
	content: "◆";
	font-size: .8rem;
	color:#a73653;
}


/*--------------------------------------------------------------------/
	ol
/--------------------------------------------------------------------*/
ol.normal  li {
	list-style: decimal outside;
	margin-left: 15px;
	margin-bottom: 10px;
	line-height: 1.6;
	letter-spacing: 1px;
}


/*--------------------------------------------------------------------/
	dl
/--------------------------------------------------------------------*/
dl.normal {
	margin-bottom: 25px;
}

dl.normal dt {
	margin-bottom: 7px;
	padding: 8px 10px;
	background: url(../img/bg_03.gif);
	color: #000;
	line-height:1.3;
	font-weight: bold;
	letter-spacing: 1px;
}
dl.normal dd {
	margin-bottom: 25px;
	line-height:1.6;
	letter-spacing: 1px;
}


/*--------------------------------------------------------------------/
	table
/--------------------------------------------------------------------*/
table.table1 {
	margin: 0 auto 2rem;
	border-top: 1px solid #ccc;
	width: 100%;
}
table.table1 th,
table.table1 td{
	padding: 13px 15px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	line-height: 1.5;
	text-align: left;
}
table.table1 th {
	font-weight: normal;
	background: #eee;
}

table.table1 td {
	width: auto;
}

/*--------------------------------------------------------------------/
	pic2
/--------------------------------------------------------------------*/
div.pic2 {
	margin: 0px auto 20px;
	width: 100%;
}
div.pic2 figure {
	margin-bottom: 10px;
}
div.pic2 figure img {
	margin: 0px auto;
	padding: 4px;
	border: 1px solid #ddd;
	width: 92%;
	background: #fff;
}


/*--------------------------------------------------------------------/
	pic3
/--------------------------------------------------------------------*/
div.pic3 {
	margin: 0px auto 20px;
	width: 99%;
}
div.pic3 figure {
	margin-bottom: 10px;
}
div.pic3 figure img {
	margin: 0px auto;
	padding: 5px;
	border: 1px solid #ddd;
	width: 96%;
	background: #fff;
	box-sizing: border-box;
}

/*--------------------------------------------------------------------/
	sub_box
/--------------------------------------------------------------------*/
.sub_box {
	margin-bottom: 1rem;
	padding: 1.2rem 1.5rem;
	background: url(../img/bg_03.gif);
	box-sizing: border-box;
}


/*====================================================================/
	 smp & tablet Layout
/====================================================================*/

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

/*--------------------------------------------------------------------/
	01.level2
/--------------------------------------------------------------------*/

/* page_navi
----------------------------------------------------------------*/
ul#page_navi {
	width: 98%;
}

/* h3 h4
----------------------------------------------------------------*/
h4.normal {
	font-size: 1.2rem;
}


/*--------------------------------------------------------------------/
	w1000
/--------------------------------------------------------------------*/
.w1000 {
	width: 96%;
}

/*--------------------------------------------------------------------/
	table1
/--------------------------------------------------------------------*/
table.table1 th,
table.table1 td {
	display: block;
	width: auto;
}

/*--------------------------------------------------------------------/
	figure
/--------------------------------------------------------------------*/
figure.center img {
	width: 96%;
}

figure.img_right img,
figure.img_left img{
	width: 96%;
}

/*--------------------------------------------------------------------/
	sub_box
/--------------------------------------------------------------------*/
.sub_box {
	padding: 1rem;
}

/*--------------------------------------------------------------------/
	scroll_s
/--------------------------------------------------------------------*/
.scroll_s {
	margin-top : -50px !important;
	padding-top : 50px !important;
}

}

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

/* h3 h4
----------------------------------------------------------------*/
h3.normal {
	line-height: 1.4;
}

figure.img_right img,
figure.img_left img{
	max-width: 300px;
}

}

/*====================================================================/
	 tablet Layout
/====================================================================*/

@media print, screen and (min-width: 580px){


/*--------------------------------------------------------------------/
	figure
/--------------------------------------------------------------------*/
figure.img_left {
	float: left;
	margin-right: 1rem;
	width: 40%;
}
figure.img_right {
	float: right;
	margin-left: 1rem;
	width: 40%;
}
figure.img_right img,
figure.img_left img{
	width: auto;
}

/*--------------------------------------------------------------------/
	table1
/--------------------------------------------------------------------*/
table.table1 th {
	width: 20%;
}

/*--------------------------------------------------------------------/
	pic2
/--------------------------------------------------------------------*/
div.pic2 figure {
	float: left;
	width: 50%;
}

/*--------------------------------------------------------------------/
	pic3
/--------------------------------------------------------------------*/
div.pic3 figure {
	float: left;
	width: 33%;
}

}


/*====================================================================/
	 PC Layout
/====================================================================*/

@media print, screen and (min-width: 1030px) {


/*--------------------------------------------------------------------/
	01.level2
/--------------------------------------------------------------------*/


/* page_navi
----------------------------------------------------------------*/
ul#page_navi {
	width: 1000px;
}

/*--------------------------------------------------------------------/
	05.main
/--------------------------------------------------------------------*/
div#main {
}

/*--------------------------------------------------------------------/
	w1000
/--------------------------------------------------------------------*/
.w1000 {
	width: 1000px;
}

/*--------------------------------------------------------------------/
	table1
/--------------------------------------------------------------------*/
table.table1 th {
	width: 180px;
}

/*--------------------------------------------------------------------/
	figure
/--------------------------------------------------------------------*/
figure.img_left {
	margin-right: 1.8rem;
	width: auto;
	max-width: 300px;
}
figure.img_right {
	margin-left: 1.8rem;
	width: auto;
	max-width: 300px;
}


/*--------------------------------------------------------------------/
	scroll_s
/--------------------------------------------------------------------*/
.scroll_s {
	margin-top : -95px !important;
	padding-top : 95px !important;
}

}