@charset "utf-8";

*, *:before, *:after {
box-sizing: border-box;
 }

html {
	height: 100%;
}

body {
	min-height: 100%;
	color: #313030;
	font-size: 15px;
	font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	line-height: 180%;
	overflow-x: hidden;
	height: 100%;
}
* html body {
	font-size:small;  
	font:x-small;/*--標準準拠モード時は不要--*/  
}  
  
*:first-child+html body {
	font-size:small;
	font:x-small;/*--標準準拠モード時は不要--*/  
} 
.txthide {
	display: none;
}
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

img[usemap] {
	border: none;
	height: auto;
	width: 100%;
	max-width: 100%;
}

ruby {

}

ruby rt{
	font-size: 9px;
	line-height: 1;
}

.ttl_product ruby {
	display: inline-block;
	width: 100%;
	font-size: 9px;
	line-height: 1;
	color: #707070;
}

.hover {
	filter:alpha(opacity=100);
	opacity:1.0;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	outline: none;
}
.hover:hover {
	filter:alpha(opacity=60);
	opacity:0.6;
}
.img_hover a img{
	filter:alpha(opacity=100);
	opacity:1.0;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
}
.img_hover a img:hover{
	filter:alpha(opacity=60);
	opacity:0.6;
}

.wrapper{
	width:100%;
	height: 100%;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
}


input[type="button"],input[type="text"],input[type="submit"],input[type="email"],input[type="tel"],textarea {
  -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  border-radius: 0 !important;
	background: #fff;
}
input[type="text"]:focus,input[type="email"]:focus,textarea:focus{
	background: #FAFFBD;
}

.element__color-red {
	color: red;
}

.gmap {
position: relative;
padding-bottom:30%;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.font_yumin{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.link__wrapper {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 30px;
}

.link__wrapper:first-child {
	margin-top: 0;
}

.nav__second-wrapper .link__wrapper,
.top-target__area .link__wrapper {
	margin-top: 15px;
}

.btn-basic {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 210px;
	height: 50px;
	background-color: #F28E02;
	color: #FFFFFF;
}

.btn-basic a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;
}

.btn-basic:hover {
	opacity: 0.7;
}

.btn-inversion {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 210px;
	height: 50px;
	border: 1px solid #F28E02;
	background-color: #FFFFFF;
	color: #F28E02;
}

.btn-inversion a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #F28E02;
}

.btn-inversion:hover {
	opacity: 0.7;
}

.btn-sub {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 50px;
	background-color: #F28E02;
	color: #FFFFFF;
}

.btn-sub a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;
}

.btn-sub:hover {
	opacity: 0.7;
}

.btn-sub a::before {
	content: "\f0a9";
	margin-right: 5px;
	font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    line-height: 1;
	color: #FFFFFF;
}

.btn-sub:hover {
	opacity: 0.7;
}

.btn-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid #FFFFFF;
	background-color: transparent;
	font-size: 14px;
	color: #FFFFFF;
	transition: all 0.3s;
}

.btn-nav:hover {
	border: none;
	background-color: #FFFFFF;
	font-weight: bold;
}

.nav__second-category.desktop a:hover .btn-nav {
	background-color: #FFFFFF;
	font-weight: bold;
	color: #6B1B68;
}

.nav__second-category.cloud a:hover .btn-nav {
	background-color: #FFFFFF;
	font-weight: bold;
	color: #005190;
}

.nav__second-category.server a:hover .btn-nav {
	background-color: #FFFFFF;
	font-weight: bold;
	color: #009994;
}

.nav__second-category.sdk a:hover .btn-nav {
	background-color: #FFFFFF;
	font-weight: bold;
	color: #179CD8;
}

.nav__second-category.mobile a:hover .btn-nav {
	background-color: #FFFFFF;
	font-weight: bold;
	color: #707070;
}

.nav__second-category.solutions a:hover .btn-nav {
	background-color: #FFFFFF;
	font-weight: bold;
	color: #F28E02;
}

.nav__second-category.column a:hover .btn-nav {
	background-color: #FFFFFF;
	font-weight: bold;
	color: #707070;
}

.btn-nav.blank::after {
	content: "\f08e";
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-left: 5px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    line-height: 1;
    color: #FFFFFF;
}

.nav__second-category.column .btn-nav.blank:hover::after {
	color: #707070;
}

.btn__area {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 30px;
}

.btn__area:first-child {
	margin-top: 0;
}

.btn__list {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.btn__list li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 210px;
	height: 50px;
	color: #FFFFFF;
	transition: all 0.7s;
}

.btn__list li.buy {
	background-color: #F28E02;
}

.btn__list li.download {
	background-color: #0066A6;
}

.btn__list li.contact {
	background-color: #B20000;
}

.btn__list li.hikaku {
	background-color: #982E91;
}

.btn__list li.account {
	background-color: #B20000;
}

.btn__list li.navigation {
	background-color: #04B5AC;
	border-radius: 25px;
}

.btn__list li:hover {
	opacity: 0.7;
}

.btn__list li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	text-decoration: none;
}

.btn__list li.download a::before {
	content: "\f019";
	margin-right: 10px;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 15px;
    line-height: 1;
    color: #FFFFFF;
}

.btn__list li.contact a::before {
	content: "\f0e0";
	margin-right: 10px;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 15px;
    line-height: 1;
    color: #FFFFFF;
}

.btn__list li.hikaku a::before {
	content: "\f24e";
	margin-right: 10px;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 15px;
    line-height: 1;
    color: #FFFFFF;
}

.btn__list li.account a::before {
	content: "\f0a9";
	margin-right: 10px;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 15px;
    line-height: 1;
    color: #FFFFFF;
}

.option__weight {
	font-weight: bold;
}

.option__weight-sub {
	font-weight: bold;
	color: #707070;
}

.list-round {
	width: 100%;
	margin-top: 15px;
}

.list-round:first-child {
	margin-top: 0;
}

.list-round li {
	position: relative;
	width: 100%;
	padding: 10px 0 0 25px;
	font-size: 16px;
}

.list-round li::before {
	content: "〇";
	position: absolute;
	top: 10px;
	left: 0;
}

.list-round li:first-child {
	padding-top: 0;
}

.list-round li:first-child::before {
	top: 0;
}

.case__area.phantom .list-round li::before {
	color: #6B1B68;
}

.case__area.mobile .list-round li::before {
	color: #179CD8;
}

.case__area.sdk .list-round li::before {
	color: #009994;
}

.case__area.server .list-round li::before {
	color: #179CD8;
}

.list-check {
	width: 100%;
	margin-top: 15px;
}

.list-check:first-child {
	margin-top: 0;
}

.list-check li {
	position: relative;
	width: 100%;
	padding: 15px 0 0 30px;
	font-size: 18px;
}

.list-check li::before {
	content: "\f14a";
	position: absolute;
	top: 15px;
	left: 0;
    font-family: "Font Awesome 5 pro";
    font-weight: 300;
    font-size: 25px;
    line-height: 1;
    color: #F28E02;
}

.list-check li:first-child {
	padding-top: 0;
}

.list-check li:first-child::before {
	top: 0;
}

.list-check li span {
	font-size: 15px;
	color: #707070;
}

.option__font-weight {
	font-weight: bold;
}

.headline-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 50px;
	font-size: 27px;
	font-weight: bold;
	color: #313030;
}

.headline-center:first-child {
	margin-top: 0;
}

.subheadline {
	padding-left: 15px!important;
	margin-top: 50px!important;
    margin-bottom: 20px!important;
	border-left: solid 6px #f28e02!important;
    font-size: 20px!important;
	line-height: 1.4!important;
	text-align: left!important;
}

.subheadline:first-child {
	margin-top: 0!important;
}

.subheadline span {
}

dl {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

dl *:nth-child(-n+2) {
	padding-top: 0;
}

dl *:nth-child(-n+2)::before {
	top: 0
}

dt {
	width: 85px;
	padding-top: 10px;
}


dd {
	position: relative;
	width: calc(100% - 85px);
	padding: 10px 0 0 15px;
}

.top-column__list dd::before,
.company__overview-info dd::before {
	content: ":";
	position: absolute;
	top: 10px;
	left: 0;	
}

ul > li:first-child::before {
	top: 0;
}

.list__asterisk {
	width: 100%;
}

.list__asterisk li {
	position: relative;
	width: 100%;
	padding: 10px 0px 0px 20px;
}

.list__asterisk li::before {
	content: "※";
	position: absolute;
	top: 10px;
	left: 0px;
}

.list__asterisk li:first-child {
	padding-top: 0;
}

.list__asterisk li:first-child::before {
	top: 0;
}

.list__disk {
	width: 100%;
	margin-top: 10px;
}

.list__disk:first-child {
	margin-top: 0;
}

.list__disk li {
	position: relative;
	width: 100%;
	margin-top: 0!important;
	padding: 10px 0px 0px 20px;
}

.list__disk.catchlist li {
	position: relative;
	width: 100%;
	padding: 10px 0px 0px 20px;
	font-size: 18px;
	font-weight: bold;
	color: #F28E02;
}

.list__disk li::before {
	content: "・";
	position: absolute;
	top: 10px;
	left: 0px;
}

.list__disk li:first-child {
	padding-top: 0;
}

.list__disk li:first-child::before {
	top: 0;
}

.separatorline {
	width: 100%;
	height: 60px;
	background-image: url("../images/main/separatorline.png");
	background-repeat: repeat-x;
	background-position: center;
}

.more__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.more__wrapper.active .company__partner li.more {
	display: block;
}

.more__area {
	width: 100%;
	height: 0;
	overflow: hidden;
	transition: all 0.3s;
}

.more__wrapper.active .more__area {
	display: block;
	height: auto;
	margin-top: 50px;
}

.more__btn,
.more__btn-close {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 40px;
	margin-top: 50px;
	background-color: #F6F6F6;
	border: 1px solid #707070;
	border-radius: 40px;
	color: #707070;
	cursor: pointer;
}

.more__btn::before {
	content: "\f055";
	margin-right: 10px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 20px;
	line-height: 1;
	color: #707070;
}

.more__btn-close::before {
	content: "\f057";
	margin-right: 10px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 20px;
	line-height: 1;
	color: #707070;
}

.more__btn:hover,
.more__btn-close:hover  {
	opacity: 0.7;
}

.more__wrapper.active .more__btn {
	display: none;
}

.more__btn-close {
	display: none;
}

.more__wrapper.active .more__btn-close {
	display: flex;
}

/* 共通コンテンツ ---------------------------------------------------- */
.contents__wrapper {
	width: 100%;
}

.btn__wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

/* article__style ---------------------------------------------------- */
.article__style p {
	margin-top: 20px;
}

/* リニューアルTOP共通 ---------------------------------------------------- */
.top-headline {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	font-size: 32px;
	font-weight: bold;
}

.top-catch {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin-top: 30px;
	font-size: 22px;
}

.top-column__area .top-catch {
	margin-top: 0;
}

.overlay {
	position: fixed;
    top: 0;
    left: -100%;
    z-index: -1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0;
}

.overlay.active {
	display: block;
    left: 0;
    z-index: 500;
    opacity: 1;
}

/* リニューアルヘッダー ---------------------------------------------------- */
.header__wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	padding: 0 30px;
	background-color: #FFFFFF;
}

.header__area {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	max-width: 1920px;
	height: 100%;
}

.header__head-area {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 350px;
}

.header__logo {
	width: 100px;
}

.header__logo img {
	width: 100%;
	height: auto;
}

.header__catch {
    padding-left: 12px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.4;
	color: #707070;
}

.header__catch span {
	
}

.header-nav__area {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	width: calc(100% - 350px);
	height: 100%;
}

@media (max-width: 1440px) {
.header__catch span {
	display: block;
}
.header__head-area {
	width: 250px;
}	

.header-nav__area {
	width: calc(100% - 250px);
}
}

@media (max-width: 1280px) {
.header__catch {
	display: none;
}
.header__head-area {
	width: 100px;
}	

.header-nav__area {
	width: calc(100% - 100px);
}
}

.nav__sns-list-box {
	order: 3;
}

.nav__sns-list {
	display: flex;
	flex-wrap: wrap;
}

.nav__sns-list > li {
	margin-right: 12px;
}

.nav__sns-list > li:last-child {
	margin-right: 0;
}

.nav__sns-list > li:hover {
	opacity: 0.7;
}

.nav__sns-list > li.icon-mail a::before {
	content: "\f0e0";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size: 32px;
	line-height: 1;
	color: #F28E02;
}

.nav__sns-list > li.icon-facebook a::before {
	content: "\f082";
	font-family: "Font Awesome 5 Brands";
	font-weight: 300;
	font-size: 32px;
	line-height: 1;
	color: #F28E02;
}

.nav__sns-list > li.icon-twitter a::before {
	content: "\f081";
	font-family: "Font Awesome 5 Brands";
	font-weight: 300;
	font-size: 32px;
	line-height: 1;
	color: #F28E02;
}

.nav__sns-list > li.icon-instagram a::before {
	content: "\f16d";
	font-family: "Font Awesome 5 Brands";
	font-weight: 300;
	font-size: 32px;
	line-height: 1;
	color: #F28E02;
}

.nav__sns-list > li.icon-youtube a::before {
	content: "\f431";
	font-family: "Font Awesome 5 Brands";
	font-weight: 300;
	font-size: 32px;
	line-height: 1;
	color: #F28E02;
}

.nav__sns-list > li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

@media (max-width: 1440px) {
.nav__sns-list > li {
	margin-right: 15px;
}
}

@media (max-width: 1280px) {
.nav__sns-list > li {
	margin-right: 15px;
}
}

/* wp対応ヘッダーメニュー */
@media (min-width: 1025px) {
  .menu-main-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    height: 100%;
    order: 1;
  }
}

@media (min-width: 1025px) {
  .menu-sns-container {
    order: 3;
  }
}

@media (min-width: 1025px) {
  #menu-main {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    height: 100%;
  }
  #menu-main > li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: auto;
    height: 100%;
  }
  #menu-main > li:hover, #menu-main > li.active {
    background-color: #F8F8F8;
  }
  #menu-main > li > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 15px;
    font-weight: bold;
    color: #3d3d3d;
    text-decoration: none;
    cursor: pointer;
  }
  #menu-main > li > a:hover {
    color: #3d3d3d;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  #menu-main > li > a {
    padding: 0 8px;
  }
}
@media (min-width: 1025px) {
  #menu-main > li:last-child::after {
    display: none;
  }
  #menu-main > li:last-child .sub__menu > li.menu-item-has-children {
    position: relative;
  }
  #menu-main > li:last-child .sub__menu > li.menu-item-has-children::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    z-index: 100;
    display: inline-block;
    width: 20px;
    height: 100%;
    background-image: url("../images/main/icon-menu-nav.png");
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(-1, 1);
  }
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 1025px) and (min-resolution: 2dppx) {
  #menu-main > li:last-child .sub__menu > li.menu-item-has-children::after {
    background-image: url("../images/main/icon-menu-nav_2x.png");
  }
}
@media (min-width: 1025px) {
  #menu-main > li .menu__child {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 100;
    width: 250px;
    height: 0;
    opacity: 0;
    transition: all 0.2s;
    overflow: hidden;
  }
  #menu-main > li .menu__child .sub__menu {
    width: 100%;
    background-color: #FFFFFF;
  }
  #menu-main > li .menu__child .sub__menu > li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background-color: #F28E02;
    color: #FFFFFF;
  }
  #menu-main > li .menu__child .sub__menu > li.menu-item-has-children {
    position: relative;
  }
  #menu-main > li .menu__child .sub__menu > li.menu-item-has-children::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    display: inline-block;
    width: 20px;
    height: 100%;
    background-image: url("../images/main/icon-menu-nav.png");
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 1025px) and (min-resolution: 2dppx) {
  #menu-main > li .menu__child .sub__menu > li.menu-item-has-children::after {
    background-image: url("../images/main/icon-menu-nav_2x.png");
  }
}
@media (min-width: 1025px) {
  #menu-main > li .menu__child .sub__menu > li > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    min-height: 48px;
    padding: 4px 20px;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
  }
  #menu-main > li .menu__child .sub__menu > li:hover {
    background-color: #F6AF4D;
  }
  #menu-main > li .menu__child .sub__menu > li:last-child {
    border-bottom: none;
  }
  #menu-main > li .sub__menu > li > .menu__child {
    top: 0;
    left: 100%;
  }
  #menu-main > li .sub__menu > li:hover > .menu__child {
    height: auto;
    opacity: 1;
    overflow: unset;
  }
  #menu-main > li.active > .menu__child {
    height: auto;
    opacity: 1;
    overflow: unset;
  }
  #menu-main > li:last-child .menu__child .menu__child {
    left: -100%;
  }
}

/* フッターSNS ---------------------------------------------------- */

.footer__sns-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin-top: 30px;
}

.footer__sns-list > li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}

@media (max-width: 1280px) {
	.footer__sns-list > li {
		margin-right: 10px;
	}
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .footer__sns-list > li {
    /* IE11 にのみ適用される */
	  display: inline-block;
  }
}

.footer__sns-list > li:last-child {
	margin-right: 0;
}

.footer__sns-list > li:hover {
	opacity: 0.7;
}

.footer__sns-list > li.icon-mail a::before {
	content: "\f0e0";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size: 30px;
	line-height: 1;
	color: #FFFFFF;
}

.footer__sns-list > li.icon-facebook a::before {
	content: "\f082";
	font-family: "Font Awesome 5 Brands";
	font-weight: 300;
	font-size: 30px;
	line-height: 1;
	color: #FFFFFF;
}

.footer__sns-list > li.icon-twitter a::before {
	content: "\f081";
	font-family: "Font Awesome 5 Brands";
	font-weight: 300;
	font-size: 30px;
	line-height: 1;
	color: #FFFFFF;
}

.footer__sns-list > li.icon-instagram a::before {
	content: "\f16d";
	font-family: "Font Awesome 5 Brands";
	font-weight: 300;
	font-size: 30px;
	line-height: 1;
	color: #FFFFFF;
}

.footer__sns-list > li.icon-youtube a::before {
	content: "\f431";
	font-family: "Font Awesome 5 Brands";
	font-weight: 300;
	font-size: 30px;
	line-height: 1;
	color: #FFFFFF;
}

.footer__sns-list > li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .footer__sns-list > li > a {
    /* IE11 にのみ適用される */
	  display: inline-block;
  }
}

/* リニューアルTOPアイキャッチ ---------------------------------------------------- */
.eyecatch__wrapper {
	width: 100%;
}

.eyecatch__wrapper-main {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: #ffffff;
	background-position: bottom;
	background-repeat: repeat-x;
}

.eyecatch__wrapper-main.change2020 {
	margin-bottom: 0;
}

.eyecatch__wrapper-main.change2020,
.eyecatch__wrapper-main.pdf,
.eyecatch__wrapper-main.phantom,
.eyecatch__wrapper-main.sdk-activex,
.eyecatch__wrapper-main.sdk-pdf {
	margin-bottom: 0;
}

.eyecatch__area {
	width: 100%;
	max-width: 1200px;
	margin-top: 60px;
}

.eyecatch__change2020 {
	width: 100%;
	height: 295px;
	background-image: url("../images/top/eyecatch-2020.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;	
}

.eyecatch__base {
	width: 100%;
	height: 295px;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.eyecatch__pdf {
	width: 100%;
	height: 295px;
	background-image: url("../images/top/eyecatch-pdf.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.eyecatch__phantom {
	width: 100%;
	height: 295px;
	background-image: url("../images/top/eyecatch-phantom.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.eyecatch__sdk-activex {
	width: 100%;
	height: 295px;
	background-image: url("../images/top/eyecatch-sdk_activex.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.eyecatch__sdk-pdf {
	width: 100%;
	height: 295px;
	background-image: url("../images/top/eyecatch-sdk_pdf.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.eyecatch__sdk-web {
	width: 100%;
	height: 295px;
	background-image: url("../images/top/eyecatch-sdk_web.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;	
}

@media (max-width: 1199px) {	
.eyecatch__change2020 {
	width: 100%;
	height: auto;
	padding-top: calc(295 / 1200 * 100%);
	background-image: url("../images/top/eyecatch-2020.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;	
}

.eyecatch__pdf {
	width: 100%;
	height: auto;
	padding-top: calc(295 / 1200 * 100%);
	background-image: url("../images/top/eyecatch-pdf.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.eyecatch__phantom {
	width: 100%;
	height: auto;
	padding-top: calc(295 / 1200 * 100%);
	background-image: url("../images/top/eyecatch-phantom.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.eyecatch__sdk-activex {
	width: 100%;
	height: auto;
	padding-top: calc(295 / 1200 * 100%);
	background-image: url("../images/top/eyecatch-sdk_activex.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.eyecatch__sdk-pdf {
	width: 100%;
	height: auto;
	padding-top: calc(295 / 1200 * 100%);
	background-image: url("../images/top/eyecatch-sdk_pdf.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.eyecatch__sdk-web {
	width: 100%;
	height: auto;
	padding-top: calc(295 / 1200 * 100%);
	background-image: url("../images/top/eyecatch-sdk_web.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;	
}
}

.eyecatch__area a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	height: calc(100% - 45px);
}

/* TOPテーマ ---------------------------------------------------- */
.top_theme {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 45px;
}

.top_theme__wrapper {
	width: 100%;
	max-width: 1230px;
	padding: 0 15px;
}

.top_theme__headline {
	font-size: 27px;
	font-weight: bold;
}

.top_theme__wrapper p {
	margin-top: 1em;
}

/* TOPニュース ---------------------------------------------------- */
.top_news {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 45px;
}

.top-news__wrapper {
	width: 100%;
	max-width: 1230px;
	padding: 0 15px;
}

.headline-news {
	font-size: 27px;
	font-weight: bold;
}

.headline-news::before,
.headline-news::after {
	content: "-";
	margin: 0 5px;
}

.headline-news__nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 10px;
}

.headline-news__link {
	width: auto;
	padding: 8px 15px;
	border-radius: 50px;
	border: 1px solid lightgray;
	background: linear-gradient(to bottom, #efefef 0%,#fcfcfc 50%,#efefef 100%);
	text-decoration: none;
	line-height: 1;
}

.headline-news__link i {
	margin-right: 5px;
}

/* TOPターゲット ---------------------------------------------------- */
.top-target {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 45px;
}

.top-target__wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1200px;
}

.top-target__area {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 33.3%;
	height: 300px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.top-target__area:nth-child(2) {
	width: 33.4%;
}

.top-target__area.business {
	background-image: url("../images/top/top-target_business.jpg");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  .top-target__area.business {
    background-image: url("../images/top/top-target_business_2x.jpg");
  }
}

.top-target__area.personal {
	background-image: url("../images/top/top-target_personal.jpg");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.top-target__area.personal {
		background-image: url("../images/top/top-target_personal_2x.jpg");
	}
}

.top-target__area.developer {
	background-image: url("../images/top/top-target_developer.jpg");
}

.top-target__area:hover a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.top-target__headline-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 150px;
	background-color: rgba(255,255,255,0.92);
	opacity: 1;
	transition: all 0.5s;
}

.top-target__area:hover .top-target__headline-wrapper {
	opacity: 0;
}

.top-target__headline-area {
	width: auto;
	text-align: center;
}

.top-target__headline {
	font-size: 27px;
	font-weight: bold;
}

.top-target__headline-en {
	display: inline-block;
	margin-top: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #707070;
}

.top-target__content {
	position: absolute;
	bottom: -180px;
	left: 0;
	z-index: 10;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 180px;
	padding: 30px 30px;
	background-color: #F28E02;
	color: #FFFFFF;
	transition: all 0.7s;
	box-sizing: border-box;
	opacity: 0;
}

.top-target__content-info {
	display: inline-block;
	line-height: 1.4;
}

.top-target__area:hover .top-target__content {
	bottom:  0;
	opacity: 1;
}

.top-target__link {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 35px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.5s;
}

.top-target__link:hover {
	background-color: #FFFFFF;
	color: #F28E02;
}

.top-target__link a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;	
	color: #FFFFFF;
}

/* TOP Ketchup（ケチャップ） ---------------------------------------------------- */
.top-ketchup {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 90px;
}

.top-ketchup__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.top-ketchup__inner {
	width: 100%;
	padding: 0 15px;
}

.top-ketchup__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 45px;
	background-image: url("../images/top/ketchup-bg.png");
	background-repeat: repeat-x;
	background-size: contain;
}

.top-ketchup__banner-area {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 1230px;
}

.top-ketchup__banner {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding-top: calc(390 / 1200 * 100%);
	background-image: url("../images/top/ketchup-banner.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.top-ketchup__area {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1230px;
	margin-top: 15px;
	padding: 0 30px;
}

.top-ketchup__overview {
	width: calc(100% - 370px);
    font-size: 15px;
}

.top-ketchup__pikup {
	width: 325px;
	margin-left: 45px;
}

.top-ketchup__pikup-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.top-ketchup__pikup-list li {
	width: calc((100% - 30px) / 3);
	margin-right: 15px;
}

.top-ketchup__pikup-list li:last-child {
	margin-right: 0;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
	.top-ketchup__pikup-list li {
	width: 33.3%;
	padding: 0 15px;
}
}

.top-ketchup__pikup-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: calc(500 / 500 * 100%);
    background-image: url(../images/solutions/ketchup/point-step.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.3s;
}

.top-ketchup__pikup-headline {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #707070;
    transition: all 0.3s;	
}

/* TOPコラム ---------------------------------------------------- */
.top-column {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	background: url("../images/top/bg_top_column.jpg");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
	padding: 90px 0;
	margin-top: 90px;
}

.top-column__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 1230px;
	padding: 0 15px;
}

.top-column__area {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 45px;
}

.top-column__eyecatch {
	width: 400px;
	height: 270px;
	background-image: url("../images/main/main_fox_column.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.top-column__box {
	width: calc(100% - (400px + 45px));
	margin-left: 45px;
}

.top-column__list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;	
}

.top-column__list dt {
	width: 140px;
	padding: 10px 15px 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #707070;
}

.top-column__list dt::before {
	content: "・";
	margin-right: 5px;
	font-weight: bold;
	color: #707070;
}

.top-column__list dd {
	width: calc(100% - 140px);
	padding-top: 10px;
}

.top-column__list *:nth-child(-n+2) {
	padding-top: 0;
}

/* TOPメディア ---------------------------------------------------- */
.top__media {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	/*
	background: url("../images/top/bg_top_media.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-top: 90px;
	*/
	padding: 90px 0;
}

.top__media__wrapper {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 1230px;
	padding: 0 15px;
}

.top_youtube{
	width:100%;
	max-width: 800px;
}

.top_youtube iframe {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	height: 450px;
	margin-top: 45px;
}

/* TOP実績 ---------------------------------------------------- */
.top-works {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 90px;
}

.top-works__wrapper {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 1230px;
	padding: 0 15px;
	box-sizing: border-box;
}

.top-works__list {
	display: flex;
}

.top-works__list li {
	margin-top: 45px;
	margin-right: 15px;
}

.top-works__list li:last-child {
	margin-right: 0;
}

.top-works__list li img {
	width:auto;
	height: 68px;
}

/* TOP会社概要 ---------------------------------------------------- */
.top-company {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	background: url("../images/top/bg_top_company.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 90px 0;
	/*
	margin-top: 90px;
	*/
}

.top-company__about {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 45px;
}

.top-company__overview {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(100% - (563px + 45px));
}

.top-company__logo {
	width: 150px;
	height: 60px;
	background-image: url("../images/top/foxit-logo.png");
	background-repeat: no-repeat;
}

.top-company__overview span {
	width: 100%;
	margin-top: 30px;
}

.top-company__solution {
    width: 563px;
    height: 260px;
    margin-left: 45px;
    background-image: url(../images/company/solution.png);
    background-repeat: no-repeat;
}

/* 会社案内 ---------------------------------------------------- */
.company__wrapper {
	width: 100%;
}

.company__philosophy {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 15px;
}

.company__philosophy-list {
	width: calc(100% - (450px + 45px));
}

.company__philosophy-figure {
	width: 450px;
	height: 250px;
	margin-left: 45px;
	background-image: url("../images/company/philosophy-figure.png");
	background-repeat: no-repeat;
	background-size: 439px 229px;
	background-position: top right;
}

.company__overview {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.company__overview-info {
	width: calc(100% - (375px + 45px));
}

.company__overview-photo {
	width: 375px;
	margin-left: 45px;
}

.company__photo-list {
	width: 100%;
}

.company__photo-list li {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.company__photo-list li:nth-child(n+2) {
	margin-top: 30px;
}

.company__photo {
	width: 100%;

	height: 250px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.company__photo.company-photo01 {
	background-image: url("../images/company/company-photo01.jpg")
}

.company__photo.company-photo02 {
	background-image: url("../images/company/company-photo02.jpg")
}

.company__photo-list li > span {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 5px;
	font-weight: bold;
}

.company__mascot {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.company__mascot-description {
	width: calc(100% - 124px);
}

.company__mascot-headline {
	font-size: 18px;
	font-weight: bold;
	color: #F28E02;
}

.company__mascot-description span {
	font-weight: bold;
}

.company__mascot-description p {
	font-size: 14px;
}

.company__mascot-character {
	width: 124px;
	height: 152px;
	background-image: url("../images/company/mascotcharacter.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
}

.company__map {
	width: 100%;
	height: 350px;
	margin-top: 45px;
}

.company__map iframe {
	width: 100%;
	height: 100%;
}

.company__partner {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.company__partner > li {
	position: relative;
	width: calc((100% - 90px) / 3);
	margin-right: 45px;
	padding: 10px 0px 0px 20px;
}

.company__partner > li:nth-child(3n) {
	margin-right: 0px;
}

.company__partner li::before {
	content: "・";
	position: absolute;
	top: 10px;
	left: 0px;
}

.company__partner > li.more {
	display: none;
}

.company__about {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;
}

.company__about-overview {
	width: calc(100% - (563px + 45px));
}

.company__about-overview p {
	margin-top: 30px;
}

.company__about-solution {
	width: 563px;
	height: 260px;
	margin-left: 45px;
	background-image: url("../images/company/solution.png");
	background-repeat: no-repeat;
}

/* 紹介エリア ---------------------------------------------------- */
.introduction__wrapper {
	width: 100%;
	margin-top: 20px;
}

.introduction__link {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin-top: 50px;
}

.introduction__link * {
	margin-left: 45px;
}

.introduction__link *:first-child {
	margin-left: 0;
}

/* テーブル見出し ---------------------------------------------------- */
.table_headline {
	background-color: #F6F6F6;
	vertical-align: middle;
}

/* コード表示用 ---------------------------------------------------- */
.box_overflow {
	overflow-x: auto;
}

/* プライバシーポリシー ---------------------------------------------------- */
.privacy_style {
	width: 100%;
}

.privacy_style h2 {
	margin-top: 30px;
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
}

.privacy_style p {
	margin-top: 1em;
}

.privacy_style h2 +p {
	margin-top: 0;
}

.privacy_style a {
	color: #F28E02;
}

/* 事例 ---------------------------------------------------- */
.casestudy {

}

.casestudy-list {
	width: 100%;
	margin-top: 30px;
}

.casestudy-list li {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;
	border: 1px solid #707070;
	border-radius: 3px;
	padding: 15px;
}

.casestudy-list li:first-child {
	margin-top: 0;
}

.casestudy-list li a {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.casestudy-list li:hover a {
	opacity: 0.7;
}

.casestudy-list__photo {
	width: 200px;
	height: 200px;
}

.casestudy-list__photo img {
	width: 100%;
	height: auto;
	flex-shrink: 0;
}

.casestudy-list__area {
	width: calc(100% - 200px);
	padding-left: 30px;
}

.casestudy__headline {
	position: relative;
	width: 100%;
	padding: 7px 45px 5px 15px;
	border-left: solid 6px #F28E02;
}

.casestudy__headline::after {
	content: "\f08e";
	position: absolute;
	top: 0;
	right: 0;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size: 30px;
	line-height: 1;
	color: #CCCCCC;
	transition: all 0.3s;
}

.casestudy-list li:hover .casestudy__headline::after {
	color: #F28E02;
}

.casestudy__headline-en {
	font-size: 16px;
	font-weight: bold;
	color: #707070;
}

.casestudy__headline-title {
    font-size: 24px;
}

.casestudy__overview {
	width: 100%;
	margin-top: 15px;
	padding: 15px 15px 0;
	border-top: 1px dotted #707070;
}

.case__wrapper {
	width: 100%;
	margin-top: 20px;
}

.case__area {
	width: 100%;
	margin-top: 50px;
}

.case__area:first-child {
	margin-top: 0;
}

.case__headline {
	position: relative;
	display: flex;
	min-height: 40px;
	padding-left: 95px;
	flex-wrap: wrap;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
}

.case__headline::before {
	content: "事例";
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 40px;
	background-color: #f28e02;
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
}

.case__area.phantom .case__headline {
	color: #6B1B68;
}

.case__area.phantom .case__headline::before {
	background-color: #6B1B68;
}

.case__area.mobile .case__headline {
	color: #179CD8;
}

.case__area.mobile .case__headline::before {
	background-color: #179CD8;
}

.case__area.sdk .case__headline {
	color: #009994;
}

.case__area.sdk .case__headline::before {
	background-color: #009994;
}

.case__area.server .case__headline {
	color: #005190;
}

.case__area.server .case__headline::before {
	background-color: #005190;
}

.case__solution {
	width: 100%;
	padding: 30px;
	margin-top: 30px;
	border: 1px solid #707070;
	border-radius: 5px;
	background-color: #FFFFFF;
}

.case__area.phantom .case__solution {
	border: 1px solid #6B1B68;
	background-color: rgba(102,27,104,0.05);
}

.case__area.mobile .case__solution {
	border: 1px solid #179CD8;
	background-color: rgba(23,156,216,0.05);
}

.case__area.sdk .case__solution {
	border: 1px solid #009994;
	background-color: rgba(0,153,148,0.05);
}

.case__area.server .case__solution {
	border: 1px solid #179CD8;
	background-color: rgba(0,81,144,0.05);
}

/* コラム ---------------------------------------------------- */
.trend__wrapper {
	width: 100%;
	margin-top: 45px;
}

.trend__wrapper:first-child {
	margin-top: 0;
}

.trend__list {
	width: 100%;
}

.trend__list li {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px dotted #707070;
}

.trend__overview {
	width: calc(100% - 180px);
}

.trend__headline {
	position: relative;
	padding-left: 25px;
    font-size: 18px;
	font-weight: bold;
}

.trend__headline::before {
	content: "〇";
	position: absolute;
	top: 10px;
	left: 0;
	font-weight: normal;
	color: #f28e02;
}

.trend__headline:first-child {
	padding-top: 0;
}

.trend__headline:first-child::before {
	top: 0;
}

.trend__overview-description {
	width: 100%;
	padding-left: 25px;
}

.trend__btn {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	width: 150px;
	margin-left: 30px;
}

.trend__area {
	width: 100%;
	margin-top: 50px;
}

.trend__area:first-child {
	margin-top: 0;
}

.column__wrapper {
	width: 100%;
	margin-top: 45px;
}

.column__wrapper:first-child {
	margin-top: 0;
}

.column__area {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.column__category {
	width: calc((100% - 45px) / 2);
}

.column__category:nth-child(2n) {
	margin-left: 45px;
}

.column__category:nth-child(n+3)  {
	margin-top: 45px;
}

.column__img a:hover {
	opacity: 0.7;
}

.column__headline {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.column__headline span {
	display: inline-block;
	font-weight: bold;
}

.column__link {
	width: 100%;
	margin: 45px 0 0;
}

.column__link span {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
	

.column__link a {
	color: #F28E02;
}

.column__link-facebook::before {
	margin: 0px 15px 0px 0px;
    content: "\f082";
    font-family: "Font Awesome 5 Brands";
    font-size: 45px;
    color: #F28E02;
}

.column__link-info {
	width: 100%;
	margin: 15px 0 0;
}

.column__list {
	width: 100%;
}

.column__list > li {
	width: 100%;
	margin: 0!important;
	padding: 30px 0 30px;
	border-bottom: 1px solid #cccccc;
}

.column__list > li:first-child {
	width: 100%;
	padding-top: 0;
}

.column__blog-img {
	width: auto;
	margin-top: 15px;
}

.column__blog {
	width: 100%;
}

.column__blog-img + .column__blog {
	margin-top: 30px;
}

.column__blog-hedline {
	font-size: 18px;
	font-weight: bold;
}

.column__blog img {
	margin-top: 15px;
}

.column__list > li.no-img .column__blog {
	width: 100%;
}

.column__list > li.no-img .column__blog-img {
	display: none;
}

/* OEM Reader ---------------------------------------------------- */
.oem__wrapper {
	width: 100%;
	background-image: url("../images/solutions/oem/head-bg.png");
	background-repeat: no-repeat;
	background-position: top right;
}

.oem__head {
	width: 100%;	
}

.oem__head-banner {
	position: relative;
	width: 100%;
	padding-top: calc(644 / 2400 * 100%);
	background-image: url("../images/solutions/oem/banner.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.oem__head-banner-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: calc(644 / 2400 * 100%);
	background-image: url( "../images/solutions/oem/banner-text.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.oem__head-overview {
	width: 100%;
	margin-top: 30px;
	padding: 0 30px;
}

.oem__head-overview p {
	margin-top: 1em;
}

.oem__head-overview p:first-child {
	margin-top: 0;
}

.oem__head-headline {
	font-size: 21px;
	font-weight: bold;
}

.oem__service-overview {
	width: 100%;
	margin-top: 45px;
}

.oem__service-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;
}

.oem__service-wrap:first-child {
	margin-top: 0;
}

.oem__service-area {
	width: calc((100% - 50px) / 2);
	margin-top: 30px;
	margin-right: 50px;
}

.oem__service-area:nth-child(2n) {
	margin-right: 0;
}

.oem__service-area:nth-child(-n+2) {
	margin-top: 0;
}

.oem__solutions {
	width: 100%;
}

.oem__solutions-photo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.oem__solutions-photo img {
	width: 100%;;
	max-width: 600px;
	height: auto;
}

.oem__solutions-catch {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	border: 1px solid #F28E02;	
	font-size: 20px;
	font-weight: bold;
	color: #F28E02;
}

.oem__headline {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 60px;
	padding: 10px 0;
	background-color: #707070;
	font-size: 27px;
	color: #FFFFFF;
}

.oem__overview {
	width: 100%;
    margin-top: 30px;
    padding: 0 15px;
}

.oem__overview-area {
	width: 100%;
}

.oem__overview-headline {
    font-size: 22px;
    font-weight: bold;
}

.oem__feature-area {
	width: 100%;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dotted #707070;
}

.oem__feature-area:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

/* video signature ---------------------------------------------------- */
.signature__wrapper {
	width: 100%;
}

.signature__head {
	width: 100%;
	background-image: url("../images/solutions/signature/head-bg.png");
	background-repeat: no-repeat;
	background-position: top right;
}

.signature__head-banner {
	position: relative;
	width: 100%;
	padding-top: calc(350 / 1200 * 100%);
	background-image: url("../images/solutions/signature/banner.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.signature__head-banner-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: calc(350 / 1200 * 100%);
	background-image: url( "../images/solutions/signature/banner-text.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.signature__head-overview {
	width: 100%;
	margin-top: 30px;
	padding: 0 30px;
}

.signature__head-overview p {
	margin-top: 1em;
}

.signature__head-overview p:first-child {
	margin-top: 0;
}

.signature__head-headline {
	font-size: 22px;
	font-weight: bold;
}

.signature__head-area {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;
	padding: 0 30px;
}

.signature__point {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 320px);	
}

@media (max-width: 1200px) {
.signature__point {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 300px);	
}
}

.signature__point li {
	width: calc((100% - 90px) / 4);
	margin-right: 30px;
}

.signature__point li:last-child {
	margin-right: 0;
}

.signature__point-box {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: calc(500 / 500 * 100%);
	background-image: url("../images/solutions/signature/point.png");
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.3s;
}

.signature__point-headline {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	transition: all 0.3s;
}

@media (max-width: 1200px) {
.signature__point-headline {
	font-size: 15px;
}
}

.signature__request-headline {
	font-size: 18px;
	font-weight: bold;
	color: #707070;
	text-align: center;
}

.signature__head-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 270px;
	margin-left: 50px;
}

@media (max-width: 1200px) {
.signature__head-btn {
	margin-left: 30px;
}
}

.signature__service-overview {
	width: 100%;
	margin-top: 45px;
}

.signature__service-area {
	width: 100%;
	margin-top: 30px;
}

.signature__service-area:first-child {
	margin: 0;
}

.signature__headline {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 60px;
	padding: 10px 0;
	background-color: #707070;
	font-size: 27px;
	color: #FFFFFF;
}

.signature__service-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;
	padding: 0 15px;
}

.signature__examples {
	width: calc(100% - 350px);
}

.signature__examples-box {
	width: 300px;
	margin-left: 50px;
}

.signature__examples-photo {
	width: 300px;
	height: 375px;
	background-image: url("../images/solutions/signature/examples.png");
	background-repeat: no-repeat;
}

.signature__description {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 10px;
	color: #707070;
}

.signature__examples-headline {
	margin-top: 30px;
	font-size: 22px;
	font-weight: bold;
}

.signature__examples-headline:first-child {
	margin-top: 0;
}

.signature__option-box {
	width: 300px;
	margin-right: 50px;
}

.signature__option-photo {
	width: 300px;
	height: 152px;
	background-image: url("../images/solutions/signature/option.png");
	background-repeat: no-repeat;
}

.signature__option {
	width: calc(100% - 350px);	
}

.signature__option-overview {
	width: 100%;
	padding-bottom: 15px;
}

/* ketchup ---------------------------------------------------- */
.ketchup__wrapper {
	width: 100%;
}

.ketchup__head {
	width: 100%;
	border: 2px solid #F28E02;
}

.ketchup__head-banner {
	position: relative;
	width: 100%;
	padding-top: calc(390 / 1200 * 100%);
	background-image: url("../images/solutions/ketchup/banner_head.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.ketchup__head-banner-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: calc(390 / 1200 * 100%);
	background-image: url("../images/solutions/ketchup/banner_head-text.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.ketchup__head-area {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 15px 30px 30px;
}

.ketchup__head-overview {
	width: calc(100% - 370px);
	font-size: 15px;
}

.ketchup__head-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 370px;
	padding-left: 30px;
}

.ketchup__service-overview {
	width: 100%;
	margin-top: 45px;
}

.ketchup__headline {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 60px;
	padding: 10px 0;
	background-color: #707070;
	font-size: 27px;
	color: #FFFFFF;
}

.ketchup__service-point {
	width: 100%;
	margin-top: 30px;
	padding: 0 15px;
}

.ketchup__point-area {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.ketchup__point-before {
	width: calc((100% - 192px) / 2);
	padding: 30px;
	border-radius: 5px;
	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
}

.ketchup__point-flow {
	display: flex;
	align-items: center;
	width: 132px;
	margin: 0 30px;
}

.ketchup__flow-area {
	width: 100%;
	padding-top: calc(46 / 132 * 100%);
	background-image: url("../images/solutions/ketchup/flow.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.ketchup__point-after {
	width: calc((100% - 192px) / 2);
	padding: 30px;
	border-radius: 5px;
	box-shadow:0px 0px 5px 2px #F28E02;
}

.ketchup__point-headline {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	font-size: 20px;
	font-weight: bold;
	color: #707070;
}

.ketchup__point-headline::before {
	content: "-";
	margin-right: 5px;
}

.ketchup__point-headline::after {
	content: "-";
	margin-left: 5px;
}

.ketchup__point-step {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;
}

.ketchup__point-step li {
	width: calc((100% - 150px) / 4);
	margin-right: 50px;
}

.ketchup__point-step li:last-child {
	margin-right: 0;
}

.ketchup__point-step li:hover .ketchup__step {
	background-image: url("../images/solutions/ketchup/point-step-active.png");
}

.ketchup__point-step li:hover .ketchup__step-headline {
	color: #F28E02;
}

.ketchup__point-step li:hover .ketchup__step-overview {
	color: #313030;
}

.ketchup__step {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: calc(500 / 500 * 100%);
	background-image: url("../images/solutions/ketchup/point-step.png");
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.3s;
}

.ketchup__step-headline {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 22px;
	font-weight: bold;
	color: #707070;
	transition: all 0.3s;
}

.ketchup__step-overview {
	width: 100%;
	margin-top: 15px;
	color: #707070;
	transition: all 0.3s;
}

.ketchup__service-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;
}

.ketchup__service-wrap:first-child {
	margin-top: 0;
}

.ketchup__service-area {
	width: calc((100% - 50px) / 2);
	margin-top: 30px;
	margin-right: 50px;
}

.ketchup__service-area:nth-child(2n) {
	margin-right: 0;
}

.ketchup__service-area:nth-child(-n+2) {
	margin-top: 0;
}

.ketchup__screen {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 30px;
	padding: 0 15px;
}

.ketchup__screen-photo {
	width: 100%;
	padding-top: calc(375 / 545 * 100%);
	background-image: url("../images/solutions/ketchup/screen.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.ketchup__screen-box {
	display: none;
}

.ketchup__provide {
	width: 100%;
	margin-top: 30px;
	padding: 0 15px;
}

.ketchup__provide-area {
	width: 100%;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dotted #707070;
}

.ketchup__provide-area:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.ketchup__provide-headline {
	font-size: 22px;
	font-weight: bold;
}

/* loading ---------------------------------------------------- */

#pageloading-wrap {
  background: #000;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  display: table;
  z-index: 100000;
	align-items: center;
	justify-content: center;
}
#pageloading-icon {
  display: table-cell;
  vertical-align: middle;
	text-align: center;
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale-multiple {
	display: inline-block;
  position: relative;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px); }
  .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .ball-scale-multiple > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: -30px;
    top: 0px;
    opacity: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
            animation: ball-scale-multiple 1s 0s linear infinite; }


/* Fadein ---------------------------------------------------- */

.fadein,.fadein01,.fadein02,.fadein03,.fadein04{
	opacity: 0;
	transition:0.7s;
}
.fadein{
	-webkit-transform: translate(0,60px); 
	transform: translate(0,60px);
}
.fadein01{
	-webkit-transform: translate(0,30px); 
	transform: translate(0,30px);
}
.fadein02{
	-webkit-transform: translate(0,100px); 
	transform: translate(0,100px);
}
.fadein03{
	-webkit-transform: translate(0,140px); 
	transform: translate(0,140px);
}
.fadein04{
	-webkit-transform: translate(0,180px); 
	transform: translate(0,180px);
}
.fadeinOn{
	opacity: 1.0;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}

.fadein.delay00 {
	transition-delay: 0.2s;
}

.fadein.delay01 {
	transition-delay: 0.3s;
}

.fadein.delay02 {
	transition-delay: 0.5s;
}

.fadein.delay02-2 {
	transition-delay: 0.5s;
}

.fadein.delay03 {
	transition-delay: 0.7s;
}

.fadein.delay03-2 {
	transition-delay: 0.7s;
}

.orange{
	color: #f28e02;
}

.mg_t0{
	margin-top: 0 !important;
}

/* header ---------------------------------------------------- */

/* ページ内カスタムファームJSのページ内スクロールの位置調整用 */
.gheader {
	
}

/* 過去利用
.gheader{
	height: 60px;
	width:100%;
	background: #fff;
	position: fixed;
	z-index: 1000;
	box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.2);
	top:0;
	left: 0;
}
.gheader .logo{
	width:100px;
	position: absolute;
	left: 25px;
	top:9px;
}
.menu-trigger{
	display: none;
}

.gheader .btn_download{
	width:180px;
	height: 36px;
	position: absolute;
	top:12px;
	right: 25px;
	font-size: 15px;
	
}
.gheader .btn_download a{
	position: relative;
	display: block;
	line-height: 36px;
	height: 36px;
	background: #f28e02;
	padding-left: 18px;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;        
  -webkit-border-radius: 3px;      
  -moz-border-radius: 3px;   
	font-weight: normal;
}
.gheader .btn_download a.fa-download:before{
	display: inline-block;
	width:28px;
	font-weight: bold;
}
*/

/* search ---------------------------------------------------- */
.header-nav__search-box {
	height: 100%;
	order: 2;
}

.header-nav__search {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: auto;
	height: 100%;	
}

.header-nav__search li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.icon_search_btn {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 75px;
	height: 100%;
	cursor: pointer;
	transition: all 0.3s;
}

.icon_search_btn:hover {
	opacity: 0.7;
}

.icon_search_btn::after {
	content: "\f002";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size: 20px;
	line-height: 1;
}

.header-nav__search.active .icon_search_btn::after {
	content: "\f00d";
}

.search_area{
	position: absolute;
	right: 75px;
	top: 0;
	z-index: 5500;
	width:500px;
	height: 100%;	
	background: #F6F6F6;
	padding: 15px 15px 0;
	display: none;
}

.search_area form{
	display: flex;
	align-items: stretch;
}
.search_area .txt{
	width : calc(100% - 30px) ;
}
.search_area .txt input{
	background: #F6F6F6;
	display: block;
	width:100%;
	height: 30px;
	border:none;
	font-size: 15px;
	box-sizing: border-box;
	padding: 0 10px;
}
.search_area .btn{
	position: relative;
	width: 30px;
	height: 30px;	
	font-size: 20px;
	padding-top: 6px;
}
.search_area .btn input{
	position: absolute;
	left: 0;
	top:0;
	text-indent: -9999px;
	display: block;
	width:100%;
	height: 30px;
	border: none;
	filter:alpha(opacity=0);
	opacity:0.0;
	cursor: pointer
}
.search_area .btn::before{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	content: "\f002";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size: 20px;
	line-height: 1;
}

.page_link{
	padding-top: 60px;
	margin-top: -60px;
}

/* top ---------------------------------------------------- */


.mainfade{
	transition:0.2s;
	opacity: 0;
	-webkit-transform: translate(-30px,0px); 
	transform: translate(-30px,0px);
}
.fadeinOn,.mainfadeOn{
	opacity: 1.0;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
}

.contents{
	width : -webkit-calc(100% - 100px) ;
  width : calc(100% - 100px) ;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.txt_index01{
	margin-top: 100px;
	width:90%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	font-size: 22px;
	line-height: 180%;
}

.ttl_contents{
	font-size: 32px;
	line-height: 120%;
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}
.ttl_contents span{
	display: block;
	width:100%;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	margin-top: -5px;
}

.news_list h3{
	font-weight: normal;
}
.news_list .day{
	color: #F28E02;
	display: inline-block;
	line-height: 30px;
	padding-top: 5px;
}
.news_list li{
	border-bottom: dotted 1px #707070;
}
.news_list li a{
	display: inline-block;
	padding: 0 0 10px;
}
.news_list .new{
	color: #F28E02;
	display: inline-block;
	background: #fff;
	box-sizing: border-box;
	border: solid 1px #F28E02;
	line-height: 20px;
	margin: 0 5px;
	padding: 0 15px;
	font-size: 12px;
	vertical-align: middle;
}

.index_item_search{
	width:940px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 90px;
	border:solid 3px #CCCCCC;
	text-align: center;
	box-sizing: border-box;
}

.index_item_search + .index_item_search {
	margin-top: 45px;
}

.index_item_search a{
	display: inline-block;
	width: 100%;
	padding: 35px 0;
	box-sizing: border-box;
	font-size: 27px;
	position: relative;
	text-decoration: none;
}
.index_item_search a span{
	display: block;
	font-size: 15px;
	text-decoration: none;
	margin-top: 5px;
}
.index_item_search a::after{
	content: "\f30b";
	position: absolute;
	right: 20px;
	color: #707070;
	font-family:'Font Awesome 5 Pro';
	font-weight: 400;
	top:42%;
}

.index_item_search-head {
	display: flex!important;
	flex-wrap: wrap!important;
	justify-content: center!important;
	font-size: 27px!important;
}

.index_item_search-head span {
	display: inline-block;
	font-size: 27px!important;
}

/* footer ---------------------------------------------------- */

.footer_contact_sp{
	display: none;
}

.footer_contact_pc{
	width:100%;
	text-align: center;
	background: #F6F6F6;
	padding: 40px 0;
	margin-top: 100px;
	font-size: 22px;
}
.footer_contact_pc span{
	display: inline-block;
	line-height: 40px;
	position: relative;
	padding: 0 0 0 130px;
}
.footer_contact_pc span::before{
	content: "";
	width:100px;
	height: 40px;
	background: url(../images/logo.png) no-repeat;
	background-size: cover;
	position: absolute;
	left:0px;
	top:0;
}

.footer_contact_pc a{
	text-decoration: underline;
}

.pagetop{
	padding: 50px 0;
	font-size: 15px;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.pagetop::before{
	content: "\f077";
	position: absolute;
	font-family:'Font Awesome 5 Pro';
	font-weight: 400;
	top:25px;
	display: block;
	text-align: center;
	width:100%;
}

.gfooter{
	background: #313030;
	color: #fff;
	padding: 40px 0 20px;
	line-height: 200%;
}

.gfooter .contents{
	display: flex;
	border-bottom: solid 1px #707070;
	padding-bottom: 40px;
	margin-bottom: 20px;
}

.gfooter .copy{
	text-align: center;
}

/* WP対応footerメニュー */
@media (min-width: 1025px) {
  .menu-footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .menu-footer-container {
    width: 100%;
  }
}

@media (min-width: 1025px) {
  #menu-footer {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
  }
  #menu-footer > li {
    width: calc(100% / 4);
    padding: 0 20px;
  }
  #menu-footer > li > a {
    display: none;
  }
  #menu-footer > li:nth-child(n+5) {
    margin-top: 20px;
  }
  #menu-footer > li .menu__child {
    width: 100%;
  }
  #menu-footer > li .menu__child .sub__menu > li {
    margin-top: 20px;
  }
  #menu-footer > li .menu__child .sub__menu > li > a {
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
	text-decoration: none;
  }
  #menu-footer > li .menu__child .sub__menu > li > a:hover {
    opacity: 1;
  }
  #menu-footer > li .menu__child .sub__menu > li:first-child {
    margin-top: 0;
  }
  #menu-footer > li .menu__child .sub__menu .sub__menu > li {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
  }
  #menu-footer > li .menu__child .sub__menu .sub__menu > li::before {
    content: "┣";
    width: 20px;
    color: #CCCCCC;
  }
  #menu-footer > li .menu__child .sub__menu .sub__menu > li > a {
    width: auto;
    max-width: calc(100% - 20px);
    border-left: none;
    font-size: 15px;
    font-weight: normal;
    color: #CCCCCC;
    text-decoration: none;
    transition: all 0s;
  }
  #menu-footer > li .menu__child .sub__menu .sub__menu > li:last-child::before {
    content: "┗";
  }
  #menu-footer > li .menu__child .sub__menu .sub__menu .sub__menu {
    padding-left: 16px;
  }
}
@media (max-width: 1024px) {
  #menu-footer {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }
  #menu-footer > li {
    width: 100%;
    overflow: hidden;
  }
  #menu-footer > li > a {
    display: none;
  }
  #menu-footer > li .menu__child {
    width: 100%;
  }
  #menu-footer > li .menu__child .sub__menu > li {
    position: relative;
  }
  #menu-footer > li .menu__child .sub__menu > li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -100vw;
    z-index: 100;
    display: inline-block;
    width: 200vw;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  #menu-footer > li .menu__child .sub__menu > li > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 10px 40px 10px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
  }
  #menu-footer > li .menu__child .sub__menu > li > a:hover {
    opacity: 1;
  }
  #menu-footer > li .menu__child .sub__menu > li.menu-item-has-children > a {
    position: relative;
  }
  #menu-footer > li .menu__child .sub__menu > li.menu-item-has-children > a::before {
    content: "\f078";
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 100%;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    color: #FFFFFF;
  }
  #menu-footer > li .menu__child .sub__menu > li.menu-item-has-children.active > a::before {
    transform: scale(1, -1);
  }
  #menu-footer > li .menu__child .sub__menu .sub__menu > li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    background-color: #464646;
  }
  #menu-footer > li .menu__child .sub__menu .sub__menu > li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -100vw;
    z-index: 100;
    display: inline-block;
    width: 200vw;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  #menu-footer > li .menu__child .sub__menu .sub__menu > li > a {
    width: 100%;
    max-width: 100%;
    padding: 10px 15px 10px 30px;
    font-size: 15px;
    font-weight: normal;
    color: #CCCCCC;
    text-decoration: none;
    transition: all 0s;
  }
  #menu-footer > li .menu__child .sub__menu .sub__menu > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 100;
    display: inline-block;
    width: 9px;
    height: 100%;
    background-image: url("../images/main/icon-menu-nav.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 1024px) and (min-resolution: 2dppx) {
  #menu-footer > li .menu__child .sub__menu .sub__menu > li > a::before {
    background-image: url("../images/main/icon-menu-nav_2x.png");
  }
}
@media (max-width: 1024px) {
  #menu-footer > li .menu__child .sub__menu .sub__menu > li:first-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100vw;
    z-index: 100;
    display: inline-block;
    width: 200vw;
    height: 1px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  #menu-footer > li .menu__child .sub__menu .sub__menu > li:last-child::after {
    display: none;
  }
  #menu-footer > li .menu__child .sub__menu .sub__menu .sub__menu > li > a {
    padding-left: 47px;
  }
  #menu-footer > li .menu__child .sub__menu .sub__menu .sub__menu > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 100;
    display: inline-block;
    width: 9px;
    height: 100%;
    background-image: url("../images/main/icon-menu-nav.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 1024px) and (min-resolution: 2dppx) {
  #menu-footer > li .menu__child .sub__menu .sub__menu .sub__menu > li > a::before {
    background-image: url("../images/main/icon-menu-nav_2x.png");
  }
}
@media (max-width: 1024px) {
  #menu-footer > li > .menu__child > .sub__menu > li > .menu__child {
    display: none;
  }
}



/* コンテンツ見出し ---------------------------------------------------- */
.ttl_headline {
	display: flex;
	flex-direction: column;
	font-size: 32px;
	border-left: solid 6px #F28E02;
	line-height: 150%;
	padding: 7px 0 5px 15px;
	margin-bottom: 50px;
}

.ttl_headline span {
	font-size: 24px;
}

/* product ---------------------------------------------------- */

.main_img img{
	width:100%;
	margin-top: 60px;
	margin-bottom: -60px;
}

.btm_cont{
	margin-top: 130px;
	overflow: visible;
}

.ttl_product{
	display: flex;
	flex-direction: column;
	font-size: 32px;
	border-left: solid 6px #F28E02;
	line-height: 150%;
	padding: 7px 0 5px 15px;
	margin-bottom: 50px;
}

.ttl_product span {
	font-size: 24px;
}

.product_lead_area{
	display: flex;
	justify-content:space-between;
	align-items:center;
}

.product_lead {
	width : -webkit-calc(100% - 260px) ;
  width : calc(100% - 260px) ;
}

.product_lead ul{
	display: flex;

	align-items:center;
}
.product_lead_area .btn_area{
	width:210px;
	margin-left: 50px;
}
.product_lead .img{
	width:170px;
	text-align: center;
	padding-right: 20px;
}
.product_lead .img img{
	height: auto;
	width:auto;
	max-width: 130px;
}
.product_lead .img_wide img{
	max-width: 100%;
}
.product_lead .txt{
	font-size: 20px;
	line-height: 180%;
	width : -webkit-calc(100% - 190px) ;
  width : calc(100% - 190px) ;
}

.product_lead_area .btn_area li{
	width:210px;
	margin-bottom: 20px;
	text-align: center;
}
.product_lead_area .btn_area li:last-child{
	border-bottom: 0;
}
.product_lead_area .btn_area li a{
	display: block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	position: relative;
}

.product_lead_area .btn_area li a.btn_area2{
	height: auto;
	line-height: 20px;
	padding: 10px 0;
}
.product_lead_area .btn_area li a.btn_area2 i{
	vertical-align: top;
	display: inline-block;
	padding-top: 15px;
}
.product_lead_area .btn_area li.download a{
	background: #0066A6;
}
.product_lead_area .btn_area li.contact a{
	background: #B20000;
}
.product_lead_area .btn_area li.hikaku a{
	background: #982E91;
}
.product_lead_area .btn_area li.buy a,.product_lead_area .btn_area li.buy input{
	background: #F28E02;
	font-weight: normal;
}
.product_lead_area .btn_area li span{
	font-weight: normal;
	padding-left: 10px;
	display: inline-block;
}

.product_lead_area h2,.product_lead_area h3{
	border-left: solid 6px #f28e02;
	font-size: 20px;
	padding-left: 15px;
	margin-bottom: 20px;
}

.download_list .product_lead .txt01{
	font-size: 15px;
	line-height: 160%;
}

.download_list .product_lead_area{
	border-bottom: dotted 1px #ccc;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.download_list .line_solid{
	border-bottom: solid 1px #707070;
}
.download_list .line_none{
	border-bottom: none !important;
}

.purple{
	color: #832058;
}

sup{
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em; 
}

.product_tab,.product_tab02{
	display: flex;
	align-items:center;
	margin-top: 50px;
}
.product_tab li,.product_tab02 li{
	width:150px;
	margin-right: 20px;
	text-align: center;
}

.product_tab li a,.product_tab02 li a{
	display: block;
	height: 50px;
	line-height: 50px;
	border:solid 1px #707070;
	border-top-left-radius: 5px;
  border-top-right-radius: 5px;
	border-bottom: none;
	text-decoration: none;
}
.product_tab_auto li{
	width:auto;
	margin-right: 10px;
}
.product_tab_auto li a{
	padding: 0 10px;
}
.product_tab li a.active,.product_tab li.active a{
	background: #707070;
	color: #fff;
}

.product_slide{
	width:100%;
	box-sizing: border-box;
	padding: 50px 30px;
	border:solid 1px #707070;
}

.cont_style h2{
	text-align: center;
	font-size: 27px;
	margin-bottom: 50px;
	margin-top: 30px;
	line-height: 140%;
}
.cont_style h2:first-child{
	margin-top: 0;
}

.cont_style .product_cat_list h2,.cont_style .product_lead_area h2{
	text-align: left;
}

.cont_style p,.cont_style ul li{
	margin-top: 20px;
}
.cont_style p:first-child {
	margin-top: 0;
}
.cont_style ul.list01,.news_inner ul{
	margin-left: 1.5em;
}
.cont_style ul.list01 li,.news_inner ul{
	list-style-type: disc;
}

.cont_style ul.list02{
	margin-left: 3em;
}
.cont_style ul.list02 li{
	list-style-type: circle;
}
.cont_style dl{
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top: 20px;
	border:solid 1px #ccc;
	border-bottom: none;
}
.cont_style dl dt,.cont_style dl dd{
	box-sizing: border-box;
	padding: 10px;
	border-bottom: solid 1px #ccc;
}
.cont_style dl dt{
	background: #F6F6F6;
	width:200px;
}
.cont_style dl dd{
	width : -webkit-calc(100% - 200px) ;
  width : calc(100% - 200px) ;
}

.cont_style dl.code{
	justify-content:flex-start;
	margin-top: 20px;
	border:none;
}
.cont_style dl.code dt,.cont_style dl.code dd{
	box-sizing: border-box;
	padding:0 10px;
	border-bottom: none;
}
.cont_style dl.code dt{
	background: #Fff;
	width:30px;
	color: #ccc;
}
.cont_style dl.code dd{
	width : -webkit-calc(100% - 30px) ;
  width : calc(100% - 30px) ;
	border-left: 3px solid #6ce26c;
}


.cont_style dl dt.head,.cont_style dl dd.head{
	background: #707070;
	color: #fff;
	text-align: center;
}

.cont_style dl.dl_one dt{
	width:40%;
}
.cont_style dl.dl_one dd{
  width : 60% ;
}

.cont_style dl.dl_one ul li:first-child{
	margin-top: 0;
}



.cont_style h3{
	color: #F28E02;
	font-size: 22px;
	margin-top: 40px;
}
.cont_style h4{
	border-left: solid 6px #f28e02;
	font-size: 20px;
	padding-left: 15px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.cont_style h5{
	margin-top: 20px;
	font-size: 17px;
}


.cont_style table.cf{
}
.cont_style table.cf th,.cont_style table.cf td{
	padding: 10px 10px;
}
.cont_style table.cf tr td:nth-child(2){
	padding-right: 20px;
}
.cont_style table.cf li{
	margin-top: 0px;
}

.cont_style table.example{
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
	margin-top: 20px;
}
.cont_style table.example th,.cont_style table.example td{
	padding: 10px 10px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}

.cont_style table#comparison{
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
	margin-top: 20px;
	box-sizing: border-box;
	width:100%;
}
.cont_style table#comparison th,.cont_style table#comparison td{
	padding: 10px 10px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}

table#comparison .b_icon{
	text-align: center;
}
table#comparison .sign {
    background: #f28e02;
    color: #fff;
    padding: 0 3px;
	text-decoration: none;
}
.cont_style table#comparison tr td:first-child{
	text-align: left;
}

.cont_style .contact{
	margin-top: 20px;
	background: #F6F6F6;
	padding: 30px;
}

.contact dl{
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	display: flex;
	flex-wrap: wrap;
}
.contact dt,.contact dd{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding: 10px 20px;
	box-sizing: border-box;
}
.contact dl dt{
	width:250px;
}
.cont_style .contact dl dt{
	width:250px;
}
.cont_style .contact dl dd {
	width : -webkit-calc(100% - 250px) ;
  width : calc(100% - 250px) ;
}
.contact dl dd {
	width : -webkit-calc(100% - 250px) ;
  width : calc(100% - 250px) ;
}
.contact input[type="text"],.contact input[type="email"],.contact input[type="tel"],.contact textarea{
	border:solid 1px #ccc;
	background: #fff;
	box-sizing: border-box;
	width:90%;
	padding: 10px 15px;
}
.contact textarea{
	height: 200px;
}
.contact select{
	padding: 10px 15px;
	box-sizing: border-box;
	width:90%;
}
.contact .must,.contact_txt .must{
	display: inline-block;
	margin-left: 5px;
	color: #D90000;
	font-weight: bold;
}

.contact_txt .must{
	margin-left: 0;
	margin-right: 5px;
}

.contact_txt{
	margin-bottom: 30px;
	margin-top: 20px;
}



.contact .btn_contact{
	width:230px;
	margin: 40px auto 0;
	position: relative;
}
.contact .btn_contact input, button {
	display: block;
	width:100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: #f28e02;
	position: relative;
	border: none;
	font-size: 17px;
	box-sizing: border-box;
	padding-left: 30px;
	cursor: pointer;
}
.contact .btn_contact::before{
	content: "\f0e0";
	position: absolute;
	left: 60px;
	font-family:'Font Awesome 5 Pro';
	font-weight: 700;
	display: block;
	z-index: 1;
	color: #fff;
	font-size: 20px;
}

.cont_style a{
	color:#F28E02;
}

.cont_style hr{
	margin: 50px 0;
}

.mg_b0{
	margin-bottom: 0px !important;
}

.txt_product01{
	margin-top: 50px;
}

.cont_style .table01{
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	width:100%;
	box-sizing: border-box;
	margin-top: 20px;
}
.cont_style .table01 th,.cont_style .table01 td{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding: 15px;
	line-height: 130%;
	word-break: break-all;
}
.cont_style .table01 th{
	vertical-align: middle;
	text-align: center;
	background: #F6F6F6;
}
.cont_style .icon_new{
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	background: #D90000;
	color: #fff;
	border-radius: 5px;
	padding: 0 5px;
	line-height: 18px;
}

.btm_series_area{
	position: relative;
	overflow: visible;
	margin-top: 90px;
}
.btm_series_area li{
	box-sizing: border-box;
	padding:15px 3px 3px;
	position: relative;
	
}

.btm_series_area li h2{
	box-sizing: border-box;
	width:100%;
	padding: 0 20px;
	text-align: center;
	font-size: 21px;
	left:0;
	top:0;
	position: absolute;
	z-index: 1;
}
.btm_series_area li h2 span{
	display: inline-block;
	background: #fff;
	padding: 0 10px;
}
.btm_series_area li .box{
	box-sizing: border-box;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	position: relative;
	padding: 0 20px 20px;
}

.btm_series_area li a{
	display: block;
	width:100%;
	text-decoration: none;	
}

.btm_series_area li .img{
	text-align: center;
	padding-top: 40px;
	margin-bottom: 20px;
}
.btm_series_area li .img img{
	display: inline-block;
	max-width: 130px;
}

.btm_series_area .bx-prev,.btm_series_area .bx-next{
	display: block;
	width:40px;
	height: 40px;
	position: absolute;
	top:52%;
	text-indent: -9999px;
	z-index: 50;
	text-decoration: none;
}
.btm_series_area .bx-prev{
	left:-20px;
}
.btm_series_area .bx-next{
	right:-20px;
}
.btm_series_area .bx-prev::before,.btm_series_area .bx-next::before{
	position: absolute;
	left: 0;
	top:0;
	color: #707070;
	font-family:'Font Awesome 5 Pro';
	font-weight: 700;
	font-size: 40px;
	filter:alpha(opacity=40);
	opacity:0.4;
	display: block;
	z-index: 100;
	text-indent: 0;
}
.btm_series_area .bx-prev::before{
	content: "\f137";
}
.btm_series_area .bx-next::before{
	content: "\f138";
}

.product_cat_list li{
	display: flex;
	align-items:center;
	margin-top: 50px;
	border-top: dotted 1px #ccc;
	padding-top: 50px;
	width:100%;
}
.product_cat_list .btn{
	width:180px;
	padding-left: 30px;
}
.product_cat_list .img_area{
	width : -webkit-calc(100% - 210px) ;
  width : calc(100% - 210px) ;
}
.product_cat_list .img_area .inner{
	display: flex;
	width:100%;
}
.product_cat_list .img_area .inner .img{
	width:100px;
	padding-right: 30px;
}
.product_cat_list .img_area .inner .txt_area{
	width : -webkit-calc(100% - 130px) ;
  width : calc(100% - 130px) ;
}

.product_cat_list .img_area .inner .txt_area ul{
	margin-left: 20px;
}
.product_cat_list .img_area .inner .txt_area ul li{
	display: list-item;
  margin-top: 10px;
  border-top: none;
  padding-top: 0px;
	list-style-type: disc;
}
.product_cat_list .btn a{
	display: block;
	color: #fff;
	text-decoration: none;
	background: #f28e02;
	text-align: center;
	padding: 10px 0;
}
.product_cat_list .btn a i{
	display: inline-block;
	margin-right: 5px;
}

.product_cat_list h2{
	border-left: solid 6px #f28e02;
	font-size: 20px;
	padding-left: 15px;
	margin-bottom: 20px;
}

.product_cat_list .new{
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	background: #D90000;
	color: #fff;
	border-radius: 5px;
	padding: 0 5px;
	line-height: 18px;
	margin-left: 10px;
	margin-top: -2px;
}

.product_slide .new{
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	background: #D90000;
	color: #fff;
	border-radius: 5px;
	padding: 0 5px;
	line-height: 18px;
	margin-right: 5px;
	margin-top: -2px;
}

.cont_style .p_tbl{
	border:solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	margin-top: 20px;
}
.cont_style .p_tbl td,.cont_style .p_tbl th{
	box-sizing: border-box;
	padding: 10px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
.cont_style .p_tbl th{
	background: #F6F6F6;
}

.cont_style .caption{
	display: inline-block;
	padding: 10px;
	text-align: center;
	background: #F6F6F6;
	border: solid 1px #ccc;
	margin-right: 10px;
	margin-top: 20px;
}
.cont_style .caption img{
	display: inline-block;
	margin-bottom: 10px;
}

.product_tab_flex{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}


.btn_style{
	width:230px;
	margin: 40px auto 0;
	position: relative;
}
.btn_style a{
	display: block;
	width:100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	position: relative;
	font-size: 17px;
	box-sizing: border-box;
	text-decoration: none;
}

.btn_style span{
	display: inline-block;
	margin-left:10px;
}
.bg_orange{
	background-color: #f28e02;
}

.security-suite_list .product_lead_area{
	border-bottom: solid 1px #ccc;
	padding-bottom: 40px;
}
.security-suite_list .product_lead_area:last-child{
	border-bottom: none;
	padding-bottom: 0;
}

/* solution ---------------------------------------------------- */

.solution_top{
	display: flex;
	justify-content:space-between;
	margin-bottom: 90px;
}
.solution_top .txt_area,.solution_top .list_area{
	width:48%;
}
.solution_top .txt_area h2{
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 40px;
}
.solution_top .txt_area p{
	margin-top: 20px;
}

.solution_top .list_area h2{
	text-align: center;
	font-size: 22px;
	position: relative;
	margin-bottom: -12px;
	z-index: 1;
}
.solution_top .list_area h2 span{
	display: inline-block;
	padding: 0 25px;
	background: #fff;
	
}
.solution_top .list_area ul{
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	padding: 20px;
}
.solution_top .list_area ul li{
	font-size: 18px;
	position: relative;
	padding-left: 35px;
	margin-top: 20px;
}
.solution_top .list_area ul li::before{
	content: "\f14a";
	position: absolute;
	left: 0;
	top:0;
	color: #F28E02;
	font-family:'Font Awesome 5 Pro';
	font-weight: 300;
	font-size: 25px;
}

.btm_solution_series{
	margin-top: -40px;
}
.btm_solution_series ul{
	display: flex;
	flex-wrap: wrap;
	align-items:stretch;
}
.btm_solution_series ul li{
	width:31%;
	margin-right: 3.5%;
	margin-top: 50px;
	display: flex;
}
.btm_solution_series ul li:nth-child(3n){
	margin-right: 0;
}

.btm_products_series{
	margin-top: 0px;
}

.support ol{
	margin-left: 1.5em;
	list-style-type: decimal;
}
.support ol li{
	margin-top: 20px;
}



/* store ---------------------------------------------------- */

.store_nav{
	display: flex;
}
.store_nav li{
	margin-right: 15px;
}
.store_nav li a{
	display: block;
	color: #fff;
	text-decoration: none;
	background: #0066A6;
	padding: 10px 20px;
}
.store_nav li a i{
	display: inline-block;
	margin-right: 5px;
}

.store_list .page_link h2{
	margin-top: 50px;
}

.store_link_item{
	border-bottom: dotted 1px #707070;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.store_lead_area{
	display: flex;
}
.store_lead_area ul{
	width: -webkit-calc(100% - 260px);
  width: calc(100% - 260px);
	display: flex;
}

.store_lead_area .btn{
	width:210px;
	margin-left: 50px;
}

.store_lead_area ul .img{
	width: 170px;
  text-align: center;
  padding-right: 20px;
}

.store_lead_area ul .img img{
	height: auto;
  width: auto;
  max-width: 130px;
}

.store_lead_area ul .txt{
  line-height: 180%;
  width: -webkit-calc(100% - 190px);
  width: calc(100% - 190px);
	padding-bottom: 30px;
}
.store_lead_area .btn a{
	text-align: center;
	display: block;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-decoration: none;
	background: #0066A6;
}
.store_lead_area .btn a span{
	font-weight: normal;
  padding-left: 10px;
  display: inline-block;
}
.store_lead_area h3 {
    border-left: solid 6px #f28e02;
    font-size: 20px;
    padding-left: 15px;
    margin-bottom: 20px;
}

.store_lead_area .txt a:hover{
	color: #f28e02;
}

.store_link_item .cart_area{
	margin-left: 190px;
}
.store_link_item .cart_area li{
	display: flex;
	padding: 15px 0;
	border-top:dotted 1px #ccc;
	align-items: center;
}

.store_link_item .cart_area .sp_btn_area{
	width:440px;
	display: flex;
	align-items: center;
}
.store_link_item .cart_area li .buy{
	width:210px;
	margin-left: 50px;
}
.store_list .price{
	width:150px;
	margin-left: 30px;
}
.store_list strong{
	font-size: 17px;
}
.store_link_item .cart_area li .name{
	width: -webkit-calc(100% - 440px);
  width: calc(100% - 440px);
	font-size: 17px;
}
.store_link_item .cart_area li .buy a{
	display: block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	background: #F28E02;
	text-align: center;
}
.store_link_item .cart_area li .buy a span{
	font-weight: normal;
	padding-left: 10px;
	display: inline-block;
}

.store_list .ttl_product{
	border-color: #0066A6;
}
.download_list .price_area{
	display: flex;
}
.download_list .price_area .txt01{
	width: -webkit-calc(100% - 180px);
  width: calc(100% - 180px);
}

.store_list .product_lead_area {
    border-bottom: dotted 1px #707070;
}

.store_list .buy input[type="submit"]{
	display: block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	position: relative;
	border:none;
	width:100%;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 15px;
	cursor: pointer;
	background: #f28e02;
}
.store_list .buy{
	position: relative;
}
.store_list .buy::before{
	position: absolute;
	color: #fff;
	top:18px;
	left: 30px;
	z-index: 2;
}

.store_list .buy input.btn_area2{
	height: auto;
	line-height: 20px;
	padding: 10px 0;
}
.store_list .buy input.btn_area2 i{
	vertical-align: top;
	display: inline-block;
	padding-top: 15px;
}

.store_list .indent-1 strong{
	font-size: 15px;
}

/* 検索結果 ---------------------------------------------------- */

.ttl_search{
	font-size: 32px;
	border-left: solid 6px #F28E02;
	line-height: 150%;
	padding: 7px 0 5px 15px;
	margin-bottom: 50px;
}

.search_txt{
	color: #f28e02;
}
.ttl_search .txt{
	font-size: 20px;
	margin-left: 10px;
}
.search_num{
	font-size: 18px;
	font-weight: normal;
}
.search_num strong{
	font-size: 25px;
}

.search_result li{
	padding: 30px 0;
	border-bottom: dotted 1px #ccc;
}
.search_result li h2{
	font-size: 20px;
	color: #f28e02;
	margin-bottom: 10px;
}
.search_result li h2 a{
	color: #f28e02;
}
.search_result li .more{
	text-align: right;
	margin-top: 20px;
}
.search_result li .more a{
	display: inline-block;
	width:150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	color: #ffff;
	background: #f28e02;
}
.wp-pagenavi{
	text-align: center;
	padding-top: 20px;
}
.wp-pagenavi a,.wp-pagenavi span{
	display: inline-block;
	box-sizing: border-box;
	min-width: 50px;
	padding: 0 15px!important;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: solid 1px #f28e02!important;
	margin: 20px 5px 0;
} 
.wp-pagenavi a{
	text-decoration: none;
	color: #f28e02;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.wp-pagenavi a:hover,span.current{
	background: #f28e02;
	color: #fff;
}
.wp-pagenavi span.extend{
	border: none;
	padding: 0;
	min-width: 0;
}
.search-excerpt{
	background: #FFF7EA;
	display: inline-block;
	padding: 2px 5px;
}

.wp-pagenavi span.pages{
	display: none;
}

/* ニュース ---------------------------------------------------- */

.news_wrapper{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.news_wrapper .news_list,.news_wrapper .news_cont{
	width : -webkit-calc(100% - 250px) ;
  width : calc(100% - 250px) ;
}
.news_wrapper .news_archive{
	width:200px;
	background: #F6F6F6;
	box-sizing: border-box;
	padding: 20px 15px;
}
.news_wrapper .news_archive dt {
	width: 100%;
	border-left: solid 6px #f28e02;
	font-size: 20px;
	padding-left: 15px;
	margin-bottom: 20px;
	text-align: left;
}

.news_wrapper .news_archive dd {
	width: 100%;
	padding-left: 6px;
}

.news_wrapper .news_archive ul{
	margin-left: 15px;
}
.news_wrapper .news_archive ul li a{
	display: inline-block;
	line-height: 30px;
}
.news_day{
	display: block;
	text-align: right;
	margin: -40px 0 30px;
}

.sitemap_cont{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.sitemap_inner{
	width:calc((100% - 45px) / 2);
}

.sitemap_inner:nth-child(2n) {
	margin-left: 45px;
}

.sitemap_cont h2 {
    color: #F28E02;
    font-size: 22px;
	margin-top: 50px;
	margin-bottom: 5px;
}
.sitemap_inner h2:first-child{
	margin-top: 0;
}
.sitemap_inner ul{
	line-height: 250%;
}
.sitemap_inner ul .lh{
	line-height: 150%;
	margin-top: 5px;
}

.sitemap_list-product {
	width: 100%;
}

.sitemap_list-product > li {
	padding-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px solid #cccccc;
}

.sitemap_list-product > li:first-child {
	margin-top: 0;
}

.sitemap_list-nesting {
	width: 100%;
}

.sitemap_list-nesting > li {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 0 25px;
}

.sitemap_list-nesting > li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "┣";
}

.sitemap_list-nesting > li:last-child::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "┗";
}

.sitemap__nesting-headline {
	display: block;
	font-weight: bold;
	color: #707070;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing,div.wpcf7-response-output{
	text-align: center;
}

.sent .contact {
	display: none;
}

/* pdf 2020 ---------------------------------------------------- */

.main_2020{
	background: #f28e02;
	padding: 30px 90px;
	line-height: 0;
}
.txt2020_01{
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}

.ttl2020_01{
	font-size: 27px;
	text-align: center;
}
.txt2020_02{
	color: #f28e02;
	font-weight: bold;
	font-size: 27px;
	text-align: center;
	line-height: 160%;
}
.attention2020{
	font-size: 12px;
}

.pdf2020 .block01{
	width:900px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
}
.pdf2020 .block01 li{
	width:33.33%;
	text-align: center;
	font-weight: bold;
}
.pdf2020 .block01 li p{
	margin-top: 20px;
	line-height: 160%;
}

.products2020{
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	margin-top: 50px;
}
.products2020 .img_area,.products2020 .tbl_area{
	width : -webkit-calc(50% - 25px) ;
  width : calc(50% - 25px) ;
}
.products2020 h3{
	font-size: 28px;
	margin-bottom: 30px;
	margin-top: 5px;
}
.products2020 .img_inner{
	display: flex;
	justify-content: space-between;
}
.products2020 .img_inner .img{
	width:135px;
}
.products2020 .img_inner .txt{
	width : -webkit-calc(100% - 165px) ;
  width : calc(100% - 165px) ;
	line-height: 180%;
}
.products2020 .btn{
	width:250px;
	margin: 30px auto 0;
}
.products2020 .btn a{
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	line-height: 50px;
	height: 50px;
	background: #f28e02;
}
.products2020 .btn a i{
	margin-right: 10px;
}

.products2020 .tbl_area table{
	width:100%;
	box-sizing: border-box;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.products2020 .tbl_area th,.products2020 .tbl_area td{
	box-sizing: border-box;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding: 15px 0;
	text-align: center;
}
.products2020 .tbl_area .ttl{
	background: #F6F6F6;
}

.movie2020{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.movie2020 li{
	width : -webkit-calc(50% - 25px) ;
  width : calc(50% - 25px) ;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	margin-top: 50px;
}
.movie2020 li .txt_area{
	padding: 20px;
}
.movie2020 li .txt_area h4{
	font-size: 20px;
	margin-bottom: 15px;
	text-align: center;
}

.ttl2020_02{
	font-size: 18px;
}
.plgin2020 {
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.plgin2020 li{
	width : -webkit-calc(50% - 25px) ;
  width : calc(50% - 25px) ;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	margin-top: 50px;
	padding: 20px;
	box-sizing: border-box;
}

.plgin2020 li h4{
	font-size: 20px;
	margin-bottom: 15px;
	text-align: center;
}

/* movie---------------------------------------------------- */

.fox_cm_area{
	display: flex;
	justify-content: space-between;
}
.fox_cm_area .movie,.fox_cm_area .list{
	width : -webkit-calc(50% - 25px) ;
  width : calc(50% - 25px) ;
}
.fox_cm_area ul{
	list-style-type: disc;
	margin-left: 1.5em;
}
.fox_cm_area ul li{
	margin-bottom: 10px;
}
.fox_cm_area ul li a{
	color: #f28e02;
}

.fox_cm_area h3{

}

.movie_list{
	display: flex;
	flex-wrap: wrap;
}
.movie_list li{
	width:22.6%;
	margin-right: 3.2%;
	margin-bottom: 40px;
}
.movie_list li:nth-child(4n){
	margin-right: 0%;
}
.movie_list h3{
	font-weight: normal;
	margin-top: 15px;
	line-height: 160%;
}

.fox__cm-box {
	width: 100%;
	margin-top: 30px;
}

.fox__cm-box:first-child {
	margin-top: 0;
}

/* メール---------------------------------------------------- */
.mail dl{
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:none;
	display: flex;
	flex-wrap: wrap;
}
.mail dt,.mail dd{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding: 10px 20px;
	box-sizing: border-box;
}
.mail dl dt{
	width:250px;
}
.cont_style .mail dl dt{
	width:250px;
}
.cont_style .mail dl dd {
	width : -webkit-calc(100% - 250px) ;
  width : calc(100% - 250px) ;
}
.mail dl dd {
	width : -webkit-calc(100% - 250px) ;
  width : calc(100% - 250px) ;
}
.mail input[type="text"],
.mail input[type="email"] {
	border:solid 1px #ccc;
	background: #fff;
	box-sizing: border-box;
	width:50%;
	padding: 10px 15px;
}

.mail .btn_mail{
	width:200px;
	margin: 40px auto 0;
	position: relative;
}
.mail .btn_mail input{
	display: block;
	width:100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: #f28e02;
	position: relative;
	border: none;
	font-size: 17px;
	box-sizing: border-box;
	cursor: pointer;
}

/* PDFについて ---------------------------------------------------- */
.about-pdf__about {
	width: 100%;
	margin-top: 25px;
	text-align: center;
}

.about-pdf__features-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

.about-pdf__features-list > div {
	display: flex;
	flex-direction: column;
	width: calc((100% - 36px) / 4);
	margin-top: 25px;
	margin-right: 12px;
}

.about-pdf__features-list > div:last-child {
	margin-right: 0;
}

.about-pdf__features-list > div > dt {
	width: 100%;
	text-align: center;
}

.about-pdf__features-list > div > dd {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin-top: 5px;
	padding: 12px;
	border-radius: 8px;
	background-color: #f5f5f5;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

.about-pdf__column--left {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.about-pdf__column--left > li {
	margin-right: 45px;
}

.about-pdf__column--left > li:nth-child(2n-1) {
	width: calc(100% - 45px - 400px);
}

.about-pdf__column--left > li:nth-child(2n) {
	width: 400px;
	margin-right: 0;
}

.about-pdf__column--left > li:nth-child(n+3) {
	margin-top: 40px;
}

.about-pdf__column--right {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.about-pdf__column--right > li {
	margin-right: 45px;
}

.about-pdf__column--right > li:nth-child(2n-1) {
	width: 400px;
}

.about-pdf__column--right > li:nth-child(2n) {	
	width: calc(100% - 45px - 400px);
	margin-right: 0;
}

.about-pdf__column--right > li:nth-child(n+3) {
	margin-top: 40px;
}

.about-pdf__check {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.about-pdf__check > li {
	position: relative;
	width: calc((100% - 45px) / 2);
	padding-left: 30px;
	margin-right: 45px;
	margin-top: 15px;
}

.about-pdf__check > li:nth-child(2n) {
	margin-right: 0;
}

.about-pdf__check > li:nth-child(-n+2) {
	margin-top: 0;
}

.about-pdf__check > li::before {
	content: "\f14a";
	position: absolute;
	top: 1px;
	left: 0;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 22px;
    line-height: 1;
    color: #F28E02;
}

.top-headline__link {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.top-headline__link > span {
	width: auto;
	height: 40px;
	margin-left: 15px;
}

.top-headline__link > span > a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0 15px;
	border: 1px solid #F28E02;
	border-radius: 20px;
	font-size: 15px;
	font-weight: normal;
	color: #F28E02;
	text-decoration: none;
}

.top-headline__link > span > a:hover {
	background-color: #F28E02;
	color: #FFFFFF;
	opacity: 0.7;
}

/* Foxit PDF Editor Cloud ---------------------------------------------------- */
.pdf-editor-online__wrapper {
	width: 100%;
}

.pdf-editor-online__wrapper img {
	vertical-align: bottom;
}

.pdf-editor-online__wrapper .index_item_search span {
	font-size: 27px;
	text-align: center;
}

.pdf-editor-online__banner {
	width: 100%;
	text-align: center;
}

.pdf-editor-online__head {
	width: 100%;	
	padding: 30px 30px 0;
}

.pdf-editor-online__catch {
	width: 100%;
	font-size: 36px;
	line-height: 1.5;
	color: #04B5AC;
}

@media (max-width: 1279px) {
.pdf-editor-online__catch {
	font-size: 30px;
	}
}

.pdf-editor-online__head--column {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	margin-top: 30px;
}

.pdf-editor-online__head--description {
	width: calc(100% - 250px);
}

.pdf-editor-online__head--nav {
	width: 250px;
	padding-left: 40px;
}

.pdf-editor-online__head--headline {
	font-size: 24px;
	line-height: 1.5;
}

.pdf-editor-online__headline {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 60px;
	margin-top: 45px;
    padding: 10px;
    background-color: #707070;
    font-size: 27px;
    color: #FFFFFF;
}

.pdf-editor-online__headline:first-child {
	margin-top: 0;
}

.pdf-editor-online__overview {
	width: 100%;
	margin-top: 45px;
}

.pdf-editor-online__overview--column {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 45px;
}

.pdf-editor-online__overview--container {
	width: calc((100% - 45px) / 2);
}

.pdf-editor-online__overview--container:nth-child(2n) {
	margin-left: 45px;
}

.pdf-editor-online__container {	
	width: 100%;
	padding: 30px 15px 0;
}

.pdf-editor-online__screen {
	width: 100%;
	margin-top: 30px;
}

.pdf-editor-online__screen:first-child {
	margin-top: 0;
}

.pdf-editor-online__screen > li {
	width: 100%;
	text-align: center;
}

.pdf-editor-online__screen > li.annotation {
	width: 100%;
	padding-top: 8px;
	color: #707070;
}

.pdf-editor-online__functions-list {
	width: 100%;
}

.pdf-editor-online__functions-list > div {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.pdf-editor-online__functions-list > div > dt {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 240px;
	padding: 15px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color: #F6F6F6;
	font-weight: bold;
}

.pdf-editor-online__functions-list > div > dd {
	width: calc(100% - 240px);
	padding: 0;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.pdf-editor-online__functions-list > div:last-child > dt,
.pdf-editor-online__functions-list > div:last-child > dd {
	border-bottom: 1px solid #CCCCCC;
}

.pdf-editor-online__functions-list li {
	width: 100%;
	padding: 10px 15px;
	border-bottom: 1px solid #CCCCCC;
}

.pdf-editor-online__functions-list li.font-style {
	font-weight: bold;
	color: #F28E02;
}

.pdf-editor-online__functions-list li:last-child {
	border-bottom: none;
}


/*================================================
 * コンテンツのみ用
 ================================================*/
  .contents-only {
    width: 100%; }

/*================================================
 * オンラインセミナー募集（非公開ページ用）
 ================================================*/
  .webner__wrapper {
    width: 100%;
    height: 100%;
    padding: 32px 32px 48px;
    background-color: #FFFFFF;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
    font-size: 16px; }

  .webner__container {
    width: 100%;
    max-width: 920px;
    height: 100%;
    margin: 0 auto; }

  .webner__eyecatch {
    width: 100%; }

  .webner__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%; }

  .webner__head--logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 200px; }
    .webner__head--logo img {
      max-width: 200px; }

  .webner__head--title {
    padding-left: 32px;
    font-size: 40px;
    font-weight: bold;
    color: #F28E02; }

  .webner__comment {
    width: 100%;
    max-width: 800px;
    margin: 0 auto 48px; }

  .webner__btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 48px; }
    .webner__btn a {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 360px;
      height: 64px;
      padding: 0 40px;
      border-radius: 4px;
      background-color: #F28E02;
      font-size: 24px;
      font-weight: bold;
      line-height: 1;
      color: #FFFFFF;
      text-decoration: none;
      overflow: hidden;
      transition: all 0.2s ease-out; }
      .webner__btn a::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
        display: inline-block;
        width: 30px;
        height: 30px;
        background-image: url("../images/webner/icon-arrow-right.svg");
        background-position: center;
        background-repeat: no-repeat; }
      .webner__btn a:hover {
        opacity: 0.8; }
      .webner__btn a:active {
        transform: translate(0, 2px); }

  .webner__overview--headline {
    width: 100%;
    margin-bottom: 16px;
    padding: 8px;
    background-color: #464646;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF; }

  .webner__overview {
    display: block;
    width: 100%; }
    .webner__overview > div {
      display: flex;
      flex-wrap: wrap; }
      .webner__overview > div > dt {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 20%;
        padding: 8px;
        border-top: 1px solid #ABABAB;
        border-left: 1px solid #ABABAB;
        background-color: #F8F8F8;
        font-weight: bold; }
      .webner__overview > div > dd {
        width: 80%;
        padding: 8px;
        border-top: 1px solid #ABABAB;
        border-left: 1px solid #ABABAB; }
        .webner__overview > div > dd:last-child {
          border-right: 1px solid #ABABAB; }
      .webner__overview > div:last-child > dt, .webner__overview > div:last-child > dd {
        border-bottom: 1px solid #ABABAB; }

/*================================================
 * news-scroll：スクロールするお知らせ
 ================================================*/
  .news-scroll {
    width: 100%;
    margin: 30px 0;
    padding: 8px 0 4px;
    background-color: #F8F8F8;
    overflow: hidden; }

  .news-scroll.-top {
    margin: 0;
    padding: 24px 0 0;
  }
  .news-scroll.-top a {
    text-decoration: underline;
  }
  .news-scroll:last-child {
    margin-bottom: 0;
  }

  .news-scroll__contents {
    display: inline-block;
    padding-left: 100%;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    white-space: nowrap;
    animation: animate-news-scroll 25s linear infinite;
    color: #3d3d3d; }
    .news-scroll__contents > * {
      display: inline-block;
      font-weight: bold;
      line-height: 1; }

/* 横にスクロールさせるアニメーション */
@keyframes animate-news-scroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-100%); } }
/* お知らせ固定版 */
  .news-fixed {
    width: 100%;
    margin: 30px 0;
    padding: 30px;
    background-color: #F8F8F8; }
    .news-fixed > li {
      position: relative;
      width: 100%;
      margin-bottom: 15px;
      padding-bottom: 8px;
      padding-left: 32px;
      overflow: hidden;
      border-bottom: 2px dotted #CED4DA;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.5;
      color: #3d3d3d; }
      .news-fixed > li::before {
        content: "";
        position: absolute;
        top: 1px;
        left: 0;
        z-index: 100;
        display: block;
        width: 25px;
        height: 25px;
        background-image: url("../images/main/circle-arrow-right.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain; }
      .news-fixed > li a {
        color: #3d3d3d; }
      .news-fixed > li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none; }

/*================================================
 * top-review：ユーザーレビュー
 ================================================*/
  .top-review {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 90px;
    padding: 90px 0;
    background: url("../images/top/bg-pattern-2.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }

  .top-review__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1230px;
    padding: 0 15px; }

  .top-review__list {
    width: 100%;
    margin-top: 45px;
    padding: 0 8px 30px;
    overflow-y: auto;
    height: 640px;
    -webkit-overflow-scrolling: touch; }
    .top-review__list > li {
      width: 100%;
      margin-bottom: 15px;
      padding: 30px;
      border-radius: 8px;
      background-color: #FFFFFF;
      box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08); }
      .top-review__list > li:last-child {
        margin-bottom: 0; }
    .top-review__list:first-child {
      margin-top: 0; }
	.sbsc-banner__gridawar + .top-review__list {
      margin-top: 45px; }

  .top-review__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-bottom: 10px; }

  .top-review__icon {
    width: 88px;
    height: 88px; }

  .top-review__headline {
    width: calc(100% - 88px);
    padding-left: 12px;
    font-size: 24px;
    font-weight: bold; }

  .top-review__rating--wrapper {
    display: flex; }

  .top-review__rating--container {
    display: flex;
    margin-bottom: 8px; }

  .top-review__rating {
    position: relative;
    display: flex;
    width: 100%;
    font-size: 32px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1; }
    .top-review__rating::before {
      content: "★★★★★";
      color: #CCCCCC; }
    .top-review__rating > span {
      position: absolute;
      color: #F28E02;
      overflow: hidden; }

  .top-review__comment {
    width: 100%; }

  .top-review__source {
    width: 100%;
    margin-top: 15px;
    text-align: right;
  }
  .top-review__source:first-child {
    margin-top: 0;
  }

/*================================================
 * campaign（cp）：キャンペーン
 ================================================*/
/* 新規キャンペーンクラス */
  .cnp__wrapper {
    width: 100%;
    padding: 30px;
    border: 1px solid #CED4DA;
    border-radius: 8px;
    overflow: hidden; }

  .cnp__list {
    width: 100%; }
    .cnp__list > li {
      width: 100%;
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 1px dotted #ABABAB; }
      .cnp__list > li a {
        color: #F28E02;
        text-decoration: underline; }
      .cnp__list > li h2, .cnp__list > li h3, .cnp__list > li h4 {
        display: inline-block;
        font-size: 18px; }
      .cnp__list > li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none; }

/* 制作済みキャンペーン */
  .cp__wrapper {
    width: 100%; }
    .cp__wrapper h2 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      min-height: 60px;
      margin-bottom: 20px;
      padding: 10px 15px;
      background: #464646;
      font-size: 30px;
      font-weight: normal;
      line-height: 1.2;
      color: #FFFFFF; }
      .cp__wrapper h2.-red {
        background: linear-gradient(to right, #C40C04 0%, #FF0000 100%); }
      .cp__wrapper h2.-green {
        background: linear-gradient(to right, #009994 0%, #37C1D0 100%); }
      .cp__wrapper h2.-purple {
        background: linear-gradient(to right, #942281 0%, #c5157a 100%); }
      .cp__wrapper h2.-orange {
        background: linear-gradient(to right, #E95504 0%, #F28E02 100%); }
      .cp__wrapper h2.-center {
        justify-content: center; }

  .cp__list {
    width: 100%;
    margin: 20px 0 60px;
    list-style: none; }
    .cp__list > li {
      width: 100%;
      margin-bottom: 30px;
      padding-bottom: 30px;
      border-bottom: 1px dotted #ABABAB; }
      .cp__list > li h3 {
        position: relative;
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: bold;
        line-height: 1.2;
        color: #F28E02; }
        .cp__list > li h3.counter-number {
          padding-left: 32px; }
          .cp__list > li h3.counter-number > span.-number {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 100;
            font-size: 24px;
            font-weight: bold;
            line-height: 1.2;
            color: #F28E02; }
        .cp__list > li h3:last-child {
          margin-bottom: 0; }
      .cp__list > li div, .cp__list > li p {
        margin-bottom: 1em; }
        .cp__list > li div.-center, .cp__list > li p.-center {
          text-align: center; }
        .cp__list > li div:last-child, .cp__list > li p:last-child {
          margin-bottom: 0; }
      .cp__list > li a {
        color: #F28E02;
        text-decoration: underline; }
      .cp__list > li:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none; }
    .cp__list:first-child {
      margin-top: 0; }
    .cp__list:last-child {
      margin-bottom: 0; }

  .cp__img {
    width: 100%; }
    .cp__img > li {
      width: 100%;
      padding: 15px 15px 0 0; }
    .cp__img.-wrap {
      display: flex;
      flex-wrap: wrap; }
      .cp__img.-wrap > li {
        width: auto; }
    .cp__img.-center {
      justify-content: center; }
      .cp__img.-center > li {
        padding: 15px 15px 0;
        text-align: center; }

  .cp__banner {
    display: inline-block;
    width: auto;
    padding: 10px;
    border: 1px solid #ABABAB; }
    .cp__banner > img {
      margin: 0 !important; }
    .cp__banner:hover {
      opacity: 0.8; }

/*================================================
 * TOP：インフォメーション
 ================================================*/
  .top__info-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 16px; }

  .top__info-nav--wrapper {
    width: 100%;
    max-width: 1230px;
    padding: 0 15px; }

  .top__inf-nav__container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 30px;
    padding: 16px;
    background-color: #F8F8F8; }
    .top__inf-nav__container > a {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      font-weight: bold;
      color: #3d3d3d; }
      .top__inf-nav__container > a img {
        margin-right: 4px; }
    .top__inf-nav__container:last-child {
      margin-bottom: 0; }

  .top__info-nav + .top_theme {
    margin-top: 30px; }

/*================================================
 * TOP：比較表
 ================================================*/
  .comparison__wrapper {
    width: 100%;
    max-width: 1230px;
    padding: 0 15px; }

  .comparison__nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 32px 0 48px; }
    .comparison__nav > li {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      width: calc(100% / 4);
      padding: 8px 16px; }
      .comparison__nav > li > a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 300px;
        min-height: 40px;
        padding: 4px 16px;
        border-radius: 40px;
        background-color: #464646;
        color: #FFFFFF;
        transition: all 0.2s ease-out;
        overflow: hidden; }
        .comparison__nav > li > a:hover {
          opacity: 0.8; }
        .comparison__nav > li > a:active {
          transform: translate(0, 2px); }
      .comparison__nav > li.-about > a {
        background-color: #179CD8; }
      .comparison__nav > li.-features > a {
        background-color: #009994; }
      .comparison__nav > li.-subscription > a {
        background-color: #F28E02; }
      .comparison__nav > li.-campaign > a {
        background-color: #C5157A; }

  .comparison__table {
    width: 100%;
    margin-top: 32px; }
    .comparison__table > div {
      display: flex;
      width: 100%;
      margin-bottom: 4px;
      background-color: #F5F5F5;
      font-size: 14px;
      line-height: 1.4; }
      .comparison__table > div > dt {
        width: 28%;
        padding: 10px 8px;
        font-size: 16px;
        font-weight: bold; }
        .comparison__table > div > dt > span {
          display: inline-block;
          width: 100%;
          font-size: 14px;
          font-weight: normal;
          line-height: 1.2; }
      .comparison__table > div > dd {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 18%;
        padding: 10px 8px; }
        .comparison__table > div > dd a {
          color: #005190; }
        .comparison__table > div > dd .-word {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center; }
          .comparison__table > div > dd .-word > span {
            display: inline-block; }
      .comparison__table > div.-item {
        background-color: #FFFFFF; }
        .comparison__table > div.-item > dt > span {
          display: none; }
        .comparison__table > div.-item > dd img {
          max-width: 160px; }
        .comparison__table > div.-item > dd > span {

          width: 100%;
          margin-top: 8px;
          font-size: 13px;
          font-weight: bold;
          text-align: center; }
      .comparison__table > div.-store > dd {
        justify-content: flex-start; }
      .comparison__table > div.-store.-subscription {
        border-bottom: 1px dotted #ABABAB;
        background-color: #FFFFFF !important; }
        .comparison__table > div.-store.-subscription > dt {
          font-size: 14px;
          font-weight: normal; }
      .comparison__table > div.-store.-permanence {
        background-color: #FFFFFF !important; }
        .comparison__table > div.-store.-permanence > dt {
          font-size: 14px;
          font-weight: normal; }
      .comparison__table > div:nth-child(2n) {
        background-color: #FBFBFB; }


  .comparison__cart {
    width: 100%; }
    .comparison__cart > li {
      width: 100%;
      margin-bottom: 8px;
      font-size: 14px;
      text-align: center; }
      .comparison__cart > li.-name {
        font-size: 12px; }
      .comparison__cart > li.-price {
        margin-bottom: 12px;
        font-weight: bold; }
        .comparison__cart > li.-price > span {
          font-size: 12px;
          font-weight: normal; }
        .comparison__cart > li.-price .-name {
          display: none; }
      .comparison__cart > li.-cart {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center; }
        .comparison__cart > li.-cart > a {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          width: 100%;
          max-width: 160px;
          min-height: 40px;
          background-color: #F28E02;
          font-weight: normal;
          color: #FFFFFF;
          text-decoration: none;
          transition: all 0.2s ease-out; }
          .comparison__cart > li.-cart > a::before {
            margin-right: 4px; }
          .comparison__cart > li.-cart > a:hover {
            opacity: 0.8; }
          .comparison__cart > li.-cart > a:active {
            transform: translate(0, 2px); }
      .comparison__cart > li.-dl {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        min-height: 40px; }
        .comparison__cart > li.-dl > a {
          color: #005190; }
      .comparison__cart > li:last-child {
        margin-bottom: 0; }


/*================================================
 * TOPターゲット
 ================================================*/
  .top-target {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 45px; }

  .top-target__wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1200px;
    padding: 30px;
    border: 1px solid #CED4DA;
    border-radius: 8px;
    overflow: hidden; }

/*================================================
 * TOPニュース
 ================================================*/
  .top_news {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 45px;
    padding: 0 15px; }

  .top-news__wrapper {
    width: 100%;
    max-width: 1200px;
    padding: 30px;
    border: 1px solid #CED4DA;
    border-radius: 8px;
    overflow: hidden; }

  .top_news .news_list > li:last-child {
    border-bottom: none; }

/*================================================
 * LPなど横幅100%用
 ================================================*/
  .container-overall {
    margin-top: 60px;
    overflow: visible; }

/* casestudy ---------------------------------------------------- */
  .casestudy__wrapper {
    width: 100%; }
    .casestudy__wrapper a {
      color: #F28E02; }

  .casestudy__list {
    width: 100%; }
    .casestudy__list > li {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 80px; }

  .casestudy__container {
    width: 75%;
    padding: 0 15px; }

  .casestudy__thumbnail {
    display: inline-block;
    width: 25%;
    padding: 0 15px; }
    .casestudy__thumbnail::before {
      content: "";
      display: inline-block;
      background-image: url("../images/casestudy/customer-case-study.png"); }
    .casestudy__thumbnail.-logo-volvo::before {
      width: 130px;
      height: 130px;
      background-position: -10px -10px; }
    .casestudy__thumbnail.-logo-california::before {
      width: 130px;
      height: 130px;
      background-position: -430px -2010px; }
    .casestudy__thumbnail.-logo-voith::before {
      width: 130px;
      height: 130px;
      background-position: -290px -2010px; }
    .casestudy__thumbnail.-logo-LifeMed-Alaska::before {
      width: 130px;
      height: 130px;
      background-position: -10px -2010px; }
    .casestudy__thumbnail.-logo-John-McGivney::before {
      width: 130px;
      height: 130px;
      background-position: -430px -1850px; }
    .casestudy__thumbnail.-logo-Meredith::before {
      width: 130px;
      height: 130px;
      background-position: -290px -1850px; }
    .casestudy__thumbnail.-logo-Seton::before {
      width: 130px;
      height: 130px;
      background-position: -150px -1850px; }
    .casestudy__thumbnail.-logo-sierra::before {
      width: 130px;
      height: 130px;
      background-position: -10px -1850px; }
    .casestudy__thumbnail.-logo-tru::before {
      width: 130px;
      height: 130px;
      background-position: -430px -1690px; }
    .casestudy__thumbnail.-logo-canada::before {
      width: 130px;
      height: 130px;
      background-position: -150px -1690px; }
    .casestudy__thumbnail.-logo-forsyth-technical::before {
      width: 130px;
      height: 130px;
      background-position: -10px -1730px; }
    .casestudy__thumbnail.-logo-UMass::before {
      width: 130px;
      height: 130px;
      background-position: -290px -1690px; }
    .casestudy__thumbnail.-logo-city-of-wuppertal::before {
      width: 130px;
      height: 130px;
      background-position: -430px -1570px; }
    .casestudy__thumbnail.-logo-city-of-hope::before {
      width: 130px;
      height: 130px;
      background-position: -10px -1570px; }
    .casestudy__thumbnail.-logo-DHS::before {
      width: 130px;
      height: 130px;
      background-position: -150px -1570px; }
    .casestudy__thumbnail.-logo-Oklahoma::before {
      width: 130px;
      height: 130px;
      background-position: -290px -1570px; }
    .casestudy__thumbnail.-logo-Black-Veatch::before {
      width: 130px;
      height: 130px;
      background-position: -290px -1410px; }
    .casestudy__thumbnail.-logo-Frontier-Farm::before {
      width: 130px;
      height: 130px;
      background-position: -150px -1410px; }
    .casestudy__thumbnail.-logo-Legal-Industry::before {
      width: 130px;
      height: 130px;
      background-position: -430px -1270px; }
    .casestudy__thumbnail.-logo-Global-Law-Firm::before {
      width: 130px;
      height: 130px;
      background-position: -10px -1410px; }
    .casestudy__thumbnail.-logo-chase::before {
      width: 130px;
      height: 130px;
      background-position: -290px -1270px; }
    .casestudy__thumbnail.-logo-IMA::before {
      width: 130px;
      height: 130px;
      background-position: -10px -1270px; }
    .casestudy__thumbnail.-logo-voessing::before {
      width: 130px;
      height: 130px;
      background-position: -290px -1130px; }
    .casestudy__thumbnail.-logo-lavan::before {
      width: 130px;
      height: 130px;
      background-position: -290px -990px; }
    .casestudy__thumbnail.-logo-John::before {
      width: 130px;
      height: 130px;
      background-position: -10px -1130px; }
    .casestudy__thumbnail.-logo-Microform::before {
      width: 130px;
      height: 130px;
      background-position: -150px -1270px; }
    .casestudy__thumbnail.-logo-electric::before {
      width: 130px;
      height: 130px;
      background-position: -430px -990px; }
    .casestudy__thumbnail.-logo-korein::before {
      width: 130px;
      height: 130px;
      background-position: -430px -1130px; }
    .casestudy__thumbnail.-logo-mother-lode::before {
      width: 130px;
      height: 130px;
      background-position: -150px -990px; }
    .casestudy__thumbnail.-logo-cura-group::before {
      width: 130px;
      height: 130px;
      background-position: -290px -850px; }
    .casestudy__thumbnail.-logo-miele::before {
      width: 130px;
      height: 130px;
      background-position: -10px -990px; }
    .casestudy__thumbnail.-logo-meredith::before {
      width: 130px;
      height: 130px;
      background-position: -430px -850px; }
    .casestudy__thumbnail.-logo-unisys::before {
      width: 130px;
      height: 130px;
      background-position: -150px -850px; }
    .casestudy__thumbnail.-the-debt-exchange::before {
      width: 130px;
      height: 130px;
      background-position: -10px -850px; }
    .casestudy__thumbnail.-logo-1st-summit::before {
      width: 130px;
      height: 130px;
      background-position: -430px -710px; }
    .casestudy__thumbnail.-logo-ikb::before {
      width: 130px;
      height: 130px;
      background-position: -150px -710px; }
    .casestudy__thumbnail.-logo-bank::before {
      width: 130px;
      height: 130px;
      background-position: -290px -430px; }
    .casestudy__thumbnail.-logo-motor::before {
      width: 130px;
      height: 130px;
      background-position: -150px -430px; }
    .casestudy__thumbnail.-logo-mce::before {
      width: 130px;
      height: 130px;
      background-position: -10px -430px; }
    .casestudy__thumbnail.-logo-Drees::before {
      width: 130px;
      height: 130px;
      background-position: -430px -290px; }
    .casestudy__thumbnail.-logo-mtl::before {
      width: 130px;
      height: 130px;
      background-position: -430px -150px; }
    .casestudy__thumbnail.-logo-ev::before {
      width: 130px;
      height: 130px;
      background-position: -290px -290px; }
    .casestudy__thumbnail.-logo-nysdec::before {
      width: 130px;
      height: 130px;
      background-position: -10px -710px; }
    .casestudy__thumbnail.-logo-usf::before {
      width: 130px;
      height: 130px;
      background-position: -430px -570px; }
    .casestudy__thumbnail.-logo-hmc::before {
      width: 130px;
      height: 130px;
      background-position: -290px -570px; }
    .casestudy__thumbnail.-logo-hawaii::before {
      width: 130px;
      height: 130px;
      background-position: -150px -290px; }
    .casestudy__thumbnail.-logo-kreissparkasse::before {
      width: 130px;
      height: 130px;
      background-position: -10px -290px; }
    .casestudy__thumbnail.-logo-se::before {
      width: 130px;
      height: 130px;
      background-position: -430px -430px; }
    .casestudy__thumbnail.-logo-tk::before {
      width: 130px;
      height: 130px;
      background-position: -150px -570px; }
    .casestudy__thumbnail.-logo-dak::before {
      width: 130px;
      height: 130px;
      background-position: -10px -570px; }
    .casestudy__thumbnail.-logo-first-american-bank::before {
      width: 130px;
      height: 130px;
      background-position: -150px -10px; }
    .casestudy__thumbnail.-logo-good-fellow-brothers::before {
      width: 130px;
      height: 130px;
      background-position: -290px -150px; }
    .casestudy__thumbnail.-logo-loomion::before {
      width: 130px;
      height: 130px;
      background-position: -290px -10px; }
    .casestudy__thumbnail.-logo-the-simons-firm::before {
      width: 130px;
      height: 130px;
      background-position: -150px -150px; }
    .casestudy__thumbnail.-voice-dream::before {
      width: 130px;
      height: 130px;
      background-position: -10px -150px; }
    .casestudy__thumbnail.-logo-west-linn::before {
      width: 130px;
      height: 130px;
      background-position: -430px -10px; }

  .casestudy__itme {
    width: 100%; }
    .casestudy__itme > div {
      width: 100%; }
      .casestudy__itme > div > dt {
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
        font-size: 24px; }
      .casestudy__itme > div > dd {
        width: 100%;
        padding: 0; }

  .casestudy__itme--coment {
    width: 100%; }

  .casestudy__item {
    font-weight: bold; }
    .casestudy__item.-foxit {
      font-weight: bold; }

  .casestudy__itme--learn-more {
    display: none;
    width: 100%;
    margin: 15px 0 30px; }

  .casestudy_link {
    margin-top: 10px; }

  .learn-more__btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 40px;
    margin-top: 10px;
    background-color: #F6F6F6;
    border: 1px solid #707070;
    border-radius: 40px;
    color: #707070;
    cursor: pointer; }
    .learn-more__btn > span.learn-more__open {
      display: inline-block; }
    .learn-more__btn > span.learn-more__close {
      display: none; }
    .learn-more__btn.active > span.learn-more__open {
      display: none; }
    .learn-more__btn.active > span.learn-more__close {
      display: inline-block; }
    .learn-more__btn:hover {
      opacity: 0.7; }


/* edu ---------------------------------------------------- */
  .edu__eyecatch {
    width: 100%;
    background: #F36B16;
    background-image: url("../images/product/edu/paper-orange.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }

  .edu__eyecatch--container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%; }
    .edu__eyecatch--container > li {
      padding: 0 15px; }
      .edu__eyecatch--container > li.-overview {
        width: 56%;
        padding: 48px 0;
        color: #FFFFFF; }
        .edu__eyecatch--container > li.-overview > h1 {
          margin-bottom: 16px;
          font-size: 42px;
          line-height: 1.4;
          font-weight: bold; }
        .edu__eyecatch--container > li.-overview > h2 {
          margin-bottom: 32px;
          font-size: 27px;
          font-weight: normal;
          line-height: 1.4; }
      .edu__eyecatch--container > li.-thumbnail {
        width: 44%; }

  .edu__btn-list {
    width: 100%; }
    .edu__btn-list > li {
      margin-top: 16px;
      margin-right: 21px; }
      .edu__btn-list > li:last-child {
        margin-right: 0; }

  .edu__btn-buy {
    display: inline-block;
    padding: 16px 36px;
    font-weight: 600;
    border-radius: 35px;
    text-decoration: none;
    transition: background 0.2s ease-out,color 0.2s ease-out;
    color: #FFFFFF;
    background: #26135c;
    text-transform: uppercase; }
    .edu__btn-buy:hover {
      background: #F36B16;
      color: #FFFFFF;
      text-decoration: none; }
    .edu__eyecatch .edu__btn-buy:hover {
      background: transparent; }

  .edu__btn-link {
    display: inline-block;
    padding: 16px 36px;
    text-decoration: none;
    transition: background 0.2s ease-out,color 0.2s ease-out;
    color: #26135c;
    font-weight: 600; }
    .edu__btn-link::after {
      content: '\279C';
      display: inline-block;
      margin-left: 10px;
      transform: translateX(0);
      transition: transform 0.2s ease-out; }
    .edu__btn-link:hover {
      color: #F36B16;
      text-decoration: none; }
    .edu__eyecatch .edu__btn-link:hover, .edu__subscription .edu__btn-link:hover {
      color: #FFFFFF; }

  .edu__target {
    width: 100%;
    margin-top: 15px; }
    .edu__target:first-child {
      margin-top: 0; }
    .edu__target > li {
      width: 100%;
      margin-top: 15px;
      font-size: 18px;
      color: #FFFFFF; }
      .edu__target > li > a {
        font-weight: normal;
        color: #FFFFFF; }
        .edu__target > li > a::after {
          content: '\279C';
          display: inline-block;
          margin-left: 10px;
          transform: translateX(0);
          transition: transform 0.2s ease-out; }
      .edu__target > li:first-child {
        margin-top: 0; }

  .edu__container {
    width: 100%;
    overflow-wrap: break-word; }

  .edu__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 64px; }
    .edu__list > li {
      width: calc((100% - (32px * 6)) / 3);
      margin: 0 32px;
      border: 1px solid #CED4DA; }

  .edu__list--thumbnail {
    width: 100%; }
    .edu__list--thumbnail img {
      vertical-align: bottom; }


  .edu__list--coment {
    width: 100%;
    padding: 32px; }

  .edu__subscription {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-top: 48px;
    background-image: url("../images/product/edu/paper-yellow.jpg");
    background-attachment: fixed; }
    .edu__subscription > li.-thumbnail {
      width: 50%;
      padding: 0 15px; }
    .edu__subscription > li.-coment {
      width: 50%;
      padding: 48px;
      color: #0e0c36; }
      .edu__subscription > li.-coment > h2, .edu__subscription > li.-coment h3, .edu__subscription > li.-coment h4, .edu__subscription > li.-coment h5 {
        margin-bottom: 32px;
        font-size: 40px;
        font-weight: bold;
        line-height: 1.4; }
      .edu__subscription > li.-coment > p {
        margin-bottom: 16px;
        font-weight: bold; }

  .edu__list-check {
    width: 100%;
    margin-bottom: 32px; }
    .edu__list-check > li {
      position: relative;
      width: 100%;
      min-height: 24px;
      margin-top: 16px;
      padding-left: 32px; }
      .edu__list-check > li::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        display: block;
        width: 24px;
        height: 24px;
        background-image: url("../images/main/check.png");
        background-repeat: no-repeat;
        background-size: cover; }
      .edu__list-check > li:first-child {
        margin-top: 0; }
    .edu__list-check:first-child {
      margin-top: 0; }

  .edu__brand {
    width: 100%;
    margin-top: 64px;
    padding: 0 15px;
    background-image: url("../images/product/edu/paper-lightgrey.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; }

  .edu__brand--container {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    padding: 48px 0;
    text-align: center; }
    .edu__brand--container > p {
      margin-bottom: 16px;
      color: #6a6a6a; }

  .edu__solution {
    width: 100%;
    margin: 96px 0;
    padding: 0 15px; }
    .edu__solution > h2, .edu__solution h3, .edu__solution h4, .edu__solution h5 {
      margin-bottom: 48px;
      font-size: 32px;
      font-weight: bold;
      line-height: 1.4;
      color: #0e0c36; }

  .edu__solution--container {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .edu__solution--container > li.-itemlist {
      display: flex;
      flex-wrap: wrap;
      width: 60%; }
    .edu__solution--container > li.-thumbnail {
      width: 40%;
      padding: 0 40px; }

  .edu__solution--itemlist {
    width: 50%;
    padding: 0 15px; }
    .edu__solution--itemlist > li {
      position: relative;
      width: 100%;
      margin-bottom: 16px;
      padding-left: 32px; }
      .edu__solution--itemlist > li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        height: 24px;
        width: 24px;
        background-image: url("../images/main/check-orange.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain; }

  .edu__overview {
    width: 100%;
    padding: 0 15px; }

  .edu__overview--headline {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 40px;
    border-bottom: 1px solid #bbc1ca; }
    .edu__overview--headline > h2, .edu__overview--headline h3, .edu__overview--headline h4, .edu__overview--headline h5 {
      margin-bottom: -1px;
      padding-right: 22px;
      background-color: #FFFFFF;
      font-size: 32px;
      font-weight: bold;
      line-height: 1.4;
      color: #0e0c36; }

  .edu__overview--itemlist {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .edu__overview--itemlist > li {
      display: flex;
      flex-wrap: wrap;
      width: calc(100% / 2);
      margin-bottom: 22px;
      padding: 0 40px 48px; }

  .edu__overview--thumbnail {
    width: 130px;
    padding: 0 15px; }
    .edu__overview--thumbnail::before {
      content: "";
      display: block;
      width: 100%;
      padding-top: 100%;
      background-image: url("../images/product/edu/css_sprite_2021.png");
      background-repeat: no-repeat;
      background-size: 1100% auto; }
    .edu__overview--thumbnail.-sprite_icon_digital_signing::before {
      background-position: 60% 20%; }
    .edu__overview--thumbnail.-sprite_icon_ocr_pdf::before {
      background-position: 100% 30%; }
    .edu__overview--thumbnail.-sprite_icon_edit_pdf_text::before {
      background-position: 0% 40%; }
    .edu__overview--thumbnail.-sprite_icon_convert::before {
      background-position: 80% 40%; }
    .edu__overview--thumbnail.-sprite_icon_password_protection_redaction::before {
      background-position: 90% 20%; }
    .edu__overview--thumbnail.-sprite_icon_redact_pdf::before {
      background-position: 70% 20%; }
    .edu__overview--thumbnail.-sprite_icon_reduce_file_size::before {
      background-position: 30% 0; }
    .edu__overview--thumbnail.-sprite_icon_integrate_cms::before {
      background-position: 30% 10%; }
    .edu__overview--thumbnail.-sprite_icon_shared_review::before {
      background-position: 60% 10%; }
    .edu__overview--thumbnail.-sprite_icon_create_pdf_forms::before {
      background-position: 10% 20%; }

  .edu__overview--list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 130px); }
    .edu__overview--list > div {
      width: 100%;
      padding: 0 15px; }
      .edu__overview--list > div > dt {
        width: 100%;
        font-size: 27px; }
      .edu__overview--list > div > dd {
        width: 100%;
        margin-top: 16px;
        padding: 0; }

/* パンくず用---------------------------------------------------- */
.breadcrumb {
	display: none; /*表示の場合には「display: flex;」へ書き換え*/
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 30px;
	color: #313030;
}

.breadcrumb a {
	pointer-events: none; /*リンク有りにする場合には「pointer-events: auto;」へ書き換え*/
	color: #313030;
}

.breadcrumb > li {
	list-style: none;
}

/*
.breadcrumb > li::after {
	content: ">";
	margin: 0 4px;
}
*/

.breadcrumb > li:first-child {
	margin-left: 0;
}

.breadcrumb > li:last-child {
	margin-right: 0;
}

.breadcrumb > li:last-child::after {
	display: none;
}

/* ログイン時の管理バー固定用---------------------------------------------------- */
#wpadminbar *:hover {
	opacity: 1;
}

/* Icons */
.picon {background-image: url(/resources/images/product-icons.png); display: inline-block; width: 90px; height: 90px;}
.FPB {background-position: 0px 0px;}
.FPS {background-position: 0px 0px;}
.MPI {background-position: 0px -200px;}
.MPA {background-position: -200px -200px;}
.FRD {background-position: 0px -100px;}
.FER {background-position: 0px -100px;}
.FRS {background-position: 0px -300px;}
.FPC {background-position: -100px -300px;}
.FPT {background-position: -400px -300px;}
.FPI {background-position: -500px -300px;}
.RMS {background-position: -600px -300px;}
.SDK {background-position: 0px -400px;}
.FMS {background-position: -1000px -400px;}
.SDN {background-position: -1100px -400px;}
.SAX {background-position: -200px -400px;}
.WPV {background-position: -100px -400px;}

ul.list01 {
    list-style: disc;
    padding-left: 2em;
}

/*================================================
 *  カスタムエレメント Prefix：element
 ================================================*/
.element__align-left {
  text-align: left !important; }

.element__align-center {
  text-align: center !important; }

.element__align-right {
  text-align: right !important; }

  .element__font-xl {
    font-size: 28px !important; }

  .element__font-large {
    font-size: 24px !important; }

  .element__font-medium {
    font-size: 20px !important; }

.element__font-small {
  font-size: 12px !important; }

.element__font-xs {
  font-size: 10px !important; }

.element__weight {
  font-weight: bold !important; }

.element__color-basic {
  color: #3d3d3d; }

.element__color-red {
  color: red; }

.element__color-darkred {
  color: #B20000; }

.element__color-orange {
  color: #F28E02; }

.element__color-green {
  color: #009994; }

.element__color-purple {
  color: #C5157A; }

.element__color-white {
  color: #FFFFFF; }

.element__padding-top {
  padding-top: 1em; }

.element__padding-right {
  padding-right: 1em; }

.element__padding-bottom {
  padding-bottom: 1em; }

.element__padding-left {
  padding-left: 1em; }

  .element__btn-list {
    margin-bottom: 30px; }
    .element__btn-list > li {
      margin-bottom: 20px;
      font-size: 100%; }
      .element__btn-list > li:last-child {
        margin-bottom: 0; }
    .element__btn-list:last-child {
      margin-bottom: 0; }

  .element__btn-orange {
    display: inline-block;
    width: 210px;
    min-height: 50px;
    line-height: 50px;
    padding: 0 8px;
    background-color: #F28E02;
    text-align: center;
    color: white; }
    .element__btn-orange.-icon::before {
      content: "\f07a";
      font-family: "Font Awesome 5 Pro";
      font-weight: 900;
      margin-right: 10px;
      transition: all 0.5s ease; }
    .element__btn-orange:hover {
      opacity: 0.7;
      text-decoration: none;
      color: white; }

  .element__btn-blue {
    display: inline-block;
    width: 210px;
    min-height: 50px;
    line-height: 50px;
    padding: 0 8px;
    background-color: #0066A6;
    text-align: center;
    color: white; }
    .element__btn-blue.-icon::before {
      content: "\f019";
      font-family: "Font Awesome 5 Pro";
      font-weight: 900;
      margin-right: 10px;
      transition: all 0.5s ease; }
    .element__btn-blue:hover {
      opacity: 0.7;
      text-decoration: none;
      color: white; }

  .element__btn-red {
    display: inline-block;
    width: 210px;
    min-height: 50px;
    line-height: 50px;
    padding: 0 8px;
    background-color: #B20000;
    text-align: center;
    color: white; }
    .element__btn-red.-icon::before {
      content: "\f0e0";
      font-family: "Font Awesome 5 Pro";
      font-weight: 900;
      margin-right: 10px;
      transition: all 0.5s ease; }
    .element__btn-red:hover {
      opacity: 0.7;
      text-decoration: none;
      color: white; }

  .element__btn-purple {
    display: inline-block;
    width: 210px;
    min-height: 50px;
    line-height: 50px;
    padding: 0 8px;
    background-color: #982E91;
    text-align: center;
    color: white; }
    .element__btn-purple.-icon::before {
      content: "\f24e";
      font-family: "Font Awesome 5 Pro";
      font-weight: 900;
      margin-right: 10px;
      transition: all 0.5s ease; }
    .element__btn-purple:hover {
      opacity: 0.7;
      text-decoration: none;
      color: white; }

  .element__btn-green {
    display: inline-block;
    width: 210px;
    min-height: 50px;
    line-height: 50px;
    padding: 0 8px;
    background-color: #009994;
    text-align: center;
    color: white; }
    .element__btn-green:hover {
      opacity: 0.7;
      text-decoration: none;
      color: white; }

  .element__container--wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px; }
    .element__container--wrap > li {
      width: 50%;
      padding-right: 16px; }
      .element__container--wrap > li:nth-child(2n) {
        padding-left: 16px;
        padding-right: 0; }
    .element__container--wrap:last-child {
      margin-bottom: 0; }

  .element__container--btn {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px; }
    .element__container--btn > li {
      width: calc(100% - 210px);
      padding-right: 30px; }
      .element__container--btn > li:nth-child(2n) {
        width: 210px;
        padding-right: 0; }
    .element__container--btn:last-child {
      margin-bottom: 0; }

/*================================================
 * オンラインストア
 ================================================*/
  .store__container {
    width: 100%; }
    .store__container a {
      color: #F28E02; }

  .store__coment {
    width: 100%;
    font-size: 18px; }

  .store__list {
    width: 100%; }
    .store__list > li {
      display: flex;
      flex-wrap: wrap;
      width: 100%; }
      .store__list > li::after {
        content: "";
        width: 100%;
        margin: 48px 0;
        border-bottom: 1px dotted #CED4DA; }
    .store__list:last-child > li:last-child::after {
      display: none; }

  .store__products {
    width: calc(100% - 300px);
    padding-right: 30px; }

  .store__item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 24px;
    margin-bottom: 30px;
    border: 2px solid #F28E02;
    border-radius: 4px;
    background-color: rgba(242, 142, 2, 0.05); }
    .store__item.-buy {
      border: 4px solid #B20000;
      background-color: white; }
    .store__item.-code {
      border: 4px solid #0066A6;
      background-color: white; }
    .store__item:last-child {
      margin-bottom: 0; }

  .store__photo {
    width: 160px; }

  .store__item--overview {
    width: calc(100% - 160px);
    padding-left: 24px;
    font-size: 18px; }

  .store__headline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    min-height: 46px;
    margin-bottom: 40px;
    border-left: solid 6px #F28E02;
    padding-left: 15px;
    font-size: 32px; }

  .store__heading {
    width: 100%;
    margin-bottom: 8px;
    font-size: 24px; }

  .store__comment {
    width: 100%;
    margin-bottom: 12px; }

  .store__nav--btn {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #F28E02;
    background-color: white;
    font-size: 16px;
    color: #F28E02; }
    .store__nav--btn:hover {
      color: #F28E02; }

  .store__feature {
    width: 100%;
    padding: 0 16px; }

  .list__disc {
    width: 100%;
    margin-bottom: 16px;
    list-style: none;
    counter-reset: disc; }
    .list__disc > li {
      position: relative;
      margin-bottom: 8px;
      padding-left: 24px; }
      .list__disc > li::before {
        content: "●";
        position: absolute;
        top: 0;
        left: 2px;
        z-index: 100;
        font-size: 16px;
        font-weight: bold; }
    .list__disc:last-child {
      margin-bottom: 0; }
      .list__disc:last-child > li:last-child {
        margin-bottom: 0; }

  .store__cart {
    width: 300px;
    font-family: "Noto Sans JP",Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif; }
    .store__cart .list__asterisk {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end; }
      .store__cart .list__asterisk > li {
        width: auto; }

  .store__cart--form {
    width: 100%;
    padding: 16px;
    margin-bottom: 8px;
    border: 1px solid #CED4DA;
    background-color: #F8F8F8; }
    .store__cart--form > li {
      width: 100%;
      margin-bottom: 16px; }
      .store__cart--form > li:last-child {
        margin-bottom: 0; }
      .store__cart--form > li select {
        width: 100%;
        height: 42px;
        padding: 4px 30px 4px 8px;
        border-color: #aaa;
        background-image: url("../images/main/icon-select.svg");
        background-position: center right 5px;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        -webkit-appearance: none;
        appearance: none; }
      .store__cart--form > li input {
        width: 100%;
        height: 42px;
        padding: 4px 8px;
        border: 1px solid #aaa; }

  .store__cart--headline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 0;
    margin-bottom: 4px;
    border-bottom: none;
    font-size: 18px;
    font-weight: bold; }
    .store__cart--headline > img {
      margin-right: 4px; }
    .store__cart--headline.-os {
      padding: 0 16px 8px;
      margin-bottom: 12px;
      border-bottom: 1px solid black;
      font-size: 18px; }
    .store__cart--headline.-code {
      padding: 0;
      border-bottom: none;
      font-size: 18px;
      font-weight: bold;
      color: #0066A6; }

  .store__cart--list {
    width: 100%;
    padding: 16px !important;
    background-color: white; }
    .store__cart--list > li {
      width: 100%;
      padding-bottom: 16px;
      margin-bottom: 16px;
      border-bottom: 1px dotted #CED4DA; }
      .store__cart--list > li:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none; }

  .store__cart--item-name {
    width: 100%;
    font-size: 15px; }

  .store__cart--price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 12px; }
    .store__cart--price span.-edition {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      min-width: 80px;
      min-height: 30px;
      padding: 4px;
      background-color: black;
      font-size: 14px;
      color: white;
      line-height: 1.2;
      text-align: center; }
      .store__cart--price span.-edition + .-price {
        width: auto; }
    .store__cart--price span.-price {
      width: 100%;
      padding: 6px 0 2px;
      text-align: right;
      font-size: 24px;
      font-weight: 500; }
    .store__cart--price span.-unit {
      padding-left: 2px;
      font-size: 18px; }
    .store__cart--price:last-child {
      margin-bottom: 0; }

  .store__cart--btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 300px;
    min-height: 42px;
    padding: 4px 12px !important;
    border-radius: 100px;
    background-color: #B20000;
    font-size: 16px;
    color: white !important; }
    .store__cart--btn.-check {
      background-color: #0066A6; }
      .store__cart--btn.-check::before {
        content: "\f00c"; }
    .store__cart--btn::before {
      content: "\f019";
      font-family: "Font Awesome 5 Pro";
      font-size: 24px;
      font-weight: 900; }
    .store__cart--btn:hover {
      text-decoration: none;
      color: white; }
    .store__cart--btn > span.-name {
      display: inline-block;
      max-width: calc(100% - 24px - 5px);
      margin-left: 5px; }

  .store__cart--item-activation {
    width: 100%;
    margin-bottom: 16px; }
    .store__cart--item-activation > li {
      width: 100%;
      margin-bottom: 16px; }
      .store__cart--item-activation > li span {
        font-size: 14px;
        font-weight: bold; }
      .store__cart--item-activation > li:last-child {
        margin-bottom: 0; }
    .store__cart--item-activation:last-child {
      margin-bottom: 0; }

/*================================================
 *  NEWコラム
 ================================================*/
  .column-article--list__wrapper {
    width: 100%;
    margin-top: 32px; }
    .column-article--list__wrapper:first-child {
      margin-top: 0; }

  .column-article__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .column-article__list > li {
      width: calc((100% - 64px) / 2);
      margin: 16px 16px !important;
      border: 1px solid #ABABAB;
      background-color: #FFFFFF; }
      .column-article__list > li > a {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        text-decoration: none; }
      .column-article__list > li:nth-child(-n+2) {
        margin-top: 0 !important; }

  .column-article__thumbnail {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .column-article__thumbnail img {
      width: 100%;
      aspect-ratio: 16 / 9; }

  .column-article__list--item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 24px; }
    .column-article__list--item > li {
      width: 100%;
      font-family: "Noto Sans JP",Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif; }
      .column-article__list--item > li.date {
        margin: 0 0 4px 0;
        font-size: 18px;
        color: #707070; }
      .column-article__list--item > li.article-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        margin: 0 0 8px 0;
        font-size: 21px;
        font-weight: 500;
        color: #3d3d3d;
        overflow: hidden; }
      .column-article__list--item > li.coment {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        min-height: 48px;
        margin: 0;
        color: #3d3d3d;
        overflow: hidden; }

  .column-article__wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 32px;
    font-family: "Noto Sans JP",Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif; }

  .column-article__article {
    width: calc(100% - 300px);
    padding-right: 48px; }
    .column-article__article a {
      color: #F28E02; }

  .column-article__date {
    margin-bottom: 16px;
    font-size: 16px;
    color: #888888; }

  .column-article__headline {
    position: relative;
    width: 100%;
    min-height: 48px;
    margin: 0 0 30px 0 !important;
    padding: 10px 15px;
    background-color: #F28E02;
    font-size: 20px !important;
    font-weight: 500;
    color: white;
    text-align: left !important; }
    .column-article__headline::after {
      content: "";
      position: absolute;
      bottom: -16px;
      left: 24px;
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 16px 10px 0 10px;
      border-color: #f28e02 transparent transparent transparent; }

  .column-article__heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 0 0 30px 0;
    padding: 8px 0 !important;
    border-bottom: 1px solid #111111;
    border-left: none !important;
    font-size: 20px !important;
    font-weight: 500;
    text-align: left !important;
    color: #313030 !important; }
    .column-article__heading:first-child {
      margin-top: 0; }

  .column-article__caption {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 8px 0 !important;
	  border-left: none !important;
    font-size: 18px !important;
    font-weight: 500;
    text-align: left !important;
    color: #313030 !important; }
	.column-article__caption.-orange {
      color: #F28E02 !important; }
    .column-article__caption:first-child {
      margin-top: 0; }

  .column-article__container {
    width: 100%;
    margin-bottom: 40px; }
    .column-article__container.-center {
      text-align: center; }
    .column-article__container:last-child {
      margin-bottom: 0; }

  .column-article__column--wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%; }

  .column-article__column--container {
    width: calc((100% - 40px) / 2);
    margin-bottom: 40px; }
    .column-article__column--container.-middle {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .column-article__column--container.-center {
      text-align: center; }

  .column-article-side {
    width: 300px; }

  .column-article-side__list--container {
    width: 100%; }
    .column-article-side__list--container > li {
      width: 100%;
      padding: 16px;
      margin: 0 0 40px 0 !important;
      background-color: #F6F6F6; }
      .column-article-side__list--container > li:last-child {
        margin-bottom: 0; }

  .column-article-side__list--headline {
    width: 100%;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 2px solid #F28E02; }
    .column-article-side__list--headline > h2, .column-article-side__list--headline h3, .column-article-side__list--headline h4, .column-article-side__list--headline h5 {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding-left: 12px;
      margin: 0;
      font-size: 20px;
      font-weight: 500;
      color: #313030; }
      .column-article-side__list--headline > h2::before, .column-article-side__list--headline h3::before, .column-article-side__list--headline h4::before, .column-article-side__list--headline h5::before {
        content: "-";
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translateY(-50%);
        z-index: 100;
        display: inline-block; }
    .column-article-side__list--headline:first-child {
      padding-top: 0; }

  .column-article-side__list--article {
    width: 100%; }
    .column-article-side__list--article > li {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      padding: 16px 0;
      margin: 0 !important;
      border-bottom: 1px solid #CED4DA; }
      .column-article-side__list--article > li > a {
        display: inline-block;
        color: #3d3d3d; }
      .column-article-side__list--article > li:last-child {
        margin-bottom: 16px; }

  .column-article-side__list--item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%; }
    .column-article-side__list--item > li {
      margin: 0 !important; }
      .column-article-side__list--item > li.thumbnail {
        width: 75px; }
        .column-article-side__list--item > li.thumbnail img {
          width: 100%;
          aspect-ratio: 16 / 9; }
      .column-article-side__list--item > li.coment {
        width: calc(100% - 75px);
        padding-left: 8px;
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }

/*================================================
 *  サブスク Prefix：sbsc
 ================================================*/
@media (min-width: 1025px) {
  .sbsc-features {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px; }
    .sbsc-features > li {
      width: calc(100% / 3);
      padding: 30px 15px; } }
@media (max-width: 1024px) {
  .sbsc-features {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px; }
    .sbsc-features > li {
      width: calc(100% / 2);
      padding: 30px 15px; } }
@media (max-width: 767px) {
  .sbsc-features {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px; }
    .sbsc-features > li {
      width: 100%;
      padding: 20px 0; } }

@media (min-width: 1025px) {
  .sbsc-features__thumbnail {
    width: 100%;
    margin-bottom: 15px; }
    .sbsc-features__thumbnail img {
      border: 1px solid #707070;
      vertical-align: top; } }
@media (max-width: 1024px) {
  .sbsc-features__thumbnail {
    width: 100%;
    margin-bottom: 15px;
    text-align: center; }
    .sbsc-features__thumbnail img {
      border: 1px solid #707070;
      vertical-align: top; } }

@media (min-width: 1025px) {
  .sbsc-features__title {
    font-size: 18px;
    font-size: clamp(15px, 1.46vw, 18px);
    font-weight: bold; } }
@media (max-width: 1024px) {
  .sbsc-features__title {
    font-size: 18px;
    font-size: clamp(15px, 1.46vw, 18px);
    font-weight: bold; } }

@media (min-width: 1025px) {
  .sbsc-banner__gridawar {
    margin-bottom: 60px;
    text-align: center; }
    .sbsc-banner__gridawar > .-inner {
      width: 100%; }
      .sbsc-banner__gridawar > .-inner > .-reference {
        font-size: 16px;
        text-align: center; }
    .top-review__wrapper .sbsc-banner__gridawar {
      margin-top: 45px;
      margin-bottom: 0; } }
@media (max-width: 1024px) {
  .sbsc-banner__gridawar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
    text-align: center; }
    .sbsc-banner__gridawar > .-inner {
      width: 100%;
      max-width: 768px; }
      .sbsc-banner__gridawar > .-inner > .-reference {
        font-size: 12px;
        font-size: clamp(12px, 3.75vw, 14px);
        text-align: center; }
    .top-review__wrapper .sbsc-banner__gridawar {
      margin-top: 30px;
      margin-bottom: 0; } }

@media (min-width: 1025px) {
  .sbsc-price {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 50px; }
    .sbsc-price:last-child {
      margin-bottom: 0; }
    .sbsc-price > li {
      width: 50%;
      padding: 0 15px; } }
@media (max-width: 1024px) {
  .sbsc-price {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 50px; }
    .sbsc-price:last-child {
      margin-bottom: 0; }
    .sbsc-price > li {
      width: 50%;
      padding: 0 15px; } }
@media (max-width: 768px) {
  .sbsc-price {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 50px; }
    .sbsc-price:last-child {
      margin-bottom: 0; }
    .sbsc-price > li {
      width: 100%;
      padding: 0 15px; } }

@media (min-width: 1025px) {
  .sbsc-price__container {
    width: 100%;
    padding: 15px;
    background-color: #EBEEF0; } }
@media (max-width: 1024px) {
  .sbsc-price__container {
    width: 100%;
    padding: 15px;
    background-color: #EBEEF0; } }

@media (min-width: 1025px) {
  .sbsc-price__inner {
    width: 100%;
    padding: 15px;
    background-color: #FFFFFF; } }
@media (max-width: 1024px) {
  .sbsc-price__inner {
    width: 100%;
    padding: 15px;
    background-color: #FFFFFF; } }

@media (min-width: 1025px) {
  .order-panel {
    width: 100%; }
    .order-panel > li {
      margin-bottom: 15px; }
      .order-panel > li:last-child {
        margin-bottom: 0; }
      .order-panel > li.-headline {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%; }
        .order-panel > li.-headline > .-title {
          font-size: 24px;
          font-weight: bold; }
        .order-panel > li.-headline > .-os {
          display: flex;
          flex-wrap: wrap;
          align-items: flex-end;
          font-size: 15px;
          font-weight: bold;
          line-height: 1; }
          .order-panel > li.-headline > .-os > img {
            width: 20px;
            margin-right: 4px; }
      .order-panel > li.-price {
        font-size: 24px; }
        .order-panel > li.-price > span.-price {
          font-size: 32px;
          font-weight: bold; }
        .order-panel > li.-price > span.-tax {
          font-size: 15px;
          color: #707070; }
      .order-panel > li.-info {
        padding-bottom: 15px;
        border-bottom: 1px dotted #CED4DA; }
      .order-panel > li.-btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .order-panel > li.-btn > .store__cart--btn {
          max-width: 200px; } }
@media (max-width: 1024px) {
  .order-panel {
    width: 100%; }
    .order-panel > li {
      margin-bottom: 15px; }
      .order-panel > li:last-child {
        margin-bottom: 0; }
      .order-panel > li.-headline {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 0; }
        .order-panel > li.-headline > .-title {
          width: 100%;
          margin-bottom: 12px;
          font-size: 24px;
          font-weight: bold; }
        .order-panel > li.-headline > .-os {
          display: flex;
          flex-wrap: wrap;
          align-items: flex-end;
          width: 100%;
          margin-bottom: 15px;
          font-size: 15px;
          font-weight: bold;
          line-height: 1; }
          .order-panel > li.-headline > .-os > img {
            width: 20px;
            margin-right: 4px; }
      .order-panel > li.-price {
        font-size: 24px; }
        .order-panel > li.-price > span.-price {
          font-size: 32px;
          font-weight: bold; }
        .order-panel > li.-price > span.-tax {
          font-size: 15px;
          color: #707070; }
      .order-panel > li.-info {
        padding-bottom: 15px;
        border-bottom: 1px dotted #CED4DA; }
      .order-panel > li.-btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .order-panel > li.-btn > .store__cart--btn {
          max-width: 200px; } }

@media (min-width: 1025px) {
  .sbsc-item {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .sbsc-item > li {
      display: flex;
      flex-wrap: wrap;
      width: calc(100% / 3);
      padding: 0 15px 48px; } }
@media (max-width: 1024px) {
  .sbsc-item {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .sbsc-item > li {
      display: flex;
      flex-wrap: wrap;
      width: calc(100% / 2);
      padding: 0 15px 45px; } }
@media (max-width: 768px) {
  .sbsc-item {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .sbsc-item > li {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      padding: 0 0 24px; } }

@media (min-width: 1025px) {
  .sbsc-item__img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border: 1px solid #707070;
    border-radius: 40px; }
    .sbsc-item__img picture {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 0;
      margin: 0; } }
@media (max-width: 1024px) {
  .sbsc-item__img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border: 1px solid #707070;
    border-radius: 40px; }
    .sbsc-item__img picture {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      padding: 0;
      margin: 0; } }

@media (min-width: 1025px) {
  .sbsc-item__container {
    width: calc(100% - 80px);
    padding-left: 15px; }
    .sbsc-item__container > div {
      width: 100%;
      line-height: 1.4; }
      .sbsc-item__container > div > dt {
        width: 100%;
        padding: 0;
        margin-bottom: 4px;
        font-size: 18px;
        font-weight: 500; }
      .sbsc-item__container > div > dd {
        width: 100%;
        padding: 0; } }
@media (max-width: 1024px) {
  .sbsc-item__container {
    width: calc(100% - 80px);
    padding-left: 15px; }
    .sbsc-item__container > div {
      width: 100%;
      line-height: 1.4; }
      .sbsc-item__container > div > dt {
        width: 100%;
        padding: 0;
        margin-bottom: 4px;
        font-size: 18px;
        font-weight: 500; }
      .sbsc-item__container > div > dd {
        width: 100%;
        padding: 0; } }

@media (min-width: 1025px) {
  .sbsc-planlist {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .sbsc-planlist > li {
      width: calc(100% / 4);
      padding: 0 15px; }
      .sbsc-planlist > li > a {
        width: 100%;
        height: 100%;
        text-decoration: none; }
        .sbsc-planlist > li > a:hover {
          opacity: 0.8; }
      .sbsc-planlist > li .-title {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 4px 8px;
        margin: 0;
        border-radius: 4px 4px 0 0;
        background-color: #F28E02;
        font-size: 14px;
        color: white; }
      .sbsc-planlist > li .-container {
        width: 100%;
        padding: 10px;
        border-radius: 0 0 4px 4px;
        border: 1px solid #CED4DA;
        border-top: none; }
      .sbsc-planlist > li .-thumbnail {
        width: 100%;
        text-align: center; }
        .sbsc-planlist > li .-thumbnail img, .sbsc-planlist > li .-thumbnail picture {
          width: 160px; }
      .sbsc-planlist > li .-headline {
        font-size: 14px;
        text-align: center; }
      .sbsc-planlist > li .-price {
        font-size: 18px;
        font-weight: bold;
        text-align: center; } }
@media (max-width: 1024px) {
  .sbsc-planlist {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    .sbsc-planlist:last-child {
      margin-bottom: 0; }
    .sbsc-planlist > li {
      width: calc(100% / 2);
      padding: 0 15px;
      margin-bottom: 30px; }
      .sbsc-planlist > li > a {
        width: 100%;
        height: 100%;
        text-decoration: none; }
        .sbsc-planlist > li > a:hover {
          opacity: 0.8; }
      .sbsc-planlist > li .-title {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 4px 8px;
        margin: 0;
        border-radius: 4px 4px 0 0;
        background-color: #F28E02;
        font-size: 14px;
        color: white; }
      .sbsc-planlist > li .-container {
        width: 100%;
        padding: 10px;
        border-radius: 0 0 4px 4px;
        border: 1px solid #CED4DA;
        border-top: none; }
      .sbsc-planlist > li .-thumbnail {
        width: 100%;
        text-align: center; }
        .sbsc-planlist > li .-thumbnail img, .sbsc-planlist > li .-thumbnail picture {
          width: 160px; }
      .sbsc-planlist > li .-headline {
        font-size: 14px;
        text-align: center; }
      .sbsc-planlist > li .-price {
        font-size: 18px;
        font-weight: bold;
        text-align: center; } }
@media (max-width: 768px) {
  .sbsc-planlist {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 30px; }
    .sbsc-planlist:last-child {
      margin-bottom: 0; }
    .sbsc-planlist > li {
      width: 100%;
      padding: 0;
      margin-bottom: 30px; }
      .sbsc-planlist > li:last-child {
        margin-bottom: 0; }
      .sbsc-planlist > li > a {
        width: 100%;
        height: 100%;
        text-decoration: none; }
        .sbsc-planlist > li > a:hover {
          opacity: 0.8; }
      .sbsc-planlist > li .-title {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 4px 8px;
        margin: 0;
        border-radius: 4px 4px 0 0;
        background-color: #F28E02;
        font-size: 14px;
        color: white; }
      .sbsc-planlist > li .-container {
        width: 100%;
        padding: 10px;
        border-radius: 0 0 4px 4px;
        border: 1px solid #CED4DA;
        border-top: none; }
      .sbsc-planlist > li .-thumbnail {
        width: 100%;
        text-align: center; }
        .sbsc-planlist > li .-thumbnail img, .sbsc-planlist > li .-thumbnail picture {
          width: 160px; }
      .sbsc-planlist > li .-headline {
        font-size: 14px;
        text-align: center; }
      .sbsc-planlist > li .-price {
        font-size: 18px;
        font-weight: bold;
        text-align: center; } }

/*================================================
 *  共有追加 Prefix：
 ================================================*/
@media (min-width: 1025px) {
  .ttl_contents.-clamp {
    margin-bottom: 45PX;
    font-size: 25px;
    font-size: clamp(18px, 1.76vw, 25px); } }
@media (max-width: 1024px) {
  .ttl_contents.-clamp {
    margin-bottom: 45PX;
    font-size: 25px;
    font-size: clamp(15px, 4.69vw, 25px); } }

/*================================================
 *  フッター：アイキャッチ有り Prefix：
 ================================================*/
@media (min-width: 1025px) {
  .footer__eyecatch {
    width: 100%;
    margin-top: 100px; }
    .footer__eyecatch > img {
      width: 100%;
      vertical-align: top; } }
@media (max-width: 1024px) {
  .footer__eyecatch {
    width: 100%;
    margin-top: 40px; }
    .footer__eyecatch > img {
      width: 100%;
      vertical-align: top; } }

@media (min-width: 1025px) {
  .footer_contact_pc.-eyecatch {
    margin-top: 0; } }

@media (max-width: 1024px) {
  .footer_contact_sp.-eyecatch {
    margin-top: 0; } }