@charset "utf-8";
/* CSS Document */
/* 20180801 更新　ver.3.0 */

/*-------------------
製品ページ　契約書TOPページ用CSS Bパターン
/contract/index_ver2.asp
-------------------*/
#contract {
	font-size: 16px;
}
.contents {
	width: 90%;
	max-width: 64em;
	margin: auto;
}
.btn a:hover{
	opacity: 0.85;
	cursor : pointer;
}
p.tx-link a{
	font-size: 1.25em;
	line-height: 1.5em;
	color: #2684e2;
	text-decoration: underline;
}
p.tx-link a:hover{
	opacity: 0.8;
}
p.tx-link a span{
	display: inline-block;
	font-size: 0.8em;
	margin-left: 16px;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
}

/*-----------------
 *メインビジュアル
-----------------*/
/*181128_メインビジュアル変更*/
#contract .main-v {
	width: 100%;
	overflow: hidden;
	min-height: 27em;
	padding-top: 48px;
	background-image: url("/web/jp/contract/images/top_main-bg.jpg");
	/*background-image: url("/web/jp/contract/seminar/images/seminar-main-v-2003.jpg"); */
	background-repeat: no-repeat;
	-webkit-background-size:cover;
    background-size:cover;
	background-position: left -286px top 47px;
}
.cnv-btn_top-cover{
	position: absolute;
	z-index: 2;
	top: 280px;
	width: 100%;
}
.main-v-sub{
	margin: auto;
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-shadow: 1px 1px 8px rgba(255,255,255,0.7), -1px 1px 8px rgba(255,255,255,0.7), 1px -1px 8px rgba(255,255,255,0.7), -1px -1px 8px rgba(255,255,255,0.7);
}
.cnv-btn_top{
	margin-top: 20px;
}
.cnv-btn_top a{
	font-size: 24px;
	color: #fff;
	background-color: rgba(255,255,255,0.1);
	border: 3px solid #fff;
	border-radius: 60px;
	width: 80%;
	margin: 0 auto;
	max-width: 460px;
	height: 74px;
	display: block;
	text-align: center;
    line-height: 76px;
}

.main-v_tx {
	width: 100%;
	height: auto;
	display: block;
	color: #222;
	position: relative;
}
.main-v_tx .main-v_tx_inner {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	padding-top: 3em;
	width: 92%;
	height: auto;
    text-align: center;
}
.main-v_tx h1 {
	font-weight: bold;
	/*font-size: 1.75em; */
	font-size: 1.65em;
	padding-bottom: 0.2em;
	line-height: 1.3em;
	color: #fff;
    text-shadow: 2px -2px 45px #000000;
}
.main-v_tx .count_title {
	font-size: 16px;
	line-height: 2.8;
	display: block;
	margin-bottom: 30px;
}
.main-v_tx .count_tx {
	font-size: 0.65em;
	font-weight: normal;
	line-height: 1.5em;
	margin-top: 0.3em;
	color: #fff;
    text-shadow: 2px -2px 45px #000000;
}
.main-v .cnv-btn{
	margin: 40px auto 40px;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	#contract .main-v {
		background-position: left -90px top 0px;
	}
	.main-v_tx .count_title {
		line-height: 2;
	}
	.main-v_tx .main-v_tx_inner {
		position: absolute;
		top: 3em;
		width: 47em;
	}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	#contract .main-v {
		top: 0;
		min-height: 32em;
		background-position: left 0px top 0px;
	}
	.cnv-btn_top a:hover{
		background-color: rgba(255,255,255,0.3);
	}
	.cnv-btn_top-cover{
		top: 340px;
	}
	.cnv-btn_top a{
		font-size: 28px;
	}
	.main-v_tx .count_title {
		font-size: 0.55em;
		line-height: 1.6;
	}
	.main-v_tx h1 {
		padding-bottom: 0.25em;
		font-size: 2.5em;
	}
	.main-v_tx .count_tx {
		font-size: 0.5em;
	}
	.main-v .cnv-btn a:hover{
		background-color: #ff9333;
	}
}

/* タブレット横サイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em){
	#contract .main-v {
		background-position: left 0px top 0px;
	}
	.main-v-sub{
		font-size: 24px;
	}
	.cnv-btn_top-cover{
		top: 380px;
	}
/*	.main-v_tx .main-v_tx_inner {
		top: 4em;
	}*/
}

/* タブレット横サイズ 1440px(16×90em)~ lgサイズ */
@media screen and (min-width:90em){
	.cnv-btn_top-cover{
		top: 440px;
	}
}

/*-----------------
 *お知らせ
-----------------*/
.news_wrap{
	background-color: #f0f0f0;
}
.news_wrap .contents{
	padding: 20px 0;
}
.news_wrap .ticker_label{
	font-size: 0.875em;
    display: inline-block;
	padding: 0.2em 1.5em 0 0;
    border-right: 1px solid #777;
	margin-bottom: 15px;
}
.news_wrap ul li{
	color: #333;
	line-height: 1.3em;
	font-size: 0.9em;
}
.news_wrap ul li a{
	color: #333;
	font-weight: bold;
    padding-left: 0.85em;
	text-decoration: underline;
}
.news_wrap ul li span{
    font-weight: normal;
}

/* タブレット横サイズ 1024px(16×64em)~ lgサイズ */
@media screen and (min-width:64em){
	.news_wrap .contents{
		padding: 25px 0;
	    text-align: center;
	}
	.news_wrap .ticker_label{
		display: inline;
	}
	.news_wrap ul{
		padding-left: 20px;
	}
	.news_wrap ul,.news_wrap ul li{
		display: inline;
	}
	.news_wrap ul li a:hover{
		opacity: 0.8;
	}
}

/*-----------------
 *お知らせ一覧
-----------------*/
.news {
	width: 100%;
	/* お知らせあるとき　height: 100～140px;*/
	height: 100px;
	margin: 40px auto 0;
    background: rgba(240,240,240,0.5);
}
.news .ticker_inner {
	width: 90%;
	margin: 0 auto;
}
.news .ticker_label {
	font-size: 0.875em;
    position: absolute;
    top: 20px;
    left: 16px;
    padding: 0 1.5em 0 0;
    border-right: 1px solid #777;
}
.news .ticker ul {
	position: absolute;
    top: 25px;
    left: 16px;
    width: 90%;
}
.news .ticker ul li {
	padding-top: 1.5em;
	font-size: 0.8em;
	line-height: 1.4;
	overflow: hidden;
}
.news .ticker ul li a {
	color: #333;
	line-height: 1.5em;
	text-decoration: underline;
	text-decoration-color: #777;
	font-weight: bold;
}
.news .ticker ul li span {
	padding-right: 1.5em;
	font-weight: normal;
}
.news .listbtn {
	display: inline-block;
	width: 6em;
	vertical-align: middle;
	padding-right: 1.75em;
	position: absolute;
	right: 0;
	bottom: 1em;
}
.news .listbtn a {
	display: block;
	width: 100%;
	font-size: 0.75em;
	color: #fff;
	text-align: center;
	background: #777;
	border-radius: 4px;
	padding: 0.5em;
}
.news .listbtn a::after {
	position: absolute;
	right: 1.75em;
	display: inline-block;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	.news{
		/*お知らせあるとき　height: 120px;*/
	}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	.news {
		width: 686px;
		height: 24px;
		padding: 16px 150px 16px 24px;
		font-size: 0.875em;
		color: #333;
		border-radius: 8px;
		overflow: hidden;
		position: absolute;
		left: 0;
		right: 0;
		margin: 40px auto 40px;
	}
	.news .ticker ul  {
		width: 748px;
		height: 1em;
		min-height: 1em;
		/*margin-left: 7em;*/
		position: absolute;
    	top: 0.15em;
    	left: 7em;
	}
}

/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
	.sp-fix {
		display: block;
	}
	.news {
		width: 686px;
		height: 28px;
	}
	.news .ticker {
		width: 848px;
		margin-top: 0.5em;
	}
	.news .ticker_label {
		padding: 0.2em 1.5em 0 0;
		border-right: 1px solid #777;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	.news .ticker_inner {
		position: relative;
    	width: 976px;
	}
	.news .ticker ul li {
	/*	width: 100%; */
		padding-top: 1px;
		margin-bottom: 0;
		font-size: 1em;
		line-height: 1em;
	}
	.news .ticker li span {
		padding-right: 0;
	}
	.news .ticker a {
		/*padding-left: 0.85em;*/
		font-size: 0.9em;
	}
	.news .ticker a:hover {
		color: #777;
	}
	.news .listbtn {
		width: 7.375em;
		margin-right: 1.25em;
		position: absolute;
		right: 0;
		top: 1.2em;
	}
	.news .listbtn a {
		font-size: 14px;
	}
	.news .listbtn a::after {
		right: 1.25em;
	}
}

/*-----------------
 *各section　上下の余白・背景
-----------------*/
#sec-workflow-h2 {
	padding-top: 7.5em;
	margin-top: -7.5em;
}

#sec-security .contents,#sec-point .contents,#sec-point2 .contents,#sec-function .contents,#sec-case .contents,#sec-faq .contents{
	padding: 100px 0 60px;
}
#sec-catch{
	background-image: url(/web/jp/contract/images/top_about_bg03.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #fff;
}
#sec-catch .contents{
	padding: 40px 0 40px;
	background-size: cover;
    background-position: center;
	height: auto;
}
.pagelink-cover{
	position: relative;
}

.shadow{
	position: absolute;
	z-index: 1;
}
#sec-merit{
	background-color: #fff;
}
#sec-point,#sec-point2{
	background-color: #e8f7ff;
	background-image: url("/web/jp/contract/images/top_arrow02.gif");
	background-repeat: no-repeat;
	background-position: top center;
}
#sec-point2{
    background-color: #F4F9FB;
}
#sec-function{
	background-color: #F0F0F0;
	background-image: url("/web/jp/contract/images/top_arrow02.gif");
	background-repeat: no-repeat;
	background-position: top center;
}
#sec-case{
	background-color: #fff;
	background-image: url("/web/jp/contract/images/top_arrow01.gif");
	background-repeat: no-repeat;
	background-position: top center;
}
#sec-faq{
	background-color: #e8f7ff;
	background-image: url("/web/jp/contract/images/top_arrow02.gif");
	background-repeat: no-repeat;
	background-position: top center;
}
#sec-security{
	background-color: #fff;
	background-image: url("/web/jp/contract/images/top_arrow01.gif");
	background-repeat: no-repeat;
	background-position: top center;
}
#sec-cnv,#sec-cnv2{
	padding: 60px 0;
	background-image: url(/web/jp/contract/images/contract_cnv_bg.jpg);
	background-size: cover;
	background-position: bottom center;
}
#sec-last{
	padding: 60px 0;
	background-image: url(/web/jp/contract/images/top_bg-line.gif);
	background-repeat: repeat;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
#sec-security .contents,#sec-point .contents,#sec-case .contents{
	padding: 100px 0 0;
}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	#sec-catch{
		background-position: bottom center;
	}
	#sec-catch .contents{
		padding: 60px 0 60px;
	}
}

/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
    #sec-security .contents,#sec-point .contents,#sec-point2 .contents,#sec-function .contents,#sec-case .contents{
        padding: 100px 0 60px;
    }
	#sec-catch{
		background-size: 1400px;
	}
}

/* ノートPC以上のサイズ 1440px(16×90em)~ lgサイズ */
@media screen and (min-width:90em) {
	#sec-function{
		background: url(/web/jp/contract/images/top_arrow02.gif) no-repeat top center;
		background-color: #F0F0F0;
	}
	#sec-point{
		background: url(/web/jp/contract/images/top_bg_blue_01.png) no-repeat top left, url(/web/jp/contract/images/top_bg_blue_02.png) no-repeat top right, url(/web/jp/contract/images/top_arrow02.gif) no-repeat top center;
		background-color: #e8f7ff;
	}
}

/*-----------------
 *見出し　デザイン設定
-----------------*/
.section_lead{
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 32px;
}
h2 {
	font-size: 1.25em;
	line-height: 1.25em;
    margin: 0 auto 40px;
	font-weight: bold;
    color: #333;
    text-align: center;
}
h2 span{
	font-size: 16px;
	font-weight: normal;
	color: #999;
    display: block;
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	h2 {
		font-size: 1.5em;
	}
}

/*-----------------
 *sec-catch　契約書とは
-----------------*/
#sec-catch h2{
	color: #333;
	font-weight: bold;
	margin-bottom: 24px;
	font-size: 1em;
	line-height: 1.75em;
	text-align: center;
}
#sec-catch .about-tx{
	line-height: 1.75em;
	letter-spacing: 0.02em;
	color: #333;
	text-align: left;
	width: 100%;
	max-width: 861px;
	margin: 30px auto 0;
}
#sec-catch .about-btn{
    display:block;
    max-width:80%;
    margin:1em auto 0;
    border:1px solid #2684E2;
    background:#fff;
    border-radius:6px;
    padding:1em;
    text-align: center;
    font-weight:bold;
    font-size:1em;
    color:#2684E2;
}
#sec-catch .about-btn span{
    font-weight:normal;
    font-size:0.9em;
}
#sec-catch .about-btn-sp1{
    line-height:1.4;
    display:block;
}
#sec-catch .about-btn-sp2{
    margin-bottom:1em;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
#sec-catch .about-btn-sp1{
    margin-bottom:1em;
}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	#sec-catch .contents{
		margin: auto;
	}
	#sec-catch h2{
		font-size: 1.5em;
		margin-bottom: 0;
	}
	.about-tx{
		margin-top: 20px;
	}
    #sec-catch .about-btn{
        display:block;
        max-width:861px;
        margin:40px auto 0;
        border:1px solid #2684E2;
        background:#fff;
        border-radius:6px;
        padding:1.1em 0 1em;
        text-align: center;
        font-weight:bold;
        font-size:18px;
        color:#2684E2;
    }
    #sec-catch .about-btn-sp1{
        margin-bottom:0;
    }
    #sec-catch .about-btn span{
        font-weight:normal;
        font-size:16px;
        display:inline-block !important;
    }
    #sec-catch .about-btn span.about-btn-ya{
        padding:0 2em 0 1em;
    }
}

/*-----------------
 *sec-step　ステップ
-----------------*/
.txt_area{
	margin-bottom: 20px;
}
.txt_area h3 .step{
	font-size: 14.4px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #2d96d0;
	display: block;
	line-height: 0.8em;
	border-bottom: 1px solid #2d96d0;
}
.txt_area h3{
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 20px;
}
.img_area img{
	width: 100%;
	margin: 0 auto 0;
	border: 1px solid #ccc;
}
#sec-step .contents-full{
	padding: 100px 0 40px;
}
#sec-step .contents-full ul li{
	padding: 30px 0;
}
#sec-step .contents-full ul li:first-child{
	padding-top: 0;
}
#sec-step .contents-full ul li:last-child{
	padding-bottom: 0;
}
#sec-step .contents-full ul li.bg-color2{
	background-color: #f4f9fb;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	#sec-step .contents{
		max-width: 48em;
	}
	.txt_area{
		width: 40%;
	    margin-top: 30px;
    	float: left;
		position: relative;
	}
	.txt_area h3 .step{
		border-bottom: none;
	}
	.txt_area .line{
		width: 1px;
		height: 180px;
		background-color: #2d96d0;
		position: absolute;
		bottom: -200px;
		left: calc(50% - 41%);
	}
	.img_area{
		width: 50%;
		float: right;
	}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	#sec-step .contents{
		max-width: 860px;
	}
	.txt_area .line{
	    height: 230px;
	    bottom: -250px;
	}
}

/*-----------------
 *sec-merit　メリット
-----------------*/
#sec-merit .contents{
	padding: 60px 0 40px;
}
.merit{
	margin-bottom: 50px;
}
.merit-box{
	background-color: #fff;
	border: 3px solid #f0f0f0;
	margin-bottom: 30px;
}
.merit-box:last-child{
	margin-bottom: 0;
}
.merit-box h3{
	font-weight: bold;
	display: block;
	margin: 20px 0 10px;
    font-size: 1em;
    padding: 0 5%;
}
.merit-box h3 span{
    display:inline-block;
    line-height:1.2;
}
.merit-box h3 span{
    position:relative;
    top:0.3em;
}
.merit-box h3 span.txt_line1{
    top:-0.3em;
}
.merit-box h3 img{
	width: 1.5em;
	height: 1.5em;
	/*vertical-align: middle;*/
	margin-right: 10px;
    display:inline-block;
}
.merit-box p{
    padding: 0 5%;
	line-height: 1.5em;
	margin-bottom: 20px;
}
.merit-box p a{
	font-size: 0.9em;
	color: #2684e2;
    text-decoration: underline;
}
.merit-box a.box-link{
	display: block;
	height: 160px;
}
.merit-box a.box-link span.tx-link{
	font-size: 0.9em;
	color: #2684e2;
	text-decoration: underline;
}
p.merit-tx{
	color: #934b81;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
    margin-bottom:1em;
}
.merit-usebox{
    background:#FFF7F9;
    padding:1em;
    text-align:center;
}
.merit-usebox ul li{
    list-style-type:none;
    background:#fff;
    padding:1em 0;
    margin-bottom:1em;
}
.merit-usebox a{
    text-decoration:underline;
    font-size:14px;
    color:#2684E2;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	#sec-merit .contents{
		max-width: 48em;
	}
	.merit-box{
		width: 47%;
		height: 150px;
		float: left;
	}
	.merit-box:nth-child(odd){
		margin-right: 4%;
	}
	.merit-box:nth-child(3),.merit-box:nth-child(4){
		margin-bottom: 0;
	}
	#sec-merit .contents .merit-box img{
		width: 2em;
    	height: 2em;
	}
	.merit-box p span{
		/*font-size: 1.5em;*/
	}
	p.merit-tx{
		font-size: 1.25em;
	}
    .merit-box h3 span{
        position:relative;
        top:0;
    }
    .merit-box h3 span.txt_line1{
        top:-0.6em;
    }
     .merit-usebox{
        padding:1.5em;
    }
    .merit-usebox ul li{
        margin-bottom:1.5em;
        width:24%;
        display:inline-block;
    }
    .merit-usebox a{
        text-align:right;
        display:block;
    }
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	#sec-merit .contents{
		max-width: 860px;
	}
	.merit-box{
		height: 160px;
	}
	.merit-box h3{
		font-size: 1.25em;
		margin-bottom: 15px;
	    padding: 0 8%;
	}
	.merit-box p{
		padding: 0 8%;
	}
	.merit-box p a:hover{
		opacity: 0.8;
	}
     p.merit-tx{
         text-align:center;
     }
    .merit-usebox{
        text-align:left;
    }
    .merit-usebox ul li{
        text-align:center;
        width:23%;
        margin-left:10px;
    }
    .merit-usebox a{
        padding-right:10px;
    }
}

/*-----------------
 *sec-point　ポイント
-----------------*/
.point-box{
	background-repeat: no-repeat;
	background-position: 0 0;
    background-size: 80px;
	margin-bottom: 50px;
}
.point-box img{
	width: 220px;
	height: 220px;
	margin: 0 auto 10px;
	display: block;
}
.point-box p{
	font-size: 1em;
	line-height: 1.5em;
	text-align: center;
	padding: 0 10px;
}
.point-box a{
    display:block;
    text-align: center;
    line-height:1.5;
    color:#2684E2;
}
.point-box .link_arrow{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.9em 0.9em 0 0.9em;
    border-color: #2684E2 transparent transparent transparent;
    display:block;
    margin:1em auto 0;
}
.law {
    border: 3px solid #f0f0f0;
	background-color: #fff;
    text-align: center;
	padding: 20px 0;
}
.law h4 {
    color: #2d96d0;
    font-size: 1em;
	line-height: 1.5em;
    margin: 0 auto 20px;
}
.law img {
    width: 50%;
    max-width: 12em;
    height: 4em;
}
.law p{
	line-height: 1.5em;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	#sec-point .contents{
		max-width: 48em;
	}
	.point{
		/*margin-bottom: 50px;*/
	}
	.point-box{
		width: 32%;
		margin-bottom: 0;
		margin-right: 2%;
		float: left;
	}
	.point-box img{
		width: 200px;
		height: 200px;
	}
	.point-box:last-child{
		margin-right: 0;
	}
	.point-box p{
		font-size: 1em;
	}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	#sec-point .contents{
		max-width: 860px;
	}
	.point-box{
		background-size: 106px;
	}
	.point-box img{
		width: 220px;
		height: 220px;
	}
}

/*-----------------
*sec-function　主な機能
-----------------*/
.function-box li{
	width: 48%;
	height: 55px;
	margin-bottom: 16px;
	background-color: #fff;
	border-radius: 12px 12px 0px 12px;
	font-size: 1em;
	text-align: center;
	float: left;
}
.function-box li.function-tx-s{
	font-size: 1em;
	line-height: 20px;
}
.function-box li:nth-child(odd){
	margin-right: 4%;
}
.function-box li:last-child{
	margin-bottom: 30px;
}
.function-box li p{
	margin-top: 20px;
}
.function-box li.function-tx-s p{
	margin-top: 13px;
}
#sec-function a{
	text-align: center;
	display: block;
}


.function-workflow{
    border:1px solid #934B81;
    padding:1em;
    background:#fff;
    margin-top:1em;
}
.function-workflow .workflow-inner{
    display:inline-block;
}
.function-workflow h2{
    margin-bottom:1em;
}
.function-workflow .workflow-inner{
    text-align:left;
}
.function-workflow .workflow-inner p{
    margin-bottom:1em;
    line-height:1.5;
}
.function-workflow .workflow-inner a{
    display:block;
    text-align:right !important;
    color:#2684e2;
    text-decoration: underline;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	.function-box li{
		width: 31%;
	}
	.function-box li:nth-child(odd){
		margin-right: 0;
	}
	.function-box li{
		margin-right: 3%!important;
	}
	.function-box li:nth-child(3),.function-box li:nth-child(6){
		margin-right: 0!important;
	}
    .function-workflow{
        border:1px solid #934B81;
        padding:30px 50px 40px 45px;
        background:#fff;
        margin-top:45px;
    }
    .function-workflow .workflow-inner,.function-workflow img{
        display:inline-block;
    }
    .function-workflow h2{
        font-size:20px;
    }
    .function-workflow .workflow-inner{
        vertical-align:top;
        width:590px;
    }
    .function-workflow .workflow-inner p{
        margin-bottom:1.5em;
        line-height:1.5;
    }
    .function-workflow .workflow-inner a{
        display:block;
        text-align:right !important;
    }
    .function-workflow img{
        margin-left:1em;
    }
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width: 64em){
	.function-box li{
		width: 22%;
		margin-bottom: 24px;
	}
	.function-box li{
		margin-right: 4%!important;
	}
	.function-box li:nth-child(3),.function-box li:nth-child(6){
		margin-right: 4%!important;
	}
	.function-box li:nth-child(4),.function-box li:nth-child(8){
		margin-right: 0!important;
	}
	.function-box li p{
		font-size: 1.25em;
	}
	.function-box li.function-tx-s p{
		font-size: 1em;
	}
     .function-workflow .workflow-inner{
        width:490px;
    }
    .function-workflow .pctab-only,.function-workflow .pc-only{display:inline-block !important;}
}

/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
     .function-workflow .workflow-inner{
        width:590px;
    }
}
/*-----------------
*sec-function　.campaign キャンペーン情報
-----------------*/
.campaign{
	background-image: url(/web/jp/contract/images/top_cnv_bg.jpg);
    background-size: cover;
    background-position: center;
	padding: 40px 0;
	text-align: center;
}
.campaign h3{
	font-size: 1.5em;
	margin-bottom: 24px;
	line-height: 1.5em;
}
.campaign h3 span{
	font-size: 1.25em;
	color: #ff9c00;
}
.campaign p.campaign-tx{
	margin-bottom: 40px;
	padding: 0 10%;
	line-height: 2em;
}
.campaign p span{
	font-size: 1.5em;
	font-weight: bold;
}
#sec-function .campaign .cnv-btn,#sec-function .campaign .cnv-btn a{
	margin-bottom: 0;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	.campaign h3 span{
		font-size: 1.5em;
	}
}

/*-----------------
*sec-function　.workflow ワークフローシステム
-----------------*/
.workflow{
	position: relative;
	margin-top: 200px;
}
.workflow img{
	width: 266px;
	height: 266px;
	position: absolute;
	top: -160px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.workflow div{
	background-color: #e8f7ff;
	border-radius: 12px;
	padding: 120px 5% 40px;
}
.workflow div p{
	margin-bottom: 16px;
}
.workflow div p.wf_title{
	font-size: 1.25em;
	font-weight: bold;
	color: #2d96d0;
	line-height: 1.5em;
	text-align: center;
}
.workflow div p.wf_tx{
	line-height: 1.5em;
	text-align: left;
}
#sec-function .workflow div a{
	margin-bottom: 0;
}
#sec-function .workflow p.tx-link a{
	font-size: 1em;
	text-align: left;
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width: 64em){
	.workflow{
		width: 86%;
		margin: 50px auto 0;
	}
	.workflow div{
		width: 75%;
		padding: 20px 5%;
		float: right;
	}
	.workflow img{
		top: -24px;
		margin: 0;
	}
	.workflow div p{
		margin-left: 120px;
	}
	.workflow div p.wf_title{
		text-align: left;
	}
	#sec-function .workflow .tx-link{
		text-align: left;
		margin-left: 120px;
	}
}

/*-----------------
 *sec-faq　FAQ よくあるご質問
-----------------*/
.faq-box{
	background-color: #fff;
	border: 3px solid #f0f0f0;
	margin-bottom: 30px;
}
.faq-box a.tx-link{
	text-decoration: underline;
	color: #2684e2;
}
.faq-box a.tx-link:hover{
	opacity: 0.8;
}
.faq-box dt,.faq-box dd{
	line-height: 1.5em;
	position: relative;
}
.faq-box dt{
	font-size: 1em;
	padding: 0px 15px 20px 50px;
	margin-top: 20px;
}
.faq-box dd{
	font-size: 0.9em;
	padding: 0px 15px 20px 50px;
}
.faq-box dt:before{
	content: "Q";
    background: #333;
    color: #fff;
}
.faq-box dd:before{
	content: "A";
    background: #fff;
    color: #333;
    border: 1px solid #333;
}
.faq-box dt:before,.faq-box dd:before{
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    margin-right: 1em;
	line-height: 1.8;
	top: -2px;
	left: 15px;
}
.faq-box dd span.bold{
	font-weight: bold;
}
#sec-faq .tx-link{
	text-align: center;
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	.faq{
		margin-bottom: 30px;
	}
	.faq-box{
		width: 47%;
		height: 180px;
		float: left;
	}
	.faq-box:nth-child(odd){
		margin-right: 4%;
	}
	.faq-box:nth-child(3),.faq-box:nth-child(4){
		margin-bottom: 0;
	}
	.faq-box p{
		padding: 40px 20px 40px 140px;
	}
	.faq-box p span{
		font-size: 1.5em;
	}
}

/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
	.faq-box{
		height: 170px;
	}
}

/*-----------------
 *sec-security　セキュリティ
-----------------*/
#sec-security h2{
	margin-bottom: 40px;
}
.security_lead {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 40px;
	text-align: center;
}
.security_logo {
	width: 100%;
	max-width: 293px;
	margin: 0 auto 2rem;
  padding-bottom: 24px;
}
.security_logo a:hover img{
	opacity: 0.8;
}
.security_logo img.logo01 {
	width: 18%;
}
.security_logo img.logo02 {
	width: 27%;
}
.security_logo img.logo03 {
	width: 20%;
}
.security_logo img {
	width: 24%;
	margin: 0 3%;
	vertical-align: middle;
}
.security_icon {
	width: 45%;
	height: 175px;
	float: left;
}
.security_icon:nth-child(odd){
    margin-right: 10%;
}
.security_icon img {
	width: 3em;
	height: 3em;
	margin: 0 33% 1em;
}
.security_icon p {
	font-size: 0.8em;
	line-height: 1.5em;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	.security_icon-box{
		width: 600px;
		margin: auto;
	}
	.security_icon {
		width: 160px;
		margin-right: 60px;
	}
	.security_icon:nth-child(3),.security_icon:nth-child(6){
		margin-right: 0;
	}
	.security_logo img {
		margin: 0 4%;
	}
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
	.security_icon-box {
		width: 100%;
	}
	.security_icon {
		width: 140px;
		margin-right: 36px!important;
	}
	.security_icon:last-child {
		margin-right: 0!important;
	}
}
/*-----------------
 *セキュリティ 20200924
-----------------*/
.security_merit-box{
		display:flex;
		flex-direction:column;
		justify-content: flex-start;
		margin-bottom: 1.25rem;
		text-align: left;
}
.security_merit-box .security_merit{
		border:solid 1px #144E94;
		width:100%;
		margin-bottom: 1rem;
		display: flex;
		flex-direction:column;
    align-items: center;
}
.security_merit-box .security_merit h3{
	color: #082F50;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
  width: 100%;
	margin: 0;
	box-sizing: border-box;
	padding: 2.1rem 1rem;
}
.security_merit-box .security_merit.merit1 h3{
	background: url(/web/jp/information/securityguide/img/nav-hack-bg.png) no-repeat;
	background-size: cover;
	background-position: center -5px;
}
.security_merit-box .security_merit.merit2 h3{
	background: url(/web/jp/information/securityguide/img/nav-op-bg.png) no-repeat;
	background-size: cover;
}
.security_merit-box .security_merit.merit3 h3{
	background: url(/web/jp/information/securityguide/img/nav-faci-bg.png) no-repeat;
	background-size: cover;
}
.security_merit-box .security_merit p{
	color: #222;
	font-size: 1rem;
	line-height: 1.75rem;
	padding: 1rem;
	text-align: left;
	width:auto;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	.security_icon-box{
		width: 600px;
		margin: auto;
	}
	.security_icon {
		width: 160px;
		margin-right: 60px;
	}
	.security_icon:nth-child(3),.security_icon:nth-child(6){
		margin-right: 0;
	}
	.security_logo img {
		margin: 0 4%;
	}
	.security_merit-box .security_merit{
		flex-direction: row;
	}
	.security_merit-box .security_merit h3{
		width: 100%;
		background-position: center 0 !important;
		padding: 3.1rem 1rem;
	}
	.security_merit-box .security_merit p{
		width: 100%;
	}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	.security_merit-box{
		flex-direction: row;
		justify-content: space-between;
	}
	.security_merit-box .security_merit{
		margin-bottom: 0;
		width:320px;
		flex-direction:column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.security_merit-box .security_merit h3{
		color: #082F50;
		font-size: 1.125rem;
		font-weight: 700;
		padding: 1.5rem 1rem;
		margin: 0;
		line-height: 1;
		width: 1	00%;
	}
	.security_merit-box .security_merit p{
		width:auto;
	}
}

/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
	.security_icon-box {
		width: 100%;
	}
	.security_icon {
		width: 140px;
		margin-right: 36px!important;
	}
	.security_icon:last-child {
		margin-right: 0!important;
	}
	.security_merit-box .security_merit h3{
		padding: 1.75rem 1rem;
	}
}
#sec-security .cnd_btn.btn.cnv-btn a{
	padding: 1em 1em 0.85em;
	background-color:#fff;
	border: #934b81 3px solid;
	border-radius: 6px;
	color: #934b81;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 0.85em;
	display: block;
	position: relative;
}
/*/----------
sec-case 事例エリア
------------/*/

/*#sec-case .contents {
    width: 90%;
    max-width: 64em;
    margin: auto;
    padding-bottom:0;
}*/

#sec-case .contents {
    padding-bottom:0;
}

.case-interview_card .itv-name {
	padding-bottom: .5em;
	font-size: 1.0em;
}

#sec-case .case-interview_card .itv-type {
    font-size: 0.85em;
    color: #777;
    padding: 0 0 1em 1.2em;
}


/* タブレット縦サイズ 768px(16×48em)~ smサイズ */

@media screen and (min-width:48em) {
    /* .case-interview.one 事例ひとつだけのレイアウト */
 /*   .case-interview.one {
        position: relative;
        height: 260px;
    }

    .case-interview.one .case-interview_card {
        height: 220px;
        width: 700px;
        top: 0;
        left: 0;
        right: 0;
        position: absolute;
        margin: auto;
    }
    .case-interview.one .case-interview_card dt {
        height: auto;
        width: auto;
        float: none;
    }
    .case-interview.one .case-interview_card dt img {
        height: 220px;
        float: left;
        width: auto;
    }
    .case-interview.one .case-interview_card dd {
        position: relative;
        float: left;
        width: 280px;
        padding: 10px 30px;
		text-align:left;
    }
    .case-interview.one .case-interview_card dd.itv-name {
        margin-top: 1.5em;
    }

}
*/
	#sec-case .case-interview {
		margin: 0 auto;
		/*max-width: 542px;*/
		width: 100%;
	}
	#sec-case .case-interview_card {
    	width: 16.4em;
	}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	#sec-case .case-interview_card {
		width: 17em;
	}
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {
	#sec-case .case-interview_card {
		width: 18em;
	}
}


/*-----------------
 *sec-cnv　コンバージョンエリア
-----------------*/
#sec-cnv .contents{
	background-color: rgba(255,255,255,0.75);
	padding: 40px 0;
}
#sec-cnv .contents .mail{
	margin-top: 20px;
}

/* 新機能追加！バナー */
a.cnv_bnr{
	width: 90%;
	max-width: 1024px;
    margin: 0 auto 20px;
	background-color: #fff;
	box-shadow: 0 0 0 4px rgba(153,84,135,0.7) inset;
	display: block;
	position: relative;
}
a.cnv_bnr img{
	position: absolute;
    top: -16px;
}
a.cnv_bnr p.lead{
	font-size: 0.9em;
	margin: 40px 10px 4px 24px;
	line-height: 1.5;
}
a.cnv_bnr p.title{
	font-size: 1em;
	font-weight: bold;
	margin: 0 10px 40px 24px;
	line-height: 1.5;
}
a.cnv_bnr p.dummy-link{
	position: absolute;
	bottom: 19px;
    right: 24px;
	font-size: 0.9em;
	color: #2684e2;
    text-decoration: underline;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	.merit-box a.box-link:hover h3,.merit-box a.box-link:hover p .merit-desc{
		color: #934b81;
		text-decoration: underline;
	}
	.merit-box a.box-link:hover p span.tx-link{
		color: #2684e2;
		opacity: 0.8;
	}
	a.cnv_bnr p.title{
		font-size: 1.25em;
	}
	a.cnv_bnr:hover p{
		color: #934b81;
		text-decoration: underline;
	}
	a.cnv_bnr:hover p.dummy-link{
		color: #2684e2;
		opacity: 0.8;
	}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	a.cnv_bnr p.title{
		margin-bottom: 20px;
	}
}

.campaign p.cnv-btn{
	margin-bottom: 0;
}
.campaign p.cnv-btn span.arrow_icon{
	vertical-align: middle;
    display: inline-block;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","ＭＳ Ｐゴシック",sans-serif;
    font-size: 64%;
    height: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    margin: auto 0;
    line-height: 14px;
	font-weight: normal;
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	.section_lead{
		font-size: 1.5em;
	}
}

/*-----------------
 *CVボタン　資料請求する
-----------------*/
.cnv_btn{
	margin-bottom: 70px;
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	.step-box p.title{
		padding-bottom: 30px;
	}
}

/*-----------------
 *他ボタン　アンカーリンク
-----------------*/
.anchor-btn a{
	color: #fff;
	text-align: center;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: bold;
	width: 90%;
	max-width: 512px;
	height: 53px;
	padding-top: 14px;
	margin: auto;
	display: block;
	background-color: #934b81;
	border: 2px solid #934b81;
}
.anchor-btn a span{
	display: inline-block;
	font-size: 0.8em;
	margin-left: 16px;
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	.anchor-btn a{
		height: 39px;
		padding-top: 18px;
	}
	.anchor-btn a:hover{
		background-color: #fff;
		color: #934b81;
		-webkit-transition: 0.2s ease-in-out;
		   -moz-transition: 0.2s ease-in-out;
		     -o-transition: 0.2s ease-in-out;
		  	 	transition: 0.2s ease-in-out;
	}
}

/*-----------------
 *out_ctr追記　20180621
-----------------*/
.p-headerStatic{
	position: relative;
	z-index: 99;
}

.p-headerStatic-list{
	float: right;
	margin-top: 20px;
}

.p-headerStatic-list-item{
	float: left;
	margin-right: 30px;
}

.p-headerStatic-list-item:last-child{
	margin-right: 0;
}

.p-headerStatic-list-item-txt{
	color: #FFF;
	font-size: 1em;
	cursor: pointer;
}

.p-headerStatic-list-item-txt:hover{
	color: #2d96d0;
}
.p-headerStatic-list-item:hover .p-headerStatic-arrow{
	border-top: 2px solid #2d96d0!important;
	border-right: 2px solid #2d96d0!important;
}

.p-headerStatic-dropdown.is-selected{
	color: #2d96d0;
}

.p-headerStatic-dropdown.is-selected .p-headerStatic-arrow,
.p-headerStatic-dropdown.is-selected:hover .p-headerStatic-arrow{
	border-top: 2px solid #2d96d0;
	border-right: 2px solid #2d96d0;
}

.p-headerStatic-arrow.rotate{
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.p-headerStatic-subList-cover{
	width: 1024px;
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	margin: auto;
	background: #FFF;
	padding: 15px 50px;
	border-radius: 16px;
	box-sizing: border-box;
	box-shadow: 0px 8px 8px -8px rgba(51,51,51,0.7);
	display: none;
}

.p-headerStatic-subList-cover.is-active{
	display: block;
}


.p-headerStatic-subList-cover li a{
	display: block;
	color: #333;
	padding: 15px;
	position: relative;
	z-index: 1;
}

.p-headerStatic-subList-cover li a:before{
	display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    background: #ccc;
    z-index: -1;
    transition: all 0.1s linear;
}

.p-headerStatic-subList-cover li a:hover::before{
    top: 0;
    height: 100%;
}

.p-headerStatic-subList-cover li a:after{
	content: "";
	position: absolute;
	right: 15px;
	width: 6px;
	height: 6px;
	bottom: 22px;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.p-headerStatic-subList1 li{
	float: left;
	width: 40%;
	margin-right: 20%;
}
.p-headerStatic-subList1 li:last-child{
	margin-right: 0;
}
.p-headerStatic-subList-cover-txt{
    margin-top: 1em;
    padding: 0.8em 0.5em;
    font-size: 1.5em;
    color: #333;
    font-weight: bold;
    line-height: 1.5em;
}
.p-headerStatic-subList2 li{
	float: left;
	width: 22%;
	margin-right: 4%;
	margin-bottom: 10px;
}
.p-headerStatic-subList2 li:nth-child(4n){
	margin-right: 0;
}

/*-----------------
 *共通ヘッダー
-----------------*/
/*180613_out_ctr追記 */
.p-headerFixed{
	width: 100%;
	height: 3em;
	background-color: #fff;
	position: fixed;
	top: -100%;
	z-index: 90000;
	transition: all 0.5s ease;
}
.p-headerFixed.is-active{
	top: 0;
}
header .header{
	width: 94%;
	height: 3em;
	max-width: 64em;
	margin: auto;
	margin-left: 10px;
	float: left;
}
header img{
	width: 7.5em;
	height: auto;
	margin-top: 0.75em;
	float: left;
}
header img.logo-first{
	width: 142px;
	margin-top: 0.25em;
}
a.cv_btn_header{
	background-color: #ff7800;
	margin-top: 0.6em;
	margin-right: 2.5em;
	padding: 0.4em 1.19em;
	color: #fff;
	font-size: 0.93em;
	font-weight: bold;
	text-align: center;
	line-height: 1.42em;
	border-radius: 6px;
	display: inline-block;
	float: right;
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
	a.cv_btn_header{
		margin-right: 0;
	}
	a.cv_btn_header:hover{
		opacity: 0.7;
	}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
 	header .header{
		float: none;
		margin-left: auto;
		width: 90%;
	}
}

/*-----------------
 *お知らせ
-----------------*/
#sec-news {
	padding: 3em 0;
	background-color: #f0f0f0;
}
#sec-news h2 {
	color: #333;
    font-size: 1.3em;
	text-align: left;
}
#sec-news li {
	margin-bottom: 2em;
	text-align: left;
}
#sec-news li a {
	color: #333;
	font-size: .9em;
	line-height: 1.5em;
}
#sec-news li a span[class^="icon-"], #sec-news li a span[class*=" icon-"]{
	font-size: 0.8em;
    margin-left: 10px;
}
#sec-news li a span.date {
	margin-bottom: 1em;
	padding-left: 1em;
	font-weight: bold;
	display: inline-block;
	position: relative;
}
#sec-news li a span.date:before,#sec-news li a span.date:after {
    content: "";
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 4px solid transparent;
	border-left: 4px solid #333;
    margin: auto;
    vertical-align: middle;
	position: absolute;
	top: 0;
    bottom: 0;
    left: 0;
}
.cnd-btn-sub {
	width: 90%;
	max-width: 14em;
	margin: 0 auto;
	text-align: center;
	float: right;
}
.cnd-btn-sub a {
	padding: 1.25em 1em 1.25em;
	background-color: #777;
	border-radius: 6px;
	color: #fff;
	font-size: 1em;
	line-height: 0.85em;
	display: block;
	position: relative;
}
.cnd-btn-sub a::after {
	content: '>';
	position: absolute;
	right: 0.625em;
	top: 0;
    bottom: 0;
    margin: auto 0;
    height: 20px;
	-webkit-transform: scale(0.5, 1.0);
       -moz-transform: scale(0.5, 1.0);
    	-ms-transform: scale(0.5, 1.0);
    		transform: scale(0.5, 1.0);
	display: inline-block;
	font-weight: normal;
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	#sec-news li a:hover, #sec-news li a:hover span {
		text-decoration: underline;
	}
	#sec-news li a span.date {
		padding-right: 1em;
	}
	.cnd-btn-sub a {
		padding: 1.25em 1em 1em;
	}
	.cnd-btn-sub a::after {
		top: .8em;
	}
}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em){
	#sec-news li {
		margin-bottom: .75em;
	}
}


/*-----------------
 *共通フッター
-----------------*/
footer{
	position: relative;
	z-index: 99999;
	margin: 0;
	padding: 3em 0 1em;
	background-color: #333;
}


/*-----------------
 *ロゴエリア 20190408追加
-----------------*/

#sec-logo .contents{
    padding: 40px 0 60px;
}
.logo-list ul{
	margin: 0 auto 60px;
    text-align: center;
	background: #fff;
	padding: 10px 0 0 0;
}
.logo-list ul li{
    width: 158px;
    height: 62px;
    overflow: hidden;
    margin: 5px 0;
}
.logo-list ul li.logo-pc-only{
	display: none;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
	.logo-list ul li{margin: auto 20px}
	.logo-list ul li.logo-pc-only{display: inline-block !important;}
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */

@media screen and (min-width:64em){
	.logo-list ul{width: 850px;}
}

/*-----------------
 *ロゴエリア 20190711追加
-----------------*/
#sec-logo{
}
#sec-logo ul{
	margin: 0 auto;
    text-align: center;
	width: 80%;
}
#sec-logo ul li{
	display: inline-block;
    overflow: hidden;
    position: relative;
    margin: 5px 0;
	font-size: 0.9em;
}
#sec-logo ul li:hover .logo_caption{
	opacity: 1;
}
#sec-logo ul li img{
	opacity: 1;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	max-width: 100%;
}
#sec-logo ul li .logo_caption{
	opacity: 0;
	position: absolute;
	top: 0;
    left: 0;
	z-index: 2;
	width: 100%;
	height: 62px;
	background: rgba(0,0,0,.6);
}
#sec-logo ul li p.logo_ttl{
	text-align: center;
	color: #ffffff;
	position: absolute;
    top: 20%;
    left: 4%;
	right:0;
	margin: auto;
	line-height: 1.2em;
	padding-right: 8px;
}
#sec-logo ul li p.logo_link{
	text-align: right;
	color: #ffffff;
	position: absolute;
    bottom: 10px;
    right: 10px;
}
span.icon-webfont-01 {
    padding-left: 8px;
    font-size: 0.8em;
}
@media screen and (max-width:768px){
#sec-logo ul{
	width: 100%;
}
#sec-logo ul li{
	width: 45%;
}
}
@media screen and (max-width:350px){
	#sec-logo ul li{
	width: 80%;
}
}


/*-----------------
 *スマホ文言対応
-----------------*/
.sp-none{
    display:none !important;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
.sp-none{
    display:block !important;
}
}

/*-----------------
 *sec-step　ステップ
-----------------*/
#sec-step {
	background-color: #e8f7ff;
	background-image: url("/web/jp/contract/images/top_arrow03.gif");
	background-repeat: no-repeat;
	background-position: top center;
}
.txt_area {
	margin-bottom: 20px;
}
.txt_area h3 .step {
	margin-bottom: 10px;
	font-size: .9em;
	font-weight: normal;
	color: #2d96d0;
	line-height: .8em;
	border-bottom: 1px solid #2d96d0;
	display: block;
}
.txt_area h3 {
	margin-bottom: 20px;
	font-size: 1.25em;
	font-weight: bold;
}
.img_area img {
	margin: 0 auto 0;
	width: 100%;
	border: 1px solid #ccc;
}
#sec-step .contents-full ul li {
	padding: 30px 0;
}
#sec-step .contents-full ul li:first-child {
	padding-top: 0;
}
#sec-step .contents-full ul li:last-child {
	padding-bottom: 0;
}
#sec-step .contents-full ul li.bg-color2 {
	background-color: #f4f9fb;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {
	#sec-step .contents {
		max-width: 48em;
	}
	.txt_area {
	    margin-top: 30px;
		width: 40%;
		text-align: left;
    	float: left;
		position: relative;
	}
	.txt_area h3 .step {
		border-bottom: none;
	}
	.txt_area .line {
		width: 1px;
		height: 180px;
		background-color: #2d96d0;
		position: absolute;
		bottom: -200px;
		left: calc(50% - 41%);
	}
	.img_area {
		width: 50%;
		float: right;
	}
}

/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
	#sec-step .contents {
		max-width: 860px;
	}
	.txt_area .line {
	    height: 230px;
	    bottom: -250px;
	}
}

/*外部からのアンカーリンクずれ修正*/
#sec-merit-h2 {
	padding-top: 7.5em;
	margin-top: -7.5em;
}

/*20200318 文言追加　#125173*/
.main-v_tx .h1_sub {
    position: relative;
    display: inline-block;
    padding: 0 20px;
	margin-bottom: 10px;
    color: #ffcf00;
    line-height: 1.6;
    font-weight: bold;
	font-size: 15px;
	line-height: 1.4;
	text-shadow: 2px 1px 1px #000 ;
}

.main-v_tx .h1_sub:before {
    left: 0;
    transform: rotate(55deg);
}

.main-v_tx .h1_sub:before,
.main-v_tx .h1_sub:after {
    content: '';
    position: absolute;
    top: 40%;
    display: inline-block;
    width: 18px;
    height: 3px;
    background-color: #ffcf00;
	font-weight:bold;
	box-shadow: 2px 1px 1px #000 ;
}

.main-v_tx .h1_sub:after {
    right: 0;
    transform: rotate(-55deg);
}

.main-v_tx h1 {
    color: #fff;
    text-shadow: 2px -1px 2px #000;
}

.main-v_tx .count_tx {
    color: #fff;
    font-weight: bold;
    text-shadow: 2px 1px 2px #000;
}

.main-v_tx .count_tx {
    font-weight: bold !important;
}

/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em){
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em){
.main-v_tx .h1_sub {
    	padding: 0 30px;
		font-size: 28px;
		line-height: 1.4;
}
.main-v_tx .h1_sub:before,
.main-v_tx .h1_sub:after {
    width: 28px;
    height: 4px;
}
}