@charset "utf-8";
/* CSS Document */

main div,main p,main h1,main h2,main h3,main h4,main h5,main ul,main li, main dl, main dt, main dd{
	line-height: 1.5;
}

#breadcrumbs ol li{
	color: #fff;
	line-height: 1.3;
}

/*-----------------
 *main_v
-----------------*/
.main_v {
	padding: 130px 0 44px;
	background-color: #020202;
	background-image: url(/web/jp/contract/images/riskreduction/mainv.png);
	background-position: 66% -159px;
	background-size: 1400px;
	text-align: center;
	/*height: 150px;*/
}
.main_v h1{
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.4;
}
.main_v h1 .h1-sub{
	font-size: 20px;
	margin-bottom: 5px;
}
.main_v h1 > .h1-sub{
	display: block;
}
.main_v h1 .h1-sub.pc-only{
	display: none;
}
.intro{
	background-image: url(/web/jp/contract/images/riskreduction/intro-bg.png);
	background-position: center 40%;
	background-repeat: no-repeat;
	padding: 57px 0 24px;
	text-align: center;
}
.intro h2{
	color: #934B81;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.7;
}
.riskreduction-main{
	background-color: #FDF7F9;
	font-size: 16px;
	padding: 76px 20px 60px;
	position: relative;
}
.riskreduction-main:before{
	content: url(/web/jp/contract/images/riskreduction/tri-white.png);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.riskreduction-main-inner{
	margin: 0 auto;
	max-width: 1024px;
}
section h2{
	margin-bottom: 36px;
}
section h2 span{
	display: block;
	text-align: center;
}
section h2 .h2-sub{
	background-position: center 0;
	background-repeat: no-repeat;
	color: #934B81;
	font-size: 16px;
	font-weight: bold;
	padding: 30px 0 10px;
}
section h2 .h2-main{
	background-color: #934B81;
	border-radius: 6px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 18px 10px;
	position: relative;
	line-height: 1.4;
}
.sec01 h2 .h2-sub{
	background-image: url(/web/jp/contract/images/riskreduction/num01.png);
}
.sec02 h2 .h2-sub{
	background-image: url(/web/jp/contract/images/riskreduction/num02.png);
}
.sec01{
	margin-bottom: 48px;
}

.sec-main{
	margin-bottom: 26px;
	position: relative;
}
.sec-main .p-txt{
	line-height: 1.75;

}
.sec-main .p-txt strong{
	color: #934B81;
	font-weight: bold;
}
.sec-main .p-img{
	text-align: center;
}
.box-balloon{
	background-color: #fff;
	border: 1px solid #934B81;
	border-radius: 6px;
	color: #934B81;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.6;
	margin-top: 23px;
	margin-bottom: 24px;
	padding: 37px 20px 21px;
	position: relative;
	text-align: center;
}
.box-balloon:before{
	content: url(/web/jp/contract/images/riskreduction/balloon-tail.png);
	position: absolute;
	top: -23px;
	left: 50%;
	transform: translateX(-50%);
}
.box-balloon .underline{
	text-decoration: underline;
}

.box-q{
	background-color: #fff;
	border: 1px solid #D0D0D0;
	border-radius: 6px;
	margin-bottom: 24px;
	padding: 21px 23px;
}
.box-q h3{
	border-bottom: 1px solid #D0D0D0;
	color: #934B81;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 12px;
	text-align: center;
}
.box-q h3 img{
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}
.box-q .p-img{
	height: 200px;
	position: relative;
}
.box-q .p-img img{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
}
.box-q .p-txt{
	line-height: 1.75;
}
.btn-bluline{
	text-align: center;
}
.btn-bluline a{
	background-color: #fff;
	border: 1px solid #2484EA;
	border-radius: 6px;
	color: #2484EA;
	display: inline-block;
	font-weight: bold;
	line-height: 1.75;
	max-width: 707px;
	padding: 24px 20px 16px;
	text-align: center;
}
.sec02{
	margin-bottom: 40px;
}
.sec02 .q-wrap{
	margin-bottom: 16px;
}
.kome-note{
	color: #777;
	display: flex;
	font-size: 12px;
	margin-bottom: 18px;
}

.catch{
	background-color: #934B81;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.75;
	margin-bottom: 53px;
	padding: 59px 20px 40px;
	text-align: center;
}

.online_demo h2{
	margin-bottom: 27px;
	font-size: 26px;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
}
.online_demo .online_demo_btn a{
	display: inline-block;
	width: 100%;
	padding: 22px 25px 16px;
	text-align: center;
	background-color: #8E7CC3;
	border-radius: 6px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 1.25;
}
.online_demo .cnv-btn{
	width: 100%;
	max-width: 468px;
}
.online_demo .cnv-btn a{
	background-color: #8E7CC3;
}

#sec-price{
	padding: 60px 0 45px;
}
#sec-price h2{
	margin-bottom: 28px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}

#sec-price  .cnv-btn.btn{
	width:90%
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {
	.main_v {
		padding: 167px 0 70px;
		background-size: auto;
		background-position: 60% -342px;
	}
	.main_v .cnv-btn.btn{
		width:460px;
		}
	.main_v h1 br{
		display: none;
	}
	.main_v h1 .h1-sub{
		margin-bottom: 6px;
		display: block;
	}
	.riskreduction-main{
		padding-top: 66px;
	}
	.intro{
		padding: 65px 0 60px;
	}
	section h2{
		margin-bottom: 50px;
	}
	section.intro h2{
		margin-bottom: 0;
	}
	section h2 .h2-main{
		font-size: 28px;
		padding: 15px;
	}
	.sec-main .p-txt{
		width: calc(100% - 308px);
	}
	.sec-main .p-img{
		position: absolute;
		top: -81px;
		right: 25px;
	}
	.q-wrap .box-q .p-txt{
		margin: 0 6px;
	}
	.sec01 .sec-main{
		margin-bottom: 65px;
	}
	.sec01 .q-wrap{
		display: flex;
	}
	.sec01 .q-wrap .box-q{
		width: calc(100% - 20px);
		padding-bottom: 39px;
	}
	.sec01 .q-wrap .box-q:first-child{
		margin-right: 20px;
	}
	.btn-bluline a{
		width: 707px;
		padding: 24px 20px 20px;
	}
	.sec02{
		margin-bottom: 60px;
	}
	.sec02 .q-wrap .box-q h3{
		margin-bottom: 30px;
	}
	.sec02 .q-wrap .box-q .q-contents{
		display: flex;
	}
	.sec02 .q-wrap .box-q .p-img{
		height: auto;
		text-align: center;
		width: 203px;
	}
	.sec02 .q-wrap .box-q .p-img img{
		position: static;
	}
	.sec02 .q-wrap .box-q .p-txt{
		margin: 0;
		width: calc(100% - 203px);
	}
	.catch{
		font-size: 28px;
		line-height: 1.65;
		margin-bottom: 55px;
		padding: 59px 75px 50px;
	}
	.online_demo h2{
		margin-bottom: 27px;
		font-size: 32px;
		line-height: 52px;
	}
	#sec-price  .cnv-btn.btn{
		width:460px;
	}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	.main_v {
		padding: 167px 0 70px;
		background-size: auto;
		background-position: 50% -342px;
		/*height: 500px;*/
	}
	.main_v h1{
		font-size: 40px;
	}
	.main_v h1 .h1-sub{
		display: block;
	}
	intro{
		padding: 64px 0;
	}
}
@media screen and (min-width:75em) {
	.main_v h1 .h1-sub{
		display: block;
	}

	#sec-case .case-interview {
		max-width: none;
	}	
}
/*-----------------
 *コンバージョンボタン
-----------------*/
.cv_area{
	text-align: center;
	background-image: url(/web/jp/contract/images/top_cnv_bg.jpg);
	padding: 60px 0;
	background-size: cover;
    background-position: center;
}
.cv_area .cnv-btn{
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	.campaign h3 span{
		font-size: 1.5em;
	}
}
.cnv-btn a{
	line-height: 1.25em;
	/*padding: 1.2em 1em 1.1em;*/
}
.cnv-btn a span.small{
	font-size: 0.75em;
}
.cnv-btn a span.small2{
	font-size: 0.75em;
}
.cv_area .cnv-btn_pr a,#sec-function .campaign .cnv-btn a{
	margin-bottom: 20px;
}
.cv_area .cnv-btn_pr a span.arrow_icon,#sec-function .campaign .cnv-btn a span.arrow_icon{
	vertical-align: middle;
    display: inline-block;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","ＭＳ Ｐゴシック",sans-serif;
    font-size: 15px;
    height: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    margin: auto 0;
    line-height: 14px;
	font-weight: normal;
}
.cv_area .cnv-btn_pr a:last-child{
	margin-bottom: 0;
	background-color: #8e7cc3;
}
.online_demo .cnv-btn{
	width: 100%;
	max-width: 468px;
}
.online_demo .cnv-btn a{
	background-color: #8E7CC3;
}

#sec-case #sec-case-h2{
	margin-bottom: 40px;
	text-align: center;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.5em;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	.cnv-btn{
		max-width: none; 
	}
	.cnv-btn a{
		padding: 1em 1em 0.85em;
	}
	.cnv-btn a span.small{
		font-size: 0.75em;
	}
	.cnv-btn a span.small2{
		font-size: 1em;
	}
	.cv_area .cnv-btn_pr a{
		float: left;
		width: 40.6%;
		margin-right: 3%;
		margin-bottom: 0;
	    line-height: 1.4;
    	padding: 0.65em 1em 0.5em;
	}
	.cv_area .cnv-btn_pr a:last-child{
		margin: 0;
	}
	.online_demo .cnv-btn a{
		padding: 0.65em 1em 0.5em;
		background-color: #8E7CC3;
		line-height: 1.4;
	}
	#sec-case #sec-case-h2{
		font-size: 1.5em;
	}
	#sec-case .contents{
		padding-top: 55px;
		padding-bottom: 35px;
	}
	#sec-case .case-interview{
		width: 100%;
		max-width: none;
		margin: 0 auto;
	}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	.section_lead{
		font-size: 1.5em;
	}
	.cnv-btn a{
		font-size: 1.5em;
	}
	.cv_area .cnv-btn,#sec-function .campaign .cnv-btn{
		max-width: 1000px;
	}
	.cv_area .cnv-btn_pr a span{
		font-size: 0.65em;
		font-weight: normal;
	}
	.cv_area .cnv-btn_pr a span.bold{
		font-size: 0.8em;
		font-weight: bold;
	}
	.cv_area .cnv-btn_pr a span.small2{
		font-size: 1em;
		font-weight: bold;
	}
	.main_v .cv_area p.cnv-btn{
		margin-bottom: 0;
	}
	.cv_area .cnv-btn_pr a{
		float: left;
		width: 42%;
		margin-right: 4%;
		margin-bottom: 0;
	    line-height: 1.4;
    	padding: 0.65em 1em 0.5em;
	}
	.cv_area .cnv-btn_pr a:last-child{
		margin: 0;
	}
	.cv_area .cnv-btn_pr a:last-child:hover{
		background-color: #8dbad2;
	}
	.cv_area .cnv-btn a:last-child::after,#sec-function .campaign .cnv-btn a:last-child::after{
		font-size: 1.5em;
	}
}

/*-----------------
 *sec-price 料金体系
-----------------*/
#sec-price .contents{
	margin: 0 auto;
	max-width: 64em;
	padding: 0;
	width: 90%;
    z-index: 1;
}
#sec-price p.new-link{
	margin-top: -27px;
}
p.start-cost{
	font-size: 1.25em;
	line-height: 1.5em;
	margin-bottom: 40px;
}
p.start-cost span{
	font-size: 32px;
	display: inline-block;
	margin: 0 10px;
}
#tab3 p.start-cost span{
	color: #934b81;
}
#tab4 p.start-cost span{
	color: #4b7e93;
}
#tab3 p.start-cost span.cost-free{
	font-size: 14.4px;
	color: #777;
}

/*-----------------
 *sec-price 料金表
-----------------*/
.cost-table01,.cost-table02,.cost-table03,.cost-table04{
	border: 1px solid #ccc;
	border-radius: 6px;
	margin-bottom: 40px;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	#sec-price .table{
		width: 686px;
		margin: auto;
	}
	.cost-table01,.cost-table02{
		height: 780px;
		float: left;
	}
	.cost-table03,.cost-table04{
		height: 340px;
		float: left;
	}
	.cost-table01,.cost-table03{
		width: 300px;
		margin-right: 50px;
	}
	.cost-table02,.cost-table04{
		width: 330px;
	}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width: 64em){
	#sec-price .table{
		width: 826px;
	}
	.cost-table01,.cost-table03{
		width: 350px;
		margin-right: 70px;
	}
	.cost-table02,.cost-table04{
		width: 400px;
	}
}

/*************************************
 ゴールドプラン 
************************************/
/*新共通*/
section.sec-plan{
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.16);
	overflow: hidden;
}
section.sec-plan *{
	line-height: 1.5;
}
section.sec-plan .note-num{
	display: inline-block;
	margin-left: 8px;
	font-size: 12px;
	color: #777;
	font-weight: normal;
}
section.sec-plan h3{
	text-align: center;
	font-weight: bold;
}
section.sec-plan h3 span{
	display: block;
}
section.sec-plan h3 span.h3-sub{
	font-size: 16px;
	font-weight: normal;
}
section.sec-plan .a-price-main{
	margin: 24px;
	padding-bottom: 16px;
	border-bottom: 1px dashed #ccc;
	text-align: center;
	font-weight: bold;
}
section.sec-plan .a-plan-detail dl.m-price-detail{
	margin: 0 24px 24px;
}
section.sec-plan .a-plan-detail{
	margin-bottom: 16px;
}
section.sec-plan .a-plan-detail dl.m-price-detail > dt,section.sec-plan .a-plan-detail dl.m-price-detail > dd{
	font-size: 14px;
}
section.sec-plan .a-plan-detail dl.m-price-detail > dt{
	width: 60%;
	float: left;
	text-align: left;
	clear: both;
}
section.sec-plan .a-plan-detail dl.m-price-detail > dd{
	width: 40%;
	float: right;
	text-align: right;
}
section.sec-plan .a-plan-detail > dl.detail-other > div{
	display: table;
	width: 100%;
}
section.sec-plan .a-plan-detail > dl.detail-other > div:nth-child(2n+1){
	background-color: #f6f7f8;
}
section.sec-plan .a-plan-detail > dl.detail-other dt,section.sec-plan .a-plan-detail > dl.detail-other dd{
	display: table-cell;
	vertical-align: middle;
}
section.sec-plan .a-plan-detail > dl.detail-other dt{
	padding: 8px 0 8px 24px ;
	text-align: left;
	font-size: 14px;
}
section.sec-plan .a-plan-detail > dl.detail-other dd{
	padding: 8px 24px;
	text-align: right;
	font-size: 12px;
	color: #777;
}
section.sec-plan .a-plan-detail > dl.detail-other dd.enable{
	font-size: 16px;
	font-weight: bold;
}
section.sec-plan.plan-silver .a-price-main,section.sec-plan.plan-free .a-price-main{
	font-size: 24px;
	color: #333;
}
section.sec-plan.plan-silver .a-price-main span,section.sec-plan.plan-free .a-price-main span{
	font-size: 30px;
}
section.sec-plan.plan-silver .a-plan-detail > dl.detail-other dd.enable,section.sec-plan.plan-free .a-plan-detail > dl.detail-other dd.enable{
	color: #999;
}
section.sec-plan .open-plan-detail,section.sec-plan .close-plan-detail{
	margin-bottom: 16px;
	text-align: center;
}
section.sec-plan .open-plan-detail a,section.sec-plan .close-plan-detail a{
	color: #2684e2;
}
section.sec-plan .close-plan-detail,section.sec-plan.plan-silver .a-plan-detail,section.sec-plan.plan-free .a-plan-detail{
	display: none;
}

/*新section*/
section.sec-plan.plan-gold h3{
	margin: 0;
	padding: 42px 16px;
	background: url(/web/jp/contract/images/about_goldplan_titbg.png) 100% 0 no-repeat transparent;
	font-size: 32px;
	color: #fff;
}
section.sec-plan.plan-gold .a-price-main{
	font-size: 30px;
	color: #C8A531;
}
section.sec-plan.plan-gold .a-price-main span{
	font-size: 46px;
	letter-spacing: -0.01em;
}
section.sec-plan.plan-gold .a-plan-detail > dl.detail-other dt{
	font-weight: bold;
}
section.sec-plan.plan-gold .a-plan-detail > dl.detail-other dd.enable{
	color: #C8A531;
}
/*************************************
シルバープラン 
*************************************/
/*新section*/
section.sec-plan.plan-silver h3{
	margin: 0;
	padding: 32px 16px;
	background: #A8ABAE;
	font-size: 24px;
	color: #fff;
}
section.sec-plan.plan-silver h3 span.h3-sub,section.sec-plan.plan-free h3 span.h3-sub{
	font-size: 14px;
	font-weight: normal;
}


/************************************* 
フリープラン 
*************************************/
/*新section*/
section.sec-plan.plan-free h3{
	margin: 0;
	padding: 32px 16px;
	background: #F6F6F6;
	font-size: 24px;
	color: #666;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	section.sec-plan.plan-gold{
		width: 400px;
		margin: 0 auto 40px;
	}
	section.sec-plan.plan-silver{
		float: right;
		width: 320px;
	}
	section.sec-plan.plan-free{
		float: left;
		width: 320px;
	}
	.kome{
		clear: both;
	}
	section.sec-plan .open-plan-detail,section.sec-plan .close-plan-detail{
		display: none;
	}
	section.sec-plan.plan-silver .a-plan-detail,section.sec-plan.plan-free .a-plan-detail{
		display: block;
	}
	section.sec-plan.plan-silver .a-plan-detail > dl.detail-other dd,section.sec-plan.plan-free .a-plan-detail > dl.detail-other dd{
		padding: 0 24px 0 0;
		line-height: 1.1;
		white-space: nowrap;
	}
}
@media screen and (min-width:64em){
	section.sec-plan.plan-gold,section.sec-plan.plan-silver,section.sec-plan.plan-free{
		float: right;
	}
	section.sec-plan.plan-gold{
		width: 39.2%
	}
	section.sec-plan.plan-silver,section.sec-plan.plan-free{
		width: 30.1%;
		margin-top: 42px;
		margin-right: 2px;
	}
	section.sec-plan.plan-silver h3,section.sec-plan.plan-free h3{
		height: 114px;
		box-sizing: border-box;
	}
	section.sec-plan.plan-gold .a-price-main,section.sec-plan.plan-silver .a-price-main,section.sec-plan.plan-free .a-price-main{
		height: 88px;
		box-sizing: border-box;
	}
	section.sec-plan.plan-silver .a-price-main,section.sec-plan.plan-free .a-price-main{
		padding-top: 12px;
	}
	section.sec-plan .a-plan-detail > dl.detail-other dt,section.sec-plan .a-plan-detail > dl.detail-other dd{
		height: 40px;
		box-sizing: border-box;
	}
	section.sec-plan .note-num{
		margin-left: 4px;
	}
}
/*注釈*/
#sec-price div.kome{
	width: 100%;
	margin: auto;
	text-align: left;
}
#sec-price div.kome p{
	font-size: 0.9em;
	color: #777;
	line-height: 1.5em;
	margin-bottom: 10px;
	padding-left: 37px;
    text-indent: -19px;
}
#sec-price div.kome p.not-indent{
	padding-left: 0;
	text-indent: 0;
}
#sec-price div.kome p a.tx-link{
	color: #2684e2;
	text-decoration: underline;
}
#sec-price div.kome p a:hover{
	opacity: 0.8;
}
#sec-price div.kome p span{
	display: inline-block;
	margin-right: 1em;
}
#sec-price #tab3 div.kome p:nth-last-child(2){
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 16px;
	margin-bottom: 16px;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	#sec-price #tab3 div.kome{
		width: 100%;
	    margin-top: 16px;
	}
	#sec-price #tab3 div.kome p{
		padding-left: 46px;
	}
	#sec-price #tab3 div.kome p.not-indent{
		padding-left: 0;
	}
}

/*-----------------
 *資料請求 for mobile 20201113
-----------------*/
.cnv_btn {
	width: 90%;
	max-width: 32em;
	text-align: center;
}
.cnv_btn a {
	padding: 1em 1em 0.85em;
	background-color: #ff7800;
	border-radius: 6px;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 0.85em;
	display: block;
	position: relative;
}

.mobile-btn{
		display: block;
		position: fixed;
		padding: 0;
		bottom: 0;
		width: 100%;
		z-index: 2;
		background-color: #333;
}
.mobile-btn .cnv_btn {
    margin: 1.5em auto;
}
.mobile-btn .list_btn{
	display: none;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	.mobile-btn{
		display: none;
	}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	.mobile-btn{
		display: none;
	}	
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	.mobile-btn{
		display: none;
	}		
}