@charset "UTF-8";
/* ---------------------
reset
--------------------- */

figure{
	margin: 0;
}

figure > img + figcaption{
	margin-top: 1em;
}

/* ---------------------
共通
--------------------- */

[data-script-enabled] .unq-changeImg{
	display: none;
}

.pageLink {
	font-size: 16px;
	font-size: 1.6rem;
	background: #f4f8f3;
	margin-bottom: 20px;
	padding: 18px 30px;
	border-radius: 8px;
}
.pageLink> li+ li {
	margin-top: 14px;
}

li> a {
	line-height: 1.75em;
}

img[src^="//googleads"] {
	display: none;
}
main {
	padding-bottom: 8rem;
}
.mainSub {
	padding-bottom: 0;
}
.notesBox2 {
    background: transparent;
}

.softBreak{
	display: block;
}

/*ヘッダー内要素*/
.btn_hd {
	font-size: 1.5rem;
    line-height: 1.3em;
    text-decoration: none;
    text-align: center;
    color: #223;
    background: #fcdb00;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 210px;
    padding: 11px 21px 8px !important;
    box-shadow: 0 3px 6px rgb(199 199 199 / 50%);
}
.btn_hd:hover,
.btn_hd:focus {
    color: #223;
}
.btn_area {
	display: flex;
}
.btn_area > dl > dt {
	font-size: 1.5rem;
	text-align: center;
}
.btn_area > dl + dl {
	margin-left: 13px;
}
.btn_area img[src*="/option/common/img/icon_01.png"],
.btn_area_sp img[src*="/option/common/img/icon_01.png"] {
	display: none;
}

@media only screen and (min-width: 768px)  {
.gHd2017_parsonal {
	display: none;
}
}

@media only screen and (max-width: 767px)  {
.btn_area {
	display: none;
}
}

/* SP用固定フッター（申し込みボタン）*/
@media only screen and (max-width: 767px) {
.apply_area_sp {
	position: fixed;
	z-index: 9000;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
	background-color: rgba(51, 51, 51, 0.7);
}
.apply_area_sp .inner {
	padding: 10px 15px;
}
.btn_area_sp {
	display: flex;
}
.btn_area_sp > dl {
	width: calc(50% - 7.5px);
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.btn_area_sp > dl + dl {
	padding-left: 15px;
}
.btn_area_sp > dl > dt {
	color: #fff;
	font-size: 1.5rem;
}
.btn_area_sp > dl > dd {
	font-size: 1.4rem;
}
.btn_area_sp .btn_hd {
	font-size: 1.4rem;
	width: 100%;
	padding: 15px 10px !important;
}
}

/*見出し要素*/
.hdg1Box .hdg1BoxInner {
	padding-top: 0;
}

.hdg1Box .hdg1BoxInner .hdg1BoxTitles {
	vertical-align: middle;
    padding-top: 18px;
}

.hdg1Box.js_fixedMenu .hdg1BoxInner {
    padding-top: 20px;
    padding-bottom: 10px;
}

.hdg1BoxTitles .hdg1 {
	font-size: 32px;
    font-size: 3.2rem;
    display: table-cell;
    vertical-align: middle;
	line-height: 1.3em;
}

.hdg2,
.hdg2Top {
	margin-bottom: 20px;
}

.hdg1Box.nav_none {
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
}

.hdg1Box.nav_none.js_fixedMenu+ main {
	margin-top: 95px;
}

.hdg3 > p {
	line-height: 1.75em;
	margin-bottom: 0;
}

/* リンク */

.hdrMenu .menuService,
.hdrMenu .menuProcedure,
.hdrMenu .menuQuestion {
	line-height: 1.75em;
}

a.backBtn:visited {
	color: #fff;
}

.backBtn {
	border: 2px solid #5d5d5d;
	border-radius: 17px;
}


.accordion2Item .notes{
	margin: 15px 0 0;
}

/* Youtube動画 */

section.movie {
	padding-top: 50px;
}

.movie_container {
	text-align: center;
}
.movie_txt {
	width: 100%;
	max-width: 784px;
	margin: 0 auto 5px;
	text-align: right;
}

@media only screen and (max-width: 767px)  {
.movie_container {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.movie_container iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
}


/* 汎用 */

.type-inline> * {
	display: inline-block;
}

.frame_gr {
	background: #f4f8f3;
	margin-bottom: 30px;
	padding: 20px 30px;
	border-radius: 8px;
}

.mlauto {
	margin-left: auto !important;
}

.mrauto {
	margin-right: auto !important;
}

.textR_spL {
	text-align: right !important;
}



/* ---------------------
モジュール
--------------------- */

.notes> li,
.notes> li a,
.notes> li div,
.list> li {
	line-height: 1.75em;
}

.accordion2List {
	line-height: 1.75em;
}

/* ---------------------
ユニーク
--------------------- */

.unq-kaspersky-roundedBox {
	border: 1px solid #ccc;
	border-radius: 8px;
	overflow: hidden;
}

.unq-kaspersky-roundedBox h4{
	font-size: 1.8rem;
	background: #007260;
	color: #fff;
	font-weight: bold;
	padding: 16px 30px 13px;
}

.unq-kaspersky-roundedBox .inner{
	display: flex;
	padding: 20px 30px;
}
.unq-kaspersky-roundedBox .inner .text{
	font-size: 1.6rem;
	padding-right: 20px;
}
.unq-kaspersky-roundedBox .inner .text > p {
	margin: 0;
}
.unq-kaspersky-roundedBox .inner .text > p + p {
	margin-top: 10px;
}

.unq-kaspersky-roundedBox .inner img{
	max-width: none;
}

.unq-kaspersky-colBlock.col2 .unq-kaspersky-roundedBox{
	margin: 0 0 20px;
}
.unq-kaspersky-colBlock.col2::after{
	display: none;
}



.unq-kaspersky-conversionArea .readText {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.3em;
	margin-bottom: 14px;
}

.unq-kaspersky-tagArea{
	margin: 0;
}
.unq-kaspersky-tagArea [class*="tag-"]{
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 5px 6px;
	line-height: 1em;
	font-weight: bold;
	color: #fff;
}
.unq-kaspersky-tagArea [class*="tag-"]+[class*="tag-"] {
	margin-left: 10px;
}
.unq-kaspersky-tagArea .tag-win{
	background-color: #00b1ef;
}
.unq-kaspersky-tagArea .tag-mac{
	background-color: #7fa5e2;
}
.unq-kaspersky-tagArea .tag-and{
	background-color: #8aba28;
}
.unq-kaspersky-tagArea .tag-ios{
	background-color: #656565;
}

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

	/* ---------------------
	共通
	--------------------- */

	section > section + section {
		margin-top: 110px;
	}
	section > .mainSub > h2 + * ~ *,
	section > .mainSub > section + section{
		margin-top: 80px;
	}

	/* ---------------------
	モジュール
	--------------------- */

	/*unq-kaspersky-colBlock*/

	[class*='unq-kaspersky-colBlock'] {
		display: flex;
		width: 100%;
	}

	[class*='unq-kaspersky-colBlock'] .colItem {
		vertical-align: middle;
		box-sizing: border-box;
	}

	[class*='unq-kaspersky-colBlock'] .colItem + .colItem{
		margin-left: 15px;
	}

	.unq-kaspersky-colBlock-10 .colItem:first-child {
		width: 10%;
	}

	.unq-kaspersky-colBlock-20 .colItem:first-child {
		width: 20%;
	}

	.unq-kaspersky-colBlock-30 .colItem:first-child {
		width: 30%;
	}

	.unq-kaspersky-colBlock-40 .colItem:first-child {
		width: 40%;
	}

	.unq-kaspersky-colBlock-50 .colItem:first-child {
		width: 50%;
	}

	.unq-kaspersky-colBlock-60 .colItem:first-child {
		width: 60%;
	}

	.unq-kaspersky-colBlock-70 .colItem:first-child {
		width: 70%;
	}

	.unq-kaspersky-colBlock-80 .colItem:first-child {
		width: 80%;
	}

	.unq-kaspersky-colBlock-90 .colItem:first-child {
		width: 90%;
	}

	.unq-kaspersky-colBlock.col2{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.unq-kaspersky-colBlock.col2 .colItem{
		width: 49%;
		width: calc( calc(100% - 15px) / 2);
	}
	.unq-kaspersky-colBlock.col2 .colItem:nth-child(2n+1){
		margin-left: 0;
	}

	.pcBlock{
		display: block;
	}

	/* ---------------------
	ユニーク
	--------------------- */

	.unq-kaspersky-funcGraph {
		font-size: 1.8rem;
		font-weight: bold;
		border-spacing: 8px 12px;
	}

	.unq-kaspersky-funcGraph tr + tr {
		margin-top: 12px;
	}
	.unq-kaspersky-funcGraph tr > th ~ *{
		margin-left: 8px;
	}
	.unq-kaspersky-funcGraph tr > th {
	}
	.unq-kaspersky-funcGraph tr:first-child > th{
		vertical-align: bottom;
		position: relative;
		bottom: -.2em;
	}
	.unq-kaspersky-funcGraph tr > th sup{
		color: inherit;
		font-size: 0.6em;
	}
	.unq-kaspersky-funcGraph tr ~ tr > th,
	.unq-kaspersky-funcGraph tr ~ tr > td {
		border: 2px solid;
		border-radius: 4px;
		box-sizing: border-box;
	}
	.unq-kaspersky-funcGraph tr ~ tr > th{
		padding: 10px 5px 7px 15px;
		text-align: left;
		border-color: #ccc;
		color: #223;
		background: #f5f5f6;
	}
	.unq-kaspersky-funcGraph tr ~ tr > td{
		padding: 10px 0 7px;
		text-align: center;
		width: 110px;
	}
	.unq-kaspersky-funcGraph .win{
		color: #00b1ef;
	}
	.unq-kaspersky-funcGraph tr ~ tr > td.win{
		border-color: #00b1ef;
	}
	.unq-kaspersky-funcGraph .mac{
		color: #7fa5e2;
	}
	.unq-kaspersky-funcGraph tr ~ tr > td.mac{
		border-color: #7fa5e2;
	}
	.unq-kaspersky-funcGraph .and{
		color: #8aba28;
	}
	.unq-kaspersky-funcGraph tr ~ tr > td.and{
		border-color: #8aba28;
	}
	.unq-kaspersky-funcGraph .ios{
		color: #656565;
	}
	.unq-kaspersky-funcGraph tr ~ tr > td.ios{
		border-color: #656565;
	}

	.unq-kaspersky-funcGraph tr ~ tr > td[class*="support"] > span{
		opacity: 0;
		position: absolute;
	}
	.unq-kaspersky-funcGraph tr ~ tr > td.support::before{
		content: "●";
	}
	.unq-kaspersky-funcGraph tr ~ tr > td.unsupport::before{
		content: "-";
	}

	.unq-kaspersky-colBlock.col2 .unq-kaspersky-roundedBox{
		width: calc( calc(100% - 20px) / 2);
		margin: 0 0 20px;
	}


	.unq-kaspersky-conversionArea.colItem {
		display: flex;
		align-items: center;
	}


	.unq-kaspersky-tagArea{
		display: inline-block;
		padding-left: 15px;
	}
}

@media only screen and (max-width:767px) {
	/* ---------------------
	共通
	--------------------- */
	/*共通*/
	section > .mainSub {
		margin-top: 30px;
	}
	li > a {
		line-height: 1.6em;
	}
	.inner {
		padding: 0 15px;
	}
	.pageLink {
		font-size: 1.4rem;
		padding: 15px;
	}
	.textR_spL {
		text-align: left !important;
	}
	/*見出し要素*/
	.hdg1Box {
		border-top: 1px solid #ccc;
	}
	.hdg1Box.nav_none {
		border-bottom: 1px solid #ccc;
	}
	.hdg2Top.noArrow {
		margin-bottom: 30px;
	}
	.hdg2Top.noArrow:after {
		content: none;
	}


	/* ---------------------
	モジュール
	--------------------- */

	/*unq-kaspersky-colBlock*/
	[class*="unq-kaspersky-colBlock"] figure{
		text-align: center;
	}

	[class*="unq-kaspersky-colBlock"] .colItem {
		margin-top: 30px;
	}


	/* ---------------------
	ユニーク
	--------------------- */
	.unq-kaspersky-funcGraph{
		display: none;
	}
	.accordion2List > .unq-kaspersky-tagArea {
		margin-top: 5px;
	}
}