@charset "utf-8";

.qua-unit[qua-box="bg"]{
	background-color: #f6f9fe;
}
.qua-unit[qua-box="bg2"]{
	background-color: #fffddb;
}
.qua-unit[qua-box="border"]{
	border: 1px #c0d2f7 solid;
}

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

見出しユニット

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

/* 共通 */

.qua-unit-heading[qua-level="h2"],
.qua-unit-heading[qua-level="h3"],
.qua-unit-heading[qua-level="h4"],
.qua-unit-heading[qua-level="h5"],
.qua-unit-heading[qua-level="h6"]{
	line-height: 1.5;
	font-weight: bold;
}
.qua-unit-heading[qua-level="h3"]{
	color: #125dbe;
}
.qua-unit-heading[qua-level="h4"]{
	background:#fdf9b7 url(../images/cmn/h4-icon.png) 0 0 no-repeat;
	color: #2b66e1;
}
.qua-unit-heading[qua-level="h5"]{
	border: 1px #dcdcdc solid;
}
.qua-unit-heading[qua-level="h6"]{
	border-top: 1px #c7d3eb solid;
}

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

	.qua-unit-heading[qua-level="h2"]{
		font-size: 36px;
	}
	.qua-unit-heading[qua-level="h3"]{
			font-size: 26px;
	}
	.qua-unit-heading[qua-level="h4"]{
		background-size: 19px auto;
		font-size: 24px;
		padding: 6px 30px 5px 30px;
	}
	.qua-unit-heading[qua-level="h5"]{
		font-size: 22px;
		padding: 10px 24px 9px 24px;
	}
	.qua-unit-heading[qua-level="h6"]{
		font-size: 20px;
		padding: 9px 0 0 12px;
	}

}

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

	.qua-unit-heading[qua-level="h2"]{
		font-size: 1.9rem;
	}
	.qua-unit-heading[qua-level="h3"]{
			font-size: 1.7rem;
	}
	.qua-unit-heading[qua-level="h4"]{
		background-size: 1.3rem auto;
		font-size: 1.6rem;
		padding: 0.8rem 1.5rem 0.7rem 1.5rem;
	}
	.qua-unit-heading[qua-level="h5"]{
		font-size: 1.5rem;
		padding: 1rem 1.5rem 0.9rem 1.5rem;
	}
	.qua-unit-heading[qua-level="h6"]{
		font-size: 1.4rem;
		padding: 0.9rem 0 0 0.6rem;
	}
}
/*--------------------------------------------------

リストユニット

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

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

.qua-unit-list ul[qua-style="arw"]>li:before{
	width: 1em;
	height: 1.5em;
	content: "";
	background-image: url(../images/cmn/arw-b.png);
	background-repeat: no-repeat;
}
.qua-unit-list ul[qua-style="arw2"]>li:before{
	width: 1em;
	height: 1.5em;
	content: "";
	background-image: url(../images/cmn/arw-d-b.png);
	background-repeat: no-repeat;
}
.qua-unit-list ul[qua-style="circle"]>li:before{
	width: 1em;
	height: 1.5em;
	content: "";
	background-image: url(../images/cmn/list-icon.png);
	background-repeat: no-repeat;
}
.qua-unit-files li{
	padding-left: 1.5em;
	position: relative;
}
.qua-unit-files li:before {
	width: 1em;
	height: 1.5em;
  	content: "";
	background-image: url(../images/cmn/arw-b.png);
	position: absolute;
	top: 0.4em;
	left: 0;
	background-repeat: no-repeat;
	display: inline-block;
	background-position:0 0;
}
.qua-unit-files[qua-item-box="bg"] li {
	background-color: #fff;
	color: #125dbe;
	border: 1px #c0d2f7 solid;
	cursor: pointer;
	position: relative;
}
.qua-unit-files[qua-item-box="bg"] li .qua-files-item-in{
	background: url(../images/cmn/arw-b.png) 22px center no-repeat,url(../images/cmn/arw-w.png) -9999px center no-repeat;
	background-color: #ecf8fd;
	border: 1px #e4ecfc solid;
	display: block;
}
.qua-unit-files[qua-item-box="bg"] li a{
	color: #125dbe;
}
.qua-unit-files[qua-item-box="bg"] li:before{
	content: "";
	background: url(../images/cmn/mark-l-b.svg) 0 0 no-repeat;
	position: absolute;
}
.qua-unit-files[qua-item-box="bg"] li:after{
	content: "";
	background:url(../images/cmn/mark-r-b.svg) 0 0 no-repeat;
	position: absolute;
}

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

	.qua-unit-list ul[qua-style="arw"]>li:before{
		background-size: 9px auto;
		background-position: left 0.4em;
	}
	.qua-unit-list ul[qua-style="arw2"]>li:before{
		background-size: 11px auto;
		background-position: left 0.6em;
	}
	.qua-unit-list ul[qua-style="circle"]>li:before{
		background-size: 12px auto;
		background-position: left 0.4em;
	}
	.qua-unit-files li:before {
		background-size: 9px auto;
		background-position: 0 0;
	}
	.qua-unit-files[qua-item-box="bg"] li {
		font-size: 16px;
		padding: 2px;
	}
	.qua-unit-files[qua-item-box="bg"] li:hover{
		color: #fff;
	}
	.qua-unit-files[qua-item-box="bg"] li:hover a{
		color: #fff;
	}
	.qua-unit-files[qua-item-box="bg"] li a:hover{
		text-decoration: none;
		color: #fff;
	}
	.qua-unit-files[qua-item-box="bg"] li .qua-files-item-in{
		background-size: 9px auto;
		padding: 15px 15px 15px 40px;
	}
	.qua-unit-files[qua-item-box="bg"] li:hover .qua-files-item-in{
		background-color: #56a1f5;
		background-position: -9999px center,22px center;
		color: #fff;
	}
	.qua-unit-files[qua-item-box="bg"] li:before{
		width: 13px;
		height: 13px;
		background-size: 13px auto;
		top: 3px;
		left: 3px;
	}
	.qua-unit-files[qua-item-box="bg"] li:after{
		width: 13px;
		height: 13px;
		background-size: 13px auto;
		bottom: 3px;
		right: 3px;
	}
}

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

	.qua-unit-list ul[qua-style="arw"]>li:before{
		background-size: 0.8rem auto;
		background-position: left 0.3em;
	}
	.qua-unit-list ul[qua-style="arw2"]>li:before{
		background-size: 1rem auto;
		background-position: left 0.4em;
	}
	.qua-unit-list ul[qua-style="circle"]>li:before{
		background-size: 1rem auto;
		background-position: left 0.3em;
	}
	.qua-unit-files li:before {
		background-size: 0.8rem auto;
		background-position: 0 0;
	}
	.qua-unit-files[qua-item-box="bg"] li {
		font-size: 1.4rem;
		padding: 2px;
	}
	.qua-unit-files[qua-item-box="bg"] li .qua-files-item-in{
		background-position: right 1.3rem center;
		background-size: 0.9rem auto;
		padding: 1.1rem 3rem 1.1rem 1.5rem;
	}
	.qua-unit-files[qua-item-box="bg"] li:before{
		width: 0.8rem;
		height: 0.8rem;
		background-size: 0.8rem auto;
		top: 2px;
		left: 2px;
	}
	.qua-unit-files[qua-item-box="bg"] li:after{
		width: 0.8rem;
		height: 0.8rem;
		background-size: 0.8rem auto;
		bottom: 2px;
		right: 2px;
	}

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

ボタンユニット

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

.qua-unit-button li{
	background-color: #fff;
	color: #125dbe;
	border: 1px #c0d2f7 solid;
	cursor: pointer;
	position: relative;
	line-height: 1.5;
}
.qua-unit-button li .qua-button-item-in{
	background: url(../images/cmn/arw-b.png) 22px center no-repeat,url(../images/cmn/arw-w.png) -9999px center no-repeat;
	background-color: #ecf8fd;
	border: 1px #e4ecfc solid;
	display: block;
}
.qua-unit-button li a{
	color: #125dbe;
}
.qua-unit-button li:before{
	content: "";
	background: url(../images/cmn/mark-l-b.svg) 0 0 no-repeat;
	position: absolute;
}
.qua-unit-button li:after{
	content: "";
	background:url(../images/cmn/mark-r-b.svg) 0 0 no-repeat;
	position: absolute;
}

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

	.qua-unit-button li{
		font-size: 16px;
		padding: 2px;
	}
	.qua-unit-button li:hover{
		text-decoration: none;
	}
	.qua-unit-button li .qua-button-item-in{
		background-size: 9px auto;
		padding: 15px 15px 15px 40px;
	}
	.qua-unit-button li:hover .qua-button-item-in{
		background-color: #56a1f5;
		background-position: -9999px center,22px center;
		color: #fff;
	}
	.qua-unit-button li:before{
		width: 13px;
		height: 13px;
		background-size: 13px auto;
		top: 3px;
		left: 3px;
	}
	.qua-unit-button li:after{
		width: 13px;
		height: 13px;
		background-size: 13px auto;
		bottom: 3px;
		right: 3px;
	}
	.qua-unit-button li:hover a{
		color: #fff;
		text-decoration: none;
	}
}

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

	.qua-unit-button li{
		font-size: 1.4rem;
		padding: 2px;
	}
	.qua-unit-button li .qua-button-item-in{
		background-position: right 1.3rem center;
		background-size: 0.9rem auto;
		padding: 1.1rem 3rem 1.1rem 1.5rem;
	}
	.qua-unit-button li:before{
		width: 0.8rem;
		height: 0.8rem;
		background-size: 0.8rem auto;
		top: 2px;
		left: 2px;
	}
	.qua-unit-button li:after{
		width: 0.8rem;
		height: 0.8rem;
		background-size: 0.8rem auto;
		bottom: 2px;
		right: 2px;
	}
}

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

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

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

.qua-unit-accordion{
	background: url(../images/cmn/line.gif) 0 0 repeat;
	color: #fff;
	position: relative;
	cursor: pointer;
}
.qua-unit-accordion:after{
	content: "";
	background:url(../images/cmn/plus.png) 0 0 no-repeat,url(../images/cmn/plus-y.png) -9999px 0 no-repeat;
	background-size: 100% auto;
	position: absolute;
	display: block;
}
.qua-unit-accordion.qua-open:after{
	background:url(../images/cmn/mn.png) 0 0 no-repeat,url(../images/cmn/mn-y.png) -9999px 0 no-repeat;
	background-size: 100% auto;
	transform:rotate(180deg);
}

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

	.qua-unit-accordion{
		min-height: 60px;
		background-size: 25px auto;
		font-size: 22px;
		padding: 15px 45px 12px 25px;
	}
	.qua-unit-accordion:hover:after{
		background-position: -9999px 0,0 0;
		background-size: 100% auto;
		text-decoration: none;
	}
	.qua-unit-accordion:after{
		width: 40px;
		height: 40px;
		top: 10px;
		right: 10px;
	}
	.qua-unit-accordion.qua-open:hover:after{
		background-position: -9999px 0,0 0;
		background-size: 100% auto;
	}
}

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

	.qua-unit-accordion{
		min-height: 4rem;
		background-size: 1.4rem auto;
		font-size: 1.5rem;
		padding: 0.9rem 2.5rem 0.7rem 1.3rem;
	}
	.qua-unit-accordion:after{
		width: 2rem;
		height: 2rem;
		top: 1rem;
		right: 1rem;
	}
}


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

qua-unit-frames1

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

.voice .in{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.voice .h{
	background-repeat: no-repeat;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	justify-content: center;
	opacity: 1;
	position:relative;
}
.voice .pink .h{
	background-image: url(../images/cmn/voice-icon-p.svg);
}
.voice .green .h{
	background-image: url(../images/cmn/voice-icon-g.svg);
}
.voice .orange .h{
	background-image: url(../images/cmn/voice-icon-o.svg);
}
.voice .h:before{
	content:"";
	opacity: 0.3;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -3;
}
.voice .h:after{
	content:"";
	opacity: 0.65;
	position: absolute;
	left: 0;
	z-index: -4;
}
.voice .pink .h:before{
	border: 1px #ea68a2 solid;
	background-color: #f095be;
}
.voice .pink .h:after{
	border: 1px #ea68a2 solid;
}
.voice .green .h:before{
	border: 1px #4b7ee9 solid;
	background-color: #13b5b1;
}
.voice .green .h:after{
	border: 1px #4b7ee9 solid;
}
.voice .orange .h:before{
	border: 1px #f19149 solid;
	background-color: #fcac34;
}
.voice .orange .h:after{
	border: 1px #f19149 solid;
}
.voice .name{
	font-weight: bold;
}
.voice .pink .name{
	color: #e34a8e;
}
.voice .green .name{
	color: #009e96;
}
.voice .orange .name{
	color: #f19149;
}

/* pc */
@media print,only screen and (min-width: 614px){
	
	.voice{
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.voice .in{
		width: 47.3%;
	}
	.voice .pic{
		width: 44.2%;
	}
	.voice .txt1{
		width: 49%;
	}
	.voice .in{
		margin-bottom:30px;
	}
	.voice .h{
		background-position: 10px 1em;
		background-size: 27px auto;
		padding: 12px 5px 5px 30px;
		margin-bottom: 35px;
		font-size: 20px;
	}
	.voice .h:before{
		left: -5px;
	}
	.voice .h:after{
		top: 5px;
		right: -5px;
		bottom: -5px;
	}
	.voice .name{
		font-size: 18px;
		line-height: 1.8;
	}
	.voice .txt2{
		margin-top: 20px;
		font-size: 15px;
	}

}

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

	.voice{
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.voice .pic{
		width: 45%;
	}
	.voice .txt1{
		width: 50.7%;
	}
	.voice .in{
		margin-bottom:3rem;
	}
	.voice .h{
		background-position: 0.5rem center;
		background-size: 1.5rem auto;
		padding: 0.8rem 0.8rem 0.5rem 2.2rem;
		font-size: 1.3rem;
		margin-bottom: 2rem;
	}
	.voice .h:before{
		left: -3px;
	}
	.voice .h:after{
		top: 3px;
		right: -3px;
		bottom: -3px;
	}
	.voice .name{
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.voice .txt2{
		margin-top: 1.5rem;
		font-size: 1.3rem;
	}


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

news-list

--------------------------------------------------*/
.qua-unit-archive-h{
	background: url(../images/cmn/oline.gif) 0 0 repeat;
	color: #006286;
	line-height: 1.5;
}

.qua-unit-archive{
	border-top: 1px #e5e5e5 solid;
}
.qua-unit-archive li {
	border-bottom: 1px #e5e5e5 solid;
}
.qua-unit-archive li a{
	display: block;
}
.qua-unit-archive li span.cat {
	color: #fff;
	text-align: center;
	display: inline-block;
} 
.qua-unit-archive li time {
	color: #959595;
}
.qua-unit-archive li span.h{
	color: #125dbe;
}
.pagenavi{
	text-align:center;
}
.pagenavi a,
.pagenavi span{
	background-color:#f6f6f6;
	color: #125dbe;
	display:inline-block;
}
.pagenavi span{
	background-color:#4b7ee9;
	color:#fff;
}
.news-data{
	color: #959595;
	text-align: right;
}
.qua-unit-archive .more{
	text-align: right;
}
.qua-unit-archive .more a:after{
	content: "";
	background: url(../images/cmn/arw-y.svg) right center no-repeat;
	display: inline-block;
}

/* pc */
@media print,only screen and (min-width: 614px){
	
	.qua-unit-archive li {
		font-size: 14px;
	}
	.qua-unit-archive li a{
		padding: 12px 0 13px 0;
	}
	.qua-unit-archive li a:hover{
		text-decoration: none;
	}
	.qua-unit-archive li a:hover .h{
		text-decoration: underline;
	}
	.qua-unit-archive li .h{
		font-size: 16px;
		position:relative;
		top: 2px;
	}
	.qua-unit-archive li span.cat {
		width: 100px;
		font-size: 10px;
		margin:0 7px 0 10px;
	} 
	.qua-unit-archive li time {
		position:relative;
		top: 1px;
		margin-right: 8px;
	}
	.pagenavi{
		font-size:18px;
		margin-top:40px;
	}
	.pagenavi a,
	.pagenavi span{
		padding:0 13px;
		margin:0 5px;
	}
	.pagenavi a:hover{
		background-color:#fbfbfb;
		text-decoration:none;
	}
	.news-data{
		font-size: 14px;
		margin-bottom: 15px;
	}
	.qua-unit-archive .more{
		margin-top: 15px;
	}
	.qua-unit-archive .more a{
		font-size: 14px;
	}
	.qua-unit-archive .more a:after{
		width: 27px;
		height: 12px;
		background-size: 27px auto;
		margin-left: 13px;
	}

}

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

	.qua-unit-archive li a{
		padding: 12px 0 12px 0;

	}
	.qua-unit-archive li .cat {
		width: 8rem;
		font-size: 0.6rem;
		margin-left: 0.4rem;
	} 
	.qua-unit-archive li time {
		font-size: 1.1rem;
	}
	.qua-unit-archive li .h {
		font-size: 1.4rem;
		display: block;
		margin-top: 0.5rem;
	}
	.pagenavi{
		font-size:1.5rem;
		margin-top:2rem;
	}
	.pagenavi a,
	.pagenavi span{
		padding:0.2rem 1.1rem;
		margin:0 0.3rem;
	}
	.pagenavi a:hover{
		background-color:#fbfbfb;
		text-decoration:none;
	}
	.news-data{
		font-size: 1rem;
		margin-bottom: 1.5rem;
	}
	.qua-unit-archive .more a{
		font-size: 1.4rem;
		display: block;
		padding: 1.5rem 0;
	}
	.qua-unit-archive .more a:after{
		width: 2.5rem;
		height: 1.2rem;
		background-size: 2.5rem auto;
		margin-left: 1rem;
	}
}

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

news-list

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

.qua-unit-line hr{
	height:0px;
	margin:0;
	border:none;
}
.qua-unit-line[qua-line-style="short-left-black"] hr{
	background-color: #626262;
}
.qua-unit-line[qua-line-style="short-left-blue"] hr{
	background-color: #4d80e9;
}
.qua-unit-line[qua-line-style="short-center-black"] hr{
	background-color: #626262;
	margin: 0 auto;
}
.qua-unit-line[qua-line-style="short-center-blue"] hr{
	background-color: #4d80e9;
	margin: 0 auto;
}
.qua-unit-line[qua-line-style="long-black"] hr{
	width: 100%;
	height: 1px;
	background-color: #626262;
}
.qua-unit-line[qua-line-style="long-blue"] hr{
	width: 100%;
	background-color: #4d80e9;
	height: 1px;
}
.qua-unit-line[qua-line-style="long-stripe-blue"] hr{
	width: 100%;
	background-image:url(../images/cmn/line-bold.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}


/* pc */
@media print,only screen and (min-width: 614px){
	
	.qua-unit-line[qua-line-style="short-left-black"] hr,
	.qua-unit-line[qua-line-style="short-left-blue"] hr,
	.qua-unit-line[qua-line-style="short-center-black"] hr,
	.qua-unit-line[qua-line-style="short-center-blue"] hr{
		width: 110px;
		height: 3px;
	}
	.qua-unit-line[qua-line-style="long-stripe-blue"] hr{
		height: 7px;
		background-size: 14px auto;
	}

}

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

	.qua-unit-line[qua-line-style="short-left-black"] hr,
	.qua-unit-line[qua-line-style="short-left-blue"] hr,
	.qua-unit-line[qua-line-style="short-center-black"] hr,
	.qua-unit-line[qua-line-style="short-center-blue"] hr{
		width: 5.5rem;
		height: 2px;
	}
	.qua-unit-line[qua-line-style="long-stripe-blue"] hr{
		height: 0.4rem;
		background-size: 0.7rem auto;
	}
}

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

インタビュー

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

.qua-unit-frames1 .qua-unit-frames-item{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.qua-unit-frames1 .qua-unit-frames-title1{
	background-repeat: no-repeat;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	justify-content: center;
	opacity: 1;
	position:relative;
}
.qua-unit-frames1 .pink .qua-unit-frames-title1{
	background-image: url(../images/cmn/voice-icon-p.svg);
}
.qua-unit-frames1 .green .qua-unit-frames-title1{
	background-image: url(../images/cmn/voice-icon-g.svg);
}
.qua-unit-frames1 .orange .qua-unit-frames-title1{
	background-image: url(../images/cmn/voice-icon-o.svg);
}
.qua-unit-frames1 .qua-unit-frames-title1:before{
	content:"";
	opacity: 0.3;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -3;
}
.qua-unit-frames1 .qua-unit-frames-title1:after{
	content:"";
	opacity: 0.65;
	position: absolute;
	left: 0;
	z-index: -4;
}
.qua-unit-frames1 .pink .qua-unit-frames-title1:before{
	border: 1px #ea68a2 solid;
	background-color: #f095be;
}
.qua-unit-frames1 .pink .qua-unit-frames-title1:after{
	border: 1px #ea68a2 solid;
}
.qua-unit-frames1 .green .qua-unit-frames-title1:before{
	border: 1px #4b7ee9 solid;
	background-color: #13b5b1;
}
.qua-unit-frames1 .green .qua-unit-frames-title1:after{
	border: 1px #4b7ee9 solid;
}
.qua-unit-frames1 .orange .qua-unit-frames-title1:before{
	border: 1px #f19149 solid;
	background-color: #fcac34;
}
.qua-unit-frames1 .orange .qua-unit-frames-title1:after{
	border: 1px #f19149 solid;
}
.qua-unit-frames1 .qua-unit-frames-title2{
	font-weight: bold;
}
.qua-unit-frames1 .pink .qua-unit-frames-title2{
	color: #e34a8e;
}
.qua-unit-frames1 .green .qua-unit-frames-title2{
	color: #009e96;
}
.qua-unit-frames1 .orange .qua-unit-frames-title2{
	color: #f19149;
}

/* pc */
@media print,only screen and (min-width: 614px){
	
	.qua-unit-frames1 .qua-unit-frames-items{
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.qua-unit-frames1 .qua-unit-frames-item{
		width: 47.3%;
	}
	.qua-unit-frames1 .qua-unit-frames-pic{
		width: 44.2%;
	}
	.qua-unit-frames1 .qua-unit-frames-pic img{
		width: 100%;
	}
	.qua-unit-frames1 .qua-unit-frames-title{
		width: 49%;
	}
	.qua-unit-frames1 .qua-unit-frames-item{
		margin-bottom:30px;
	}
	.qua-unit-frames1 .qua-unit-frames-title1{
		background-position: 10px 1em;
		background-size: 27px auto;
		padding: 12px 5px 5px 30px;
		margin-bottom: 35px;
		font-size: 20px;
	}
	.qua-unit-frames1 .qua-unit-frames-title1:before{
		left: -5px;
	}
	.qua-unit-frames1 .qua-unit-frames-title1:after{
		top: 5px;
		right: -5px;
		bottom: -5px;
	}
	.qua-unit-frames1 .qua-unit-frames-title2{
		font-size: 18px;
		line-height: 1.8;
	}
	.qua-unit-frames1 .qua-unit-frames-body{
		margin-top: 20px;
		font-size: 15px;
	}

}

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

	.qua-unit-frames1{
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.qua-unit-frames1 .qua-unit-frames-pic{
		width: 45%;
	}
	.qua-unit-frames1 .qua-unit-frames-title{
		width: 50.7%;
	}
	.qua-unit-frames1 .qua-unit-frames-item{
		margin-bottom:3rem;
	}
	.qua-unit-frames1 .qua-unit-frames-title1{
		background-position: 0.5rem center;
		background-size: 1.5rem auto;
		padding: 0.8rem 0.8rem 0.5rem 2.2rem;
		font-size: 1.3rem;
		margin-bottom: 2rem;
	}
	.qua-unit-frames1 .qua-unit-frames-title1:before{
		left: -3px;
	}
	.qua-unit-frames1 .qua-unit-frames-title1:after{
		top: 3px;
		right: -3px;
		bottom: -3px;
	}
	.qua-unit-frames1 .qua-unit-frames-title2{
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.qua-unit-frames1 .qua-unit-frames-body{
		margin-top: 1.5rem;
		font-size: 1.3rem;
	}

}

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

スライダー

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

.qua-unit-slider{
	width: 100%;
	position: relative;
}
.qua-unit-slider li{
}
.qua-unit-slider .slick-dots{
	width: 100%;
	height: auto;
	position: absolute;
	left:50%;
	transform:translateX(-50%);
	display: block;
	text-align: center;
}
.qua-unit-slider .slick-dots li{
	background-color:#fff;
	display: inline-block;
	border-radius: 50%;
	text-indent: -9999px;
	vertical-align: middle;
	cursor: pointer;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);

}
.qua-unit-slider .slick-dots li.slick-active{
	background-color:#4d80e9;
}
.qua-unit-slider .slick-arrow{
	background: none;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	border: none;
	z-index: 10;
	opacity: 0;
}
.qua-unit-slider:hover .slick-arrow{
	opacity: 1;
}
.qua-unit-slider .slick-prev{
	background-image: url(../images/cmn/arw-slide-prev.svg);
}
.qua-unit-slider .slick-next{
	background-image: url(../images/cmn/arw-slide-next.svg);
}

/* pc */
@media print,only screen and (min-width: 614px){
	
	.qua-unit-slider{
	}	
	.qua-unit-slider .qua-picture-img img{
		width: 100%;
	}
	.qua-unit-slider .slick-dots{
		bottom: 13px;
	}
	.qua-unit-slider .slick-dots li{
		width: 15px;
		height: 15px;
		margin: 0 7px;

	}
	.qua-unit-slider .slick-arrow{
		width: 22px;
		height: 38px;
	}
	.qua-unit-slider .slick-prev{
		left: 19px;
	}
	.qua-unit-slider .slick-next{
		right: 19px;
	}
}

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

	
	
	.qua-unit-slider .slick-dots{
		bottom: 0.9rem;
	}
	.qua-unit-slider .slick-dots li{
		width: 1rem;
		height: 1rem;
		margin: 0 0.5rem;

	}
	.qua-unit-slider .slick-arrow{
		width: 1.2rem;
		height: 2.3rem;
		opacity: 1;
	}
	.qua-unit-slider .slick-prev{
		left: 1rem;
	}
	.qua-unit-slider .slick-next{
		right: 1rem;
	}

}