@charset "utf-8";

/* 製品共通テンプレート　*/
.header_h1 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2;
	float: none;
}
h1{
	display: table;
    border-bottom: 3px solid;
    border-image: linear-gradient(to right, #FF6DFA 0%,#4776FD 50%, #01C2FE 100%);
    border-image-slice: 100%;
    border-image-slice: 1;
    margin: 0 auto;
    position: relative;
    line-height: 1em;
    padding: 0 1rem;
	font-size: 2.5rem;
}
h2{
	color: #0a2e80;
}
h3{
	color: #4776FD;
}
h4{
	color: #019EFF;
}
h2, h3, h4, h5 {
	padding-left: 0.5rem;
	margin-top: 2rem 0 1rem 0;
}
/*ページ内リンクのジャンプ後の位置調整用*/
a.anchor{
    padding-top: 140px;
    margin-top: -140px;
	display: table;
	height: 0;
}
.table1 {
	border: 1px solid #333;
	text-align: left;
}
.table1 td {
	border: 1px solid #333;
	padding-left: 0.3em;
}
.table1 th {
	border: 1px solid #333;
	padding-left: 0.3em;
}
img {
	border: 0;
	max-width: 100%;
}
/*ページ全体の様式　ここまで*/
/*colの余白を削除　ここから*/
.no-gutters {
  margin:0;
  padding:0;
}
.no-gutters　> .col,
.no-gutters　> [class*="col-"] {
  margin:0;
  padding:0;
}
/*colの余白を削除　ここまで*/

/*タイトルバナー*/
.banner {
	margin-top: 82px;
	background-color: #eaf2f9;
}

.banner-img{
	/*background: url("../images/h1_bg.png");
	-webkit-clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);*/
	background-size: cover;
	background-color: #eaf2f9;
}

.banner-img p {
	border: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
.banner-img p:after{
	margin: 0;
}

.banner-img img {
	max-width: 100%;
}
.demo_wrapper{
	text-align: center;
    justify-content: center;
    align-items: center;
}
.demo_wrapper img{
	margin-top: 1rem;
	width: 80%;
}
.demo_wrapper a:hover {
	text-decoration: none;
}
.demo{
	padding: 1rem;
	background-color: #f98700;
	font-size: 1.2rem;
	font-weight: bold;
	border: solid 2px #ffffff;
	margin: 0.5rem auto;
	color: #ffffff;
}
.demo:hover {
	background-color: #f33e1c;
	color: #ffffff;
	text-decoration: none;
	border: solid 2px #ffffff;
}

.bg-banner{
	background-color: #ffdc1b;
	color: #E05133;
}
.bg-banner a{
	color: #f33e1c;
}
.border{
	border: 1px solid #ccc;
}

.nav {
	position: sticky;
	top: 80px;
    box-shadow: 0px 4px 2px rgba(0,0,0,0.2);
	z-index: 999;
}
/*IEでのメニュー表示バグ対策*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .nav{
		position: relative;
	}
}
/*バグ対策ここまで*/
.navbar-brand {
	padding-top: 0.5rem;
	padding-bottom: 0;
	margin-right: 0;
}
.navbar-brand img {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.header_h1 .navbar-brand {
	margin-right: 1rem;
}
/*製品メニューの画像のhover下線*/
.container .navbar-brand {
	position: relative;
}
.container .navbar-brand:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;/*線の長さ*/
	height: 3px;/*線の太さ*/
	background: #f98700;
	opacity: 0;
}
.container .navbar-brand:hover:after {
  opacity: 1;
}
/*製品メニューの画像のhover下線　ここまで*/
.navbar {
	box-shadow: 0 0 0 ;
	-webkit-box-shadow: 0 0 0;
	/*border-bottom: 1px solid #aaa;*/
}
.navbar-dark .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border: none;
  padding: 0px;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  position: relative;
}
.navbar-dark .navbar-toggler-icon {
  background-image:none; /* この行で背景画像を無効化 */
  background-color: #fff;
  width: 30px;
  height: 2px;
  display: block;
  position: absolute;
  transition: ease .5s;
}
.bg-dark {
    background-color: #4e4e4e !important;
}
.navbar-nav {
	height: 53px;
}
.nav-item{
	position: relative;
}
.nav-item::after {
	content: '';
	position: absolute;
	right: 0;
	top: 9px;/*線の上下位置*/
	width: 1px;/*線の太さ*/
	height: 36px;/*線の長さ*/
	background-color: #fff;/*メニューの縦線の色*/
}
.nav-item:hover {
	border-bottom: 3px solid #f98700;
}
.nav-link {
	padding: 1.2rem;
}
#Navber .dropdown .dropdown-menu {
	margin: 3px 0 0 0;
	padding: 0 1rem;
}
.navbar-expand-md .navbar-nav .nav-link {
	padding-right: 0.8rem;
	padding-left: 0.8rem;
	font-size: 0.9rem;
}
.dropdown .bg-dark a{
	color: #fff;
	padding: 0.5rem 0;
    position: relative;
    margin-left: 1rem;
    font-size: 0.9rem;
}
.dropdown .bg-dark a::after,
.dropdown .bg-dark a::before {
  display: block;
  content: '';
  position: absolute;
}
.dropdown .bg-dark a::after {
  top: 0.55rem;
  left: -1.2rem;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 100%;
}
.dropdown .bg-dark a::before {
  z-index: 2;
  top: 0.8rem;
  left: -0.975rem;
  width: 5px;
  height: 5px;
  border-right: 1px solid #f98700;
  border-bottom: 1px solid #f98700;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.dropdown .bg-dark a:hover{
	color: #f98700;
	background-color: #4e4e4e;
}
.dropdown-menu{
	min-width: 15rem;
	border-radius: 0 0 0.25rem 0.25rem;
}
.dropdown-toggle::after {
	margin-left: 0.5em;
    width: 8px;
    height: 8px;
    border-top: 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.dropdown-toggle:hover::after {
    vertical-align: 0;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}
#Navber .dropdown-click{
	padding-right: 1rem;
}
#Navber .dropdown-click::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 40%;
  right: 0.8rem;
}
#Navber .dropdown-click:hover::after {
    vertical-align: 0;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
	top: 50%;
}
/*nav2のドロップダウンの中身*/

.price_font{
	color: #ef7b3b;
	font-weight: bold;
	font-size: 1rem;
	display: block;
	text-align: center;
	border-bottom: solid 1px #cdcdcd;
	margin: 0.5rem 1rem;
}
/*↑2023/11使ってないcss*/

.price_font_s{
	text-indent: 1em;
}
/* 3本のバーそれぞれの座標を設定 */
.navbar-toggler-icon:nth-of-type(1) {top:7px;}
.navbar-toggler-icon:nth-of-type(2) {top:14px;}
.navbar-toggler-icon:nth-of-type(3) {top:21px;}

/* メニューが開いている時の　3本のバーそれぞれの座標および角度を設定 */
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
top:13px;
transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
top:13px;
transform: rotate(-45deg);
}
/*メインコンテンツ*/

.contents p {
	padding: 0.25em 10px
}
.contents ul {
	padding: 0.5em 10px 0.5em 32px;
}
.contents ul li {
	padding: 0.2em 0.5em
}
.contents ol {
	padding: 0.5em 10px 0.5em 32px;
	list-style: decimal
}
.contents ol li {
	padding: 0.2em 0.5em
}
.contents .main dl {
	padding: 5px 10px;
	line-height: 1.5em;
}
.contents .main dt {
	padding: 0 10px;
	font-weight: bold;
}
.contents .main dd {
	padding: 0 20px;
}
.contents pre {
	width: 92%;
	height: auto;
	margin: 5px 10px 5px 10px;
	padding: 5px 15px 5px 15px;
	overflow: auto;
	background-color: #eee;
	word-wrap: normal;
}
.contents dl {
	padding: 0.5em 10px;
}



/*メインコンテンツ　ここまで*/
/* パン屑リスト */
.breadcrumb{
	margin: 0;
    padding: 0;
}
.breadcrumb ul {
	padding-left: 0.5rem;
}
.breadcrumb ul li{
	display: inline;
	padding: 0;
    background-image: none;
}
/* パン屑リスト　ここまで */

/* 製品共通テンプレートここまで　*/


/*navbarのSNSアイコン ここから*/
.nav-follow-me{
	padding-top: 0.6rem;
	padding-left:5px;
}
.nav-follow-me a::before {
	color: #fff;
	display: inline-block;
	font-family: FontAwesome;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	text-align: center;
	font-size: 25px;
	height: 35px; /* Button height */
	line-height: 35px; /* Button height */
	width: 35px; /* Button width */
	font-weight: 400;
}
.nav-follow-me a[href*="facebook.com"]::before      { border-color: #fff; color: #fff; content: "\f082"; }
.nav-follow-me a[href*="instagram.com"]::before     { border-color: #fff; color: #fff; content: "\f16d"; }
.nav-follow-me a[href*="twitter.com"]::before       { border-color: #fff; color: #fff; content: "\e61b"; }
.nav-follow-me a[href*="line.me"]::before        	{ border-color: #fff; color: #fff; content: "\f3c0"; }
.nav-follow-me a[href*="youtube.com"]::before       { border-color: #fff; color: #fff; content: "\f16a"; }
.nav-follow-me a[href$="/feed"]::before             { border-color: #fff; color: #fff; content: "\f09e"; }
.nav-follow-me a[href$="/subscribe"]::before        { border-color: #fff; color: #fff; content: "\f000"; font-family: blogicon; }
.nav-follow-me a:hover::before { color: #fff; }
.nav-follow-me a[href*="facebook.com"]:hover::before    { background-color: #3b5998; }
.nav-follow-me a[href*="instagram.com"]:hover::before   { background-color: #CF2E92; }
.nav-follow-me a[href*="twitter.com"]:hover::before     { background-color: #000000; }
.nav-follow-me a[href*="line.me"]:hover::before        	{ background-color: #00B900; }
.nav-follow-me a[href*="youtube.com"]:hover::before     { background-color: #cd201f; }
.nav-follow-me a[href$="/feed"]:hover::before           { background-color: #ffa500; }
.nav-follow-me a[href$="/subscribe"]:hover::before      { background-color: #363636; }

ul.follow-me{ display: inline-block; }
/*navbarのSNSアイコン ここまで*/


.card-colums-4{
	column-count: 4!important;
}
.card-colums-2{
	column-count: 2!important;
}
.no_titlebanner{
	margin-top:80px;
}
.img_width{
	max-width: 600px;
}
.border-4px{
	border: 4px solid rgba(0, 0, 0, 0.125);
}
.bg-aqua_blue{
	background-color: #eaf2f9;
}
.bg-lightglay{
	background-color: #e5e5e5;
}
.bg-darkblue{
	background-color: #0a2e80;
}
.bg-yellow{
	background-color: #fffde5;
}
.bg-maxqdared{
	background-color: #df3d34;
}
.bg-maxqdablue{
	background-color: #0a2e80;
}
.backgroung_green{
	border: solid 1px #ccc;
	background-color:honeydew;
	margin: 32px 0px 32px 0px;
	padding: 1em;
}
.backgroung_yellow{
	background-color: #fffde5;
	margin: 0 0 1em 0;
	padding: 0;
	border:solid 4px #ffffff;
}
.red-font{
	font-weight: bold;
	color: #f33e1c;
	font-size: 1.2em
}
.red-font2{
	color: #f33e1c;
}
.big_font{
	font-size: 1.2rem;
}
.hover_opacity{
}
.hover_opacity:hover{
	opacity: 0.6;
    filter: alpha(opacity=50); 
}
.partner{
	font-size: 1.5rem;
	color: #f98700;
	font-weight: bold;
}
.bg-op{
	background-color: rgba(255,255,255,0.50);
	box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
}
/* 丸ボタンリンク */
.round_button_wrapper{
	display: table;
	border-collapse: separate;
	border-spacing: 1rem;
	margin: auto;
}
.round_button{
	border-radius: 50%;
	width: 6.8rem;
	height: 6.8rem;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.round_button:hover{
	background-color: #f98700;
	color: #ffffff;
}
.round_button p{
	font-size: 0.8rem;
	padding: 0.5rem;
	position: relative;
}
.round_button p::after{
	display: block;
	content: "";
	z-index: 1;
	position: absolute;
	bottom: -1.5rem;
	left: 44%;
	width: 15px;
	height: 15px;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
/* 詳細リンクボタン */
.link_d_button{
	border: solid 1px #4776FD;
	color: #4776FD;
	background-color: #ffffff;
	display: inline-block;
	position: relative;
	padding: 0 0.5rem;
}
.link_d_button p{
	text-align: center;
	margin: 0.5rem 1.5rem 0.5rem 0.5rem ;
	font-weight: bold;
	font-size: 0.9rem;
	line-height: normal;
}
.link_d_button p::after {
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	top: 40%;
	right: 0.8rem;
	width: 10px;
	height: 10px;
	margin: 0;
	border-top: solid 2px #019EFF;
	border-right: solid 2px #019EFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.link_d_button:hover{
	background-color: #019EFF;
	color: #ffffff;
}
.link_d_button p:hover{
	text-decoration: none;
	background-color: #019EFF;
	color: #ffffff;
}
.link_d_button:hover p::after{
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
}

.link_d_blue_button{
	border: solid 1px #0a2e80;
	color: #de4a31;
	background-color: #ffffff;
	display: inline-block;
	position: relative;
	padding: 0 0.5rem;
}
.link_d_blue_button p{
	text-align: center;
	margin: 0.56rem 1.5rem 0.56rem 0.5rem ;
	font-size: 1.2rem;
	line-height: normal;
}
.link_d_blue_button p::after {
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	top: 40%;
	right: 0.8rem;
	width: 10px;
	height: 10px;
	margin: 0;
	border-top: solid 2px #0a2e80;
	border-right: solid 2px #0a2e80;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.link_d_blue_button:hover{
	background-color: #f98700;
	color: #ffffff;
}
.link_d_blue_button p:hover{
	text-decoration: none;
	background-color: #f98700;
	color: #ffffff;
}
.link_d_blue_button:hover p::after{
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
}


.link_d_button_noallow{
	border: solid 1px #0a2e80;
	color: #4776FD;
	background-color: #ffffff;
	display: inline-block;
	position: relative;
	padding: 0 0.5rem;
}
.link_d_button_noallow p{
	text-align: center;
	margin: 0.5rem 0.5rem ;
	font-weight: bold;
	font-size: 0.9rem;
}
.link_d_button_noallow:hover{
	background-color: #019EFF;
	color: #ffffff;
}
.link_d_button_noallow p:hover{
	text-decoration: none;
	background-color: #019EFF;
}

.link_d_button_anchor{
	border: solid 1px #0a2e80;
	color: #f98700;
	background-color: #ffffff;
	display: inline-block;
	position: relative;
	padding: 0 0.5rem;
}
.link_d_button_anchor p{
	text-align: center;
	margin: 0.5rem 1.5rem 0.5rem 0.5rem ;
	font-weight: bold;
	font-size: 0.9rem;
}
.link_d_button_anchor p::after {
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	top: 30%;
	right: 0.8rem;
	width: 10px;
	height: 10px;
	margin: 0;
	border-top: solid 2px #019EFF;
	border-right: solid 2px #019EFF;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.link_d_button_anchor:hover{
	background-color: #019EFF;
	color: #ffffff;
}
.link_d_button_anchor p:hover{
	text-decoration: none;
	background-color: #019EFF;
	color: #ffffff;
}
.link_d_button_anchor:hover p::after{
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
}



/* リストメニュー */
.anchor_textlink{
	color: #4776FD;
	font-weight: bold;
	font-size: 1.4rem;
}
/*.anchor_textlink li:hover{
	color: #ffffff;
	background-color: #D6F5BE;
}*/
.anchor_textlink a{
	color: #4776FD;
}
.anchor_textlink li{
	/*float: left;*/
	list-style: none;
	margin: 0.4rem 2.5rem 0.4rem auto;
}
.anchor_textlink li::before{
	content: url( 'data:image/svg+xml;utf-8,<svg fill="%2360ba1c" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53.21 53.21"><g><path d="M26.61,0C11.91,0,0,11.91,0,26.61C0,41.3,11.91,53.21,26.61,53.21S53.21,41.3,53.21,26.61C53.21,11.91,41.3,0,26.61,0z M21.29,40.07l-2.68-2.97l11.65-10.49L18.62,16.12l2.68-2.97l14.96,13.46L21.29,40.07z"/></g></svg>' );
	width: 24px;
	margin: auto 0.8rem auto auto;
	display: inline-block;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}
/* 反転　*/
.link_g_button{
	border: solid 1px #0a2e80;
	color: #ffffff;
	background-color: #f98700;
	display: inline-block;
	position: relative;
	padding: 0 0.5rem;
}
.link_g_button p{
	text-align: center;
	margin: 0.5rem 1.5rem 0.5rem 0.5rem ;
	font-weight: bold;
	font-size: 1rem;
}
.link_g_button p::after {
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	top: 40%;
	right: 0.8rem;
	width: 10px;
	height: 10px;
	margin: 0;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.link_g_button:hover{
	background-color: #ffffff;
	color: #f98700;
}
.link_g_button p:hover{
	text-decoration: none;
}
.link_g_button:hover p::after{
	border-top: solid 2px #f98700;
	border-right: solid 2px #f98700;
}
/* 背景動くボタン　*/
.move_button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  outline: none;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #0a2e80;
  color: #f98700;
  line-height: 50px;
  overflow: hidden;
	font-weight: bold;
	font-size: 1.4rem;
}
.move_button::before,
.move_button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.move_button,
.move_button::before,
.move_button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.move_button:hover {
  color: #fff;
}
.move_button::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(.5);
  transform: scale(.5);
}
.move_button:hover::after {
  background: #f98700;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*DL button*/
.exdl_button{
	border: solid 1px #0a2e80;
	position: relative;
	color: #de4a31;
	line-height: 3rem;
	font-size: 1rem;
	vertical-align: middle;
	background-color: #ffffff;
	display: inline-block;
}
.exdl_button:hover{
	background-color: #f98700;
	color: #ffffff;
}
.exdl_button p{
	margin: 0 2.6rem 0 4rem;
}
.exdl_button::before{
	content: url("../../images/icon/excel.png");
	width: 24px;
	margin: auto 0.8rem auto auto;
	display: inline-block;
	position: absolute;
	left: 1rem;
	top:0.5rem;
}
.exdl_button p::after{
	display: block;
	content: "";
	position: absolute;
	top: 47%;
	right: 15px;
	width: 10px;
	height: 10px;
	margin: -6px 0 0 0;
	border-top: solid 2px #0a2e80;
	border-right: solid 2px #0a2e80;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.exdl_button:hover p::after{
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.zipdl_button{
	border: solid 1px #0a2e80;
	position: relative;
	color: #de4a31;
	line-height: 3rem;
	font-size: 1rem;
	vertical-align: middle;
	background-color: #ffffff;
	display: inline-block;
}
.zipdl_button:hover{
	background-color: #f98700;
	color: #ffffff;
}
.zipdl_button p{
	margin: 0 2.6rem 0 4rem;
}
.zipdl_button::before{
	content: url("../../images/icon/zip.png");
	width: 24px;
	margin: auto 0.8rem auto auto;
	display: inline-block;
	position: absolute;
	left: 1rem;
	top:0.5rem;
}
.zipdl_button p::after{
	display: block;
	content: "";
	position: absolute;
	top: 47%;
	right: 15px;
	width: 10px;
	height: 10px;
	margin: -6px 0 0 0;
	border-top: solid 2px #0a2e80;
	border-right: solid 2px #0a2e80;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.zipdl_button:hover p::after{
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.pdfdl_button{
	border: solid 1px #0a2e80;
	position: relative;
	color: #de4a31;
	line-height: 3rem;
	font-size: 1rem;
	vertical-align: middle;
	background-color: #ffffff;
	display: inline-block;
}
.pdfdl_button:hover{
	background-color: #f98700;
	color: #ffffff;
}
.pdfdl_button p{
	margin: 0 2.6rem 0 4rem;
}
.pdfdl_button::before{
	content: url("../../images/icon/adobe_pdf.png");
	width: 24px;
	margin: auto 0.8rem auto auto;
	display: inline-block;
	position: absolute;
	left: 1rem;
	top:0.5rem;
}
.pdfdl_button p::after{
	display: block;
	content: "";
	position: absolute;
	top: 47%;
	right: 15px;
	width: 10px;
	height: 10px;
	margin: -6px 0 0 0;
	border-top: solid 2px #0a2e80;
	border-right: solid 2px #0a2e80;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.pdfdl_button:hover p::after{
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
/*ボタン8*/
.button8 {
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	display: block;
}
.button8 p {
	text-align: center;
	line-height: 3;
}
.button8:hover {
	opacity: 0.5;
	transition: all 0.5s;
}
/*ボタン8　ここまで*/
/* 小さいtag */
.mini_tag {
    color: #f98700;
	background-color: #ffffff;
	border: solid 1px #f98700;
    border-radius: 0.3rem;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.1rem;
    margin: 0 0.4rem;
}
.mini_tag:hover{
	border: solid 1px #f98700;
	color: #ffffff;
	background-color: #f98700;
}
/* amazonボタン */
.amazon{
	color: #f98700;
	border: solid 1px #f98700;
	border-radius: 4px;
	padding: 4px;
	margin-top: 2px 4px;
	display: inline-block;
	font-size: 0.9rem;
}
.amazon:hover {
	opacity: 0.5;
	text-decoration: none;
}
.book_img{
	max-width: 135px;
}

.maq_img{
	max-width: 100px;
}

/* iconボタン */
.icon_image{
	border: solid 1px #0a2e80;
	position: relative;
	width: 165px;
	float: right;
}
.icon_image:hover{
	background-color: #dddddd;
}
.icon_image p{
	position:absolute;
	bottom: 0;
	left: 60px;
}
.icon_image img{
	display: block;
	margin: 0.5rem 1rem;
}
.img_50per{
	width: 50%;
	display: block;
	margin: 0 auto;
}
/* 矢印なしボタン */
.button_no_arrow {
	width: 30%;
	margin: 5px auto;
	padding: 0px;
	background-color: #fff;
	color: #0a2e80;
	font-size: 1.2em;
	font-weight: bold;
	border: 3px solid;
	border-color: #f98700 #0a2e80 #0a2e80 #f98700;
	position: relative;
	display: inline-block;
}
.button_no_arrow p {
	text-align: center;
	margin: 0.5rem 2rem 0.5rem 1rem;
}
.button_no_arrow:hover {
	background-color: #f98700;
	color: #fff;
}
#contents #main a:hover .button_no_arrow p{
	text-decoration: none;
}

/* dlリスト横書き */
.dl-nopar dt{
    float: left;
    margin-right: 0.5rem;
}

/* ライセンス・システム条件用設定　*/
.t_icon{
	width: 0;
	height: 0;
	border: 48px solid transparent;
	border-top: 32px solid #dedede;
	margin: auto;
}
.t_icon:hover{
	border-top: 32px solid #B8B8B8;
	transition: all 0.5s;
}
.menu_icon p{
	color: #0a2e80;
	margin: 0.5rem 1rem;
}
.menu_icon p:hover{
	background-color: #f98700;
	color: #ffffff;
}
.menu_icon img{
	max-width: 143px;
}
.system_table{
	background-color: #ffffff;
}
.system_table th{
	background-color: rgba(0, 0, 0, 0.05);
}
.system_table td{
	padding: 1rem;
}
.system_table_tr_title{
	width: 15rem;
}
.system_nobtable tr,
.system_nobtable td{
	border: none;
	border-bottom: none;
	border-top: none;
}
.ic {
    width: 64px;
    float: left;
}
.img_round{
	border-radius: 50%;
}
#license_wrapper h2{
	padding: 0.5em 1em;
	display: inline-block;
}
#license_wrapper h3 {
	font-weight: bold;
    padding: 0.5em 1em;
    clear: both;
    border-left: solid 8px #f33e1c;
	border-bottom: dotted 1px #333333;
	margin: 2em 0 0.8em 0;
	color: #333333;
}
#license_wrapper hr {
    clear: both;
    width: 100%;
    border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #fff;
}
/* ライセンス・システム条件用設定end　*/
/* 概要ページ用設定 */
#maxqda_wapper{
	
}
#maxqda_wapper h2{
	margin: 1rem 0;
}
#maxqda_wapper img{
	max-height: 300px;
	width: auto;
}
/* 概要ページ用設定end */
/* 視覚化ツールページ用設定 */
#visualtool_wrapper{
}
#visualtool_wrapper img{
	max-height: 360px;
	width: auto;
}
/* 視覚化ツールページ用設定end */
/* 比較ページ用設定 */
#feautures_wapper {
	
}
.h3_sub{
	width: 80px;
	float: right;
}
.color_standard{
	color: #7fbb3f !important;
}
.color_plus{
	color: #f98700 !important;
}
.color_analyticspro{
	color: #f33e1c !important;
}
.color_maxqda24{
	color: #0a2e80 !important;
}
.color_pro24{
	color: #f33e1c !important;
}
.color_maxqdablue{
	color: #0a2e80 !important;
}
.border_standard{
	border:solid 1px #dfdfdf !important;
}
.border_maxqda24{
	border:solid 1px #0a2e80 !important;
}
.border_pro24{
	border:solid 1px #f33e1c !important;
}

.border_maxqdablue{
	border:solid 1px #0a2e80 !important;
}
.bg-standard{
	background-color: #0a2e80 !important;
}
.bg-plus{
	background-color: #0a2e80 !important;
}
.bg-analyticspro{
	background-color: #f33e1c !important;
}
.bg_maxqdablue{
	background-color: #0a2e80 !important;
}
.bg-maxqda24{
	background-color: #0a2e80!important;
}
.bg-pro24{
	background-color: #f33e1c!important;
}

.feautures_list{
	
	margin: 0 0 0 1rem;
}
.feautures_list li{
	line-height: 2;
	font-size: 1.4rem;
	list-style: none;
}
.true{
	color: #0a2e80;
	position: relative;
}
.true::before{
	position: absolute;
	content: " ";
	width: 37px;
	height: 37px;
	border: 6px solid #0a2e80;
	display: block;
	border-radius: 100px;
	top: 0.35rem;
	left: -3.1rem;
}
.false{
	color: #d4d4d4;
	position: relative;
}
.false::before{
	position: absolute;
	content: " ";
	width: 34px;
	height: 6px;
	display: block;
	top: 1.35rem;
	left: -3rem;
	background-color: #d4d4d4;
	transform: rotate(45deg);
}
.false::after{
	position: absolute;
	content: " ";
	width: 6px;
	height: 34px;
	display: block;
	top: 0.5rem;
	left: -2.15rem;
	background-color: #d4d4d4;
	transform: rotate(45deg);
}
.true2{
	color: #0a2e80;
	position: relative;
}
.true2::before{
	content: " ";
	width: 35px;
	height: 35px;
	border: 6px solid #0a2e80;
	display: block;
	border-radius: 100px;
	margin: auto;
}
.false2{
	color: #d4d4d4;
	position: relative;
}
.false2::before{
	position: absolute;
	content: " ";
	width: 38px;
	height: 6px;
	display: block;
	background-color: #d4d4d4;
	transform: rotate(45deg);
}
.false2::after{
	position: absolute;
	content: " ";
	width: 6px;
	height: 38px;
	display: block;
	background-color: #d4d4d4;
	transform: rotate(45deg);
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.false2::before{
		top: 13px;
		left: -20px;
		}
    .false2::after{
		top: -3px;
		left: -5px;
    }
}

@-moz-document url-prefix() {
	.false2::before{
		top: 30px;
		left: -20px;
		}
    .false2::after{
		top: 14px;
		left: -5px;
    }
}
/* 比較ページ用設定end */
/* カード用設定 */
#maxqda_card .card-header{
	padding: 1rem 1.25rem;
	background-color: #0a2e80;
	text-align: center;
	border: none;
}
#maxqda_card .card-body{
	padding: 0 1.25rem;
	border: none;
}
#maxqda_card .card-body p{
	margin: 0;
}
#maxqda_card .card-footer{
	padding: 1rem 1.25rem;
	background-color: #ffffff;
	text-align: center;
	border: none;
}
#maxqda_card h2{
	color: #ffffff;
	margin: 0;
}
/* カード用設定end */
/* 新機能ページ用設定 */
#maxqdanew_wrapper{
	
}
#maxqdanew_wrapper img{
	margin: 1rem auto;
}
#maxqdanew_wrapper .cp_actab li{
	border: none;
}
#maxqdanew_wrapper .cp_actab li::before{
	content: "";
}
#maxqdanew_wrapper .cp_actab h3{
	margin: 2rem 0 0.5rem 0;
}
#maxqdanew_wrapper .cp_actab{
	border-bottom: none;
}
#maxqdanew_wrapper .cp_actab label{
	background: #0a2e80;
	color: #ffffff;
	line-height: 3;
}
#maxqdanew_wrapper .icon{
	padding: 0 1rem 0.3rem 0;
}

.cp_actab input[type="checkbox"] + label::before {
    /* content: url("/images/blue_link.png");
    margin: 0 0.5rem 0 0; */
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    top: 50%;
    right: 20px;
    background-color: #f98700;

}
#maxqdanew_wrapper .cp_actab input[type=checkbox] + label::after {
	/*content: url("/images/blue_link.png");
	margin: 0 0.5rem 0 0;*/
	content: "";
	display: block;
	width: 3px;
	height: 14px;
	top: 39%;
	right: 26px;
	background-color: #f98700;
}
/* 新機能ページ用設定end */
/* 価格ページ用設定　*/
#price_wrapper h2{
	color: #ffffff;
}
.price h2{
	color: #0a2e80;
	font-weight: bold;
	padding: 0;
}
.price h3{
	color: #212529;
	margin: 1rem 0 0 0;
}
.price h4{
	color: #212529;
	margin: 1rem 0 0 0;
}
.price .fs14{
	font-size: 1.2rem;
}
#price2_wrapper .btn-info {
    width: 98%;
    padding: 0.5em;
    margin: 30px 5px 10px 5px;
    background-color: #fff;
    border: 4px solid #0a2e80;
    color: #0a2e80;
    font-size: 1.5em;
    font-weight: bold;
}
#price2_wrapper .btn-info:hover {
    background-color: #f98700;
    color: #fff;
}
#price2_wrapper .btn-info:disabled{
	color:grey;
	background-color: white;
	border-color: grey;
}
#price2_wrapper .btn-info:disabled:hover{
	color:grey;
	background-color: white;
	border-color: grey;
}
#price2_wrapper .btn-danger {
    width: 98%;
    padding: 0.5em;
    margin: 30px 5px 10px 5px;
    background-color: #fff;
    border: 4px solid #dc3545;
    color: #dc3545;
    font-size: 1.5em;
    font-weight: bold;
}
#price2_wrapper .btn-danger:hover {
    background-color: #c82333;
    color: #fff;
}
#price2_wrapper .btn-danger:disabled{
	color:grey;
	background-color: white;
	border-color: grey;
}
#price2_wrapper .btn-danger:disabled:hover{
	color:grey;
	background-color: white;
	border-color: grey;
}
#price2_wrapper .bg-standard{
	background-color: #E1EFD1!important;
}
#price2_wrapper .bg-plus{
	background-color: #f9be9a!important;
}
#price2_wrapper .bg-analyticspro{
	background-color: #f5cac4!important;
}
#price2_wrapper .bg-maxqda24{
	background-color: #d6e0f8!important;
}
#price2_wrapper .bg-pro24{
	background-color: #ffdcd3!important;
}
#price2_wrapper .border-plus{
	border: solid 4px #f9be9a!important;
}
#price2_wrapper .border-analyticspro{
	border: solid 4px #f5cac4!important;
}
#price2_wrapper .border-maxqda24{
	border: solid 4px #0a2e80!important;
}
#price2_wrapper .border-24pro{
	border: solid 4px #f33e1c!important;
}
#price2_wrapper h1{
	line-height: 1.3;
}
#price2_wrapper ol li{
	margin: 0.5rem;
}
#price2_wrapper .red {
    color: #ec0000;
	font-size: 1.2rem;
}
.price table{
	border: none;
	width: 90%;
}
.price table th{
	background-color: #eaf2f9;
	color: #000000;
	width: 6em;
}
.price table td{
	border-bottom: dotted 1px #C7C7C7;
	background-color: #ffffff;
}
.price table tfoot td{
	border-bottom: none;
	background-color: #ffffff;
	text-align: right;
	font-size: small;
}
.price table{
	border: none;
	width: 100%;
}
.php table th{
	background-color: #eaf2f9;
	color: #000000;
	width: auto;
	text-align: right;
}
.php table td{
	text-align: right;
}
.th02{
	background-color: #eaf2f9;
	color: #000000;
	text-align: right;
}
.php table .td02{
	background-color: #eaf2f9;
	border-bottom: none;
}
.price table tfoot td{
	background-color: #eaf2f9;
}

.tr_gray {
	background: #BFBFBF!important;
}
.td_gray_c {
	background: #BFBFBF!important;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
/* タブ */
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
	margin: 0 0 1rem 0;
}
.tab-label {
    color: #050505;
	font-weight: bold;
    background: #ffffff;
	padding: 0.2rem 1rem;
    order: -1;
	border: solid 1px #0a2e80;
	border-top-left-radius: 10px;
	width: calc(100%/2);
	margin-bottom: 0;
}
.tab-label:hover{
	background: #dddddd;
}
.tab-content {
    width: 100%;
    display: none;
	background: #0a2e80;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 1rem;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
	color: #ffffff;
    background: #0a2e80;
	border: solid 1px #0a2e80;
	border-bottom: none;
	width: calc(100%/2);
}
.tab-switch:checked+.tab-label+.tab-content {
     display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}
/* タブ終わり */
label.book_label{
	display:block;
	position:relative;
	padding-left:2em;
}
label.book_label input{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:1em;
}
label.book_label img{
	width: 80px;
	border: 1px solid lightblue;		
}
.btn-cancel{
	margin-top: 21px;
}
/* 価格ページ用設定end　*/
.button2 {
	width: 30%;
	margin: 5px auto;
	padding: 0px;
	background-color: #fff;
	color: #0a2e80;
	font-size: 1.2em;
	font-weight: bold;
	border: 3px solid;
	border-color: #f98700 #0a2e80 #0a2e80 #f98700;
	position: relative;
	display: inline-block;
}
.button2 p {
	text-align: center;
	margin: 0.5rem 2rem 0.5rem 1rem;
}
.button2:hover {
	background-color: #f98700;
	color: #fff;
}
#contents #main a:hover .button2 p{
	text-decoration: none;
}
.button2 p:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 10px;
	height: 10px;
	margin: -6px 0 0 0;
	border-top: solid 2px #0a2e80;
	border-right: solid 2px #0a2e80;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.button2:hover p:after{
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.button7 {
	width: 31%;
	margin: 0em 0.2em 1em 0.2em;
	padding: 0px;
	background-color: #fff;
	color: #1B507F;
	font-size: 1em;
	font-weight: bold;
	border: 3px solid;
	border-color: #f98700 #0a2e80 #0a2e80 #f98700;
	display: inline-block;
}
.button7 p {
	text-align: center;
	margin: 0.8rem;
}
.button7:hover {
	background-color: #f98700;
	color: #fff;
}
/*比較表*/
#feautures_wapper table.compare_label {
	width: 100%;
	border: 1px solid #ccc;
	margin-top: 0;
	margin-bottom: 0;
	background-color: #ffffff;
}
#feautures_wapper table.compare {
	width: 97%;
	margin-top: 0;
	margin-bottom: 0;
	border: 1px solid #ccc;
}
#feautures_wapper table.compare tr th {
	padding: 0.5em 0;
}
#feautures_wapper table th.mark {
	width: 120px;
	text-align: center;
	padding: 0.5em 0;
	vertical-align: top;
}
#feautures_wapper table.compare tr td {
	padding: 0.5em 0;
}
#feautures_wapper table td.mark {
	width: 89px;
	text-align: center;
	border-left: 1px solid #ccc;
}
#feautures_wapper table .mark a{
}
#feautures_wapper table .mark a :hover{
	opacity: 0.5;
	transition: all 0.3s;
}
#feautures_wappertable.compare tr th a {
	display: block;
}
#feautures_wapper table.compare tr td a {
	display: block;
}
#feautures_wapper table.compare tr:nth-child(odd) {
	background: #fff;
}
#feautures_wapper table.compare2 {
	width: 97%;
	margin-top: 0;
	margin-bottom: 0;
	border: none;
}
#feautures_wapper table.compare2 tr {
	padding: 0.5em 0;
	background-color: #ddd;
}
#feautures_wapper table.compare2 tr th {
	border-top:3px solid #fff;
	border-bottom: none;
	border-left: none;
	border-right:  none;
	background-color: #ddd;
}
#feautures_wapper table.compare2 tr td {
	border-top:3px solid #fff;
	border-bottom: none;
	border-left: none;
	border-right:  none;
}
span.blank {
	content: " ";
	display: block;
	width: 25px;
	height: 5px;
	margin: 10px auto 0 auto;
    background-color: #aaa;
	/* 45度回転 */
    transform: rotate(45deg);
}
span.blank:after {
	/* :afterをblockとして表示する */
	content: " ";
    display: block;
    width: 100%;
    height: 100%;
	margin: -24px 0 0 0;
    background-color: inherit;
	transform: rotate(90deg);
}
span.pro24 {
	content: " ";
	width: 20px;
	height: 20px;
	border: 2px solid #f33e1c;
	display: block;
	border-radius: 100px;
	margin: 0 auto;
	background-color: #f33e1c;
}
span.maxqda24 {
	content: " ";
	width: 20px;
	height: 20px;
	border: 2px solid #0a2e80;
	display: block;
	border-radius: 100px;
	margin: 0 auto;
	background-color: #0a2e80;
}
span.pro {
	content: " ";
	width: 20px;
	height: 20px;
	border: 2px solid #f33e1c;
	display: block;
	border-radius: 100px;
	margin: 0 auto;
	background-color: #f33e1c;
}
span.plus {
	content: " ";
	width: 20px;
	height: 20px;
	border: 2px solid #f4803a;
	display: block;
	border-radius: 100px;
	margin: 0 auto;
	background-color: #f4803a;
}
span.std {
	content: " ";
	width: 20px;
	height: 20px;
	border: 2px solid #7fbb3f;
	display: block;
	border-radius: 100px;
	margin: 0 auto;
	background-color: #7fbb3f;
}
span.base {
	content: " ";
	width: 20px;
	height: 20px;
	border: 2px solid #0a2e80;
	display: block;
	border-radius: 100px;
	margin: 0 0 0 2em;
	background-color: #0a2e80;
}
div.sankaku {
	width: 0;
	height: 0;
	border: 11px solid transparent;
	border-bottom: 20px solid #0a2e80;
	margin: -1em 0 0 1.5em;
}
.arrow {
	position: relative;
	display: inline-block;
	/*	padding: 0 0 0 16px;*/
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow::before, .arrow::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.icon::before {
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #7a0;
}
.icon::after {
	left: 6px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.icon.active::after {
	left: 6px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
span.margin0 {
	margin: 0;
}
.sub_link{
    color: #838383;
    background: #ffffff;
    border-radius: 4px;
    font-size: small;
    padding: 0 4px;
    margin: 10px 0 0 0;
	display: inline-block;
}

/*比較表折り畳み*/
/*ボタンで開閉*/
.index{
	position: relative;
}
.index label {
	width: 97%;
	cursor: pointer;
	display: inline-block;
	margin-left: 0;
	padding: 0;
	-webkit-transition: 0.1s;
	transition: 0.1s;
}
.index label:hover {
	background: #aaa;
}
.index label:after{
	display: block;
	content: "";
	position: absolute;
	top: 10px;
	right: 300px;
	width: 15px;
	height: 15px;
	margin: 0;
	border-top: solid 4px #f98700;
	border-right: solid 4px #f98700;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
/*.index label:before{
	display: block;
	content: "詳細";
	position: absolute;
	top: 11px;
	right: 318px;
	margin: 0; 
}*/
.index .panel {
	-webkit-transition: .3s ease;
	transition: .3s ease;
	height: 0;
	overflow: hidden;
	background: #fff;
	margin: -7px 0 0 0;
	padding: 0;
}
.index input:checked ~ .panel {
	height: auto;
	padding: 0;
}
.index input:checked + *:after {
	-webkit-transition: .3s ease;
	transition: .3s ease;
	top: 19px;
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}
/**/

/*注意喚起フレーム*/
.frame {
 width: 95%;
 margin: 30px auto 20px;
 padding: 15px 15px 0;
 border: 3px solid #aaa;
 position: relative;
 border-radius: 3px;
 background-color: #fff;
}
.frame h3:first-of-type {
	color: #0a2e80;
	font-size: 1.2em;
	border-bottom: solid 3px #0a2e80;
}

/*ここまで*/

/*注釈フレーム*/
.frame-green {
	border-color: #7fbb3f;
	color: black;
	font-weight: bold;
}
/*ここまで*/

/*開閉ボックス*/
.accordion-box {
    position: relative;
	border:solid 1px #ccc;
    padding: 3rem;
}
.accordion-box label {
    height: 50px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: 0;
	left: 0;
    width: 100%;
    background: #fff;
}
.accordion-box input:checked + label {
    background: inherit; /* 開いた時には背景グラデーションを消す */
}
.accordion-box label:before {
    content: "開く"; /* ラベルの文字 */
    letter-spacing: .05em;
    line-height: 2.5rem;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    background-color: #000;
    width: 18.75rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.accordion-box label:after {
	content:"　";
    position: absolute;
    bottom: 30px;
    left: 55%;
    width: 0;
	height: 0;
	border-style: solid;
	border-width: 13.0px 7.5px 0 7.5px;
	border-color: #fff transparent transparent transparent;
}
.accordion-box input {
    display: none;
}
.accordion-box .accordion-container {
    overflow: hidden;
    height: 100px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
.accordion-box input:checked + label {
    /* display: none ; 閉じるボタンは要らないとき */
}
.accordion-box input:checked + label:before {
    content: "閉じる";
}
.accordion-box input:checked + label:after {
	content:"　";
    border-width: 0 7.5px 13.0px 7.5px;
	border-color: transparent transparent #fff transparent;
}
.accordion-box input:checked ~ .accordion-container {
    height: auto;
    padding: 0rem;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
/*開閉ボックス　ここまで*/

/*開閉ボタン*/
.check_box_b ul li {
	padding: 0rem 2rem;
}
.acd-check_b{
    display: none;
}
.check_box_b .link_d_button_noallow{
    width: 50%;
	margin: auto;
	display: block;
}
.acd-label_b{
    display: block;
    padding: 0;
    position: relative;
}
.acd-label_b:after{
    	content: url( 'data:image/svg+xml;utf-8,<svg fill="%231c2f77" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53.21 53.21"><g><path d="M26.61,0C11.91,0,0,11.91,0,26.61C0,41.3,11.91,53.21,26.61,53.21S53.21,41.3,53.21,26.61C53.21,11.91,41.3,0,26.61,0z M21.29,40.07l-2.68-2.97l11.65-10.49L18.62,16.12l2.68-2.97l14.96,13.46L21.29,40.07z"/></g></svg>' );
	width: 25px;
	display: inline-block;
	position: absolute;
	left: 29.4%;
	top: 0.3rem;
	display: table-cell;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}/*
.acd-label_b:hover:after{
    	content: url( 'data:image/svg+xml;utf-8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53.21 53.21"><g><path d="M26.61,0C11.91,0,0,11.91,0,26.61C0,41.3,11.91,53.21,26.61,53.21S53.21,41.3,53.21,26.61C53.21,11.91,41.3,0,26.61,0z M21.29,40.07l-2.68-2.97l11.65-10.49L18.62,16.12l2.68-2.97l14.96,13.46L21.29,40.07z"/></g></svg>' );
	width: 25px;
	display: inline-block;
	position: absolute;
	left: 29.4%;
	top: 0.3rem;
	display: table-cell;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}*/
.acd-content_b{
    border: 1px solid #fff;
	background: #fff;
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check_b:checked + .acd-label_b:after{
    	content: url( 'data:image/svg+xml;utf-8,<svg fill="%231c2f77" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53.21 53.21"><g><path d="M26.61,0C11.91,0,0,11.91,0,26.61C0,41.3,11.91,53.21,26.61,53.21S53.21,41.3,53.21,26.61C53.21,11.91,41.3,0,26.61,0z M21.29,40.07l-2.68-2.97l11.65-10.49L18.62,16.12l2.68-2.97l14.96,13.46L21.29,40.07z"/></g></svg>' );
	width: 25px;
	display: inline-block;
	position: absolute;
	left: 30%;
	top: 0.3rem;
	display: table-cell;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}/*
.acd-check_b:checked + .acd-label_b:hover:after{
    	content: url( 'data:image/svg+xml;utf-8,<svg fill="%23ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 53.21 53.21"><g><path d="M26.61,0C11.91,0,0,11.91,0,26.61C0,41.3,11.91,53.21,26.61,53.21S53.21,41.3,53.21,26.61C53.21,11.91,41.3,0,26.61,0z M21.29,40.07l-2.68-2.97l11.65-10.49L18.62,16.12l2.68-2.97l14.96,13.46L21.29,40.07z"/></g></svg>' );
	width: 25px;
	display: inline-block;
	position: absolute;
	left: 30%;
	top: 0.3rem;
	display: table-cell;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}*/
.acd-check_b:checked + .acd-label_b + .acd-content_b{
	height: 100%;
    opacity: 1;
    padding: 2rem;
    visibility: visible;
}
/*開閉ボタン　ここまで*/

/*折りたたみ*/
.cp_actab label {
	font-weight: bold;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	cursor: pointer;
	margin: 0 0 1px 0;
}
/*折りたたみここまで*/
/* index.html */
.workshop_link p:hover{
	background-color: #f33e1c;
}
#news_top {
	width: 98%;
	border: 1px solid #999;
}
#news_top dl {
	height: 300px;
	overflow-y: scroll;
	background-color: #ffffff;
}
#news_top dt {
	float: left;
	line-height: 2em;
	padding: 0 15px;
}
#news_top dd {
	left: 10px;
	line-height: 2em;
	padding: 0 0 0 85px;
}
#top_page table.edition{
	border: none;
	background-color: #ffffff;
}
#top_page table.edition th{
	background-color: #ffffff;
}
#top_page table.edition tr{
	background-color: #ffffff;
	height: 2rem;
}
#top_page table.edition td{
	background-color: #ffffff;
	border-bottom: dotted 1px #9F9F9F;
}
#top_page table.edition th a{
	display: block;
	width: 100%;
	height: 100%;
}
#top_page table.edition th a:hover{
	opacity: 0.5;
	transition: all 0.2s;
}
/* index.html end */

/* 価格ページ用設定end　*/
/* workshopページ用設定　*/
#workshop_wapper h1, h2, h3, h4 {
    padding: 0 0 0.5rem 0;
}
.flame_title{
	border: 5px solid;
	border-image: linear-gradient(to right, #0a2e80 0%,#6d3275 50%, #f33e1c 100%);
	border-image-slice: 100%;
	border-image-slice: 1;
}
.flame_title p{
	color: #0a2e80;
	font-size: 1.5rem;
}
.title_h2{
	text-align: center;
	margin: 0 auto;
	padding: 25px 25px 5px 25px;
	background-color: #fff;
	color: #0a2e80;
	margin-top: 0;
	font-size: 3.2em;
	font-weight: bold;
	border-bottom: none;
	line-height: 1em;
}
.name{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0;
}
.mail_form{
	width: 300px;
	margin: 1rem auto;
}

.mail_form2{
	width: 90%;
	margin: 1rem auto;
}

.w-button {
	background-color: #9ece52;
	font-weight: bold;
	font-size: 1.5em;
	padding: 0;
	text-align: center;
	border: 10px solid #9ece52;
    position: relative;
	display: block;
	border-radius: 1rem;
}
.w-button a {
	color: #333;
}
.w-button:hover {
	background-color: #BAEF66;
	border: 10px solid #BAEF66;
}
.w-button:hover a {
	text-decoration: none;
}
.w-button:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 5px;
    margin-top: -7px;
    width: 0;
    height: 0;
    border-left: 10px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.wblue-button {
	background-color: #0a2e80;
	font-weight: bold;
	font-size: 1.5em;
	color: #fffff;
	padding: 0;
	text-align: center;
	border: 10px solid #0a2e80;
    position: relative;
	display: block;
	border-radius: 1rem;
}
.wblue-button a {
	color: #ffffff;
}
.wblue-button:hover {
	background-color: #f98700;
	border: 10px solid #f98700;
}
.wblue-button:hover a {
	text-decoration: none;
}
.wblue-button:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 5px;
    margin-top: -7px;
    width: 0;
    height: 0;
    border-left: 10px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.worange-button {
	background-color: #f98700;
	font-weight: bold;
	font-size: 1.5em;
	padding: 0;
	text-align: center;
	border: 10px solid #f98700;
    position: relative;
	display: block;
	border-radius: 1rem;
	color: #ffffff;
}
.worange-button a {
	color: #ffffff;
}
.worange-button:hover {
	background-color: #9ece52;
	border: 10px solid #9ece52;
}
.worange-button:hover a {
	text-decoration: none;
}
.worange-button:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 5px;
    margin-top: -7px;
    width: 0;
    height: 0;
    border-left: 10px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
#workshop_wapper p.sub {
	text-align: center;
	font-size: 1.3em;
}
.flame02{
    box-shadow: 3px 3px 15px 
    rgba(0,0,0,.3);
    padding: 2em;
    margin-bottom: 2em;
}
/*電話・メール*/
.twitter{
	
}
.twitter img{
	float: left;
	height: 30px;
}
.twitter p{
	font-size: 1.4rem;
	margin: 0 0 0 0.5rem;
	display: inline;
}

.tel {
	padding: 0.5em 1em;
	border: none;
	background-color: #ffffff;
	display: table;
	margin: 0 auto;
}
.tel p{
	color: #1e1e20;
}
.tel span {
	color: #f58711;
	font-size: 2.6rem;
	margin: 0 0 0 1rem;
}
.tel img {
	margin-top: -20px;
}
.email {
	padding: 0.5em 0.5em;
	font-size: 1.5em;
	font-weight: 700;
	color: #fff;
	border: none;
	background-color: #fac300;
	display: table;
	margin: 0 auto;
}
.email p{
	color: #ffffff;
	font-size: 1.7rem;
	margin: 0 2rem;
}

.workshop_table{}
.workshop_table th{
	width: 6rem!important;
}
.workshop_table td{
	padding-left: 3rem;
	padding-right: 3rem;
}
/* workshopページ用設定end　*/
/* ラーニングページ用設定　*/

#learning_wrapper h2{
	color: #0a2e80;
}
#learning_wrapper h3{
	color: #f33e1c;
}

.workshop_wrapper img{
	width: 200px;
}
.workshop_wrapper .card-columns{
	column-count: 2;
}
.workshop_wrapper .card{
	background-color: #eaf2f9;
	border: none;
}
.workshop01{
	position: relative;
}
.workshop01 p{
	position: absolute;
	top: 0;
	left: 13rem;
}
.workshop02{
	position: relative;
	float: right;
	margin-top: -7rem;
}
.workshop02 p{
	position: absolute;
	left: -13rem;
	bottom: -1rem;
}
.learning_list{
	list-style: none;
}
.learning_list li{
	padding: 0.5rem 0;
}
.learning_list a{
	color: #0a2e80;
	padding: 0.3rem;
}
.learning_list a:hover{
	background-color: #f98700;
	color: #ffffff;
	text-decoration: none;
}
.main_news_link {
    display: inline;
}
.main_news_link::after {
    content: url("/images/blue_link.png");
	padding: 1rem;
}

.balloon-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF9BA;
}

.balloon-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #FFF9BA;
}

.balloon-left p {
  margin: 0;
  padding: 0;
}
.balloon-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF9BA;
}

.balloon-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #FFF9BA;
}

.balloon-right p {
  margin: 0;
  padding: 0;
}

.balloon-bg-aqua .balloon-left {
  background: #eaf2f9;
}

.balloon-bg-aqua .balloon-left:before{
  border-right: 15px solid #eaf2f9;
}

.balloon-bg-aqua .partner{
  color: #336699;
}

.balloon-bg-blue .balloon-left {
  background: #d9e5f6;
}

.balloon-bg-blue .balloon-left:before{
  border-right: 15px solid #d9e5f6;
}

.balloon-bg-blue .partner{
  color: #336699;
}


/* ラーニングページ用設定end　*/
/* 便利な使い方ページ用設定　*/
#maxqda_guide h1{
	color: #ffffff;
	background-color: #c53a3b;
	display: table;
	margin: 1rem auto 2rem auto;
	position: relative;
	padding: 1rem 2rem 0.5rem 6rem;
	border: none;
}
#maxqda_guide h1::before{
	content: url("/maxqda/images/memo_icon.png");
	display: block;
	position: absolute;
	top: 0.4rem;
	left: 2rem;
}
#news_letter h1{
	color: #ffffff;
	background-color: #c53a3b;
	display: table;
	margin: 1rem auto 2rem auto;
	position: relative;
	padding: 1rem 2rem 0.5rem 2.5rem;
	border: none;
}
#maxqda_guide h2{
	color: #ffffff;
	background-color: #0a2e80;
	display: inline-block;
	width: 100%;
	padding: 0 0 0 6rem;
	position: relative;
	height: auto;
	margin: 3rem auto 2.5rem auto!important;
}
#maxqda_guide h2::before{
	content: attr(number);
	display: block;
	position: absolute;
	top: -0.15rem;
	left: 2rem;
	background: linear-gradient(to right, #6d3275 0%,#f33e1c 50%, #f98700 100%);
	height: 2.6rem;
	width: 2.6rem;
	border-radius: 1.2rem;
	color: #ffffff;
	text-align: center;
	font-size: 1.8rem;
}
#news_letter h2{
	color: #ffffff;
	background-color: #0a2e80;
	display: inline-block;
	width: 100%;
	padding: 0 0 0 3rem;
	position: relative;
	height: auto;
	margin: 3rem auto 2rem auto!important;
}
#maxqda_guide h3, #news_letter  h3{
	color: #775bc8;
}
.onepoint{
	position: relative;
	padding: 0 0 0 2.4rem;
}
.onepoint::before{
	content: url(/maxqda/images/onepoint.png);
	position: absolute;
	top: -0.1rem;
	left: 0;
}
.onepoint_flame{
	background-color: antiquewhite;
	padding: 1.5rem;
	margin: 1rem;
	border-radius: 1rem;
	line-height: 2rem;
}
.onepoint_flame p{
	margin: 1rem 2rem 0 2rem;
}
.onepoint_flame h3{
	font-size: 1.5rem;
}
#maxqda_guide hr, #news_letter hr{
	border: solid 1px #0a2e80;
}
#maxqda_guide a, #news_letter  a{
	color:  #0a2e80;
}
#maxqda_guide  a:hover, #news_letter  a:hover{
	color:  #ef7b3b;
}
.guid_contents{
	padding: 1rem 5rem 2rem 5rem;
}
.guid_contents img{
	margin: 1rem auto;
}
.guid_contents hr{
	border: solid 1px #dddddd!important;
	margin: 2rem 0;
}
.menu_link li:hover{
	color: #ffffff;
	background-color: #D6F5BE;
}
.menu_link ul{
	list-style: none;
}
.menu_link li{
	float: left;
}
.jump_list{
	color:  #0a2e80;
	list-style-type: none;
}
.jump_list ol{
	counter-reset: count;
	counter-reset: count 0;
}
.jump_list li{
	list-style-type: none;
	display: inline-block;
	counter-increment: count;
	width: 33%;
	margin: 1rem auto;
	position: relative;
}
.jump_list li::before{
	content: counter(count);
	margin: auto 0.5rem auto 1rem;
	background-color: #0a2e80;
	color: #ffffff;
	padding: 3px 9px;
	border-radius: 18px;
}
.jump_list a{
	position: relative;
}
.jump_list li a:hover{
	text-decoration: none;
}
.jump_list a:hover::before{
	content: counter(count);
	background-color: #f98700;
	color: #ffffff;
	padding: 3px 10px;
	border-radius: 20px;
	position: absolute;
	top: -5px;
	left: -35px;
}
.jump_list_col{
	color:  #0a2e80;
	margin: 1rem auto;
	position: relative;
}
.jump_list_col::before{
	content: attr(number);
	margin: auto 0.5rem auto 1rem;
	background-color: #0a2e80;
	color: #ffffff;
	padding: 3px 9px;
	border-radius: 18px;
}
.jump_list_col_allow::after{
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	top: 8%;
	right: -1.5rem;
	width: 14px;
	height: 14px;
	margin: 0;
	border-top: solid 3px #f98700;
	border-right: solid 3px #f98700;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.jump_list_col a{
	position: relative;
}
.jump_list_col a:hover{
	text-decoration: none;
}
.jump_list a:hover::before{
	content: counter(count);
	background-color: #f98700;
	color: #ffffff;
	padding: 3px 10px;
	border-radius: 20px;
	position: absolute;
	top: -5px;
	left: -35px;
}
#maxqda_guide table{
	margin: 1rem auto;
}
#maxqda_guide td{
	padding: 0.5rem 1rem;
}
#maxqda_guide ul li, #news_letter  ul li{
	list-style-type: none;
}
#maxqda_guide .list li, #news_letter  .list li{
	padding: 0.8rem 0;
}
.nm_guide{
	list-style-type: none;
}
.nm_guide ol{
	counter-reset: count;
	counter-reset: count 0;
}
.nm_guide li{
	list-style-type: none;
	counter-increment: count;
	margin: 2rem auto 0 auto;
	position: relative;
}
.nm_guide li::before{
	content: counter(count);
	margin: auto 0.5rem auto -2.5rem;
	background-color: #019EFF;
	color: #ffffff;
	padding: 3px 9px;
	border-radius: 18px;
}
#maxqda_guide #news_letter  dd{
	padding: 0 1rem;
}
.checklist{
	color: #0a2e80;
	position: relative;
	font-size: 1.2rem;
	margin: 0 1.5rem;
}
.checklist ul{
	line-height: 2;
}
.checklist li{
	position: relative;
	padding: 0.5rem 2rem;
}
.checklist li::before {
    content: '';
    height: 12px;
    width: 6px;
    display: block;
    background: #c53a3b;
    position: absolute;
    top: 20px;
    left: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.checklist li::after {
    content: '';
    height: 20px;
    width: 6px;
    display: block;
    background: #c53a3b;
    position: absolute;
    top: 14px;
    left: 8px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



.list_sub{
	list-style: none;
}
.list_sub li{
	position: relative;
	padding: 0 2rem;
	line-height: 2;
}
.card .list_sub li{
	position: relative;
	padding: 0 0 1rem 0rem;
	line-height: 2;
}
li .list_sub li{
	padding: 0;
	margin: 0;
}
.list_sub li::before {
    content: '';
	height: 12px;
	width: 12px;
	border-radius: 6px;
	display: block;
	background: #0a2e80;
	position: absolute;
	top: 10px;
    left: 0px;
	padding: 0;
}
.card .list_sub li::before {
    content: '';
	height: 12px;
	width: 12px;
	border-radius: 6px;
	display: block;
	background: #0a2e80;
	position: absolute;
	top: 10px;
    left: -30px;
	padding: 0;
}
.nmlist{
	color: #0a2e80;
	position: relative;
	font-size: 1.2rem;
	margin: 0 1.5rem;
}
.nmlist li{
	position: relative;
	padding: 0 2rem;
	margin: 1.2rem auto;
}

.page-link{
	color:  #0a2e80;
	border-color: #f98700;
}
.page-link:hover {
  color: #ffffff;
  background-color: #f98700;
  border-color: #0a2e80;
}
.page-item.active .page-link {
	background-color: #0a2e80;
	border-color: #f98700;
}

/*SNSアイコン　ここから*/

.follow-me {
  list-style: none;
  margin: 0 0 -8px;
  overflow: hidden;
  padding: 0;
}
.follow-me li {
  float: left;
  margin: 0 8px 8px 0;
  padding: 0;
}
.follow-me li a::before {
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 16px;
  height: 42px; /* Button height */
  line-height: 42px; /* Button height */
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-align: center;
  width: 42px; /* Button width */
}
.follow-me li a[href*="facebook.com"]::before       { border-color: #3b5998; color: #3b5998; content: "\f09a"; }
.follow-me li a[href*="instagram.com"]::before      { border-color: #CF2E92; color: #CF2E92; content: "\f16d"; }
/*.follow-me li a[href*="twitter.com"]::before        { border-color: #55acee; color: #55acee; content: "\f099"; }*/
.follow-me li a[href*="twitter.com"]::before        { border-color: #000000; color: #000000; content: "\e61b"; font-weight: bold;}
.follow-me li a[href*="line.me"]::before        { border-color: #00B900; color: #00B900; content: "\f3c0"; font-weight: bold;}
.follow-me li a[href*="youtube.com"]::before        { border-color: #cd201f; color: #cd201f; content: "\f16a"; }
.follow-me li a[href$="/feed"]::before              { border-color: #ffa500; color: #ffa500; content: "\f09e"; }
.follow-me li a[href$="/subscribe"]::before         { border-color: #363636; color: #363636; content: "\f000"; font-family: blogicon; }
.follow-me li a:hover::before {
  color: #fff;
}
.follow-me li a[href*="facebook.com"]:hover::before       { background-color: #3b5998; }
.follow-me li a[href*="instagram.com"]:hover::before      { background-color: #CF2E92; }
/*.follow-me li a[href*="twitter.com"]:hover::before        { background-color: #55acee; }*/
.follow-me li a[href*="twitter.com"]:hover::before        { background-color: #000000; }
.follow-me li a[href*="line.me"]:hover::before        { background-color: #00B900; }
.follow-me li a[href*="youtube.com"]:hover::before        { background-color: #cd201f; }
.follow-me li a[href$="/feed"]:hover::before              { background-color: #ffa500; }
.follow-me li a[href$="/subscribe"]:hover::before         { background-color: #363636; }

.follow-me li a::before {
    -webkit-border-radius: 2px; /* for Android ~4.3 */
    border-radius: 2px;
    font-size: 28px;
    height: 35px;
    line-height: 35px;
    width: 68px;
}

/*SNSアイコン　ここまで*/

.youtube {
  width: 100%;
	max-width: 560px;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
/*YouTube動画埋め込みレスポンシブ start */
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
/*YouTube動画埋め込みレスポンシブ end */
/* 便利な使い方用設定end　*/
/* faq_topページ用設定　*/
#faqtop_wrapper h2{
	text-align: center;
	font-weight: bold;
	color: #0a2e80;
	margin: 0.5rem auto 1rem auto;
}
#faqtop_wrapper h3{
	display: block;
	background-color: #314980;
	color: #ffffff;
	padding: 0.3rem 0 0.3rem 1rem;
}
.pad-e{
	padding: 0 0.7rem 0 0.7rem;
}
.blue_box{
	border: solid 2px #0a2e80;
	border-radius: 0.5rem;
	padding: 1rem;
}
.blue_box2{
	border: solid 2px #0a2e80;
	padding: 0.5rem;
}
.q_list{
	margin: 1.5rem 3rem 2rem 1rem;
}
.q_list a{
	color: #212529;
	position: relative;
}
.q_list a::before{
	content: "";
	position: absolute;
    z-index: 2;
    top: 0.45rem;
    right: -1.9rem;
    width: 10px;
    height: 10px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.q_list a::after{
	content: "";
	display: inline;
	position: absolute;
	top: 0rem;
    right: -2.45rem;
    width: 24px;
    height: 24px;
    background-color: #f98700;
    border-radius: 100%;
}
.q_list a:hover{
	color: #ef7b3b;
	background-color: #f0f0f0;
}
.q_list li{
	list-style: none;
	position: relative;
}
.q_list li::before{
	content: "Q";
	text-align: center;
	background-color: #5270b5;
	width: 2rem;
	font-size: 1.4rem;
	color: #ffffff;
	font-weight: bold;
	position: absolute;
	left: -2.5rem;
}
.f-size{
	font-size: 1.1rem!important;
}
.oldver_list{
	display: inline;
}
.oldver_list li{
	display: inline;
	margin: 0 0 0 3rem;
}
.oldver_list a{
	color: #212529;
	position: relative;
}
.oldver_list a:hover{
	color: #f98700;
}
.oldver_list a::before{
	content: "";
	position: absolute;
    z-index: 2;
    top: 0.4rem;
    left: -1.25rem;
    width: 8px;
    height: 8px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.oldver_list a::after{
	content: "";
	display: inline;
	position: absolute;
	top: 0.1rem;
    left: -1.5rem;
    width: 18px;
    height: 18px;
    background-color: #f98700;
    border-radius: 100%;
}
/* faq_topページ用設定end　*/
/* サポートページ用設定　*/
.frame02 h3{
	color: #775bc8;
	margin: 1rem auto;
}
#support_wapper h4{
	margin: 1rem auto;
	color: #000000;
}
.frame02{
	box-shadow: 3px 3px 15px rgba(0,0,0,.3);
	padding:2em;
	margin-bottom: 2em;
}

.faq-title{
	font-size: 2em;
	color: #ffffff;
	text-align:center;
	border-top:2px solid #8470bb;
	border-bottom:2px solid #8470bb;
	background-color: #0a2e80;
	padding: 0.8rem;
	width: 100%;
}
.title-green{
	margin:64px 0px 32px 0px;
	text-align:center; color:#272727;
	border-top:2px solid #9bce56;
	border-bottom:2px solid #9bce56;
	background-color:honeydew;
	width: 100%;
}


.title04{
	background-color: azure;
	display: inline-block;
}
.title-list{
}
.title-list li{
	margin-bottom: 0.8em;
}
.qbox{
	border: solid 1px #ccc;
	margin: 2em 1em 1em 1em;
	padding: 1em;
}
.qbox li{
	margin: 0 0 0.5em 1em;
}
.qlist{
	padding: 0px 0 0 18px;
	color: #0a2e80;
}
.qlist a{
	color: #0a2e80 !important;
	border-bottom: 1px dotted #333333;
}
.qlist ul {
  padding: 0.5em 1em 0.5em 2.3em;
  margin-left: 2em;
}

.qlist ul li {
  line-height: 1.5;
  padding: 0;
}
/*製品タグ*/
.os{
    color: #ffffff;
    background: #8470bb;
    border-radius: 2px;
	font-size: small;
	font-weight: bold;
	padding: 2px;
	margin: 0 2px;
}
.version{
    color: #ffffff;
    background: #4195d5;
    border-radius: 2px;
	font-size: small;
	font-weight: bold;
	padding: 2px;	
	margin: 0 2px;
}
.license{
    color: #ffffff;
    background: #14b3cc;
    border-radius: 2px;
	font-size: small;
	font-weight: bold;
	padding: 2px;
	margin: 0 2px;
}
.standerd{
    color: #7fbb3f;
    background: #ffffff;
	border: solid 2px;
    border-radius: 4px;
	font-weight: bold;
	margin: 0 2px;
}
.plus{
    color: #f98700;
    background: #ffffff;
	border: solid 2px;
    border-radius: 4px;
	font-weight: bold;
	margin: 0 2px;
}
.pro{
    color: #f33e1c;
    background: #ffffff;
	border: solid 2px;
    border-radius: 4px;
	font-weight: bold;
	margin: 0 2px;
}
.maxqda24{
    color: #0a2e80;
    background: #ffffff;
	border: solid 2px;
    border-radius: 4px;
	font-weight: bold;
	margin: 0 2px;
}
.pro24{
    color: #f33e1c;
    background: #ffffff;
	border: solid 2px;
    border-radius: 4px;
	font-weight: bold;
	margin: 0 2px;
}
/*TOPに戻る*/
.back{
	text-align: right;
}
.back a{
	border-bottom: 1px dotted #ABABAB;
}
/* サポートページ用設定end　*/
#contents h1 {
	clear: both;
	font-size: x-large;
	font-weight: bold;
	padding: 8px 16px;
	color: #ffffff;
	background-color: #9bce56;
	display: inline-block;
	border: none;
	margin: 0.5rem 0;
}
/* インストールガイド　*/
.bg-arrow1{
	mask: url("../../svg/bc_arrow.svg") no-repeat center;
	-webkit-mask-image: url("../../svg/bc_arrow.svg") ;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	background-color: #08aec8;
	background-size: contain;
}
.bg-arrow2{
	mask: url("../../svg/bc_arrow.svg") no-repeat center;
	-webkit-mask-image: url("../../svg/bc_arrow.svg") ;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	background-color: #068FA5;
	background-size: contain;
}
.bg-arrow3{
	mask: url("../../svg/bc_arrow.svg") no-repeat center;
	-webkit-mask-image: url("../../svg/bc_arrow.svg") ;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	background-color: #046777;
	background-size: contain;
}
.bg-arrow4{
	mask: url("../../svg/bc_arrow.svg") no-repeat center;
	-webkit-mask-image: url("../../svg/bc_arrow.svg") ;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	background-color: #01323A;
	background-size: contain;
}
.arrow_box{
	border-top: #ffffff 2px solid;
	border-bottom: #ffffff 2px solid;
	border-right: #ffffff 2px solid;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #e7f0f5;
	margin: 1rem 0 1rem 1rem;
	padding: 2rem;
}
.arrow_box h2{
	margin-top: 0;
}
/* キャンペーンページ用設定 */
.h4{
	color: #019EFF;
	font-size: 1.25rem;
}
/* キャンペーンページ用設定end */
/* 体験版DL用設定 */
.bt_download {
	background-color: #f98700;
	border-radius: 4px;
	display: inline-block;
	border:  solid 1px  #f98700;
}
.bt_download a{
	color: #ffffff;
}
.bt_download:hover{
	background-color: #ffffff;
	color: #f98700;
	border:  solid 1px  #f98700;
}
.bt_download a:hover{
	color: #f98700;
}
.bt_download p{
    position: relative;
	padding: 1rem 3.5rem 1rem 2rem;
	margin: 0;
	font-weight: bold;
}
.bt_download p::after {
    display: block;
    content: "";
    position: absolute;
    z-index: 1;
    top: 35%;
    right: 1.2rem;
    width: 12px;
    height: 12px;
    margin: 0;
    border-top: solid 3px #ffffff;
    border-right: solid 3px #ffffff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.bt_download p:hover::after {
    border-top: solid 3px #f98700;
    border-right: solid 3px #f98700;
}
.float-box {
    position: fixed;
    bottom: 5rem;
    right: -1rem;
	width: 23%;
	z-index: 8;
}
.float-box p{
	font-size: 1.1rem;
	font-weight: bold;
}
/* 体験版DL用設定end */

@media (max-width: 1063px) {
	.maxqda_h1 p{
		font-size: 1.2rem;
		color: #ffffff;
		font-weight: bold;
		margin: 1rem 2rem;
		display: block;
		float: left;
	}
}

@media (max-width: 991px) {
	.maxqda_h1 p{
		padding:0.2rem!important;
	}
		.header_h1 img {
		height: 1.5rem;
		float: left;
		margin: 0.5rem 0 0 0;
			padding: 0;
	}
	.banner img{
        width: 85%;
		height: auto;
		float: none;
		margin: 0;
	}
		/*ページ内リンクのジャンプ後の位置調整用*/
	a.anchor{
    	padding-top: 50px;
    	margin-top: -50px;
	}
	.nav-link {
		padding: 0.5rem 1rem;
	}
    .navbar {
		box-shadow: 0px 4px 2px rgb(0 0 0 / 20%);
	}
	.nav-item {
		border-bottom: none;
	}
	.nav-item:hover {
		border-bottom: none;
	}
	.nav-item::after {
		background-color: transparent;/*メニューの縦線の色*/
	}
	p.header_h1 img {
		margin-top: 0;
	}
	.banner {
		margin-top: 40px;
	}
	.demo_wrapper{
		margin: 1.5rem auto 0.5rem auto;
		float: none;
	}
	.demo_wrapper img{
		display: none;
	}
	.intro_guide{
		display: none;
	}
	.maxqda_h1{
		height: 130px;
	}
	.maxqda_h1 p{
		font-size: 0.9rem;
		color: #ffffff;
		font-weight: bold;
		margin: 0 0.5rem;
	}
	.maxqda_h1 .banner{
		padding: 1rem;
	}
	.banner-img{
	-webkit-clip-path: none;
	clip-path: none;
	}
	.button2{
		width: 90%;
	}
	.button_no_arrow{
		width: 90%;
	}
	.round_button_wrapper{
	display: block;
	}
	.img_width{
		max-width: 100%;
	}
	.card-colums-4{
		column-count: 1!important;
	}
	.card-colums-2{
		column-count: 1!important;
	}
	/* 便利な使い方用設定 */
	#maxqda_guide h1{
	padding: 1rem;
}
#maxqda_guide h1::before{
	content: none;
}
	#maxqda_guide h3, #news_letter  h3{
		display: table;
		line-height: 2.6rem;
	}
	#maxqda_guide h3::before, #news_letter  h3::before{
		top: 0.1rem;
	}
	#maxqda_guide h4, #news_letter  h4{
		font-size: 1.2rem;
	}
	.jump_list ol{
		margin: 0 0 0 -2rem;
	}
	.jump_list li{
		display: block;
		counter-increment: count;
		width: auto;
		margin: 1rem auto;
		position: relative;
	}
	.jump_list li::before{
		content: counter(count);
		margin: auto 0.5rem auto 0rem;
		background-color: #0a2e80;
		color: #ffffff;
		padding: 3px 9px;
		border-radius: 18px;
	}
	.jump_list_col::before{
		margin: auto 0.5rem auto 0rem;
	}
	.checklist{
		font-size: 1.1rem;
	}
	.checklist li{
		padding: 0;
	}
	.checklist li::before {
		left: -40px;
	}
	.checklist li::after {
		left: -32px;
	}
	.guid_contents{
		padding: 1rem;
	}
	.onepoint_flame{
		margin: 1rem 0;
		line-height: 1.5rem;
	}
	.onepoint_flame p{
		margin: 1rem 0;
	}
	.guid_contents {
    padding: 1rem 0rem;
	/* 便利な使い方用設定end */
	
}