@charset "UTF-8";


/* nav */
#page #global_menu li#g_nav03 a {
  color: #9a5d00;
}
#page #global_menu li#g_nav03 a:visited,
#page #global_menu li#g_nav03 a:link {
	color:#9a5d00;
}
#page #global_menu li#g_nav03 a:hover {
	color:#9a5d00;
}

/* side_navi */
#sidemenu_brand ul li#ban02 a {
	border-left: 6px solid #c40000;
}


/* cont */
main .basic-page section {
	padding-bottom:35px;
}
main .basic-page section p {
	font-size:13px;
	line-height:140%;
	text-align: justify !important;
	text-justify: inter-ideograph !important;
}
main .basic-page section#sec01 {
	padding-bottom:0;
}
main .basic-page #cont_area_in {
	position:relative;
	padding-left:20px;
	padding-right:20px;
}

/*  h2  */
main .basic-page section h2.h2_style2 {
	position: absolute;
	right:10px;
	top: 10px;
	z-index:2;
}

/*  h3  */
main .basic-page section h3.h3_style2 {
	color:#000;
	font-size:21px;
	line-height:120%;
	font-weight:bold;
	margin-bottom:7px;
	padding-top:5px;
	text-align:left;
}

main .basic-page section #main_photo {
	text-align:center;
	padding-left:50px;
}
main .basic-page section #photo01 {
	position: absolute;
	left:20px;
	top: 180px;
	z-index:1;
}
.txt_area {
	width:350px;
	position: absolute;
	left:20px;
	top: 10px;
	z-index:2;
}


/*  h4  */
main .basic-page section h4.h4_style {
	color:#004098;
	font-size:16px;
	line-height:120%;
	font-weight:bold;
	margin:0 0 7px;
	padding:0;
	text-align:left;
}
main .basic-page section h4.h4_style2 {
	margin:0;
	padding:0;
}
main .basic-page section h4.h4_style2 img {
	display:inline;
	padding-right:1em;
	vertical-align:middle;
	padding-bottom:14px;
}
/*main .basic-page section .list_block02 h4.h4_style2 img {
	padding-bottom:0;
}*/
main .basic-page section .list_block03 h4.h4_style2 {
	width:130px;
	float:right;
	margin-right:90px;
}
main .basic-page section .list_block03 h4.h4_style2 img {
	padding-bottom:7px;
}
main .basic-page section h4.h4_style2 p {
	font-size:12px;
	line-height:120%;
	display: inline-block;
	font-weight:normal;
	padding-left: 15px;
}


main .basic-page section #list_area_l {
	float:left;
	width:255px;
}
main .basic-page section #list_area_l ul {
	padding:0;
	margin:0;
}
main .basic-page section #list_area_l ul li {
	padding:0;
	margin:0 0 12px;
}
main .basic-page section #list_area_l ul li:last-child {
	margin-bottom:0;
}
main .basic-page section #list_area_l ul li img {
	display: block;
	width: 100%;
}
main .basic-page section #list_area_r {
	float:right;
	width:445px;
}
main .basic-page section #photo02{
	text-align:center;
	padding-top:0;
}
main .basic-page section #photo03 {
	text-align:center;
	padding-top:15px;
}

main .basic-page section #photo04 {
	float:left;
}
main .basic-page section .list_block01 {
	position:relative;
	padding-bottom:20px;
	display: flex;
}
main .basic-page section .list_block02 {
	position:relative;
	padding-bottom:10px;
}
main .basic-page section .list_block03 {
	position:relative;
}
/*  pdf btn  */
main .basic-page section .list_block01 .pdf_btn {
	position: absolute;
	right:0;
	top: 40px;
	z-index:2;
}
main .basic-page section .list_block02 .pdf_btn {
	position: absolute;
	right:0;
	top: 40px;
	z-index:2;
}
main .basic-page section .list_block03 .pdf_btn {
	position: absolute;
	right:0;
	top: 0px;
	z-index:2;
}
main .basic-page section .pdf_btn a {
	display: table-cell;
	vertical-align: middle;
	font-size:13px;
	line-height:120%;
	border-radius: 50%;
	-webkit-border-radius: 50%; /* Safari,Google Chrome用 */
	-moz-border-radius: 50%; /* Firefox用 */
	border: 1px solid #000;
	height: 75px;
	width: 75px;
	text-align:center;
}
main .basic-page section .pdf_btn a:visited,
main .basic-page section .pdf_btn a:link {
	text-decoration: none;
	color:#000;
}
main .basic-page section .pdf_btn a:hover {
	text-decoration: none;
	color:#000;
	/*opacity: 0.8;
	filter: alpha(opacity=80);*/
	background-color:#fff;
}

main .basic-page section .list_block01 h4.h4_style2,
main .basic-page section .list_block02 h4.h4_style2 {
	display: flex;
    flex-direction: column;
    align-items: baseline;
}



@media only screen and (max-width: 641px) {
main .basic-page section {
	padding-top:0;
}
main .basic-page #cont_area_in {
	padding:15px 15px 0;
	min-height:inherit;
}

main .basic-page section #main_photo {
	width:100%;
	height:auto;
	padding-left:0;
}

/*  h4  */
main .basic-page section .list_block01 h4.h4_style2,
main .basic-page section .list_block02 h4.h4_style2,
main .basic-page section .list_block03 h4.h4_style2 {
	width:auto;
	float:none;
	margin-right:0;
}
main .basic-page section .list_block01 h4.h4_style2 img,
main .basic-page section .list_block02 h4.h4_style2 img,
main .basic-page section .list_block03 h4.h4_style2 img {
	display: inherit;
	padding-right:0;
	vertical-align:middle;
}
main .basic-page section h4.h4_style2 p {
	display: inherit;
	width:75%;
}

main .basic-page section #photo01 {
	top: 150px;
	z-index:1;
	/*margin-top:-50px;*/
}
.txt_area {
	width:100%;
	position: inherit;
	left:inherit;
	top: inherit;
	z-index:2;
	padding-bottom:30px;
    padding-top: 12vw;
}

main .basic-page section #list_area_l,
main .basic-page section #list_area_r {
	float:none;
	width:100%;
}
main .basic-page section #list_area_l ul li {
	padding:0;
	margin:0 0 7px;
	width:50%;
	float:left;
}


/*  pdf btn  */
main .basic-page section .list_block01 .pdf_btn,
main .basic-page section .list_block02 .pdf_btn {
	position: absolute;
	right:0;
	top: 0;
}
main .basic-page section .list_block01,
main .basic-page section .list_block02,
main .basic-page section .list_block03 {
	padding-bottom:40px;
}
main .basic-page section #photo02 {
	position: inherit;
	right:inherit;
	top: inherit;
	z-index:5;
	padding-top:15px;
	text-align:center;
}
main .basic-page section #photo03 {
	padding-top:15px;
	display:block;
	text-align: center;
}
main .basic-page section .list_block02 h4.h4_style2 img {
	padding-bottom:14px;
}

main .basic-page section #photo04 {
	float:none;
	padding-top:10px;
}
	
main .basic-page section .list_block01 {
    display: block;
}

}

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


}

@media only screen and (max-width: 420px) {
main .basic-page section #photo01 {
	position: inherit;
	left:inherit;
	top: inherit;
	z-index:1;
	margin-top:-50px;
}



}

@media only screen and (max-width: 380px) {
/*  h2  */
main .basic-page section h2.h2_style2 {
	width:80px;
	height:auto;
}

main .basic-page section h4.h4_style {
	text-align:center;
}
main .basic-page section #list_area_l ul li {
	margin:0 0 7px;
	width:100%;
	float:none;
	text-align:center;
}
}

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


}

@media only screen and (max-width: 320px) {
/*  h2  */
main .basic-page section h2.h2_style2 {
	width:73px;
	height:auto;
}
main .basic-page section h4.h4_style2 p {
	display: inherit;
	width:70%;
}

}