/*-----------------------------------------------------------------------/
	common
/*----------------------------------------------------------------------*/

.fleft{float:left;}
.fright{float:right;}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}


.clr{
	clear:both;
	height:1px;
	overflow:hidden;
}

.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}

.mgnt8{margin-top:8px;}
.mgnt16{margin-top:16px;}
.mgnt24{margin-top:24px;}
.mgnt32{margin-top:32px;}
.mgnt40{margin-top:40px;}

.mgnr8{margin-right:8px;}
.mgnr16{margin-right:16px;}
.mgnr24{margin-right:24px;}
.mgnr32{margin-right:32px;}
.mgnr40{margin-right:40px;}

.mgnb8{margin-bottom:8px;}
.mgnb16{margin-bottom:16px;}
.mgnb24{margin-bottom:15px;margin-top:20px;}
.mgnb32{margin-bottom:32px;}
.mgnb40{margin-bottom:40px;}

.mgnl8{margin-left:8px;}
.mgnl16{margin-left:16px;}
.mgnl24{margin-left:24px;}
.mgnl32{margin-left:32px;}
.mgnl40{margin-left:40px;}

/*エディタでリストが使えるように*/
#maincontent ul{
	margin:0 0 0 1.2em;
	padding:0;
}
#maincontent ul li{
	list-style-type: disc;
}

#maincontent ol{
	margin:0 0 0 1.7em;
	padding:0;
}
#maincontent ol li{
	list-style-type: decimal;
}

.mail_error{
	color:red;
	margin:0 ! important;
}

.mail_error li{
	list-style:none ! important;
}


/*-----------------------------------------------------------------------/
	form
/*----------------------------------------------------------------------*/
form .sss{width:3em;}
form .ss{width:4em;}
form .s6{width:6em;}
form .s{width:8em;}
form .m{width:12em;}
form .mm{width:16em;}
form .l{width:24em;}
form .ll{width:32em;}
form .lll{width:97%;}

/*-----------------------------------------------------------------------/
	base
/*----------------------------------------------------------------------*/

html{overflow:auto;}
body{
	overflow-y:hidden;
	position:relative;
}    

/*-----------------------------------------------------------------------/
	pg_head
/*----------------------------------------------------------------------*/

#pg_head_wrap{width:100%;}
#hdr_wrap{width:100%;border-bottom:1px solid #eee;padding:5px 0;overflow: hidden;}
#hdr .read{font-size:12px;font-weight:normal;float:left;margin:0px 10px 0 0px;}
#hdr .hanbai{float:right;font-size:12px;background: transparent url("../_cmn/icn_ya.png") no-repeat 0px 6px; padding:0 0 0 10px;}
#hdr{width:960px;margin:0 auto;}
#pg_head{width:1100px;margin:0 auto;padding: 14px 0;}
#gnav{width:960px;margin:0 auto;}
#gnav ul{margin:0;border-left: 1px dotted #dedede;}
#gnav ul li{margin:0;display:inline-block;font-weight:bold;}
#gnav_wrap{width:100%;background:#fff;z-index: 160;border-top:1px solid #EDEDED;border-bottom:1px solid #EDEDED;}

/* sp_menu */
#btn_menu,
#sp_menu.active,
#sp_menu .toggle_menu {
	display: none;
}

#smt_menu { padding-top: 56px; }

/*グロナビ固定*/
.fixed {
    position: fixed;
    transition: .5s;
}

/*ドロップダウンメニュー*/
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 960px;
  margin: 5px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 155px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li:nth-child(6){
  width: 180px;
}
.dropmenu li:nth-child(6) span{
	font-size:1em !important;
}
.dropmenu li a,
.dropmenu li span.navNolnk{
  display: block;
  margin: 0;
  padding: 20px 0 20px;
  background: #fff;
  color: #333;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  border-right: 1px dotted #dedede;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #ddd;
  background: #fff;
  text-align: left;
  z-index: 160;
  font-size:15px;
  line-height:1.4;
  width:128px;
}
.dropmenu li:hover > a{
  background: #eee;
}
.dropmenu li a:hover{
  background: #eee;
}
#comparison {
  width:159px
  }

/*通常のメニュー*/
#normal { position: relative; z-index: 8; }
#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}
/*フェードインのメニュー*/
#fade-in { position: relative; z-index: 6;}
#fade-in li ul{
  opacity: 0;
  visibility: hidden;
  transition: .5s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}

/*フェードインでおりてくるメニュー*/

#fade-in2 { position: relative; z-index: 5; }
#fade-in2 li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
   border-bottom: 1px solid #eee;
}
#fade-in2 li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}


#pg_head_wrap ul{margin:0;float:right;}
#pg_head_wrap ul li{
	float:left;
	list-style:none;
}
#pg_head_wrap ul li.tel{
	margin: -6px 10px 0 0;
}

    

/*-----------------------------------------------------------------------/
	pg_body
/*----------------------------------------------------------------------*/

#maincontent a:hover img {
    opacity: 0.7;
}

#pg_wrap{position: relative;}
#main_wrap{background: #FFF7BD url("../_prt/_top/bg_main.png") repeat-x center 40px;}
#slider{
  position: relative;
  z-index: 2;
}
#slider .bnr p{
  width: 900px;
  margin: 120px auto 0;
}
.slick-dotted .slick-dots {
/*  bottom: 74px;*/
}
.slick-dotted .slick-dots li button::before {
  content: "";
  width: 17px;
  height: 17px;
  border-radius: 50%;
		border: 1px solid #0059a9;
  background-color: #fff;
  opacity: 1;
}
.slick-dotted .slick-dots li:hover button::before,
.slick-dotted .slick-dots li.slick-active button::before {
border: 1px solid #0059a9;
background-color: #0059a9;
  opacity: 1;
}

.col_main { width: 40%; order: 2; }
.col_cont { width: 30%; order: 1; }
.col_frm { width: 30%; order: 3; }

/*
#img_main{
  min-width: 1060px;
  min-height: 560px;
}
*/
#main{
	width: 850px;
/*margin:0 auto;*/
/*height:540px;*/
/*margin: 0 30px;*/
/*  background: url("../_prt/_top/img_main2.png") no-repeat right 64px;
	background-size: 1100px;*/
}

#main_img{
	padding: 80px 0 20px;
	overflow: hidden;
}
#main_img img{
	width: 90%; margin: 0px;
}
#smt_main_img { display: none; }
#main_cont{
    width: 450px;
    padding: 32px 0 0 40px;
    text-align: center;
	position: absolute;
	top: 0;
}
@media screen and (max-width:1440px){
	#main_cont { padding: 32px 0 0 0; }
	#main_img img { margin: 0 0 0 160px; }
}

#main_cont p{font-size:28px;font-weight:bold;letter-spacing:-1px;}

#main_cont .komidasi{
    font-size:14px;
    color:#444;
    margin: 30px 0 7px;
    font-weight: 500;
}
#main_cont .komidasi span{
    font-size:20px;
    color:#0059A9;
}

#main_cont .try{
    margin-bottom:4px;
}

#main_cont .syou{
    display:flex;
    display:-webkit-box;
    width:100%;
    align-items: center;
}
#main_cont .syou .Gooddesign_logo{
    width: 100%;
    padding-top: 5px;
}

#main_cont .syou1{
    width:40%;
}

#main_cont .syou2{
    width:50%;
}

#main_cont .syou1 img,
#main_cont .syou2 img{
    width:100%;
}

#main_wrap {
	position: relative;
/*	overflow: hidden;*/
	display: flex;
	flex-wrap: wrap;
/*	padding-right: 15%;*/
		
    overflow: hidden;
}
#main_wrap .frmBlk{
	width:30%;
	position: absolute;
	z-index:100;
	top:0;
	right:0;
	padding:10px 30px;
	background:rgba(255,252,234,0.94);
	text-align: center;
/*		height: calc(100% - 20px);*/
		height: 100%;/**/
}
#main_wrap .frmBlk iframe{
	max-width:500px;
	margin:0  auto;
}
#main_wrap .frmBlk .att{
	font-size:0.8em;
	color:#888;
	text-align:center;
	margin-top:12px;
}
#main_wrap .frmBlk .att a{
	color:#888;
	text-decoration: underline;
}

/*重要なお知らせ*/
	#hdr_impInfo{ text-align:center;}
	#hdr_impInfo a{ display:block; background:#666;color:#fff; text-decoration:none; padding:10px; line-height:1;font-weight:bold;}
	#hdr_impInfo a:hover{background:#000;}
	#hdr_impInfo a::before{content:"プレスリリース";display:inline-block;margin:0 0.4em 0 0;padding:0.2em 0.4em;background:#fff;font-size:0.8em;color:#C72830;	border-radius: 3px;	letter-spacing: -0.06em;}
	

	#impInfo{margin-top:-80px;padding:160px 0 80px;background:#eaf4ff;}
	#impInfo .wrap{ width:52em; max-width:1060px; margin:0 auto;}
	#impInfo .wrap h2{  font-size: 28px;	text-shadow: 1px 1px 0px #fff;	margin: 0 0 1em;	color:#222;}
	#impInfo .wrap .txt{  padding: 0 0 1em;}
	#impInfo .wrap .txt p{ padding:0 0 1em;}
	#impInfo .wrap .linkBtn{}
	#impInfo .wrap .linkBtn a{
		background-color: #ffc600;
		border-bottom: 2px solid #d5a707;
		border-bottom-style: solid;
		border-radius: 100px;
		border-style: none none solid;
		color: #000;
		display: block;
		font-size: 18px;
		font-weight: bold;
		padding: 12px 16px 12px;
		text-align: center;
		text-decoration: none;
		width: 80%;
		margin:0 auto;
	}
	
/*重要なお知らせここまで*/


#solution { display: none; }

#reason_wrap{width:100%;overflow: hidden;padding:60px 0;text-align: center;}
#reason{width:960px;margin:0 auto;}
#reason span{display:block;font-size:18px;}

#reason .ttl{font-size:37px;}
#reason ul {margin: 20px 0 0 0;}
#reason ul li{float:left;width:33.3%;list-style:none;text-align:center;}
#reason ul li a{top:0px;position:relative;transition: .5s;font-weight:bold;font-size:20px;text-decoration:none;color:#333;}
#reason ul li a:hover{transition: .5s;top:-20px;position:relative;color:#F3A900;}
#reason ul li span{line-height:1.3;}
#reason .btn{clear: both;padding-top: 60px;}
#reason .btn a{font-size: 24px;color: #000;font-weight: bold;position: relative;padding: 0 20px;transition: .3s;}
#reason .btn a::after{
content: "";
width: 10px;
height: 10px;
border-right: 3px solid #000;
border-bottom: 3px solid #000;
display: block;
position: absolute;
top: 0.3em;
right: 0;
transform: rotate(-45deg);
transition: .3s;}
#reason .btn a:hover{color: #F3A900;transition: .3s;}
#reason .btn a:hover::after{
border-right: 3px solid #F3A900;
border-bottom: 3px solid #F3A900;
right: -5px;
transition: .3s;}

#movie_wrap{
  margin: 0 0;
  background:#FEF9F0;
  overflow:hidden;
  padding: 60px 0;
}
#movie_wrap a{color:#fff;text-decoration:none;}
#movie{width:960px;margin:0 auto;}
#movie_left{width:452px;float:left;}
#movie_right{float:right;width:470px;text-align: center;}
#movie_right p.ttl{ letter-spacing: -2px;overflow:hidden;}
#movie_right span#time{font-family:"Arial";font-size:50px;color:#d96831;}
#movie_right span#sec{font-size:20px;margin:0 0 0 5px;color:#d96831;}

#movie_wrap ul{margin:0 auto;width: 160px;}
#movie_wrap ul li{list-style:none;}
#movie_text{text-align:left;margin: 25px 0 0;font-size:16px;}

#movie_wrap ul li#btn_orange a{
background-color: #D96831;
    border-bottom: 2px solid #B3431C;
    border-radius: 100px;
    border-style: none none solid;
    color: #fff;
    display: block;
    font-size: 25px;
    font-weight: bold;
    padding: 12px 16px 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #B3431C;
     width: 160px;
    }
    
#movie_wrap ul li#btn_orange a:hover{
	border-bottom: 1px solid #B3431C;
    color: #fff;
    padding: 14px 16px 11px;background:#CC5225;
}


#taisaku_wrap{
    position: relative;
    z-index: 90;
    margin: 0 auto 0;
    text-align: center;
    background-color: #f6f8fb;
    padding: 50px 0;
    transition: .2s;
}

#taisaku_wrap .txt{
    margin-bottom: 10px;
    letter-spacing: 0.1em;
    font-size: 20px;
    color: #0059a9;
    font-weight: bold;
}

#taisaku_wrap a{
    transition: .2s;

}

#taisaku_wrap a:hover{
    opacity: 0.8;
    transition: .2s;
}


#reason5_wrap{
  margin: -40px 0 0;
  background:#fff;
  overflow:hidden;
  padding: 80px 0 10px;
}
#reason5_wrap #reason5{
    width: 1060px;
    margin: 0 auto;
}

#maincontent #reason5_wrap #reason5 {
	width: 960px;
}
#reason5_wrap h2{
	text-align:center;
	line-height:1.2;
	color:#907a3a;
	font-size: 37px;
	position: relative;
  	padding: 0 0 0.1em;
/*	margin:0 0 20px;*/
}
/*#reason5_wrap h2:after {
	content: '';
	position: absolute;
	left: 38%;
	bottom: 0;
	width: 7.1em;
    height: 8px;
    background:url(../_cmn/bdr.gif) left bottom repeat-x;
}*/
#reason5_wrap ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: baseline;
	align-items: baseline;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
/*	border:4px solid #ccc;
	border-radius: 4px;*/
}
#reason5_wrap ul li{
/*	width:50%;*/
	width:20%;
	list-style: none;
	text-align:center;
}
#reason5_wrap ul li.w100 {
/*	width:100%;*/
}
#reason5_wrap ul li .img{
	padding:10px;
}
#reason5_wrap ul li .img img{
	width:100%;
}
#reason5_wrap ul li p{
	line-height:1.2;
	font-size:1.1em;
	margin-bottom:6px;
}
#reason5_wrap ul li span{
	font-size:0.8em;
	font-weight: normal;
}
#reason5_wrap ul li a.blk5 {
	padding:10px;
	display:block;
	border-radius: 10px;
	font-weight: bold;
	transition: .5s;
	position:relative;
	top:0px;
	color:#000;
}

#reason5_wrap ul li a.blk5:hover{transition: .5s;top:-20px;position:relative;color:#F3A900;}

#flow {
	width: 100%;
	background: #F4F4F4;
	text-align: center;
}

#flow .inner {
	width: 960px;
	padding: 5em 0;
	margin: 0 auto;
}

#flow .tabs {
	margin-top: 50px;
	padding-bottom: 40px;
	margin: 0 auto;
	overflow: hidden;
}

#flow .tab_item {
	display: inline-block;
	width: 30.9%;
	text-align: center;
	margin-left: 1.5em;
	height: 60px;
	padding: 0;
	border: none;
	position: relative;
	background-color: #cccccc;
	border-radius: 4px;
	font-weight: bold;
	font-size: 1.2em;
	color: #a3a3a3;
	line-height: 60px;
	-webkit-transition: none;
	box-shadow: 0 5px 0 #a3a3a3;
	transition: all 0.2s ease;
}

#flow .tab_item::before,
#flow .tab_item::after {
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
#flow .tab_item::before {
	width: 0;
	height: 0;
	right: -1em;
	border-left: 20px solid #cccccc;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;	
}

#flow .tab_item:hover {
	top: 4px;
	color: #fff;
	background: #96cfea;
	box-shadow: none;
}

#flow .tab_item:hover::before {
	border-left: 20px solid #96cfea;
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
}

#flow .tab_item:hover::after {
	width: 0;
  	height: 0;
	left: 1em;
	bottom: -4em;
	border-left: 40px solid transparent;
  	border-right: 40px solid transparent;
  	border-bottom: 40px solid #fff;
}

#flow .tab_item:active {
	top: 4px;
	box-shadow: none;
}
#flow .tab1 { margin: 0;}
#flow .tab3::before { display: none; }

input[name="tab_item"] {
	display: none;
}

#flow .tab_content {
	background: #fff;
	margin-top: 1.5em;
	display: none;
	padding: 40px;
	clear: both;
	overflow: hidden;
}

#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content {
  	display: block;
}

#flow .tabs input:checked + .tab_item {
  	background-color: #96cfea;
  	box-shadow: none;
  	color: #fff;
}

#flow .tabs input:checked + .tab_item:hover { top:0; }

#flow .tabs input:checked + .tab_item::before {
  	border-left: 20px solid #96cfea;
  	border-top: 13px solid transparent;
  	border-bottom: 13px solid transparent;	
}

#flow .tabs input:checked + .tab_item::after {
	width: 0;
  	height: 0;
	left: 1em;
	bottom: -4em;
	border-left: 40px solid transparent;
  	border-right: 40px solid transparent;
  	border-bottom: 40px solid #fff;
}
#flow .tab_content_description br { display: block!important; }
#flow .tab_content_description ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
}
#flow .tab_content_description ul li { 
	width: 50%;
	text-align: center;
}
#flow .tab_content_description p { font-size: 0.8em; }
#flow .tab_content_description img:hover { opacity: 0.7; }
#flow #tab2_content li { width: 25%; }

/*
#flow{width:100%;background:#F4F4F4;padding: 60px 0;text-align:center;}
#flow p{font-size:18px;}
#flow p.ttl{font-size:37px;}
*/

#cate_wrap{width:100%;background:#fff7bd url("../_prt/_top/bg_main.png") repeat-x scroll center 40px;overflow:hidden;}
#cate{width:710px;margin:0 auto;text-align: center;   background: #fff7bd;}
#cate img{padding:40px 0;}
.pan{padding:20px 0 30px;font-size:13px;}


.ttl{font-size:37px;font-weight:bold;color:#333;text-align: center;}
.sttl{font-size:18px;font-weight:bold;color:#333;text-align: center;}

/*-----------------------------------------------------------------------/
	pg_sub
/*----------------------------------------------------------------------*/

#pg_sub{}

/*-----------------------------------------------------------------------/
	pg_foot
/*----------------------------------------------------------------------*/

#pg_foot{}

.gotop{
    position: fixed;
    /*right: 5%;*/
    bottom: 0;
    background:#fff;
    width:100%;
    padding:12px 0;
    border-top: 1px solid #dedede;
    z-index:700;
}
.gotop a{
    /*height: 94px;*/
    display: block;
}

.gotop_cont{width:960px;margin:0 auto;overflow: hidden;}
.gotop_cont ul{ float: right;
    margin: 0;
    position: relative;
    right: 100px;}
    
.gotop_cont ul li{list-style:none;float: left;margin: 0 2px;}

.gotop_cont ul li.tel{
	margin:12px 6px 0 0;
}

#c_14 .gotop,
#c_21 .gotop,
#c_16 .gotop{
    display:none!important;
}
#c_14 #pg_head ul,
#c_21 #pg_head ul,
#c_16 #pg_head ul{
    display:none!important;
}
#c_14 #gnav,
#c_21 #gnav,
#c_16 #gnav{
    display:none!important;
}
#c_14 #pg_head_wrap,
#c_14 #pg_head_wrap,
#c_14 #pg_head_wrap{
  border-bottom: 1px solid #EDEDED;
}



#c_14 h1 {
    margin: 0 0 1.2em;
}

/*フローティングボタンここから-----------------------------------------*/



/*奉行クラウド*/
#bugyo_fBtn{
	display: block;
	position: fixed;
	right: 24px;
	top:14px;
	z-index:200;
}
#bugyo_fBtn a{
	background: #116fb5;
	border-bottom: 2px solid #0e5e9a;
	border-bottom-style: solid;
	border-radius: 100px;
	border-style: none none solid;
	margin: 0 auto;
	height:140px;
	width:140px;
	text-align: center;
	text-decoration: none;
	color:#fff;
	font-weight: bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	
	will-change: transform,animation,position;
	
	-webkit-animation: btnMove 3s 1s ease-in-out infinite;
	animation: btnMove 3s 1s ease-in-out infinite;
	position: absolute;
	right: 0;
	top:0;
	
	transition: .5s;
}

#bugyo_fBtn a span{
	display: block;
	width:100%;
}
#bugyo_fBtn a span.txt{
	font-size: 16px;
	line-height: 1;
}
#bugyo_fBtn a span.catch{
	font-size: 10px;
	letter-spacing: -1px;
	line-height: 1.2;
	margin-bottom:0px;
}
#bugyo_fBtn a span.img{
	margin-bottom:0px;
}
#bugyo_fBtn a span.img img{
	width:90%;
}

#bugyo_fBtn a:hover{
	transition: .5s;
	-webkit-transform: translate(0, -8px);
	transform: translate(0, -8px);
}



#SmartHR_fBtn{
	display: block;
	position: fixed;
	right: 24px;
	top:163px;
	z-index:200;
}
#SmartHR_fBtn a{
	background: #22b4bc;
	border-bottom: 2px solid #149696;
	border-bottom-style: solid;
	border-radius: 100px;
	border-style: none none solid;
	margin: 0 auto;
	height:140px;
	width:140px;
	text-align: center;
	text-decoration: none;
	color:#fff;
	font-weight: bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	
	will-change: transform,animation,position;
	
	-webkit-animation: btnMove 3s 1s ease-in-out infinite;
	animation: btnMove 3s 1s ease-in-out infinite;
	position: absolute;
	right: 0;
	top:0;
	
	transition: .5s;
}

#SmartHR_fBtn a span{
	display: block;
	width:100%;
}
#SmartHR_fBtn a span.txt{
	font-size: 16px;
	line-height: 1;
}
#SmartHR_fBtn a span.catch{
	font-size: 10px;
	letter-spacing: -1px;
	line-height: 1.2;
	margin-bottom:8px;
}
#SmartHR_fBtn a span.img{
	margin-bottom:10px;
}
#SmartHR_fBtn a span.img img{
	width:90%;
}

#SmartHR_fBtn a:hover{
	transition: .5s;
	-webkit-transform: translate(0, -8px);
	transform: translate(0, -8px);
}



#trial_fBtn{
	display: block;
	position: fixed;
	right: 24px;
	top:314px;
	z-index:200;
}
#trial_fBtn a{
	background: #ffc600;
	border-bottom: 2px solid #d5a707;
	border-bottom-style: solid;
	border-radius: 100px;
	border-style: none none solid;
	margin: 0 auto;
	height:140px;
	width:140px;
	text-align: center;
	text-decoration: none;
	color:#000;
	font-weight: bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	
	will-change: transform,animation,position;
	
	-webkit-animation: btnMove 3s 1s ease-in-out infinite;
	animation: btnMove 3s 1s ease-in-out infinite;
	position: absolute;
	right: 0;
	top:0;
	
	transition: .5s;
}

#trial_fBtn a span{
	display: block;
	width:100%;
}
#trial_fBtn a span.txt{
	font-size: 20px;
	line-height: 1;
}
#trial_fBtn a span.catch{
	font-size: 10px;
	letter-spacing: -1px;
	line-height: 1.2;
	margin-bottom:8px;
}

#trial_fBtn a:hover{
	transition: .5s;
	-webkit-transform: translate(0, -8px);
	transform: translate(0, -8px);
}



#webinar_fBtn{
	display: block;
	position: fixed;
	right: 24px;
	top:310px;
	z-index:200;
}
#webinar_fBtn a{
    background: #fb5146;
	border-bottom: 2px solid #d15047;
    border-bottom-style: solid;
	border-radius: 100px;
	border-style: none none solid;
	margin: 0 auto;
	height:140px;
	width:140px;
	text-align: center;
	text-decoration: none;
	color:#fff;
	font-weight: bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	will-change: transform,animation,position;
	-webkit-animation: btnMove 3s 1s ease-in-out infinite;
	        animation: btnMove 3s 1s ease-in-out infinite;
	position: absolute;
	right: 0;
	top:0;
	transition: .5s;
}

#webinar_fBtn a span{
	display: block;
	width:100%;
}
#webinar_fBtn a span.txt{
	font-size: 20px;
	line-height: 1.2;
}
#webinar_fBtn a span.catch{
	font-size: 10px;
	letter-spacing: -1px;
	line-height: 1.2;
	margin-bottom:8px;
}

#webinar_fBtn a:hover{
	transition: .5s;
	-webkit-transform: translate(0, -8px);
	transform: translate(0, -8px);
}

#webinar_fBtn a .syou{
    letter-spacing: -0.13em;
font-size: 17px;
}




.fstnone{
	opacity:0;
	transition: .5s;
	overflow: hidden;
}
.fstnone.opa{
	opacity:1;
	transition: .5s;
	overflow: unset;
}



/**/
@-webkit-keyframes btnMove {
	1% {		top: 1px;	}
	60% {		top: 15px;	}
	100% {		top: 0px;	}
}
@keyframes btnMove {
	1% {		top: 1px;	}
	60% {		top: 15px;	}
	100% {		top: 0px;	}
}
/*トライアルボタンここまで-----------------------------------------*/


.ftr_list{width:960px;margin:0 auto;}
.ftr_list_wrap{background:#FEF9F0;overflow: hidden;padding: 15px 0;font-size:12px;font-weight:bold;  font-feature-settings : "palt";}
.ftr_list a#site_top{float:left;display:block;}
.ftr_list ul{float:right;margin:0;border-right: 1px solid #ccc;}
.ftr_list ul li{float:left;list-style:none;padding: 0 7px;border-left: 1px solid #ccc;}
#footlink {
    width:960px;
    margin:0 auto;
}
#footlink_wrap{background:#E6F2F9;padding:20px 0 60px;overflow:hidden;}
#footlink ul {
    font-family: 'YuGothic', 'Verdana', 'Arial', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
    padding: 20px 0 10px;
    margin: 0 auto;
    width:960px;
    float:left;
    line-height: 1.8;
}

#footlink #bnr_online{float:right;clear:both;}
#footlink #bnr_online a:hover img{opacity:0.7;}

#footlink ul li {
    display: inline;
    font-size:15px;
}

.ftr_contact ul{ float: right;
    margin: 0;
    position: relative;
    right: 100px;
    }

.ftr_contact{
    background:#fff;
    width:100%;
    padding:12px 0;
    border-top: 1px solid #dedede;
}
.ftr_contact a{
    width: 180px;
    /*height: 94px;*/
    display: block;
}


.ftr_contact_cont{width:960px;margin:0 auto;background:transparent url(../_cmn/ftr_tel.png) no-repeat 110px 12px;overflow: hidden;}
.gotop_cont ul{ float: right;
    margin: 0;
    position: relative;
    right:0px;}
    
.ftr_contact_cont ul li{list-style:none;}

.gotop_cont .index_ftr_btn { right: 100px; left: auto; }

#hdr_btn_trial2,
#hdr_btn_trial{
	margin-right:4px;
}

#hdr_btn_trial a,
#ftr_btn a{
    background: #C72830 url(https://www.anpi-system.net/_prt/_sms/icn_shiryo.png) no-repeat 15px 6px;
    border-bottom: 2px solid #920012;
    border-radius: 100px;
    border-style: none none solid;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding:6px 12px 6px 45px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #920012;
    letter-spacing: -1px;
    }
    
#hdr_btn_trial2 a{
    width:380px;
}

#hdr_btn_trial2 a:hover{
    
}


#hdr_btn_trial a:hover,
#ftr_btn a:hover{
border-bottom: 1px solid #920012;
    color: #fff;
    padding: 8px 12px 5px 45px;
background: #A81222 url("../_cmn/icn_trial.png") no-repeat 15px 12px /23px auto;
    }

#ftr_btn2 a{
background: #4A738A url("../_cmn/icn_doc.png") no-repeat 27px 11px /16px auto;
    border-bottom: 2px solid #304E61;
    border-radius: 100px;
    border-style: none none solid;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding:6px 32px 6px 48px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #304E61;
    letter-spacing: -1px;
    }

#ftr_btn2 a:hover{
    border-bottom: 1px solid #304E61;
    color: #fff;
    padding: 8px 32px 4px 48px;
    background: #304E61 url("../_cmn/icn_doc.png") no-repeat 27px 13px /16px auto;
    }
    


#ftr_btn3 {
    float: right;
    text-align: center;
    margin: 0 110px 0 0;
   }

#ftr_btn3 a {
    background: #07988c ;
    border-bottom: 2px solid #304E61;
    border-radius: 100px;
    border-style: none none solid;
        border-bottom-style: solid;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 57px 6px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 #304E61;
    letter-spacing: -1px;
    margin-top:2px;
}

#ftr_btn3 a:hover {

  border-bottom: 1px solid #304E61;
  color: #fff;
  background: #304E61;
  margin-top:2px;
}


#ftr_btn_c {
  float: left;
  text-align: center;
  margin: 0 0 0 0;
 }

#ftr_btn_c a {
  background: #D96831 url("../_cmn/icn_contact.png") no-repeat 44px 11px /23px auto;
  border-bottom: 2px solid #B3431C;
  border-radius: 100px;
  border-style: none none solid;
  border-bottom-style: solid;
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 72px 6px 72px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 #B3431C;
  letter-spacing: -1px;
  margin-top:2px;
}


#ftr_btn_c a:hover {
  background: #B3431C url("../_cmn/icn_contact.png") no-repeat 44px 11px /23px auto;
  border-bottom: 1px solid #B3431C;
  color: #fff;
  padding: 8px 72px 4px 72px;
  margin-top:2px;
}

#pagetop{float:right;text-align: right;margin: 0 0 0 70px;}
#pagetop a{background:#333;padding:12px;border-radius:4px;transition: .5s;}
#pagetop a:hover{background:#ccc;transition: .5s;}
#copyright{text-align:center;font-size:13px;padding:10px 0 20px;}
#footlink .isms {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	text-align: center;
}
#footlink .isms .clearfix { margin-bottom: 0.5em; }


/*-----------------------------------------------------------------------/
	sitemap
/*----------------------------------------------------------------------*/
#sitemap ul {
  margin-left: 0;
}
#sitemap ul li {
  margin: 0 0 10px;
  list-style: none;
  line-height: 2;
}
#sitemap ul li a {
  display: block;
  font-weight: bold;
  text-decoration: none;
}
#sitemap ul li ul {
  margin-left:1em;
}
#sitemap ul li ul li {
  margin-bottom: 0;
  line-height: 1.6;
}
#sitemap ul li ul li a {
  display: inline;
  font-weight: normal;
}
#sitemap ul li ul li:before {
  content: "";
  display: inline-block;
  padding: 0.25em;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  vertical-align: super;
}

/*6.3告知 アニメーション*/
#anim {}

#anim div{
}

#anim div:first-child{
}


.fadeInUp {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
 visibility: visible !important;
}
@-webkit-keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*ヒーローイメージ*/
#hero{
	width:960px;
	height:600px;
	margin:0 auto;
	background: #f7e045; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f7e045 0%, #febd32 67%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f7e045 0%,#febd32 67%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f7e045 0%,#febd32 67%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e045', endColorstr='#febd32',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#hero #intro{
	width:960px;
	height:600px;
	margin-top:-520px;
}

#hero .copy{
	text-align:center;
}

#hero .subcopy{
	text-align:center;
	margin:32px 0 0 0;

}

#hero .text{
	color:#fff;
	font-size:23px;
	padding:32px 80px;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
}


#about_ac{
	padding:40px 0 0;
}

#about_ac h2,#about_ac .fp,#about_ac #about_col3{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#about_ac h2,#about_ac .fp{
	text-align:center;
	line-height:1.5;
}
#about_ac h2{
	color:#004583;
	position: relative;
  	padding: 0 0 0.1em;
}

#about_ac h2:after {
	content: '';
	position: absolute;
	left: 38%;
	bottom: 0;
	width: 7.1em;
    height: 8px;
    background:url(../_cmn/bdr.gif) left bottom repeat-x;
  }
  
#about_ac strong{
	font-size:20px;
	color:#2a82d2;
	font-weight:normal;
}

.cv_btn_area {
	width: 960px;
	margin: 0 auto;
	padding: 1em 0;
}

.cv_btn_area ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
}

.cv_btn_area ul li {
	width: 23%;
	margin-bottom: 2.5em;
}

.cv_btn_area .cv_btn {
    display: block;
    padding: 17px 0;
    border-radius: 30px;
    background: #5e72e4;
    color: #fff;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    transition-property: opacity;
    　-webkit-transition-property: opacity;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
    position: relative;	
}

.cv_btn_area .cv_btn::after {
	bottom: -10px;
    position: absolute;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    content: " ";
    border: none;
    border-radius: 100px;
    background: #5e72e4;
    display: block;
    animation-name: flash;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: flash;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: flash;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
}

#c_7 .cv_btn_area {
	margin: 60px auto;
	padding: 40px;
	background: #f5f5f5;
	box-sizing: border-box;
}
#c_7 .cv_btn_area p{
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
#c_7 .cv_btn_area ul li {
	width: 22%;
	margin-bottom: 0;
}
#c_7 .cv_btn_area .cv_btn,#c_7 .cv_btn_area .cv_btn::after {
	background: #C72830;
}

@keyframes flash{
	0%{opacity:0.3}
	30%{opacity:0}
	70%{opacity:0}
	100%{opacity:0.3}
}
@-webkit-keyframes flash{
	0%{opacity:0.3}
	30%{opacity:0}
	70%{opacity:0}
	100%{opacity:0.3}
}
@-moz-keyframes flash{
	0%{opacity:0.3}
	30%{opacity:0}
	70%{opacity:0}
	100%{opacity:0.3}
}

.cv_btn_area .cv_btn:hover { 
	opacity: 0.6;
	transition: .3s;
}

#about_col3{
	margin-top:32px;
	margin-bottom:32px;
}

#about_col3 div{
	float:left;
	width:30%;
	margin-right:5%;
	background:#eaf4ff;
	padding:20px;
	border-radius:4px;
}

#about_col3 div:last-child{
margin-right:0;
}

#about_col3 h3{
	font-size:20px;
	border-bottom:0;
	margin-bottom:15px;
	color:#004583;
	text-align:center;
	line-height: 1.2;
}

#about_col3 .col3_1 h3{
	background:url(../_prt/_top/icn_col3_1.png) no-repeat center top;
	padding:50px 0 0 0;
}

#about_col3 .col3_2 h3{
	background:url(../_prt/_top/icn_col3_2.png) no-repeat center top;
	padding:50px 0 0 0;
}

#about_col3 .col3_3 h3{
	background:url(../_prt/_top/icn_col3_3.png) no-repeat center top;
	padding:50px 0 0 0;
}

#about_col3 p,#about_col3 a{
font-size:14px;
line-height:1.3;
}
#about_col3 a{
position: relative;
display: inline-block;
margin-top:1em;
padding: 0 0 0 16px;
line-height:1.3;
}
#about_col3 a::before,
#about_col3 a::after{
position: absolute;
top: 6px;
bottom: 0;
left: 0;
content: "";
vertical-align: top;
}

#about_col3 a:before{
left: 0px;
width: 6px;
height: 6px;
border-top: 1px solid #0059A9;
border-right: 1px solid #0059A9;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#ac65img{
	width:100%;
}

#ac65img img{
	width:100%;
	height:100%;
}

#ac65img a div{
position: relative;
display: inline-block;
margin-top:1em;
padding: 0 10px 0 16px;
line-height:1.3;
float:right;
}
#ac65img a div::before,
#ac65img a div::after{
position: absolute;
top: 7px;
bottom: 0;
left: 0;
content: "";
vertical-align: top;
}

#ac65img a div:before{
left: 0px;
width: 6px;
height: 6px;
border-top: 1px solid #0059A9;
border-right: 1px solid #0059A9;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.scroll_tbl{
	width:100%;
	overflow-x:scroll;
}

#result_ac{
/*	padding:60px 0 50px;*/
	padding:0 0 50px;
	background:/*#eaf4ff*/;
}
#result_ac h2{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#result_ac #result_wrap{
	width:960px;
	margin:0 auto;
}
#result_wrap ul{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: baseline;
    align-items: baseline;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: 0;
}
#result_wrap ul li{
width: 24%;
list-style: none;
text-align: center;
}
#result_wrap ul li .img{
    background: #ccc;
	height:140px;
}
#result_wrap ul li .mov{
}
#result_wrap ul li .mov iframe{
	width:100% important;
	height:auto important;
}

#result_wrap ul li p{
	padding:5px 0 0;
	font-weight:bold;
}


#result_ac2{
	padding:90px 0 50px;
	background:/*#eaf4ff*/;
}

#result_ac2 #result_wrap{
	width:960px;
	margin:0 auto;
}

#result_ac2 h2{
    text-align:center;
    position: relative;
}

#result_ac2 h2::before{
    background-image: url(../_prt/_top/oukan3.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: bottom;
    position: absolute;
    text-align: center;
    display: block;
    width: 40px;
    height: 40px;
    content: '';
    left: 50%;
    margin-bottom: 8px;
    transform: translate(-50%, -50%);
    top: -25%;
}

#result_ac2 #result_wrap .wrap h2 { display: none; }
#result_ac2 #result_wrap a { transition: all .5s ease; }
#result_ac2 #result_wrap h3 { font-size: 18px; line-height: 1.6; text-align: left; }
#result_ac2 #result_wrap .ResultListBlk .img {
	height: 170px;
	margin: 0 0 1em;
	overflow: hidden;
}
#result_ac2 #result_wrap .ResultListBlk .img img {
	height: 170px;
	object-fit: cover;
	transition: all .5s ease;
}
#result_ac2 #result_wrap .ResultListBlk a:hover .img img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	opacity: .6;
}
#result_ac2 #result_wrap .ResultListBlk .tag span,
#result_ac2 #result_wrap .listBtn { display: none; }

#result_ac2 h3 { 
    font-size: 1.5em;
    border: none;
    margin-bottom: 0.3em;
    padding: 0;
}

#result_ac2 .hairi{
    text-align:center;
}

#result_ac2 ul{
    display:flex;
}

#result_ac2 ul li{
    width: 32%;
    margin: 0;
}

#result_ac2 ul li img{
    width:100%;
}

#result_ac2 ul li .okyakusamamei{
    font-weight: 600;
    text-align: center;
}

#result_ac2 .hairi{
    margin-bottom:30px;
}


#result_ac2 .kyoutyou{
    font-size:40px;
}

#result_ac2 .ao_btn a{
    font-size: 1.1rem;
    display: inline-block;
    padding: 1em 3em;
    border-radius: 200px;
    text-decoration: none;
    color: #0059a9;
    background: #ffffff;
    border: solid 2px #0059a9;
    font-weight: 600;
    transition: .4s;
    line-height: 1.2;
    min-width: 180px;
    display: inline-block;
    font-feature-settings: "palt";
    text-align: center;
    margin-top:30px;
    max-width: 100%;
}

#result_ac2 .ao_btn a:hover {
    color: #fff;
    background: #0059a9;
}

#result_ac2 .center{
    width:100%;
    text-align:center;
}




#maincontent .ao_btn a {
    font-size: 1.1rem;
    display: inline-block;
    padding: 0.9em 1.2em;
    border-radius: 200px;
    text-decoration: none;
    color: #0059a9;
    background: #ffffff;
    border: solid 2px #0059a9;
    font-weight: 600;
    transition: .4s;
    line-height: 1.2;
    min-width: 180px;
    display: inline-block;
    font-feature-settings: "palt";
    text-align: center;
}

#maincontent .ao_btn a:hover {
    color: #fff;
    background: #0059a9;
}


#maincontent .try_btn a {
    font-size: 1.1rem;
    display: inline-block;
    padding: 0.9em 1.2em;
    border-radius: 200px;
    text-decoration: none;
    color: #fff;
    background: #c72830;
    border: solid 2px #c72830;
    font-weight: 600;
    transition: .4s;
    line-height: 1.2;
    min-width: 180px;
    display: inline-block;
    font-feature-settings: "palt";
    text-align: center;
}

#maincontent .try_btn a:hover {
    color: #fff;
    opacity:0.8;
}

#maincontent .siryou_btn a {
    font-size: 1.1rem;
    display: inline-block;
    padding: 0.9em 1.2em;
    border-radius: 200px;
    text-decoration: none;
    color: #fff;
    background: #2e6f93;
    border: solid 2px #2e6f93;
    font-weight: 600;
    transition: .4s;
    line-height: 1.2;
    min-width: 180px;
    display: inline-block;
    font-feature-settings: "palt";
    text-align: center;
}

#maincontent .siryou_btn a:hover {
    color: #fff;
    opacity:0.8;
}



#maincontent .pink_btn a {
    font-size: 1rem;
    display: inline-block;
    padding: 20px 16px;
    border-radius: 200px;
    text-decoration: none;
    color: #EB6EA5;
    background: #ffffff;
    border: solid 2px #EB6EA5;
    font-weight: 600;
    transition: .4s;
    line-height: 1.2;
    min-width: 170px;
    display: inline-block;
    font-feature-settings: "palt";
    text-align: center;
}

#maincontent .pink_btn a:hover {
    color: #fff;
    background: #EB6EA5;
}

/** 比較表 **/
.--hikaku_btn{
  text-align: center;
}
.--hikaku_btn a{
  /*background:#005bf1 url("../_cmn/icn_arrow_down.svg") no-repeat 98% 14px /24px auto;*/
  background:#003ba8;
  border-radius: 100px;
  border-style: none none solid;
  color: #fff;
  display: inline-block;
  min-width: 60%;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin: 0 auto;
  padding:20px 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 #0047bd;
  letter-spacing: -1px;
}

.--hikaku_btn a:hover{
  /*background:#0047bd url("../_cmn/icn_arrow_down.svg") no-repeat 98% 16px /24px auto;*/
  background:#0070d9;
  padding:22px 12px 18px 12px;
  transition:background-color 0.3s;
}


/*top aspic*/
.aspic_bnr{
margin:0 auto 60px;
display:block;
width: 960px;
}
.aspic_bnr a{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	padding:8px 10px;
	background:#f3578a;
	background: -moz-linear-gradient(left, #f3578a, #ffc068); 
	background: -webkit-linear-gradient(left, #f3578a, #ffc068); 
	background: linear-gradient(to right, #f3578a, #ffc068); 
	color:#fff;
	border-radius: 3px;
}
.aspic_bnr .img img{
	width:90px;
}
.aspic_bnr .img{
	margin:0 30px 0 0;
}
.aspic_bnr .txt{
	font-size:1.2em;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.aspic_bnr .txt span{
	margin:0 30px 0 0;
}
.aspic_bnr .txt strong{
	font-size:1.2em;
}
.aspic_bnr a:hover{
	background:#f3578a;
}


.linkbtnWrp{
}
.linkbtnWrp a{
    background: #fff;
	border: 2px solid #006eb7;
	border-radius: 100px;
	color: #006eb7 !important;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	padding: 0.4em 2em 0.4em 1em;
	text-align: center;
	text-decoration: none;
	letter-spacing: -1px;
	transition: .5s;
	position: relative;
}
.linkbtnWrp a:before{
	content:"";
	display:block;
	width:10px;
	height:10px;
	right: 18px;
	top:54%;
	border-top:2px solid #006eb7;
	border-right:2px solid #006eb7;
		transform: rotate(45deg) translate(-50%,-50%);	
	position: absolute;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#plan_ac{
	width:960px;
	margin:0 auto;
    padding: 60px 0 50px;
    background: #fff;
}

#plan_ac h2 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#plan_ac .txt{
    text-align:center;
    font-size:16px;
    color:#555555;
}

#plan_ac .ryoukin{
    margin:30px auto 10px;
}

#plan_ac a {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    padding: 0 0 0 16px;
    line-height: 1.3;
    font-size:14px;
}

#plan_ac a::before {
    left: 0px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #0059A9;
    border-right: 1px solid #0059A9;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#plan_ac a::before,
#plan_ac a::after {
    position: absolute;
    top: 6px;
    bottom: 0;
    left: 0;
    content: "";
    vertical-align: top;
}

#plan_ac .right{
    text-align: right;
}

#plan_ac .smt_t{
    margin:10px auto 10px;
}

#plan_ac br,
#flow br { display: none; margin-left: 1em; }

#plan_ac .ryoukin ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
}

#plan_ac .ryoukin ul li {
	width: 49%;
}
#plan_ac .ryoukin ul li:last-child { margin: 0; }

#plan_ac .ryoukin table {
	background: #d8d8d8;
}

#plan_ac .ryoukin th {
	width: 100%;
	background: #f5f5f5;
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
}

#plan_ac .ryoukin td {
	background: #fff;
	padding: 0.5em 0;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}

#plan_ac .ryoukin td .price { font-size: 1.7em; }

.hukidasi:before {
  content: "";
  position: absolute;
  top: 95%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #b2b2b2;
}

#c_20 #pg_body h1 {
    font-size: 33px;
    text-shadow: 1px 1px 0px #fff;
    margin: 0 0 0.9em;
    color: #0059a9;
    text-align: center;
}

.e_migi{
    position:relative;
}


.e_hidari{
    position:relative;
}


.e_migi tbody tr td::before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 17px;
    border: 10px solid #f6f8fb;
    border-bottom-color: rgb(246, 248, 251);
    border-left-color: rgb(246, 248, 251);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: -20px;
    border-left-color: transparent;
    border-bottom-color: transparent;
}


.e_hidari tbody tr td::after{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 17px;
    border: 10px solid #f6f8fb;
    border-bottom-color: rgb(246, 248, 251);
    border-right-color: rgb(246, 248, 251);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: -20px;
border-right-color: transparent;
    border-bottom-color: transparent;
    left: 100%;

}
/*top kinou*/

#kinou_wrap {
    margin:0 auto;
    background: #fff;
    overflow: hidden;
    padding: 80px 0 40px;
}

#kinou_wrap #kinou8 {
    width: 1060px;
    margin: 0 auto;
}

#kinou_wrap h2 {
    text-align: center;
    line-height: 1.2;
    color: #907a3a;
    font-size: 37px;
    position: relative;
    padding: 0 0 0.1em;
    margin: 0 0 40px;
}

#kinou_wrap ul li p{
    line-height: 1.1;
    font-size: 1.15rem;
    font-weight: bold;
    margin: 15px 20px;
	text-align: center;
    color:  #0072c8;
    border:1px solid #0072c8;
    padding: 0.4em 2em 0.4em 1em ;
    border-radius: 30px;
    position: relative;	
}

#kinou_wrap ul li p::before {
    content: "";
    position: absolute;
    right: 14px;
    top: calc(50% - 4px);
    width: 7px;
    height: 7px;
    border-right: 2px solid  #0072c8;
    border-bottom: 2px solid  #0072c8;
	transform: rotate(-45deg);
}
#kinou_wrap ul li:nth-child(2) p {
    letter-spacing: -0.12em;
}

#kinou_wrap ul li p span {
    font-size: 0.6em;
	display:block;
}

#kinou_wrap ul li:hover {
    color: #F3A900;
    transform: translate3d(0,-10px,0);
    transition: .3s;
}

#kinou_wrap ul{
    display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
border-radius: 4px;
    list-style: none;
    justify-content: space-between;
	margin: 0;
}

#kinou_wrap ul .k8 .img img{
    height:75px;
}

#kinou_wrap ul li{
    width:25%;
    text-align:center;
    transition: .3s;
    margin-bottom:20px;
    display: flex;
    justify-content: center;
}

#kinou_wrap ul li a{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#kinou_wrap ul li a .img{
	width:100%;
}
#kinou_wrap .flex1{
    margin-bottom:20px;
}

#OwnedWrp{
	padding:60px 0;
	background: #F7F7F7;
}
#OwnedWrp .OwnCont{
	margin:0 auto;
	width:960px;
}
#OwnedWrp .ttlBlk{
	margin-bottom:20px;
}
#OwnedWrp .ttlBlk h2{
}
#OwnedWrp .ttlBlk h2 img{
	width:280px;
}
#about_ac #OwnedWrp .ttlBlk h2::after {
	display:none;
}
body#c_24 #pg_body h1{
    display:none;
}

body#c_24 #pg_body #maincontent h1{
    display:block;
    font-size: 33px;
text-shadow: 1px 1px 0px #fff;
margin: 0 0 1.6em;
color: #0059a9;
text-align: center;
}

#maincontent h1{
    display:block;
    font-size: 33px;
	text-shadow: 1px 1px 0px #fff;
	margin: 0 0 1.6em;
	color: #0059a9;
	text-align: center;
}

#OwnedWrp .ttlBlk p{
    font-size: 0.78em;
    font-weight: normal;
    margin:0;
    color: #777;
    line-height: 1.7;
	text-align:center;
}
#OwnedWrp .OwnCont h2{
	display:none;
}
.OwnCont .ClmnListBlk{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	margin:0 0 8px;
}
.OwnCont .ClmnListBlk .ListInner{
	width:33.333%;
	list-style: none;
}
.OwnCont .ClmnListBlk .ListInner a{
	padding:10px 15px;
	text-decoration:none;
	display: block;
	color:#333;
	line-height:1.4;
}
.OwnCont .ClmnListBlk .ListInner a .img{
	width: 100%;
	height: 150px;
	overflow: hidden;
	margin-bottom: 0.7em;
	max-height: 244px;
	background: #e6e6e6;
}
.OwnCont .ClmnListBlk .ListInner a .img img{
height: 100% !important;
object-fit: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
max-width: none;
width: 100%;
height: auto;
-webkit-transition: .24s ease-in-out;
transition: .24s ease-in-out;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.OwnCont .ClmnListBlk .ListInner a:hover .img img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.OwnCont .ClmnListBlk .ListInner a .ttl{
}
.OwnCont .ClmnListBlk .ListInner a .ttl h3{
	font-size: 16px;
	line-height:1.4;
	text-align: left;
	border-bottom:none;
	padding:0;
	margin:0;
	font-weight: normal;
}
.OwnCont .ClmnListBlk .ListInner a .txt{
	display:none;
}
.OwnCont .listBtn{
	display:none;
}
.OwnCont .listBtn2{
	text-align:center;
}
.OwnCont .listBtn2 a {
    border: 1px solid #ccc;
	background:#fff;
    width: 25%;
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1;
    padding: 1em 0 0.8em;
    color: #333;
    font-size: 0.9em;
    transition: 0.3s;
	margin: 0 auto;
}

/*トップ人気比較移動*/
#comparisonBlk{
padding:100px 0;
background:#eaf4ff;
}
#compWrap{
  width: 960px;
  margin: 0 auto;
}
#comparisonBlk .ttlBlk{
	margin-bottom:32px;
}
#compWrap p.txt{
	margin-bottom:32px;
}
#compWrap strong{
color: inherit;
}

#compWrap .cv_btn_area{
	padding:30px 40px;
}
#compWrap .cv_btn_area ul.clm3 li{
	width:30%;
	margin-bottom: 0.5em !important;
}
#compWrap .cv_btn_area ul li a br{
display:none;
}

#compWrap .cvBlk{
border:5px solid #f0f0f0;
background:#fff;
padding:30px 20px;
margin:20px 0 0;
line-height:1.6;
}
#compWrap .cvBlk p{
line-height:1.4;
padding:0 0 20px;
font-weight:bold;
}
#compWrap .cvBlk a{
color: #ffffff;
font-size: 1.1rem;
margin-top: 10px;
padding: 0.9em 1.2em;
border-radius: 200px;
background: rgb(199, 40, 48);
border: 2px solid rgb(199, 40, 48);
font-weight: 600;
transition: all 0.4s ease 0s;
line-height: 1.2;
display: block;
font-feature-settings: "palt";
}
#compWrap .cvBlk a.col1Btn{
	display: inline-block;
}


/*比較表表組*/
table.tbl_comp{ width:100%;    border-collapse:  collapse;     /* セルの線を重ねる */}
table.tbl_comp tr{}
table.tbl_comp th{ text-align:center;line-height:1.2;padding:10px;}
table.tbl_comp td{border: solid 1px #c0c0c0; }
table.tbl_comp th,
table.tbl_comp td{border: solid 1px #c0c0c0;}

table.tbl_comp thead{}
table.tbl_comp thead td{}
table.tbl_comp thead th{background-color: #fafafa; width:160px;}
table.tbl_comp thead th span.lin2{ font-size:0.9em;}
table.tbl_comp thead th.blk_ttl{background-color:;  position: sticky;left: 0;
  &:before{    content: "";    position: absolute;    top: -1px;    left: -1px;    width: 100%;    height: 100%;border: 1px solid #c0c0c0;
  }}

table.tbl_comp tbody{}
table.tbl_comp tbody th{  background-color: #fafafa; font-size:0.95em;  position: sticky; left: 0;
  &:before{    content: "";    position: absolute;    top: -1px;    left: -1px;    width: 100%;    height: 100%;border: 1px solid #c0c0c0;
  }}
table.tbl_comp tbody td{ background-color: #fff;}
table.tbl_comp tbody td.dtl_anpi{background-color:#fffeee;}

table.tbl_comp tbody td{vertical-align: middle; padding:0}
table.tbl_comp tbody td p{ display: table-cell; font-size:1em; padding: 10px}
table.tbl_comp tbody td .mrkBlk{ display: table-cell; padding: 10px;  border-right: 1px solid #c0c0c0;  line-height: 1;  font-size: 1.2em;  width:1.2em; box-sizing: content-box;  text-align: center;  vertical-align: middle;}

table.tbl_comp tbody td .m_Ex{color:#00acff;}
table.tbl_comp tbody td .m_good{color:#00acff;}
table.tbl_comp tbody td .m_Fair{color:#666;}
table.tbl_comp tbody td .m_bad{color:#e10000;}

/*ツール比較*/
table.tbl_comp thead th img{margin-bottom:16px;height:50px;width:auto !important;}
table.tbl_comp.Tcomp tbody td{ padding:0}
table.tbl_comp.Tcomp tbody td p{font-size:1em; line-height:1.4;}
table.tbl_comp.Tcomp tbody td p.tl2{ line-height: 2.8;}
table.tbl_comp.Tcomp tbody td .mrkBlk{padding: 10px;}

table.tbl_comp.Tcomp tbody td p.comptxt{  vertical-align: middle;}
table.tbl_comp.Tcomp tbody td .mrkBlk.img{width:50px;  height: 50px;  box-sizing: content-box; border-right: none;  vertical-align: middle;}

table.tbl_comp.Tcomp tbody tr.maker td{background-color: #fdf4d0;text-align: center;  padding: 10px;}
table.tbl_comp.Tcomp tbody td.bg_gd{background-color:#dfeaf6}
table.tbl_comp.Tcomp tbody td.bg_bd{background-color:#f8e5d7}
table.tbl_comp.Tcomp tbody td.bg_of{background-color:#e9e9e9}

/*5社比較*/
table.tbl_comp.Ccomp thead th.blk_kebi{background-color:#f07878;}
table.tbl_comp.Ccomp thead th.blk_sys{background-color:#d7ee90;}
table.tbl_comp.Ccomp thead th.blk_com{background-color:#a7bce4;}
table.tbl_comp.Ccomp thead th.blk_dev{background-color:#d0f0fa;}
table.tbl_comp.Ccomp thead th.blk_anpi{background-color:#fffc71;}



/* fc_templates
-----------------------------------*/
/* col2 */
.col2 img {
	max-width: 100%;
	height: auto;
}
.col2 {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}
.col2 .col2_l,
.col2 .col2_r {
	width:47.9%;
	padding:0;
	vertical-align:top;
}
.col2 .col2_l {
	padding-right:2.1%;
}
.col2 .col2_r {
	padding-left:2.1%;
}
/* col3 */
.col3 img {
	max-width: 100%;
	height: auto;
}
.col3 {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}
.col3 .col3_l,
.col3 .col3_m,
.col3 .col3_r {
	width:31.2%;
	padding:0;
	vertical-align:top;
}
.col3 .col3_l {
	padding-right:2.13%;
}
.col3 .col3_m {
	padding-right: 1.07%;
	padding-left: 1.07%;
}
.col3 .col3_r {
	padding-left:2.13%;
}
/* nest col2 */
.col2 .col2 .col2_l,
.col2 .col2 .col2_r {
	width:45.67%;
}
.col2 .col2 .col2_l {
	padding-right:4.33%;
}
.col2 .col2 .col2_r {
	padding-left:4.33%;
}