@charset "utf-8";

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

見出しユニット

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

/* 共通 */

.qua-unit-heading[qua-level="h2"]{
	color: #fff;
	position: relative;
		background-color:#004ea2;
	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="h2"]:before{
	background-color: #003a79;
	content: "";
	position: absolute;
	top:0;
	transform:rotate(40deg);
	z-index: 2;
}
.qua-unit-heading[qua-level="h2"]:after{
	background-color: #01448d;
	content: "";
	position: absolute;
	top:0;
	transform:rotate(40deg);
}
.qua-unit-heading[qua-level="h3"]{
	border-top:1px #e5e5e5 solid;
	color: #004ea2;
}
.qua-unit-heading[qua-level="h3"][qua-bordertop="no"]{
	border-top:none;
}
.qua-unit-heading[qua-level="h4"]{
	color: #004ea2;
}
.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"]{
			font-size: 2rem;
			padding: 5px 13px 13px 13px;
		border-top: 8px #004ea2 solid;
	}
	.qua-unit-heading[qua-level="h2"] .qua-unit-in{
		border-left:6px #fff solid;
		padding-left: 14px;
	}
	.qua-unit-heading[qua-level="h2"]:before{
		right: -1040px;
	   width: 1500px;
	  height: 1500px;
	}
	.qua-unit-heading[qua-level="h2"]:after{
		right: -950px;
	   width: 1500px;
	  height: 1500px;
	}
	.qua-unit-heading[qua-level="h3"]{
		background: url(../images/cmn/h4-bg.png) 4px 0.8em no-repeat;
		background-size: 16px auto;
		font-size: 1.9rem;
		padding: 10px 5px 0 30px;
	}
	.qua-unit-heading[qua-level="h4"]{
		font-size: 1.8rem;
	}
	.qua-unit-heading[qua-level="h5"]{
		font-size: 1.7rem;
	}

}

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


	.qua-unit-heading[qua-level="h2"]{
			font-size: 1.6rem;
			padding: 5px 5px 5px 9px;
		border-top: 5px #004ea2 solid;
	}
	.qua-unit-heading[qua-level="h2"] .qua-unit-in{
		border-left:5px #fff solid;
		padding-left: 9px;
	}
	.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/h4-bg.png) 2px 0.7em no-repeat;
		background-size: 12px auto;
		font-size: 1.5rem;
		padding: 7px 0 0 18px;
	}
	.qua-unit-heading[qua-level="h4"]{
		font-size: 1.4rem;
	}
	.qua-unit-heading[qua-level="h5"]{
		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.4rem;
}
.qua-unit-list ul[qua-style="arw"]>li{
	padding-left: 1em;
}
.qua-unit-list ul[qua-style="arw"]>li:before{
	width: 1.2em;
	height: 1.8em;
	content: "";
	background:url(../images/cmn/ft-arw-next.png) left center no-repeat;
	background-size: 6px auto;
}

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

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

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



}

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



}

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

.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{
	color: #004ea2;
	border-bottom: 1px #d3e0ee solid;
	cursor: pointer;
}
.qua-unit-button li a{
	color: #004ea2;
}

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

	.qua-unit-button li{
		background:#f5f7f9 url(../images/cmn/ft-arw-next.png) 20px 1em no-repeat;
		background-size: 6px auto;
		padding: 8px 5px 8px 33px;
	}
	.qua-unit-button li a{
		color: #004ea2;
	}
	.qua-unit-button li:hover{
		background:#e5f0fa url(../images/cmn/ft-arw-next.png) 20px 1em no-repeat;
		background-size: 6px auto;
	}
	.qua-unit-button li a:hover{
		text-decoration: none;
	}
	.qua-unit-button li.audiobtn{
		background:#f5f7f9 url(../images/cmn/audiobtn.svg) 15px center no-repeat;
		background-size: 20px auto;
	}
	.qua-unit-button li.audiobtn:hover{
		background:#e5f0fa url(../images/cmn/audiobtn.svg) 15px center no-repeat;
		background-size: 20px auto;
	}

}

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

	.qua-unit-button li{
		background:#f5f7f9 url(../images/cmn/ft-arw-next.png) 10px 0.9em no-repeat;
		background-size: 6px auto;
		padding: 7px 5px 7px 20px;
	}
	.qua-unit-button li.audiobtn{
		max-width: 50%;
		background:#f5f7f9 url(../images/cmn/audiobtn.svg) 15px center no-repeat;
		background-size: 15px auto;
		margin-left: auto!important;
		margin-right: auto;
	}
	.qua-unit-button li.audiobtn:hover{
		background:#e5f0fa url(../images/cmn/audiobtn.svg) 15px center no-repeat;
		background-size: 15px auto;
	}

}

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

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

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

.qua-unit-accordion{
	color: #004ea2;
	border-bottom: 1px #d3e0ee solid;
	position: relative;
	cursor: pointer;
}
.qua-unit-accordion:after{
	content: "";
	background-color: #d3e0ee;
	width: 1px;
	height: auto;
	position: absolute;
}

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

	.qua-unit-accordion{
		background:#f5f7f9 url(../images/cmn/ac-plus.svg) right 13px center no-repeat;
		background-size: 18px auto;
		padding: 6px 5px 6px 20px;
		font-size: 1.8rem;
	}
	.qua-unit-accordion:hover{
		background-color: #e5f0fa;
	}
	.qua-unit-accordion:after{
		top: 8px;
		bottom: 8px;
		right: 42px;
	}
	.qua-unit-accordion.qua-open {
		background:#f5f7f9 url(../images/cmn/ac-maenas.svg) right 13px center no-repeat;
		background-size: 18px auto;

	}
}

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

  .qua-unit-accordion{
		background:#f5f7f9 url(../images/cmn/ac-plus.svg) right 9px center no-repeat;
		background-size: 14px auto;
		padding: 6px 35px 6px 12px;
		font-size: 1.4rem;
	}
	.qua-unit-accordion:after{
		top: 7px;
		bottom: 7px;
		right: 31px;
	}
	.qua-unit-accordion.qua-open {
		background:#f5f7f9 url(../images/cmn/ac-maenas.svg) right 13px center no-repeat;
		background-size: 14px 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.8rem;
		padding: 10px 0 10px 24px;
		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: 7px;
		position: relative;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.qua-unit-frames1 .qua-unit-frames-item .qua-unit-frames-title{
		background: url(../images/cmn/ft-arw-next.png) 2px 0.9em no-repeat;
		background-size: 6px auto;
		font-size: 1.6rem;
		padding: 7px 0 6px 15px;
		margin-bottom: 8px;
	}

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

qua-unit-frames2

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

.qua-unit-frames2 .qua-unit-frames-item .qua-unit-frames-text{
	color: #313131;
}
@media screen and (min-width: 641px){


	.qua-unit-frames2 .qua-unit-frames-item{
		background-color: #fafbfc;
		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 0.7em no-repeat;
		background-size: 6px auto;
		font-size: 1.3rem;
		padding: 5px 15px 5px 30px;
	}
	.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: #fafbfc;
		margin:0 0 10px 0;
	}
	.qua-unit-frames2 .qua-unit-frames-item .qua-unit-frames-title{
		background: url(../images/cmn/ft-arw-next.png) 15px 0.8em no-repeat;
		background-size: 6px auto;
		font-size: 1.6rem;
		padding: 5px 15px 3px 25px;
	}
	.qua-unit-frames2 .qua-unit-frames-item .qua-unit-frames-text{
		font-size: 1.4rem;
		padding: 0 10px 15px 10px;
	}

}

strong{
	font-weight: bold;
}