@charset "utf-8";

html {scroll-behavior: smooth;}
body{ overflow-x: hidden;}

@media (min-width: 650px){
	.contents{padding-top: 96px;}
}

@media (min-width: 650px) {
    .pc_view{display: block;}
    .sp_view{display: none;}
}
@media (max-width: 650px) {
    .pc_view{display: none;}
    .sp_view{display: block;}
}

h2{font-size: 2em; font-weight: bold; line-height: 140%;}
h3{font-size: 1.4em; font-weight: bold; line-height: 140%;}

a.anchor,
a#about_ela,
a#merit,
a#reason_why{padding-top: 60px; margin-top:-60px; display: block;}


a.anchor_h {
    padding-top: 90px !important;
    margin-top: -94px !important;
    display: block;
}
@media (max-width: 650px) {
    a.anchor_h {
		padding-top: 100px !important;
		margin-top: -104px !important;
		display: block;
	}
}


.txt_indent{text-indent: -1em; padding-left: 1em;}

.bg_right_gray{width: 100%; background-color: #f5f4f4; position: relative;}
.bg_right_gray:before{
    background-color: #f5f4f4;
}

.wrap90{border: 0px solid red;}
@media (max-width: 1000px) {
	.wrap90{width: 100%!important;}
}


/* アイキャッチ */
.eye_catching{max-width: 900px; width: 100%; text-align: center; padding: 0em 0 2em 0; margin: auto;}
.eye_catching>div{width: 100%; margin: auto; display: flex; flex-wrap: wrap;}
.eye_catching>div h1{width: 100%; text-align: center; font-size: 1.8em; font-weight: bold; line-height: 140%; margin-bottom: 20px;}

.eye_catching>div h1 b{display: inline-block; font-weight: bold; margin: auto 10px;}

.eye_catching>div div.area_txt{width: 50%; height: auto; 
	display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center;}

.eye_catching>div div.area_txt .img_h1_bottom{width: 50%; height: auto; margin-bottom: 30px;}

.eye_catching>div div.area_txt p.txt{text-align: left; width: fit-content; margin: auto auto 20px; font-size: 1.2em;}

.eye_catching>div .btn_lst{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.eye_catching>div .btn_lst li a{background-color: #ff9900; color: #FFF; display: flex; justify-content: center; align-items: center;
font-size: 1.16em; font-weight: normal; width: 180px; height: 40px; border-radius: 4px; margin: auto 10px;}
.eye_catching>div .btn_lst li a:hover{background: #ff6600;}

.eye_catching>div div.area_img{width: calc(50% - 20px); height: auto; padding: 0px 10px;}
.eye_catching>div div.area_img img.eyecatch{width:70%; height: auto; object-fit: cover; object-position: 50% 0%;}


@media (max-width: 600px) {
	.eye_catching{width: 100%; text-align: center; padding: 0em 0 2em 0;}
	.eye_catching>div h1{flex-wrap: wrap; font-size: 1.6em;}
	.eye_catching>div h1 ul{width: auto; margin: 10px auto;}
	.eye_catching>div div.area_txt{width: 100%;}
	.eye_catching>div div.area_txt p.txt{font-size: 1.2em; }

    .eye_catching>div .btn_lst{width: 100%; position: relative; left: 0; bottom:0;}
    .eye_catching>div .btn_lst li {margin: auto 10px;}
    .eye_catching>div .btn_lst li a{width: 100%;}
    
    
	.eye_catching>div div.area_img{width: 60%; margin: auto;}
	.eye_catching>div div.area_img img.eyecatch{width:80%; height: auto; object-fit: cover; /*object-position: 50% 100%;*/ }
    
    .eye_catching>div div.area_txt .img_h1_bottom{margin-bottom: 30px;}
}



/* ページナビ */
nav.nav_contents{width: 100%; height: 70px; background: #0747A6;}
nav.nav_contents #nav_lst{display: none;}
nav.nav_contents #nav_lst + label.logo_area{display: none;}

@media (min-width: 650px) {
	nav.nav_contents{display: flex; justify-content: center;}
	nav.nav_contents #nav_lst + label.logo_area + ul{width: 1000px; display: flex; justify-content:flex-start;}
	nav.nav_contents #nav_lst + label.logo_area + ul li{width: fit-content; height: 100%;}
	nav.nav_contents #nav_lst + label.logo_area + ul li a{display: flex; justify-content: center; align-items: center; font-size: 16px; height: 100%; padding: 0 40px; color: #FFF;}

	nav.nav_contents #nav_lst + label.logo_area + ul li a sup{position: relative; top:-0.5em;}

	/* リスト5以上は以下を適用 */
	nav.nav_contents #nav_lst + label.logo_area + ul.over_5{display: flex; justify-content: space-between;}
	nav.nav_contents #nav_lst + label.logo_area + ul.over_5 li a{padding: 0 20px;}

	/* ロゴエリアは固定余白 */
	nav.nav_contents #nav_lst + label.logo_area + ul li:first-child a{padding: 0 20px;}
	nav.nav_contents #nav_lst + label.logo_area + ul li:first-child a{font-weight: bold; font-size: 1.3em; line-height: 120%;}
}


@media (max-width: 1000px) {
	nav.nav_contents #nav_lst + label.logo_area + ul{width: 100%;}
}

@media (max-width: 650px) {
	nav.nav_contents{width: 100%; height: auto; background: #0747A6;}
	nav.nav_contents #nav_lst + label.logo_area{width: calc(100% - 20px); height: 50px; display: flex; align-items: center; padding-left: 20px; color: #FFF; font-weight: bold; font-size: 1.4em;}
    
    nav.nav_contents #nav_lst + label.logo_area img{height: 30px; width: auto;}
    
	nav.nav_contents #nav_lst + label.logo_area:hover{cursor: pointer;}

	nav.nav_contents #nav_lst + label.logo_area{position: relative;}
	nav.nav_contents #nav_lst + label.logo_area:after{content: ""; width: 8px; height: 8px; position: relative; left:1.6em; 
		border-left: 2px solid #FFF; border-top: 2px solid #FFF; transform: rotate(45deg);}
	nav.nav_contents #nav_lst:checked + label.logo_area:after{transform: rotate(-135deg);}

	nav.nav_contents #nav_lst + label.logo_area + ul{display: none;}
	nav.nav_contents #nav_lst:checked + label.logo_area + ul{width: 100%; display: block; background: #F4F5F7;}
	nav.nav_contents #nav_lst:checked + label.logo_area + ul li:first-child{display: none;}
	nav.nav_contents #nav_lst:checked + label.logo_area + ul li{border-bottom: 1px solid #ddd; padding: 10px 20px;}
	nav.nav_contents #nav_lst:checked + label.logo_area + ul li a{font-size: 1.0em;}
}


/* JiraまたはConfluenceをお使いの皆様へ。こんな課題はありませんか？  problem-section */
section.problem-section{background: #2c2c2c; padding: 40px 0; text-align: center;}
section.problem-section h3{color: #FFF; font-size: 20px; text-align: center; margin-bottom: 30px;}
section.problem-section .problem-list{max-width: 1000px; width: 100%; margin: auto;}
section.problem-section .problem-list{display: flex; flex-wrap: wrap; justify-content: center; align-items:center;}

section.problem-section .problem-list .problem-item{max-width: 820px; /*width: 90%;*/ width: fit-content; padding: 20px; background: #FFF; border-radius: 12px; margin: 10px 5px; display: flex; align-items: center; justify-content: flex-start;}

section.problem-section .problem-list .herf{width: 40%;}

section.problem-section .problem-list .problem-item img{margin-right: 20px; width: 40px; height: auto;}
section.problem-section .problem-list .problem-item p{margin-bottom: 0px; text-align: left;}

section.problem-section .problem-list + img{width: 50px; height: auto; margin: 20px auto;}
section.problem-section .problem-list + img + p{color: #FFF; font-size: 24px; text-align: center; 
width: calc(100% - 40px); margin: auto auto 30px;}

@media (min-width: 1000px) {
	
section.problem-section .problem-list .left{position: relative; left: -20px;}
section.problem-section .problem-list .left:after{content: ""; position: absolute; bottom: -20px; left: 25px; width: 30px;
  aspect-ratio: 1/cos(30deg); clip-path: polygon(0 0,100% 0,0% 100%); background: #FFF;}

section.problem-section .problem-list .right{position: relative; left: 40px;}
section.problem-section .problem-list .right:after{content: ""; position: absolute; bottom: -20px; right: 25px; width: 30px;
  aspect-ratio: 1/cos(30deg);  clip-path: polygon(0 0,100% 0,100% 100%);background: #FFF;}
}

@media (max-width: 1000px) {
	section.problem-section .problem-list{max-width: calc(95% - 40px); margin: auto 20px;}
	section.problem-section .problem-list .problem-item{max-width: 80%;}
	section.problem-section .problem-list .right p{text-align: left;}
}

@media (max-width: 650px) {
	section.problem-section .problem-list{max-width: calc(100% - 40px); margin: auto 20px;}
	section.problem-section .problem-list .problem-item{width: 90%; padding: 10px; }
	section.problem-section .problem-list .problem-item br{display: none;}
	section.problem-section .problem-list + img + p{color: #FFF; font-size: 20px; text-align: center; width: calc(100% - 40px); margin: auto;}
}



/* Atlassian Teamwork Collection とは？ achieved */
section.twc_about{padding: 50px 20px; text-align: center;}
section.twc_about h2{width: 100%; margin-bottom: 50px;}

/* Teamwork Collectionに含まれる製品 #twc_collection */
section#twc_collection{padding: 50px 0; background: #d5e4fa;}
section#twc_collection div{text-align: center;}

section#twc_collection div h2{width: 100%; text-align: center; margin: auto auto 50px;}
ul.twc_collection_lst{display: flex; flex-wrap: wrap; justify-content:space-between; width: 90%; margin: auto; }
ul.twc_collection_lst li{width: calc(50% - 10px); border: 1px solid #aaa; border-radius: 6px; background: #FFF; margin-bottom: 20px;}
ul.twc_collection_lst li a{display: block; width: calc(100% - 42px); padding: 20px;text-align: center; }

.logo_w90{width: 90%; height: auto;}
.logo_w50{width: 50%; height: auto;}
.logo_w40{width: 40%; height: auto; margin: 15px auto;}
.logo_w30{width: 30%; height: auto;}
	
ul.twc_collection_lst li a .img_area img{width: 100%; height: 70px; object-fit:cover; margin-top: 0;}
ul.twc_collection_lst li a .img_area{position: relative; overflow: hidden; margin: 10px auto;}
	
ul.twc_collection_lst li a .img_area:after {content: ""; width: 100%; height: 100%; display: block; position: absolute;
top: 0; left: 0; background: rgba(0, 0, 0, 0.1);}

ul.twc_collection_lst li a:hover{opacity: 0.7;}

@media (max-width: 650px) {
	ul.twc_collection_lst{display: flex; flex-wrap: wrap; justify-content:center; width: 90%; }
	ul.twc_collection_lst li{width: calc(100% - 10px); }
}


/* 録画なのに双方向のコミュニケーションができる “ Loom ” */
section#about_Loom{padding: 50px 20px; /*background: #d5e4fa;*/}
section#about_Loom div{text-align: center;}

section#about_Loom div h2{margin-bottom: 50px;}
	
.Loom_lst{width: 100%; margin: 50px auto;}
.Loom_lst{display: flex; justify-content: space-between;}
.Loom_lst li{width: calc(32% - 46px); border: 3px solid #6b67ce; padding: 20px; background: #FFF;}

.Loom_lst li img{width: 100%; height: auto; object-fit:contain;}

.Loom_lst li:nth-child(1) img{margin: 45px auto;}
.Loom_lst li:nth-child(2) img{width: 70%; height: auto; margin: 29px auto;}
.Loom_lst li:nth-child(3) img{margin: 10px auto 13px;}

.Loom_lst li h3{margin: auto auto 30px;}
.Loom_lst li:nth-child(1) h3{margin: 15px auto 45px;}

@media (max-width: 1100px) {
	.Loom_lst{width: 800px; margin: 50px auto;}
	.Loom_lst li h3{font-size: 17px; margin: auto auto 20px;}
	.Loom_lst li:nth-child(1) h3{margin: 7px auto 30px;}
	.Loom_lst li:nth-child(3) img{margin: 15px auto 15px;}
}
@media (max-width: 650px) {
	.Loom_lst{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;  margin: 20px auto 50px;}
	.Loom_lst li{width: calc(80% - 46px); border: 3px solid #625df5; padding: 20px; margin: 20px auto;}
	
	.Loom_lst li:nth-child(1) img{margin: 20px auto;}
	.Loom_lst li:nth-child(2) img{width: 60%; height: auto; margin: 10px auto;}
	.Loom_lst li:nth-child(3) img{width: 70%; height: auto; margin: 0px auto 10px;}
	
	.Loom_lst li h3{font-size: 17px; margin: auto auto 10px;}
	.Loom_lst li:nth-child(1) h3{margin: 10px auto 10px;}

}


/* Loomはビジネスチームに重宝されています 全社利用でのユースケース、 #usage */
/* Teamwork Collectionに含まれる製品 #twc_collection */
section#usage{padding: 50px 0; background: #d5e4fa;}
section#usage h2 + p{width: calc(100% - 40px); margin: auto 20px;}

section#usage .pc_lst{display: flex; justify-content: space-between;}
section#usage .pc_lst .pc_contents{width: 33%;}
section#usage .pc_lst .flex{width: calc(90% - 20px); padding: 20px; border-radius: 12px; box-shadow:inset 0 0 0 1px #bdbdbd;  margin: auto; flex-wrap: wrap; background: #FFF;}
section#usage .pc_lst .flex img{width: 200px; height: auto; margin: 20px auto;}
section#usage .pc_lst .flex p{line-height: 200%;}

section#usage .pc_lst .flex ul{margin-bottom: 30px;}
section#usage .pc_lst .flex ul li i{display: inline-block; background: #F4A200; color: #FFF; padding: 4px 30px 2px; border-radius: 2px;}
section#usage .pc_lst .flex ul li:nth-child(2){margin:20px auto 20px;}

section#usage .pc_lst .flex30{width: 100%; height: 200px; text-align: center; display: flex; align-items: flex-end;}
section#usage .pc_lst .flex70{width: 100%; height: 330px;}

section#usage .pc_lst .flex70 h4{font-weight: bold; margin-bottom: 20px; font-size: 1.3em;}

/* sp　はカルーセル */
section#usage .product_slide_contents .flex{width: calc(90% - 40px); padding: 20px; border-radius: 12px; box-shadow:inset 0 0 0 1px #bdbdbd;  margin: auto;}
section#usage .product_slide_contents .flex img{width: 200px; height: auto; margin: 20px auto;}
section#usage .product_slide_contents .flex p{line-height: 200%;}

section#usage .product_slide_contents .flex ul{margin-bottom: 30px;}
section#usage .product_slide_contents .flex ul li i{display: inline-block; background: #F4A200; color: #FFF; padding: 4px 30px 2px; border-radius: 2px;}
section#usage .product_slide_contents .flex ul li:nth-child(2){margin:20px auto 20px;}

section#usage .product_slide_contents .bx-prev,
section#usage .product_slide_contents .bx-next{display: none;}

.bx-wrapper .bx-controls-direction a{display: none;}

section#usage .product_bx-pager{margin-top: 20px; position: relative; top:-50px; /*background: #FFF;*/}
section#usage .product_bx-pager ul{display: flex; justify-content: center;}
section#usage .product_bx-pager ul li{margin: auto 5px;}
section#usage .product_bx-pager ul li a{font-size: 0; position: relative; }
section#usage .product_bx-pager ul li a:before{content: ""; width: 14px; height: 14px; border-radius: 30px; display: block; background:#aaa;}

section#usage .product_bx-pager ul li:hover a:before{ background:#ccc;}
section#usage .product_bx-pager ul li a.active:before{ background:#0065E4;}


@media (max-width: 600px) {
	section#usage .pc_lst{display: none;}
	section#usage .product_slide_contents .flex{width: calc(80% - 40px); background: #FFF;  margin-bottom: 50px;}
	section#usage .product_slide_contents .flex70{width: 100%; height: 200px;}
	
	
	.product_slide_wrap{height: 530px;}
}
/* スライダーにする際は以下をコメントアウト */
@media (min-width: 600px) {
	
	section#usage .product_slide_contents .flex{flex-wrap: wrap;}
	section#usage .product_slide_contents .flex30{width: 100%;}
	section#usage .product_slide_contents .flex70{width: 100%; height: 280px;}
	section#usage .product_slide_contents .flex ul li:nth-child(2){margin:10px auto 0px;}
	section#usage .product_bx-pager{display: none;}
	
}

/* リックソフト社内のユースケース */
.ricksoft_usage{margin: 70px auto; }
.ricksoft_usage p{font-size: 0.9em;}
.ricksoft_usage p b{font-size: 1.2em; margin-bottom: 10px; display: inline-block;}
@media (max-width: 600px) {
	.ricksoft_usage{margin: auto auto 50px; }
}

/* よくある質問 #faq */
section#faq{padding: 50px 0 100px;}


/* 動作関連 */
.faq_check{display: none;}
.faq_answer{display: none;}
.faq_check:checked + .faq_label + .faq_answer{display: block;
animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;}
@keyframes slideIn {
    0% {transform: translateY(100px);opacity: 0;}
    100% {transform: translateY(0);}
    40%,100% {opacity: 1;}
}

/* faq_lst  */
.atlassian_migration_faq_lst .wide_wrap{width: 1000px; margin: auto;}
.atlassian_migration_faq_lst{width: 100%; padding: 50px 0; background: #ebebeb; text-align: center;}
.atlassian_migration_faq_lst h2{font-size: 1.6em; font-weight: bold; line-height: 140%;}

/*.faq_label:hover{cursor: pointer;}*/
.faq_label{display: block; background: #FFF; width: calc(80% - 40px); margin: auto; text-align: left; margin-top: 50px; padding: 20px; font-size: 1.2em; border-radius: 10px; user-select: none;}
.faq_answer{width: 80%; background: #FFF; margin: auto; text-align: left; margin-bottom: 50px; padding: 20px; font-size: 1.2em; border-radius: 10px;}

/* Qラベルデザイン用CSS */
.faq_label{position: relative; overflow: hidden; padding: 20px 40px 20px 60px; background: #6b67ce; color: #FFF; border: 1px solid #6b67ce;}
.faq_label{text-align: center; font-weight: bold; font-size: 1.4em;}

/*
.faq_label:before{content: ""; display: block; width: 40px; height: 40px; border-radius: 40px; 
    background:#FFF; color:#0C70E0; position: absolute; top:10px; left:10px;}
.faq_label:after{content: "Q"; color:#0C70E0; position: absolute; left: 24px; top:18px; font-weight: bold;}*/
.faq_answer{padding: 20px 30px;}

/* Aラベルデザイン用CSS */
.faq_answer{position: relative; overflow: hidden; padding: 40px 30px; word-break: break-all; border: 1px solid #6b67ce;}
/*
.faq_answer:before{content: ""; display: block; width: 60px; height: 60px; border-radius: 35px 0 0 0; 
    background: #0C70E0; color:#FFF; position: absolute; bottom:-20px; right:-20px;}
.faq_answer:after{content: "A"; color:#FFF; position: absolute; right: 10px; bottom:6px; font-weight: bold;}*/

.faq_check:checked + .faq_label{border-radius: 10px 10px 0 0; color: #FFF;}
.faq_check:checked + .faq_label + .faq_answer{border-radius: 0 0 10px 10px ;}


/* ONOFFの「＋－」 */
.faq_label{position: relative;}
/*
.faq_label .ico_on_off:before{content: ""; position: absolute; right: 20px; top:30px; 
    font-weight: bold; display:block; width: 20px; height: 1px; background: #FFF;}
.faq_label .ico_on_off:after{content: ""; position: absolute; right: 29px; top:20px; 
    font-weight: bold; display:block; width: 1px; height: 20px; background: #FFF;}
.faq_check:checked + .faq_label .ico_on_off:before{background: #FFF;}
.faq_check:checked + .faq_label .ico_on_off:after{ width: 0px; }
*/

.faq_label span{display: inline-block; font-size: 0.6em; margin-left: 40px; position: relative;}
.faq_label span:before{content: ""; position: absolute; left: -20px; top:3px; background: #ffffff;
  height: calc(tan(60deg) * 14px / 2); width: 12px; clip-path: polygon(0 0, 100% 50%, 0 100%);}

.faq_check:checked + .faq_label span:before{clip-path: polygon(0 0, 100% 0, 50% 100%);}


@media (max-width: 600px) {
    .Android i{display:block;}
    .faq_label .ico_on_off:before{position: absolute; right: 12px; top:28px; width: 16px; height: 1px;}
    .faq_label .ico_on_off:after{position: absolute; right: 19px; top:20px; width: 1px; height: 16px;}
    .faq_answer{padding: 20px 30px;}
	
	.faq_label span{margin: auto 30%;}
}



/* コンタクト
.product_contact{padding: 75px 0 75px 0; background: #0747A6;}
.product_contact h2{margin-bottom: 30px; text-align: center; color: #fff; font-size: 25px; font-weight: bold;}

.product_contact ul{display: flex; justify-content: center;}
.product_contact ul li a{display: block; padding: 13px 70px; background: #FF991F; border-radius: 5px; color: #fff; font-size: 18px; font-weight: bold;}
.product_contact ul li a:hover{background: #ff6600;}
 */


/* コンタクト */
.product_contact{
	padding: 75px 0 60px 0;
	background: #0747A6;
}
.product_contact h2{
	margin-bottom: 30px;
	text-align: center;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	
}
.product_contact ul{
	display: flex; display: -webkit-flex; /* Safari */
	justify-content: center; -webkit-justify-content: center; /* Safari */
}
.product_contact ul li:not(:last-child){margin-right: 20px;}
.product_contact ul li a{
	display: block;
	padding: 13px 70px;
	background: #FF991F;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.product_contact ul li a:hover{background: #ff6600;}

@media (max-width: 600px) {
	.product_contact{ padding: 65px 0 55px 0; }
	.product_contact h2{
		margin-bottom: 21px;
		color: #fff;
		font-size: 21px;
		line-height: 1.3em;
	}
    .product_contact ul{ justify-content: center; -webkit-justify-content: center; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
	.product_contact ul li{ width: calc(60% - 0%);}
	.product_contact ul li:not(:last-child){ margin-right: 0px; margin-bottom: 8px;}
	.product_contact ul li a{
		display: block;
		padding: 10px 0px;
		font-size: 15px;
		text-align: center;
		font-weight: bold;
		
	}
}

.product_contact li{width: calc(30% - 40px); background: #FFF; border-radius: 6px; padding: 40px 20px 10px; text-align: center;}
.product_contact li h3{font-weight: bold; font-size: 1.3em; margin-bottom: 10px;}
.product_contact li p{margin-bottom: 20px; text-align: center;}
.product_contact li a{margin-bottom: 10px; border-radius: 30px!important; padding: 13px 20px!important; font-size: 1.2em!important;}

@media (max-width: 600px) {
	.product_contact li{margin-bottom: 20px!important;}
}


section.in_acd-check {display: block!important; text-align: center; }
section.in_acd-check h2{margin: 2em 0;}

label.acd-label h3 {padding: 4px 40px 8px 20px; width: calc(100% - 60px);}
.acd-label:after {border-right: 14px solid #FFF; top: 12px; right: 20px;}
.acd-check:checked + .acd-label:after {top: 12px; right: 20px;}


.ico_check_on,
.ico_check_off{
    position: relative;
    padding-left: 15px;
    top:-12px;
    font-size: 0;
    margin: auto calc(50% - 8px);
}
@media (max-width: 600px){
}
.ico_check_on:before,
.ico_check_off:before{
    content: "";
    position: absolute;
    top: .2em;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 30px;
}
.ico_check_on:before{border: 1px solid #54a840; background-color: #54a840;}
.ico_check_off:before{border: 1px solid #f70303; background-color: #f70303;}

.ico_check_on:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 6px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 9px;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    border-radius: 2px;
}
.ico_check_off:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 4px;
    width: 10px;
    height: 2px;
    background-color: #FFF;
    border-radius: 2px;
}


.ico_check_on,
.ico_check_off{
    position: relative;
    padding-left: 15px;
    top:-12px;
    font-size: 0;
}
@media (max-width: 600px){
}
.ico_check_on:before,
.ico_check_off:before{
    content: "";
    position: absolute;
    top: .2em;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 2px;
}
.ico_check_on:before{border: 1px solid #54a840; background-color: #54a840;}
.ico_check_off:before{border: 1px solid #f70303; background-color: #f70303;}

.ico_check_on:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 5px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 9px;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    border-radius: 2px;
}
.ico_check_off:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 4px;
    width: 10px;
    height: 2px;
    background-color: #FFF;
    border-radius: 2px;
}


@media (min-width: 601px) {

    .plan_panel_v2 .caption li {height: 50px;}
    .plan_panel_v2 .inner_block dt{height: 58px;}

    .plan_panel_v2 .inner_list dd{height: 50px;}


    .p_sticky_bk_top{position: relative;}
    .p_sticky_bk_top .p_sticky_bk{position: absolute; width: 100%; height: 10px; background: red;}
    .p_sticky_bk_top .p_sticky_bk:before{content: ""; display: block; width: 100px; height: 100px; background: #FFF; position: sticky; top:100px;}


    .plan_panel_v2_list .inner_block dt,
    .plan_panel_v2_list .standard dt,
    .plan_panel_v2_list .premium dt{position: sticky; top:96px; z-index: 9;}



    .month_price .plan_panel_v2_list .inner_block dt,
    .month_price .plan_panel_v2_list .standard dt,
    .month_price .plan_panel_v2_list .premium dt{position: sticky; top:94px;}
    

     div.year_price .plan_panel_v2_list dl.supportplus dt {height: 53px!important;}
    .add_sticky_caption{width: 100%; height: 50px; background: #FFF; position: sticky; top:96px;}
    .plan_panel_v2_list .caption{margin-top: 6px!important;}	
    .month_price .add_sticky_caption{width: 100%; position: sticky; top:94px;}
    
    
    .plan_panel_v2_list .Enterprise_add_sticky{position: sticky; top:176px; z-index: 9;}

    .plan_panel_v2_list .plan_lst{margin-top: 56px!important;}
    .plan_panel_v2_list .plan_lst li{height: 54px!important;}
}


@media (max-width: 600px) {
    label.acd-label {
        position: relative;
        left: auto!important;
    }
    
    label.acd-label h3:hover + p {display: none;}
}



.loom_license th,.loom_license td{padding: 10px 10px;}