@charset "utf-8";

/*--------------------------------------------------

見出しユニット

--------------------------------------------------*/

/* 共通 */

.qua-unit-heading[qua-level="h2"]{
	color: #fff;
	position: relative;
	overflow: hidden;
}
.qua-unit-heading[qua-level="h2"] .qua-unit-in{
	z-index: 3;
	position: relative;
}
.qua-unit-heading[qua-level="h2"] .qua-unit-in div{
	z-index: 3;
	position: relative;
}
.qua-unit-heading[qua-level="h3"]{
}
.qua-unit-heading[qua-level="h4"]{
	background: #f6f6f6 url(../images/cmn/h4-line.gif) left top repeat-x;
	color: #004ea2;
}
.qua-unit-heading[qua-level="h5"]{
	color: #004ea2;
	font-weight: bold;
}
.qua-unit-heading[qua-level="h6"]{
	font-weight: bold;
}
.qua-unit[qua-box="bg"]{
	background-color: #f5f7f9;
	border: 1px #dce6f0 solid;
}

/* PC */
@media print,only screen and (min-width: 641px) {


	.qua-unit-heading[qua-level="h2"]{
			background:#004ea2 url(../images/pc/h2-bg.gif) right top no-repeat;
			font-size: 2.2rem;
			padding: 9px 10px 9px 18px;
	}
	.qua-unit-heading[qua-level="h3"]{
		background: url(../images/cmn/h3-line.gif) left top repeat-x,url(../images/cmn/h4-bg.png) 4px 1.2em no-repeat;
		background-size: 4px auto,16px auto;
		font-size: 2rem;
		padding: 16px 5px 0 30px;
	}
	.qua-unit-heading[qua-level="h3"][qua-bordertop="no"]{
			background:url(../images/cmn/h4-bg.png) 4px 0.4em no-repeat;
			background-size:16px auto;
			padding: 0 5px 0 30px;
	}
	.qua-unit-heading[qua-level="h4"]{
		font-size: 1.8rem;
		padding: 11px 5px 10px 20px;
	}
	.qua-unit-heading[qua-level="h5"]{
		font-size: 1.7rem;
	}
	.qua-unit-heading[qua-level="h6"]{
		font-size: 1.6rem;
	}

}

/* SP */
@media screen and (max-width: 640px) {


	.qua-unit-heading[qua-level="h2"]{
		background:#004ea2 url(../images/sp/h2-bg-sp.gif) right top no-repeat;
		background-size: 50% auto;
		font-size: 1.6rem;
		padding: 0.8rem 0.5rem 0.8rem 1rem;
	}
	/* .qua-unit-heading[qua-level="h2"]:before{
		right: -700px;
	   width: 1000px;
	  height: 1000px;
	}
	.qua-unit-heading[qua-level="h2"]:after{
		right: -650px;
	   width: 1000px;
	  height: 1000px;
	} */
	.qua-unit-heading[qua-level="h3"]{
		background: url(../images/cmn/h3-line.gif) left top repeat-x,url(../images/cmn/h4-bg.png) 0.2rem 0.9em no-repeat;
		background-size: 0.4rem auto,1.2rem auto;
		font-size: 1.5rem;
		padding: 1rem 0 0 2rem;
	}
	.qua-unit-heading[qua-level="h3"][qua-bordertop="no"]{
			background:url(../images/cmn/h4-bg.png) 0.2rem 0.2em no-repeat;
			background-size:1.2rem auto;
			padding: 0 0 0 2rem;
	}
	.qua-unit-heading[qua-level="h4"]{
		font-size: 1.4rem;
		padding: 1.1rem 0.5rem 1rem 1rem;
	}
	.qua-unit-heading[qua-level="h5"]{
		font-size: 1.4rem;
	}
	.qua-unit-heading[qua-level="h6"]{
		font-size: 1.4rem;
	}
}

/*
.qua-unit-text {
	font-size:1.4rem;
}

.qua-unit-imgtxt {
	font-size:1.4rem;
} */

/*--------------------------------------------------

リストユニット

--------------------------------------------------*/

/* .qua-unit-list ul{
	font-size:1.3rem;
} */
.qua-unit-list ul[qua-style="arw"]>li{
	padding-left: 1em;
}
.qua-unit-list ul[qua-style="arw2"]>li{
	padding-left: 1.2em;
}
.qua-unit-list ul[qua-style="arw"]>li:before{
	width: 1.2em;
	height: 1.8em;
	content: "";
	background:url(../images/cmn/ft-arw-next.svg) left 0.5em no-repeat;
	background-size: 6px auto;
}
.qua-unit-list ul[qua-style="arw2"]>li:before{
	width: 1.2em;
	height: 1.8em;
	content: "";
	background:url(../images/cmn/news-arw-on.svg) left 0.5em no-repeat;
	background-size: 9px auto;
}

.qua-unit-list ul[qua-style="circle"]>li{
	padding-left: 21px;

}
.qua-unit-list ul[qua-style="circle"]>li:before{
	width: 1em;
	height: 1.8em;
	content: "";
	background:url(../images/cmn/list-sqr.svg) left 0.4em no-repeat;
	background-size: 12px auto;
}

.qua-unit-files li a {
	font-size: 13px;
  position: relative;
  padding-left: 15px;
  margin-bottom: 0;
	display: inline-block;
}

.qua-unit-files li a:before {
  width: 6px;
  height: 0.8em;
  content: "";
  position: absolute;
  top: 0.6em;
  left: 0;
  display: inline-block;
	background:url(../images/cmn/arw-more.svg) left center no-repeat;
	background-size: 6px auto;
}
.qua-unit-files[qua-item-box="bg"] li{
	background:#f5f7f9 url(../images/cmn/line-double2.gif) left bottom 2px repeat-x;
	background-size: auto;
	padding: 11px 10px 14px 19px;
}


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


	.qua-unit-list ul[qua-style="annotation"]{
		font-size:1.2rem;
	}

}

@media screen and (max-width: 640px){
		.qua-unit-list ul[qua-style="annotation"]{
			font-size:1.1rem;
		}

	.qua-unit-list ul[qua-style="arw"]>li:before{
		background:url(../images/cmn/ft-arw-next.svg) left 0.4em no-repeat;
	background-size: 0.7rem auto;
	}
	.qua-unit-list ul[qua-style="arw2"]>li:before{
		background:url(../images/cmn/news-arw-on.svg) 5px 0.5em no-repeat;
		background-size: 0.9rem auto;
	}
	.qua-unit-list ul[qua-style="circle"]>li:before{
		background:url(../images/cmn/list-sqr.svg) left 0.3em no-repeat;
	background-size: 1.2rem auto;
	}

}

/* リストユニット調整 */

.qua-unit-list ul[qua-style="num_parenth"] > li {
	padding-left:2.5em;
}

.qua-unit-list ul[qua-style="num_parenth"] > li:before {
	width: 2em;
	text-align:right;
}

/*--------------------------------------------------

ボタンユニット

--------------------------------------------------*/

.qua-unit-button li{
	cursor: pointer;
	color: #004ea2;
	cursor: pointer;
	position: relative;
	background: ;
}
.qua-unit-button li a{
	color: #004ea2;
}
.qua-unit-button li:hover{
	text-decoration: none;
}
/* PC */
@media print,only screen and (min-width: 641px) {

	.qua-unit-button li{
	background:url(../images/cmn/line-double2.gif) left bottom 2px repeat-x,#f5f7f9 url(../images/cmn/ft-arw-next.svg) 20px 1.2em no-repeat;
	background-size: auto,6px auto;
	padding: 11px 10px 14px 34px;
	}
	.qua-unit-button li:hover{
	background:url(../images/cmn/line-double2.gif) left bottom 2px repeat-x,#e5f0fa url(../images/cmn/ft-arw-next.svg) 20px 1.2em no-repeat;
	background-size: auto,6px auto;
	}
	.qua-unit-button li.audiobtn{
		background:url(../images/cmn/line-double2.gif) left bottom 2px repeat-x,#f5f7f9 url(../images/cmn/audiobtn.svg) 15px center no-repeat;
		background-size: auto,20px auto;
	}
	.qua-unit-button li.audiobtn:hover{
		background:url(../images/cmn/line-double2.gif) left bottom 2px repeat-x,#e5f0fa url(../images/cmn/audiobtn.svg) 15px center no-repeat;
		background-size: auto,20px auto;
	}
}

/* SP */
@media screen and (max-width: 640px) {

	.qua-unit-button li{
		background:url(../images/cmn/line-double2.gif) left bottom 0.2rem repeat-x,#f5f7f9 url(../images/cmn/ft-arw-next.svg) 1rem 1em no-repeat;
		background-size:auto, 0.6rem auto;
		padding: 0.8rem 0.5rem 0.8rem 2rem;
		font-size: 1.3rem;
	}
	.qua-unit-button li.audiobtn{
		max-width: 50%;
		background:url(../images/cmn/line-double2.gif) left bottom 0.2rem repeat-x,#f5f7f9 url(../images/cmn/audiobtn.svg) 1.6rem center no-repeat;
		background-size: auto,1.5rem auto;
		margin-left: auto!important;
		margin-right: auto;
	}

}

/*--------------------------------------------------

アコーディオン見出しユニット

--------------------------------------------------*/

.qua-unit-accordion{
	color: #004ea2;
	position: relative;
	cursor: pointer;
}

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

	.qua-unit-accordion{
	background:#f5f7f9 url(../images/cmn/line-double2.gif) left bottom 2px repeat-x;
	background-size: auto;
		padding: 14px 15px 17px 15px;
		font-size: 1.5rem;
	}
	.qua-unit-accordion:after{
			background: url(../images/cmn/arw-d.png) center center no-repeat;
		background-size: 19px auto;

	}
	.qua-unit-accordion:hover{
		background-color: #e5f0fa;
	}
	.qua-unit-accordion.qua-open {

	}
}

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

  .qua-unit-accordion{
	background:#f5f7f9 url(../images/cmn/line-double2.gif) left bottom 0.2rem repeat-x;
		background-size: auto;
		padding: 0.8rem 2rem 1rem 2rem;
		font-size: 1.4rem;
	}

	.qua-unit-accordion:after{
			background: url(../images/cmn/arw-d.png) center center no-repeat;
			background-size: 1.1rem auto;

	}
}

/*--------------------------------------------------

qua-unit-frames1

--------------------------------------------------*/


.qua-unit-frames1 .qua-unit-frames-item:after{
	content:"";
	width: 36px;
	height: 36px;
	background-color: #004ea2;
	content: "";
	position: absolute;
	top: -18px;
	left:-18px;
	display: block;
	transform:rotate(45deg);
}
.qua-unit-frames1 .qua-unit-frames-item:first-child{
	margin-left: 0;
}
.qua-unit-frames1 .qua-unit-frames-item .qua-unit-frames-pic{
	background-color: #fff;
	opacity: 1;
	position: relative;
	z-index: 10;
}
.qua-unit-frames1 .qua-unit-frames-item .qua-unit-frames-pic img{
	opacity: 1;
}
.qua-unit-frames1 .qua-unit-frames-item:hover .qua-unit-frames-pic img{
	opacity: 0.8;
}
.qua-unit-frames1 .qua-unit-frames-item .qua-unit-frames-title{
	border-bottom: 1px #c5dbef solid;
}
.qua-unit-frames1 .qua-unit-frames-item .qua-unit-frames-text{
	color: #313131;
}
.qua-unit-frames1 a[target="_blank"] ,
.qua-unit-frames1 a[target="_blank"] {
    position:inherit!important;
    padding-right: 0!important;
}
.qua-unit-frames1 a[target="_blank"]:after,
.qua-unit-frames2 a[target="_blank"]:after{
  content:none!important;
}
.qua-unit-frames1 a[target="_blank"] .qua-unit-frames-title p:first-child,
.qua-unit-frames2 a[target="_blank"] .qua-unit-frames-title p:first-child{
  position: relative;
  padding-right: 5px;
}

.qua-unit-frames1 a[target="_blank"] .qua-unit-frames-title p:first-child:after,
.qua-unit-frames2 a[target="_blank"] .qua-unit-frames-title p:first-child:after{
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../images/cmn/icon-blank-blue.png") right center no-repeat;
  position: relative;
bottom: -2px;
}
@media screen and (min-width: 641px){

	.qua-unit-frames1 .qua-unit-frames-item{
			border: 1px #004ea2 solid;
			padding: 9px;
			position: relative;
			overflow: hidden;
			margin-bottom: 25px;
		}
	.qua-unit-frames1 .qua-unit-frames-item a:hover{
		text-decoration: none;
	}
	.qua-unit-frames1 .qua-unit-frames-item a:hover .qua-unit-frames-title{
		text-decoration:underline;
	}
	.qua-unit-frames1 .qua-unit-frames-item .qua-unit-frames-title{
		background: url(../images/cmn/ft-arw-next.png) 5px 1em no-repeat;
		background-size: 9px auto;
		font-size: 1.6rem;
		padding: 10px 0 10px 20px;
		margin-bottom: 10px;
	}
	.qua-unit-frames1 .qua-unit-frames-item .qua-unit-frames-text{
		font-size: 1.3rem;
	}
}
@media screen and (max-width: 640px){
	.qua-unit-frames1 .qua-unit-frames-item{
		width: 100%;
		border: 1px #004ea2 solid;
		padding: 0.7rem;
		position: relative;
		overflow: hidden;
		margin-bottom: 1rem;
	}
	.qua-unit-frames1 .qua-unit-frames-item .qua-unit-frames-title{
		background: url(../images/cmn/ft-arw-next.png) 0.2rem 0.9em no-repeat;
		background-size: 0.7rem auto;
		font-size: 1.6rem;
		padding: 0.7rem 0 0.6rem 1.5rem;
		margin-bottom: 0.8rem;
	}
	.qua-unit-frames1 .qua-unit-frames-item .qua-unit-frames-text{
		font-size: 1.3rem;
	}

}
/*--------------------------------------------------

qua-unit-frames2

--------------------------------------------------*/

.qua-unit-frames2 .qua-unit-frames-item .qua-unit-frames-pic img{
	border-bottom: 1px #f5f7f9 solid;
}
.qua-unit-frames2 .qua-unit-frames-item{
	background: url(../images/cmn/line-double2.gif) left bottom repeat-x;
	position: relative;
	overflow: hidden;
	border-bottom: 1px #f5f7f9 solid;
}
.qua-unit-frames2 .qua-unit-frames-item:after{
	content:"";
	width: 20px;
	height: 20px;
	background-color: #004ea2;
	content: "";
	position: absolute;
	bottom: -10px;
	right:-10px;
	display: block;
	transform:rotate(45deg);
}
@media screen and (min-width: 641px){


	.qua-unit-frames2 .qua-unit-frames-item{
		background-color: #f5f7f9;
		width:230px;
		margin:0 0 15px 0;
	}
	.qua-unit-frames2 .qua-unit-frames-item .qua-unit-frames-pic img{
		opacity: 1;
	}
	.qua-unit-frames2 .qua-unit-frames-item:hover .qua-unit-frames-pic img{
		opacity: 0.8;
	}
	.qua-unit-frames2 .qua-unit-frames-item .qua-unit-frames-title{
		background: url(../images/cmn/ft-arw-next.png) 17px 1.3em no-repeat,url(../images/cmn/line-double2.gif) left top repeat-x;
		background-size: 6px auto,auto;
		font-size: 1.6rem;
		padding: 1.3rem 1.5rem 0.5rem 2.8rem;
		color: #004ea2;
	}
	.qua-unit-frames2 .qua-unit-frames-item .qua-unit-frames-text{
		font-size: 1.3rem;
		padding: 0 15px 15px 15px;
	}
	.qua-unit-frames2 .qua-unit-frames-item a:hover{
		text-decoration: none;
	}
	.qua-unit-frames2 .qua-unit-frames-item a:hover .qua-unit-frames-title{
		text-decoration:underline;
	}

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

	.qua-unit-frames2 .qua-unit-frames-item{
		width:100%;
		background-color: #f5f7f9;
		margin:0 0 1rem 0;
	}
	.qua-unit-frames2 .qua-unit-frames-item .qua-unit-frames-title{
		background: url(../images/cmn/ft-arw-next.png) 1.3rem 0.8em no-repeat;
		background-size: 0.7rem auto;
		color: #004ea2;
		font-size: 1.6rem;
		padding: 0.5rem 1.5rem 0.3rem 2.6rem;
	}
	.qua-unit-frames2 .qua-unit-frames-item .qua-unit-frames-text{
		font-size: 1.3rem;
		padding: 0 1rem 1.5rem 1rem;
	}

}

strong{
	font-weight:bold;
}

/*--------------------------------------------------

news-list

--------------------------------------------------*/

.qua-unit-archive-title{
	position: relative;
	font-weight: bold;
}
.qua-unit-archive-title a{
	background: url(../images/cmn/arw-more.png) left center no-repeat;
	background-size: 6px auto;
	font-size: 1.3rem;
		font-weight: normal;
	position: absolute;
	bottom: 15px;
	right: 0;
	padding: 0 12px 0 13px;
}
.qua-unit-archive ul{
  border-top: 1px #b8cee3 dotted;
  margin-bottom:20px;
}
.qua-unit-archive ul li {
  overflow: hidden;
  border-bottom: 1px #b8cee3 dotted;
	padding: 14px 0;
	font-size: 1.4rem;
	vertical-align: middle;
}
.qua-unit-archive ul li time {
  font-size: 1.3rem;
  position: relative;
  float:left;
	margin-left: 13px;
}
.qua-unit-archive ul li span.cat {
  float:left;
  width: 60px;
  margin: 0 0 0 15px;
  text-align: center;
  font-size: 1.2rem;
	background-color: #c3e9d6;
	padding: 1px 0;
	display: inline-block;
}
.qua-unit-archive ul li span.txt {
  display: block;
  padding-left: 167px;
  text-decoration: none;
}


@media screen and (min-width: 641px){

	.qua-unit-archive-title{
		background: url(../images/cmn/h3-line.gif) left top repeat-x,url(../images/cmn/h4-bg.png) 4px 0.9em no-repeat;
		background-size: 4px auto,16px auto;
		font-size: 2rem;
		padding: 11px 5px 11px 30px;
	}

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

	.qua-unit-archive-title{
		background: url(../images/cmn/h3-line.gif) left top repeat-x,url(../images/cmn/h4-bg.png) 0.2rem 1em no-repeat;
		background-size: 0.4rem auto,1.2rem auto;
		font-size: 1.5rem;
		padding: 1rem 0 1rem 2rem;
	}
	.qua-unit-archive-title a{
		bottom: 1rem;
	}

}

.qua-unit-archive a{
	display:block;
}

.qua-unit-archive a[target="_blank"] {
	padding-right:0;
}

.qua-unit-archive a[target="_blank"]:after {
	content: none;	
}


.qua-unit a[target="_blank"] .txt {
	position: relative;
	padding-right: 5px; }
  
  .qua-unit a[target="_blank"] .txt:after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 18px;
	background: url("../../../plugins/quarea/front/images/icon-external.png") right center no-repeat;
	position: relative;
	bottom: -3px; }
  
  .qua-unit a[href$="pdf"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="pdf"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-pdf.png"); }
  
  .qua-unit a[href$="xls"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="xls"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-xls.png"); }
  
  .qua-unit a[href$="xlsx"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="xlsx"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-xls.png"); }
  
  .qua-unit a[href$="doc"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="doc"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-doc.png"); }
  
  .qua-unit a[href$="docx"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="docx"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-doc.png"); }
  
  .qua-unit a[href$="ppt"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="ppt"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-ppt.png"); }
  
  .qua-unit a[href$="pptx"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="pptx"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-ppt.png"); }
  
  .qua-unit a[href$="txt"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="txt"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-txt.png"); }
  
  .qua-unit a[href$="csv"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="csv"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-txt.png"); }
  
  .qua-unit a[href$="xml"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="xml"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-txt.png"); }
  
  .qua-unit a[href$="mov"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="mov"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-mov.png"); }
  
  .qua-unit a[href$="wmv"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="wmv"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-mov.png"); }
  
  .qua-unit a[href$="mp4"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="mp4"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-mov.png"); }
  
  .qua-unit a[href$="avi"] .txt {
	padding-right: 5px; }
  
  .qua-unit a[href$="avi"] .txt:after {
	width: 20px;
	background-image: url("../../../plugins/quarea/front/images/icon-mov.png"); }

/*--------------------------------------------------

Image Slider

--------------------------------------------------*/

@media screen and (min-width: 641px){

	.qua-unit-images .images-text{
		font-size: 13px;
	}
}
@media screen and (max-width: 640px){

	.qua-unit-images .images-text{
		font-size: 1.3rem;
	}

}