@charset "utf-8";
@import url("common_nav.css");

html{
	font-size: 62.5%;
}
body{
	margin:0;
	font-family:'ヒラギノUD角ゴ W3 JIS2004',Hiragino UD Sans W3 JIS2004,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:1.4em;
	line-height:1.5;
	background-color:#FFFFFF;
}

p ,
h1,h2,h3,h4,h5,
dl,dt,dd {
	margin:0; padding:0;
	font-size:100%;
}
h1,h2,h3,h4,h5,
strong,b,em {
	font-family:'ヒラギノUD角ゴ W6 JIS2004',Hiragino UD Sans W6 JIS2004,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
ul,ol,li{
	margin:0; padding:0;
	list-style:none;
}
sup{
	vertical-align:text-top;
	font-size:10px;
}
img{
	border:0;
	vertical-align: bottom;
}
address{
	font-style:normal;
}
a{
	color:#2971B0;
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#F08300;
}
a.underline{
	text-decoration:underline;
}

header {
	padding:10px 0 15px;
}
.headerMenu li,
.footerMenu li{
	background-repeat:no-repeat;
	background-size:24px auto;
	padding:2px 0 2px 25px;
}
.headerMenu li.menu01 ,
.footerMenu li.menu01{
	background-image:url(../images/hd_menu01.png);
}
.headerMenu li.menu02,
.footerMenu li.menu02{
	background-image:url(../images/hd_menu02.png);
}
.headerMenu li.menu03,
.footerMenu li.menu03{
	background-image:url(../images/hd_menu03.png);
}
.headerMenu li.menu04,
.footerMenu li.menu04{
	background-image:url(../images/hd_menu04.png);
}

article{
	padding-top:10px;
	padding-bottom:20px;
}
article:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

h1{
	margin-bottom:30px;
}


.relatedLinks{
	margin-top:40px;
	background-color:#E9F4DF;
	padding:20px 0;
}
.relatedLinks ul{
	overflow:hidden;
}
.relatedLinks ul li{
	float:left;
	margin-right:1.5em;
	margin-bottom:4px;
}
.relatedLinks .ttl{
	margin-bottom:0.5em;
}
.relatedLinks a{
	color:#2971B0;
	text-decoration: underline;
}
.relatedLinks + #footerBlock footer{
	margin-top:0!important;
}


footer {
	font-size:1.0rem;
	line-height:1.4;
	border-top:8px #6FBA2C solid;
	padding-top:1em;
	padding-bottom:2.5em;
}
footer a{
/*	color:#2971B0;
	color:#000000;*/
	text-decoration: underline;
}
footer .ud {
	padding-left:35px;
	background-image:url(../images/udfont.png);
	background-repeat:no-repeat;
	background-size:30px auto;
	font-size:1.0rem;
}

.pagetop {
	display:none;
	position:fixed;
	bottom:10px;
	right:10px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius:25px;
	background-color: #6FBA2C;
	text-align: center;
	color: #FFFFFF!important;
	font-size: 20px;
	text-decoration: none;
	line-height: 50px;
}
/*----------------------------------*/
.green{
	color:#6FBA2C;
}
.orange{
	color:#F08300;
}
.red{
	color:#FF0000;
}
.txtC{
	text-align:center;
}
.txtR{
	text-align:right;
}
.txtBig{
	font-size:2.0rem;
}
.txtMid{
	font-size:90%;
}
.txtSmall{
	font-size:80%;
}
.txtNormal{
	font-weight:normal;
	font-family:'ヒラギノUD角ゴ W3 JIS2004',Hiragino UD Sans W3 JIS2004,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.palt{
	font-feature-settings : "palt";
}
.mgnT{
	margin-top:1em;
}
.mgnTh{
	margin-top:0.5em;
}
.mgnT2{
	margin-top:2em;
}
.mgnB{
	margin-bottom:1em;
}
.mgnBh{
	margin-bottom:0.5em;
}
.indent{
	padding-left:1em;
	text-indent:-1em;
}
.indent2{
	padding-left:2em;
	text-indent:-2em;
}
.indent3{
	padding-left:3em;
	text-indent:-3em;
}
.padding{
	padding-left:1em;
	display:inline-block;
}
.clear{
	clear:both;
}
.memo{
	font-size:1.3rem;
	color:#777777;
}
.memoB{
}
.new{
	font-size:80%;
	color:#FF0000;
}

.boxA{
	margin:1.5em 0;
	border:2px #EBEBEB solid;
	padding:18px;
	overflow:hidden;
}
.boxB{
	margin:1.5em 0;
	background-color:#E9F4DF;
	padding:20px;
	overflow:hidden;
}
.boxC{
	margin:1.5em 0;
	background-color:#FDECD9;
	padding:20px;
	overflow:hidden;
}
.boxD{
	margin:1.5em 0;
	border:1px #6FBA2C dotted;
	padding:19px;
	overflow:hidden;
}
.boxE{
	margin:1.5em 0;
	border:1px #F08300 dotted;
	padding:19px;
	overflow:hidden;
}
.boxF{
	margin:1.5em 0;
	border:4px #EBEBEB solid;
	padding:18px;
	overflow:hidden;
}
.boxG{
	margin:1.5em 0;
	border:1px #6FBA2C solid;
	padding:19px;
	overflow:hidden;
}
.boxH{
	margin:1.5em 0;
	background:#EBEBEB;
	padding:20px;
	overflow:hidden;
}
/*-----------------list-style-----------------*/
.listA li,
.lsA{
	background-image:url(../images/cmn_ls01.png);
	background-repeat:no-repeat;
	background-size:16px 16px;
	background-position:left 50%;
	padding:2px 0 2px 20px;
}
.listB li,
.lsB{
	position: relative;
	padding-left:12px;
}
.listB li:before,
.lsB:before{
	position:absolute;
	left:2px; top:0.5em;
	content:"";
	width:3px; height:3px;
	background:#666666;
}
.listC li,
.lsC,
.lsC_gr{
	position: relative;
	padding-left:12px;
}
.listC li:before,
.lsC:before,
.lsC_gr:before{
	position:absolute;
	left:0; top:0.5em;
	content:"";
	width:4px; height:4px;
	border-right:2px #666666 solid;
	border-bottom:2px #666666 solid;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.listC li:before,
.lsC_gr:before{
	border-right:2px #6FBA2C solid;
	border-bottom:2px #6FBA2C solid;
}
.lsD{
	position: relative;
	padding-left:12px;
}
.lsD:before{
	position:absolute;
	left:0; top:0.5em;
	content:"";
	width:4px; height:4px;
	border-right:2px #6FBA2C solid;
	border-bottom:2px #6FBA2C solid;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
.pdf{
	background-image:url(../images/pdficon_small.png);
	background-repeat:no-repeat;
	background-position:left 0.4em;
	padding-top:5px;
	padding-left:20px;
}
.xls{
	background-image:url(../images/icon_xls.gif);
	background-repeat:no-repeat;
	background-position:left 0.4em;
	padding:5px 0 0 20px;
}
.doc{
	background-image:url(../images/icon_doc.gif);
	background-repeat:no-repeat;
	background-position:left 0.4em;
	padding:5px 0 0 20px;
}
.zip{
	background-image:url(../images/icon_zip.png);
	background-repeat:no-repeat;
	background-position:left 0.4em;
	padding:5px 0 0 20px;
}
.mailto{
	background-image:url(../images/icon_mail.png);
	background-repeat:no-repeat;
	background-position:left 0.5em;
	padding-top:5px;
	padding-left:20px;
}
.btnA .pdf,
.btnA .xls,
.btnA .doc{
	background-position:10px 50%;
	padding:10px 10px 8px 30px;
}
.btnA{
	display:inline-block;
	margin:1em 0 1.5em;
	border:1px #CCCCCC solid;
	background:-moz-linear-gradient(top, #EBEBEB, #DBDBDB);
	background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#DBDBDB));
	background:linear-gradient(to bottom, #EBEBEB, #DBDBDB);
	border-radius:2px;
	text-align:center;
}
.btnA a{
	display:block;
	min-width:5em;
	padding:10px 10px 8px 10px;
	color:#000000;
	text-decoration:none;
}
.btnB{
	display:inline-block;
	min-width:5em;
	padding:10px 30px 6px 30px;
	margin:1em 0;
	background:#FF0000;
	border-right:2px #720000 solid;
	border-bottom:2px #720000 solid;
	border-radius:5px;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
}
.btnB:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.blank{
	position: relative;
	padding-left:20px;
}
.blank:before{
	position:absolute;
	left:0px; top:8px;
	content:"";
	width:9px; height:8px;
	border:2px #6FBA2C solid;
	border-top:none;
	border-right:none;
	background:#FFFFFF;
}
.blank:after{
	position:absolute;
	left:3px; top:4px;
	content:"";
	width:9px; height:6px;
	border:2px #6FBA2C solid;
	border-top-width:3px;
	background:#FFFFFF;
}
.pdf_after{
	background-image:url(../images/pdficon_small.png);
	background-repeat:no-repeat;
	background-position:right 0.4em;
	padding-top:5px;
	padding-right:20px;
}
.doc_after{
	background-image:url(../images/icon_doc.gif);
	background-repeat:no-repeat;
	background-position:right 0.4em;
	padding-top:5px;
	padding-right:20px;
}
.xls_after{
	background-image:url(../images/icon_xls.gif);
	background-repeat:no-repeat;
	background-position:right 0.4em;
	padding-top:5px;
	padding-right:20px;
}
.blank_after{
	background-image:url(../images/icon_blank.png);
	background-repeat:no-repeat;
	background-position:right 0.4em;
	padding-top:4px;
	padding-right:20px;
}
.mailto_after{
	background-image:url(../images/icon_mail.png);
	background-repeat:no-repeat;
	background-position:right 0.5em;
	padding-top:5px;
	padding-right:20px;
}
.ebook_after{
	background-image:url(../images/icon_ebook.png);
	background-repeat:no-repeat;
	background-size:auto 16px;
	background-position:right 0.4em;
	padding-top:5px;
	padding-right:20px;
}
/* モーダル */
.openModal {
	cursor:pointer;
	margin-top:0.5em;
	color:#2971B0;
	text-decoration: underline;
}
.openModal:hover{
	color:#F08300;
}
.modalArea {
	display: none;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modalBg {
	width: 100%;
	height: 100%;
	background-color: rgba(30,30,30,0.6);
}
.modalWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width: 70%;
	padding: 40px 30px;
	background-color: #fff;
	
	max-height:80%;
	overflow : auto;
}
.modalWrapper h2 {
	margin-top:0;
}
.closeModal {
	position: absolute;
	top: 1rem;
	right: 1rem;
	cursor: pointer;
	padding:8px 6px 0;
	color:#FFFFFF;
	background:#CCCCCC;
	box-sizing:border-box;
	width:40px; height:40px;
	border-radius: 20px;
	font-size:2.6rem;
	text-align:center;
	line-height:1;
	cursor: pointer;
}
/*PC
=========================================================*/
@media print , screen and (min-width: 650px){

.sp{
	display:none;
}
.container,
header,nav,
article >section{
	clear:both;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
#headerBlock{
}
#headerBlock + article{
}

header{
	overflow:hidden;
}
header .logo{
	float:left;
}
header .logo img{
	width:510px;
	height:auto;
}
header .headerMenu{
	float:right;
	padding-top:15px;
	font-size:1.2rem;
	overflow:hidden;
}
header .headerMenu li{
	float:left;
	min-width:6em;
}
header .headerMenu li.menu01{
}
header .headerMenu li.menu02{
}
header .headerMenu li.menu03{
	clear:left;
}
header .headerMenu li.menu04{
}

footer {
	margin-top:40px;
	overflow:hidden;
}
footer address{
	float:left;
}
footer .ud {
	float:right;
}

}
@media screen and (min-width: 650px) and (max-width: 900px) {
.container,
header,nav,
h1,
article >section{
	padding-left:50px;
	padding-right:50px;
}
}

/*smartphone
=========================================================*/
@media only screen and (max-width: 649px){
body{
	font-size:1.6em;
}
.pc{
	display:none;
}
img{
	max-width:100%;
}
.container,
header,footer,nav,
article >section{
	padding-left:15px;
	padding-right:15px;
}
header {
	padding-bottom:1px;
}
header .logo{
	text-align:center;
}
header .logo img{
}

.footerMenu{
	display:flex;
	flex-direction:wrap;
	flex-wrap:wrap;
	margin-bottom:10px;
	font-size:1.4rem;
}
.footerMenu li{
	box-sizing:border-box;
	width:50%;
}

footer {
}
footer address{
	margin-bottom:1em;
	text-align:center;
}

.pagetop {
}
.pagetop a {
}
.pagetop a {
	width: 40px;
	height: 40px;
	border-radius:20px;
	line-height: 40px;
}

}
/* landscape
=========================================================*/
@media only screen and (min-width: 480px){
}
/* iPhone 4inch
=========================================================*/
@media only screen and (max-width: 320px){
}
/* Print
=========================================================*/
@media print{
body {
-webkit-print-color-adjust: exact;
}
.pagetop {
	display:none!important;
}
#headerBlock{
	position:absolute!important;
	display:block!important;
	top:0!important;
}
.container,
header,nav,
h1,
article >section{
	padding-left:50px;
	padding-right:50px;
}
}

/* 202104
=========================================================*/
#topNewsTab{
	margin-bottom:1.5em;
	width:100%;
	border-bottom:1px solid #CCCCCC;
}
#topNewsTab:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#topNewsTab li{
	cursor:pointer;
	text-align:center;
	font-size:1.4rem;
	font-family:'ヒラギノUD角ゴ W6 JIS2004',Hiragino UD Sans W6 JIS2004,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-feature-settings : "palt";
	margin:0 2px;
	padding:0 16px 8px;
	color:#555;
}
#topNewsTab li:hover,
#topNewsTab li.selected{
	border-bottom:2px solid #6FBA2C;
	color:#000;
}
/*PC
=========================================================*/
@media print , screen and (min-width: 650px){
#topNewsTab li{
	float:left;
}
}
/*smartphone
=========================================================*/
@media only screen and (max-width: 649px){
#topNewsTab{
	display:table;
}
#topNewsTab li{
	display: table-cell;
	padding:0 8px 8px;
}
}