@charset "utf-8";

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

html {
	font-size:90%;
	-webkit-text-size-adjust: 100%;
}
body {
	color: #313030;
	font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",verdana,arial,"lucida grande",sans-serif;
	line-height:180%;
	background-size:100% auto;
	-webkit-text-size-adjust: 100%;
	background:#fff;
}

body.no-scroll {
	overflow: hidden;
}
* html body {  
	font-size:1rem;
}  
  
*:first-child+html body {  
	font-size:1rem;
} 
.txthide {
	display: none;
}
img{
	width:auto;
	max-width: 100%;
	height: auto;
}

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

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;
}

#wrapper {
	width: 100%;
	position:relative;
	font-size:90%;
	background:#fff;
}

table{
	font-size:90%;
}

#id_shellfish{
	width:1px;
}

/* clearfixハック */
.sp_clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.sp_clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .sp_clearfix {
	height: 1%;
}
.sp_clearfix {
	display: block;
}

input[type="button"],input[type="text"],input[type="submit"],select,option {
   -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
   border-radius: 0 !important;
	font-size: 16px;
}

.element__color-red {
	color: red;
}

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


.mg_t100{
	margin-top: 50px;
}

.orange{
	color: #f28e02;
}
.mg_t0{
	margin-top: 0 !important;
}

.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: 200px;
	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: 30px;
	border-radius: 15px;
	border: 1px solid #FFFFFF;
	background-color: transparent;
	color: #FFFFFF;
	transition: all 0.3s;
}

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

.nav__second-category.desktop .btn-nav:hover {
	color: #6B1B68;
}

.nav__second-category.cloud .btn-nav:hover {
	color: #005190;
}

.nav__second-category.server .btn-nav:hover {
	color: #707070;
}

.nav__second-category.mobile .btn-nav:hover {
	color: #179CD8;
}

.nav__second-category.solutions .btn-nav:hover {
	color: #F28E02;
}

.nav__second-category.sdk .btn-nav:hover {
	color: #009994;
}

.nav__second-category.column .btn-nav:hover {
	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: 15px;
}

.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;
	font-size: 15px;
}

.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: 16px;
}

.list-check li::before {
	content: "\f14a";
	position: absolute;
	top: 15px;
	left: 0;
    font-family: "Font Awesome 5 pro";
    font-weight: 300;
    font-size: 22px;
    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;
}

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

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

.subheadline {
	padding-left: 15px!important;
	margin-top: 45px!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;
}

.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;	
}

.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: 25px;
	font-weight: bold;
}

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

.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: rgba(0, 0, 0, 0.7);
    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;
	width: 100%;
	height: 46px;
	background-color: #FFFFFF;
}

.header__area {
	width: 100%;
	height: 100%;
}

.header__head-area {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	height: 46px;
	padding: 0 50px 0 5px;
	box-shadow:0px 3px 3px 0px rgba(0,0,0,0.15);
}

.header__logo {
	width: 90px;
}

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

.header__logo img {
	width: 90px;
	height: auto;
}

.header__catch {
    padding-left: 15px;
    font-size: 12px;
    font-weight: bold;
	color: #707070;
}

@media (min-width: 768px) {
	.header__catch span {
		}		
	}
	@media (max-width: 767px) {
	.header__catch span {
		display: none;
		}
	}

.header-nav__area {
	position: fixed;
	top: 46px;
	left: -100%;
	z-index: 1000;
	width: 320px;
	height: calc(100vh - 46px);
	padding-bottom: 60px;
	background-color: #f6f6f6;
	opacity: 0;
	transition: all 0.5s;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.header-nav__area.active {
	left: 0;
	width: 320px;
	opacity: 1;
}

.nav__sns-list-box {
	display: block;
}

.nav__sns-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.nav__sns-list > li {
	margin-top: 15px;
	margin-right: 30px;
}

.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: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

/* wp対応ヘッダーメニュー */
@media (max-width: 1024px) {
  .menu-main-container {
    order: 1;
  }
}

@media (max-width: 1024px) {
  .menu-sns-container {
    order: 3;
  }
}
@media (max-width: 1024px) {
  #menu-main {
    width: 100%;
  }
  #menu-main > li {
    width: 100%;
    min-height: 48px;
    border-bottom: 1px solid #CED4DA;
    overflow: hidden;
  }
  #menu-main > li > a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    min-height: 48px;
    margin: 0 auto;
    padding: 8px 32px 8px 8px;
    border-bottom: 1px solid #F8F8F8;
    text-decoration: none;
  }
  #menu-main > li.menu-item-has-children > a {
    position: relative;
  }
  #menu-main > li.menu-item-has-children > a::after {
    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: 300;
    font-size: 20px;
    line-height: 1;
    color: #F28E02;
  }
  #menu-main > li.active {
    border-bottom: none;
  }
  #menu-main > li.active > a::after {
    transform: scale(1, -1);
  }
  #menu-main > li .menu__child {
    display: none;
    width: 100%;
  }
  #menu-main > li .menu__child .sub__menu > li {
    position: relative;
    background-color: #F28E02;
    color: #FFFFFF;
  }
  #menu-main > li .menu__child .sub__menu > li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -320px;
    z-index: 100;
    display: inline-block;
    width: 640px;
    height: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  #menu-main > li .menu__child .sub__menu > li > a {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    padding: 10px 10px 10px 28px;
    color: #FFFFFF;
    text-decoration: none;
  }
  #menu-main > li .menu__child .sub__menu > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    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-main > li .menu__child .sub__menu > li > a::before {
    background-image: url("../images/main/icon-menu-nav_2x.png");
  }
}
@media (max-width: 1024px) {
  #menu-main > li .menu__child .sub__menu .menu__child {
    display: block;
  }
  #menu-main > li .sub__menu > li .sub__menu > li:first-child::before {
    content: "";
    position: absolute;
    top: 0;
    left: -320px;
    z-index: 100;
    display: inline-block;
    width: 640px;
    height: 1px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  #menu-main > li .sub__menu > li .sub__menu > li:last-child::after {
    display: none;
  }
  #menu-main > li .sub__menu > li .sub__menu > li > a {
    position: relative;
    padding: 10px 10px 10px 44px;
  }
  #menu-main > li .sub__menu > li .sub__menu > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 28px;
    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-main > li .sub__menu > li .sub__menu > li > a::before {
    background-image: url("../images/main/icon-menu-nav_2x.png");
  }
}

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

.footer__sns-list {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	margin-top: 15px;
}

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

.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%;
}

/* リニューアル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 {
	background-image: url("../images/top/eyecatch-2020_bg.png");
}

.eyecatch__area {
	width: 100%;
	margin-top: 46px;
}

.eyecatch__change2020 {
	position: relative;
	width: 100%;
	padding-top: calc(300 / 768 * 100%);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	background-image: url("../images/top/eyecatch-2020_sp.png");
}

.eyecatch__pdf {
	position: relative;
	width: 100%;
	padding-top: calc(300 / 768 * 100%);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	background-image: url("../images/top/eyecatch-pdf_sp.png");
}

.eyecatch__phantom {
	position: relative;
	width: 100%;
	padding-top: calc(300 / 768 * 100%);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	background-image: url("../images/top/eyecatch-phantom_sp.png");
}

.eyecatch__sdk-activex {
	position: relative;
	width: 100%;
	padding-top: calc(300 / 768 * 100%);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	background-image: url("../images/top/eyecatch-sdk_activex_sp.png");
}

.eyecatch__sdk-pdf {
	position: relative;
	width: 100%;
	padding-top: calc(300 / 768 * 100%);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	background-image: url("../images/top/eyecatch-sdk_pdf_sp.png");
}

.eyecatch__sdk-web {
	position: relative;
	width: 100%;
	padding-top: calc(300 / 768 * 100%);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	background-image: url("../images/top/eyecatch-sdk_web_sp.png");
}

.eyecatch__area a {
	position: static;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

.eyecatch__change2020 a,
.eyecatch__pdf a,
.eyecatch__phantom a,
.eyecatch__sdk-activex a,
.eyecatch__sdk-pdf a,
.eyecatch__sdk-web a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.eyecatch__base {
    position: relative;
    width: 100%;
    padding-top: calc(295 / 1200 * 100%);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

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

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

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

.top_theme__wrapper p {
	margin-top: 4px;
}

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

.top-news__wrapper {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}

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

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

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

.headline-news__link {
	width: auto;
	padding: 6px 10px;
	border-radius: 50px;
	border: 1px solid lightgray;
	background: linear-gradient(to bottom, #efefef 0%,#fcfcfc 50%,#efefef 100%);
	text-decoration: none;
	line-height: 1;
	
}
@media (max-width: 359px) {
.headline-news__link span {
	display: none;
}
}
.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;
}

@media (min-width: 768px) {
.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%;
}
}

@media (max-width: 767px) {
.top-target__area {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 300px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
}

.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 a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.top-target__area:hover a {
	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);
}

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

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

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

.top-target__content {
	display: none;
}

/* TOP Ketchup（ケチャップ） ---------------------------------------------------- */
@media (min-width: 768px) {
.top-ketchup {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 45px;
}

.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 15px;
}

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

.top-ketchup__pikup {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 325px;
	margin-left: 30px;
}

.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;
}

.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;	
}
}

@media (max-width: 767px) {

.top-ketchup {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 45px;
}

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

.top-ketchup__head {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 30px;
	padding-top: calc(390 / 767 * 100%);
	background-image: url("../images/top/ketchup-banner_head-s.png");
	background-repeat: repeat-x;
	background-size: contain;
}

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

.top-ketchup__banner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding-top: calc(390 / 767 * 100%);
	background-image: url("../images/top/ketchup-banner_head-text-s.png");
	background-repeat: no-repeat;
	background-size: cover;
}

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

.top-ketchup__overview {
	width: 100%;
    font-size: 15px;
}

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

.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;
}

.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;	
}
}

@media (max-width: 374px) {
.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: 13px;
    font-weight: bold;
    color: #707070;
    transition: all 0.3s;	
}
}

@supports (-ms-ime-align: auto) {
	.top-ketchup__pikup-list li {
		width: 33.3%;
		margin-right: 0;
		padding: 0 5px;
}
}

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

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

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

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

@media (min-width: 768px) {
.top-column__eyecatch {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 320px;
	height: 216px;
	background-image: url("../images/main/main_fox_column.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.top-column__box {
	width: calc(100% - (320px + 30px));
	margin-left: 30px;
}
.top-column__list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 15px;	
}
}

@media (max-width: 767px) {
.top-column__eyecatch {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: calc(270 / 400 * 100%);
	background-image: url("../images/main/main_fox_column.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.top-column__box {
	width: 100%;
	margin-top: 15px;
}
.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_sp.jpg");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
	margin-top: 45px;
	*/
	padding: 45px 0;
}

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

.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;
}

@media (max-width: 767px) {
.top_youtube iframe {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	height: 300px;
	margin-top: 45px;
}
}

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

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

.top-works__list {
	display: flex;
}

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

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

@media (min-width: 768px) {
.top-works__list li img {
	width:auto;
	height: 30px;
}
}

@media (max-width: 767px) {
.top-works__list li img {
	width:auto;
	height: 20px;
}
}

@media (max-width: 374px) {
.top-works__list li img {
	width:auto;
	height: 18px;
}
}

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

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

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

.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: 15px;
}



@media (min-width: 768px) {
.top-company__solution {
    width: 100%;
	height: 260px;
    margin-top: 30px;
    background-image: url(../images/company/solution.png);
    background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
}

@media (max-width: 767px) {
.top-company__solution {
    width: 100%;
    margin-top: 30px;
	padding-top: calc(260 / 563 * 100%);
    background-image: url(../images/company/solution.png);
    background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
}

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

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

.company__philosophy-list {
	width: 100%;
}

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

@media (max-width: 767px) {
.company__philosophy-figure {
	width: 100%;
	max-width: 290px;
	height: 150px;
	margin: 30px 0;
	background-image: url("../images/company/philosophy-figure.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
}
}

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

.company__overview-info {
	width: 100%;
}

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

@media (min-width: 768px) {
.company__photo-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.company__photo-list li {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc((100% - 45px) / 2);
}

.company__photo-list li:nth-child(2) {
	margin-left: 45px;
}
	
.company__photo-list li.mascot {
	width: 100%;
	margin-top: 30px;
}

.company__photo {
	width: 100%;
	max-width: 345px;
	height: 230px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
}

@media (max-width: 767px) {
.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%;
	max-width: 345px;
	height: 230px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
}

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

.company__photo.company-photo02 {
	background-image: url("../images/company/company-photo02_sp.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);
	padding-left: 15px;
	order: 2;
}

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

@media (max-width: 359px) {
.company__mascot-description p {
	font-size: 14px;
}
}

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

.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;
	order: 1;
}

.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%;
}

@media (min-width: 768px) {
.company__partner > li {
	position: relative;
	width: calc((100% - 45px) / 2);
	margin-right: 45px;
	padding: 10px 0px 0px 20px;
}

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

.company__partner li > span {
	font-weight: bold;
}

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

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

@media (max-width: 767px) {
.company__partner > li {
	position: relative;
	width: 100%;
	padding: 10px 0px 0px 20px;
}

.company__partner li > span {
	font-weight: bold;
}

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

.company__partner > li.more {
	display: none;
}
	
.company__partner > li:first-child {
	padding-top: 0px;
}

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

@media (min-width: 768px) {
.company__about {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 30px;
}
}

@media (max-width: 767px) {
.company__about {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 30px;
}
}

.company__about-overview {
	width: 100%;
}

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

@media (min-width: 768px) {
.company__about-solution {
	width: 563px;
	height: 260px;
	margin-top: 30px;
	background-image: url("../images/company/solution.png");
	background-repeat: no-repeat;
	background-size: contain;
}
}

@media (max-width: 767px) {
.company__about-solution {
	width: 100%;
	margin-top: 30px;
	padding-top: calc(260 / 563 * 100%);
	background-image: url("../images/company/solution.png");
	background-repeat: no-repeat;
	background-size: cover;
}
}


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

@media (min-width: 768px) {
.introduction__link {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin-top: 30px;
}

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

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

@media (max-width: 767px) {
.introduction__link {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 30px;
}

.introduction__link * {
	margin-top: 30px;
}

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

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

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


/* プライバシーポリシー ---------------------------------------------------- */
.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: 15px;
	border: 1px solid #707070;
	border-radius: 3px;
	padding: 15px;
}

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

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

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

.casestudy-list__photo {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 200px;
}

.casestudy-list__photo img {
	width: 200px;
	height: auto;
	flex-shrink: 0;
}

.casestudy-list__area {
	width: 100%;
	padding-top: 15px;
}

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

.casestudy__headline::after {
	content: "\f08e";
	position: absolute;
	top: 7px;
	right: 0;
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size: 20px;
	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: 20px;
}

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

@media (min-width: 768px) {
.casestudy-list {
	width: 100%;
	margin-top: 30px;
}

.casestudy-list li {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 15px;
	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;
}

.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;
}

.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%;
}

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

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

.case__headline {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	min-height: 40px;
	padding-left: 75px;
	font-size: 16px;
	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: 60px;
	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: 15px;
	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: 20px 0;
	border-bottom: 1px dotted #707070;
}

.trend__overview {
	width: 100%;
}

.trend__headline {
	position: relative;
	padding-left: 25px;
    font-size: 16px;
	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: 100%;
	margin-top: 20px;
	padding-left: 25px;
}

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

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

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


@media (min-width: 768px) {
.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;
}
}

@media (max-width: 767px) {
.column__area {
	width: 100%;
}
	
.column__category {
	width: 100%;
	margin-top: 30px;
}
.column__category:first-child {
	margin-top: 0;
}
}

.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: 15px;
}

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

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

.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%;
}

@media (min-width: 768px) {
.oem__head {
	width: 100%;
	background-image: url("../images/solutions/oem/head-bg-s.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
}

.oem__head-banner {
	position: relative;
	width: 100%;
	padding-top: calc(644 / 2048 * 100%);
	background-image: url("../images/solutions/oem/banner-s-1024.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-s-1024.png");
	background-repeat: no-repeat;
	background-size: cover;
}	
}

@media (max-width: 767px) {
.oem__head {
	width: 100%;
	background-image: url("../images/solutions/oem/head-bg-s-767.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
}

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

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

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

.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: 30px;
}

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

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

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

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

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

.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: 18px;
	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: 23px;
	color: #FFFFFF;
}

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

.oem__overview-area {
	width: 100%;
}

.oem__overview-headline {
    font-size: 18px;
    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 ---------------------------------------------------- */
@media (min-width: 768px) {
.signature__wrapper {
	width: 100%;
}

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

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

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

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

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

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

.signature__head-headline {
	font-size: 20px;
	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: 100%;	
}

.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;
}

.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: 100%;
	margin-top: 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: 23px;
	color: #FFFFFF;
}

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

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

.signature__examples-box {
	width: 300px;
	margin-left: 30px;
}
	
.signature__examples-photo {
	width: 100%;
	height: 375px;
	background-image: url("../images/solutions/signature/examples.png");
	background-repeat: no-repeat;
}
	
.signature__examples-description {
	width: 100%;
	margin-top: 10px;
	color: #707070;
}

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

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

.signature__option-box {
	width: 300px;
	margin-right: 30px;
}
	
.signature__option-photo {
	width: 100%;
	height: 152px;	
	background-image: url("../images/solutions/signature/option.png");
	background-repeat: no-repeat;
}
	
.signature__description {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 10px;
	color: #707070;
}

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

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

@media (max-width: 767px) {
.signature__wrapper {
	width: 100%;
}

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

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

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

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

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

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

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

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

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

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

.signature__point li:nth-child(2n) {
	margin-right: 0;
}
	
.signature__point li:nth-child(-n+2) {
	margin-top: 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: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	transition: all 0.3s;
}

.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: 100%;
	margin-top: 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: 23px;
	color: #FFFFFF;
}

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

.signature__examples {
	width: 100%;
}
	
.signature__examples-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
	
.signature__examples-photo {
	width: 100%;
	height: 375px;
	margin-top: 15px;
	background-image: url("../images/solutions/signature/examples-s.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.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: 18px;
	font-weight: bold;
}

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

.signature__option-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
	
.signature__option-photo {
	width: 100%;
	height: 152px;
	background-image: url("../images/solutions/signature/option-s.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

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

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

/* ketchup ---------------------------------------------------- */
@media (min-width: 768px) {
.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% - 240px);
	font-size: 15px;
}

.ketchup__head-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 240px;
	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: 23px;
	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% - 90px) / 2);
	padding: 15px;
	border-radius: 5px;
	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
}

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

.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% - 90px) / 2);
	padding: 15px;
	border-radius: 5px;
	box-shadow:0px 0px 5px 2px #F28E02;
}

.ketchup__point-headline {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	font-size: 18px;
	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% - 90px) / 4);
	margin-right: 30px;
}

.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: 18px;
	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 {
	width: 100%;
	margin-top: 30px;
}

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

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

.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%;
}

.ketchup__screen-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
	
.ketchup__screen-area {
	width: 100%;
	height: 270px;
	margin-top: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
	
.ketchup__screen-area.image01 {
	background-image: url("../images/solutions/ketchup/screen-s-image01.png");

}
	
.ketchup__screen-area.image02 {
	background-image: url("../images/solutions/ketchup/screen-s-image02.png");
}
	
.ketchup__screen-description {
	display: flex;
	flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
    color: #707070;
}
	
.ketchup__screen-description:first-child {
	margin-top: 0;
}

.ketchup__screen-description span {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 40px;
	border: 1px solid #707070;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	color: #707070;
}
	
.ketchup__screen-description p {
	margin-top: 5px;
}
	
.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: 18px;
	font-weight: bold;
}
}
@media (max-width: 767px) {
.ketchup__wrapper {
	width: 100%;
}

.ketchup__head {
	width: 100%;
}

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

.ketchup__head-area {
	width: 100%;
	padding: 15px 15px 0;
}

.ketchup__head-overview {
	width: 100%;
	font-size: 15px;
}

.ketchup__head-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 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;
	background-color: #707070;
	font-size: 20px;
	color: #FFFFFF;
}

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

.ketchup__point-area {
	width: 100%;
}

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

.ketchup__point-flow {
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin-top: 15px;
}

.ketchup__flow-area {
	width: 46px;
	height: 34px;
	background-image: url("../images/solutions/ketchup/flow-s.png");
	background-repeat: no-repeat;
}

.ketchup__point-after {
	width: 100%;
	padding: 15px;
	margin-top: 15px;
	border-radius: 5px;
	box-shadow:0px 0px 5px 2px #F28E02;
}

.ketchup__point-headline {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	font-size: 18px;
	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% - 30px) / 2);
	margin-top: 30px;
	margin-right: 30px;
}

	
.ketchup__point-step li:nth-child(-n+2) {
	margin-top: 0;
}
	
.ketchup__point-step li:nth-child(2n) {
	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: 16px;
	font-weight: bold;
	color: #707070;
	transition: all 0.3s;
}

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

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

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

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

.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%;
}
	
.ketchup__screen-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
	
.ketchup__screen-area {
	width: 100%;
	height: 270px;
	margin-top: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
	
.ketchup__screen-area.image01 {
	background-image: url("../images/solutions/ketchup/screen-s-image01.png");

}
	
.ketchup__screen-area.image02 {
	background-image: url("../images/solutions/ketchup/screen-s-image02.png");
}
	
@media (max-width: 374px) {
	.ketchup__screen-area {
		height: 230px;
	}
}
	
.ketchup__screen-description {
	display: flex;
	flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 30px;
    color: #707070;
}
	
.ketchup__screen-description:first-child {
	margin-top: 0;
}

.ketchup__screen-description span {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 40px;
	border: 1px solid #707070;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	color: #707070;
}
	
.ketchup__screen-description p {
	margin-top: 5px;
}

.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: 18px;
	font-weight: bold;
}
}


/* SP nav btn ---------------------------------------------------- */

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
	position: fixed;
	width: 50px;
	height: 46px;
	right:0px;
	top: 0px;
	z-index: 5000;
}
.menu-trigger span {
	position: absolute;
	height: 1px;
	background-color: #707070;
	width: 30px;
}

.menu-trigger.active span{
	background-color: #707070;
}
.menu-trigger span:nth-of-type(1) {
	left: 10px;
  top: 12px;
}
.menu-trigger span:nth-of-type(2) {
	left: 10px;
  top: 22px;
}
.menu-trigger span:nth-of-type(3) {
	left: 10px;
  bottom: 12px;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}

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

.fadein,.fadein01,.fadein02,.fadein02-2,.fadein03,.fadein03-2,.fadein04{
	opacity: 0;
	transition:0.7s;
}
.fadein{
	-webkit-transform: translate(0,40px); 
	transform: translate(0,40px);
}
.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;
}

@media (max-width: 767px) {
.top-target__area.fadein.delay01 {
	transition-delay: 0.0s;
}

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

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

.page_link{
	padding-top: 46px;
	margin-top: -46px;
}
.page_link02::before {
    content: "";
    display: inline-block;
    height: 150px;
    margin-top: -150px;
    vertical-align: top;
}
/* header ---------------------------------------------------- */

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

/*
.gheader{
	position: fixed;
	width:100%;
	top:0;
	left: 0;
	height: 46px;
	background: #fff;
	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 3px 4px -3px rgba(0,0,0,0.2);
	z-index: 300;
}
.gheader .logo{
	height: 26px;
	position: absolute;
	left:15px;
	top:10px;
}
.gheader .logo img{
	width:auto;
	height: 26px;
}
.gheader .icon_search_btn{
	display: none;
}
*/

/* gnav_area ---------------------------------------------------- */

.gnav_area{
	position: fixed;
	top:0;
	left: -260px;
	height: 100%;
	width:260px;
	background: #fff;
	box-shadow: 2px 0 3px rgba(0,0,0,0.2);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;

}
.gnav_area_on{
	left: 0;
}

.gnav_area .inner{
  overflow-y: scroll;
  background: #f6f6f6;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

/* search ---------------------------------------------------- */
.header-nav__search-box {
}

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

.header-nav__search li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
}

.icon_search_btn {
	display: none;
}

.search_area{
	display: block;
	width: 100%;
	max-width: 500px;
	height: 100%;	
	background: #F6F6F6;	
}

.search_area form{
	display: flex;
	align-items: stretch;
	padding: 10px;
}
.search_area .txt{
	width : calc(100% - 50px) ;
}
.search_area .txt input{
	background: #F6F6F6;
	display: block;
	width:100%;
	height: 40px;
	border:none;
	font-size: 12px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	padding: 0 5px;
}
.search_area .btn{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 40px;
	border: 1px solid #FFFFFF;
	font-size: 20px;
}
.search_area .btn input{
	position: absolute;
	left: 0;
	top:0;
	text-indent: -9999px;
	display: block;
	width:100%;
	height: 40px;
	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;
}

/* gnav ---------------------------------------------------- */

.gheader .gnav{
	margin-left: 15px;
	margin-right: 15px;
}
.gheader .gnav ul,.gheader .gnav li{
	vertical-align: middle;

}

.gheader .gnav li{
	border-bottom: solid 1px #ccc;
}
.gheader .gnav a,.gheader .gnav span{
	display: block;
	padding: 10px 0;
}
.gheader .gnav .open01{
	border-top:solid 1px #ccc;
}

.gheader .gnav .open01{
	display: none;
	padding-left: 15px;
}
.gheader .gnav .open01 li:last-child{
	border-bottom: none;
}
.gheader .trigger01{
	position: relative;
}
.gheader .trigger01::after{
	content: "＋";
	position: absolute;
	right: 0;
	font-size: 20px;
}
.gheader .active .trigger01::after{
	content: "－";
}


/* 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_sp{
	margin-left: 15px;
	margin-right: 15px;
}

.txt_index01{
	margin-top: 50px;
	font-size: 16px;
	line-height: 160%;
}

.ttl_contents{
	font-size: 25px;
	line-height: 130%;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
.ttl_contents span{
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
}

.top-news__wrapper .news_list {
	margin-top: 5px;
}

.news_list h3{
	font-weight: normal;
}
.news_list .day{
	padding-top: 5px;
	color: #F28E02;
	display: inline-block;
	line-height: 30px;
}
.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:90%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	border:solid 3px #CCCCCC;
	text-align: center;
}

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

.index_item_search a{
	display: inline-block;
	width: 100%;
	padding: 15px 0;
	box-sizing: border-box;
	font-size: 22px;
	position: relative;
}

.index_item_search a span{
	display: block;
	font-size: 15px;
	text-decoration: none;
}
.index_item_search a::after{
	content: "\f30b";
	position: absolute;
	right: 20px;
	color: #707070;
	font-family:'Font Awesome 5 Pro';
	font-weight: 400;
	top:35%;
}

.index_item_search-head {
	display: flex!important;
	flex-direction: column!important;
	justify-content: center!important;
	font-size: 22px!important;
}

@media (max-width: 374px) {
.index_item_search-head {
	font-size: 18px!important;
}
}

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

.footer_contact_pc{
	display: none;
}

.footer_contact_sp{
	background: #F6F6F6;
	padding: 20px 15px;
	margin-top: 40px;
}
@media screen and (min-width: 400px) {
 .footer_contact_sp{
	text-align: center;
  }
}
.footer_contact_sp .logo{
	text-align: center;
	margin-bottom: 10px;
}
.footer_contact_sp .logo img{
	display: inline-block;
	width:100px;
}
.footer_contact_sp .btn{
	width:200px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #707070;
	box-shadow: -4px 4px 0px #ccc;
	text-align: center;
	margin-top: 20px;
}
.footer_contact_sp .btn a{
	background: #fff;
	display: block;
	height: 50px;
	line-height: 50px;
}

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

.gfooter_headline-sub {
	display: block;
	padding: 5px 15px;
	background-color: #cccccc;
	color: #313030;
}

.gfooter{
	background: #313030;
	color: #fff;
}

.gfooter .copy{
	text-align: center;
	font-size: 10px;
	padding: 15px 0
}

/* wp対応フッターメニュー */
@media (max-width: 1024px) {
  .menu-footer-container {
    width: 100%;
  }
}

@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: 23px;
	border-left: solid 6px #F28E02;
	line-height: 150%;
	padding: 7px 0 3px 15px;
	margin-bottom: 40px;
}

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

/* product ---------------------------------------------------- */
.main_img{
	margin-top: 46px;
	margin-bottom: -50px;
}

.btm_cont{
	margin-top: 60px;
}

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

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

.product_lead_area{
	
}
.product_lead ul{
	display: flex;
	align-items:center;
}
.product_lead_area .btn_area{

}

.product_lead .img{
	width:100px;
	text-align: center;
	padding-right: 20px;
}
.product_lead .img img{
	height: auto;
	width:auto;
	max-width: 80px;
	display: inline-block;
}
.product_lead .txt{
	font-size: 1rem;
	width : -webkit-calc(100% - 120px) ;
  width : calc(100% - 120px) ;
}

.product_lead_area .btn_area ul{
	width:100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
	display: flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap: wrap;
}
.product_lead_area .btn_area li{
	width:48%;
	margin-top: 20px;
	text-align: center;
}
.product_lead_area .btn_area li.one{
	width:100%;
}

.product_lead_area .btn_area li a{
	display: block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	font-size: 0.8rem;
}
.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_area{
	border-bottom: dotted 1px #ccc;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

.download_list .line_double{
	border-bottom: solid 1px #707070;
}

.download_list .line_none{
	border-bottom: none !important;
}

.purple{
	color: #832058;
}
.download_list .line_solid{
	border-bottom: solid 1px #707070;
}
.download_list .line_none{
	border-bottom: none;
}

.product_tab,.product_tab02{
	display: flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap: wrap;
}
.product_tab li,.product_tab02 li{
	width : -webkit-calc(50% - 7.5px) ;
  width : calc(50% - 7.5px) ;
	text-align: center;
	margin-top: 20px;
}



.product_tab li a,.product_tab02 li a{
	display: block;
	height: 50px;
	line-height: 50px;
	border:solid 1px #707070;
	text-decoration: none;
}

.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;
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	.product_slide{
		padding: 30px 15px;
		}
}

.cont_style h2{
	text-align: center;
	font-size: 20px;
	margin-bottom: 30px;
	margin-top:30px;
}
.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 li{
	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: 5px;
	border-bottom: solid 1px #ccc;
	word-break: break-all;
}
.cont_style dl dt{
	background: #F6F6F6;
	width:30%;
}
.cont_style dl dd{
	width : 70% ;
}

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

.cont_style dl.dl_one dt,.cont_style dl.dl_one dd{
	width:100%;
}
.cont_style dl.dl_one ul li:first-child{
	margin-top: 0;
}

.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 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 5px;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	word-break: break-all;
}

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: 10px 20px 20px;
}

.contact dl{
	border-top:solid 1px #ccc;
	display: flex;
	flex-wrap: wrap;
}
.cont_style .contact dl{
	border:none;
}
.contact dt,.contact dd{
	padding: 10px 15px;
	box-sizing: border-box;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.contact dl dt{
	width:100%;
	background: #F6F6F6;
}
.cont_style .contact dl dt{
	width:100%;
	border:none;
}
.cont_style .contact dl dd {
	width:100%;
	border: none;

}
.contact dl dd {
	width:100%;
	border-bottom:solid 1px #ccc;
}
.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:100%;
	padding: 10px 15px;
	font-size: 16px;
}
.contact textarea{
	height: 200px;
}
.contact select{
	padding: 10px 15px;
	box-sizing: border-box;
	width:100%;
	border:solid 1px #ccc;
	font-size: 16px;
	background: #fff;
}
.contact select::-ms-expand {
    display: none;
}
.select_box{
	position: relative;
}
.select_box::after{
	content: "▼";
	position: absolute;
	right: 25px;
	top:25px;
	display: block;
	font-size: 12px;
}


.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:180px;
	margin: 30px auto 0;
	position: relative;
}
.contact .btn_contact 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;
	padding-left: 30px;
	cursor: pointer;
}
.contact .btn_contact::before{
	content: "\f0e0";
	position: absolute;
	left: 30px;
	top:11px;
	font-family:'Font Awesome 5 Pro';
	font-weight: 700;
	display: block;
	z-index: 1;
	color: #fff;
	font-size: 20px;
}


.cont_style h3{
	color: #F28E02;
	font-size: 18px;
	margin-top: 30px;
}

.cont_style h4{
	border-left: solid 6px #f28e02;
	font-size: 16px;
	padding-left: 15px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.cont_style h4 img{
	width:auto;
}
.cont_style h5{
	margin-top: 20px;
	font-size: 15px;
}




.cont_style a{
	color:#F28E02;
}

.cont_style hr{
	margin: 45px 0;
}

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

.txt_product01{
	margin-top: 30px;
}

.cont_style .table01{
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	box-sizing: border-box;
	margin-top: 20px;
	width:100%;
}
.cont_style .table01 th,.cont_style .table01 td{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding: 10px;
	box-sizing: border-box;
	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-left: 20px;
	margin-right: 20px;
}
.btm_series_area li{
	box-sizing: border-box;
	padding:50px 3px 3px;
	position: relative;
}
.btm_series_area li a{
	display: block;
	box-sizing: border-box;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	position: relative;
	padding: 0 20px 20px;
	text-decoration: none;	
}
.btm_series_area li h2{
	box-sizing: border-box;
	width:100%;
	padding: 0 20px;
	text-align: center;
	font-size: 21px;
	position: absolute;
	top:-15px;
	left:0;
}
.btm_series_area li h2 span{
	display: inline-block;
	background: #fff;
	padding: 0 10px;
}
.btm_series_area li .img{
	text-align: center;
	padding-top: 40px;
	margin-bottom: 20px;
}
.btm_series_area li .img img{
	max-width:130px;
	display: inline;
}

.btm_series_area .bx-prev,.btm_series_area .bx-next{
	display: block;
	width:40px;
	height: 40px;
	position: absolute;
	top:55%;
	text-indent: -9999px;
	z-index: 50;
}
.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{
	margin-top: 30px;
	border-top: dotted 1px #ccc;
	padding-top: 30px;
}
.product_cat_list .btn{
	width:200px;
	margin-left: 100px;
	margin-top: 20px;
}

@media (max-width: 359px) {
.product_cat_list .btn{
	width:200px;
	margin-left: 90px;
	margin-top: 20px;
}
}

.product_cat_list .img_area .inner{
	display: flex;
}
.product_cat_list .img_area .inner .img{
	width:80px;
	padding-right: 20px;
}
.product_cat_list .img_area .inner .txt_area{
	width : -webkit-calc(100% - 100px) ;
  width : calc(100% - 100px) ;
}

.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: 5px;
	margin-top: 20px;
	box-sizing: border-box;
	width: -webkit-calc(50% - 13px);
  width: calc(50% - 13px);
	margin-left: 5px;
	
}

.cont_style .caption img{
	display: inline-block;
	margin-bottom: 10px;
}

.btn_style{
	width:180px;
	margin: 30px 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: 50px;
}
.security-suite_list .product_lead_area:last-child{
	border-bottom: none;
	padding-bottom: 0;
}

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



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

.solution_top{
	
}
.solution_top .list_area{
	margin: 30px 0 40px;
}
.solution_top .txt_area h2{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
}
.solution_top .txt_area p{
	margin-top: 20px;
}

.solution_top .list_area h2{
	text-align: center;
	font-size: 16px;
	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_products_series{
	margin-top: 0px;
}

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

.store_nav{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.store_nav li{
	width : -webkit-calc(50% - 7.5px) ;
  width : calc(50% - 7.5px) ;
	margin-bottom: 15px;
}
.store_nav li a{
	display: block;
	color: #fff;
	text-decoration: none;
	background: #0066A6;
	padding: 10px 0px;
	text-align: center;
}
.store_nav li a i{
	display: inline-block;
	margin-right: 5px;
}
@media screen and (max-width: 370px) {
	.store_nav li{
		font-size: 0.8rem;
		}
}

.store_link_item{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: solid 1px #707070;
}

.store_lead_area ul{
	display: flex;
	align-items: center;
}
.store_lead_area ul .img{
	width: 100px;
  text-align: center;
  padding-right: 20px;
}
.store_lead_area ul .img img{
	height: auto;
  width: auto;
  max-width: 80px;
}
.store_lead_area ul .txt{
	width : -webkit-calc(100% - 100px) ;
  width : calc(100% - 100px) ;
}
.store_lead_area ul .txt{
	
}
.store_lead_area ul h3{
	border-left: solid 6px #f28e02;
  font-size: 20px;
  padding-left: 15px;
  margin-bottom: 20px;
}
.store_lead_area .btn{
	text-align: right;
	margin-top: 20px;
}
.store_lead_area .btn a{
	display: inline-block;
	height: 50px;
  line-height: 50px;
  color: #fff;
  text-decoration: none;
  font-size: 0.8rem;
	background: #0066A6;
	width : 48% ;
	text-align: center;
}
.store_lead_area .btn a span{
	font-weight: normal;
  padding-left: 10px;
  display: inline-block;
}

.store_link_item .cart_area li{
	border-top: dotted 1px #ccc;
	padding: 15px 0;
}

.store_link_item .cart_area li .sp_btn_area{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.store_link_item .cart_area li .sp_btn_area p.price,.store_link_item .cart_area li .sp_btn_area div.buy{
	width:48%;
}
.store_link_item .cart_area li .sp_btn_area .buy a{
	display: block;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-decoration: none;
  font-size: 0.8rem;
	background: #F28E02;
	text-align: center;
}
.store_link_item .cart_area li .sp_btn_area .buy a span{
	font-weight: normal;
  padding-left: 10px;
  display: inline-block;
}
.store_list .price strong{
	font-size: 17px;
}
.store_link_item .cart_area h4{
	font-size: 17px;
	line-height: 150%;
	margin-bottom: 20px;
}

.store_list .ttl_product{
	border-color: #0066A6;
	margin-top: 30px;
}

.store_link_item .store_lead_area{
	padding-bottom: 20px;	
}

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

.product_lead .txt .price{

	margin-top: 20px;
}

.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;
	background: #f28e02;
	font-size: 0.8rem;
	width:100%;
}
.store_list .buy{
	position: relative;
}
.store_list .buy::before{
	position: absolute;
	color: #fff;
	top:18px;
	left: 25px;
	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;
}




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

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

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

.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{
	width:150px;
	margin: 20px auto 0;;
}
.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: 10px;
}
.wp-pagenavi a,.wp-pagenavi span{
	display: inline-block;
	box-sizing: border-box;
	min-width: 30px;
	padding: 0 10px!important;
	height: 30px;
	line-height: 30px;
	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 .news_archive{
	background: #F6F6F6;
	box-sizing: border-box;
	padding: 20px 15px;
	margin-top: 30px;
}
.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: 35px;
}
.news_day{
	display: block;
	text-align: right;
	margin: -30px 0 20px;
}

@media (max-width: 767px) {
.sitemap_cont{
	display: block;
	width: 100%;
}
.sitemap_inner{
	width: 100%;
}	
}

@media (min-width: 768px) {
.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: 18px;
    margin-top: 30px;
	margin-bottom: 5px;
}
.sitemapL h2:first-child{
	margin-top: 0;
}
.sitemap_inner ul{
	line-height: 250%;
}

.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;
	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: 10px 15px;
	line-height: 0;
}

.pdf2020 .mg_t50{
	margin-top: 30px;
}
.pdf2020 .mg_t60{
	margin-top: 40px;
}
.pdf2020 .mg_t80{
	margin-top: 50px;
}

.txt2020_01{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

.sp_block{
	display: block;
}

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

.img2020_01 img{
	display: inline-block;
	width:180px;
}

.pdf2020 .block01{
}
.pdf2020 .block01 li{
	text-align: center;
	margin-top: 30px;
}
.pdf2020 .block01 li img{
	width:150px;
}
.pdf2020 .block01 li p{
	margin-top: 10px;
	line-height: 160%;
	font-weight: bold;
}

.products2020{
	font-size: 15px;
	margin-top: 30px;
}
.products2020 .tbl_area{
	margin-top: 30px;	
}
.products2020 h3{
	font-size: 20px;
	margin-bottom: 30px;
	margin-top: 5px;
}
.products2020 .img_inner{
	display: flex;
	justify-content: space-between;
}
.products2020 .img_inner .img{
	width:100px;
}
.products2020 .img_inner .txt{
	width : -webkit-calc(100% - 120px) ;
  width : calc(100% - 120px) ;
	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{
}
.movie2020 li{
	box-sizing: border-box;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	margin-top: 40px;
}
.movie2020 li .txt_area{
	padding: 20px 15px;
}
.movie2020 li .txt_area h4{
	font-size: 18px;
	margin-bottom: 15px;
	text-align: center;
}
.plgin2020 li{
	box-sizing: border-box;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	margin-top: 40px;
	padding: 20px 15px;
}

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

.btn_style .bg_orange{
	color:#fff;
}

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

.fox_cm_area{
}
.fox_cm_area .list{
	margin-top: 40px;
}
.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{

}

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

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


/* メール---------------------------------------------------- */
.mail dl{
	border-top:solid 1px #ccc;
	display: flex;
	flex-wrap: wrap;
}
.mail .mail dl{
	border:none;
}

.mail dt,
.mail dd{
	padding: 10px 15px!important;
	box-sizing: border-box;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.mail dl dt{
	width:100%;
	background: #F6F6F6;
}
.cont_style .mail dl dt{
	width:100%;
	border:none;
}
.cont_style .mail dl dd {
	width:100%;
	border: none;
}

.mail dl dd {
	width:100%;
	border-bottom:solid 1px #ccc!important;
}
.mail input[type="text"],
.mail input[type="email"] {
	border:solid 1px #ccc;
	background: #fff;
	box-sizing: border-box;
	width:100%;
	padding: 10px 15px;
	font-size: 16px;
}

.mail .btn_contact{
	width:180px;
	margin: 30px 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-direction: column;
	align-items: center;
	width: 100%;
}

.about-pdf__features-list > div {
	width: 100%;
	max-width: 320px;
	margin-top: 25px;
}

.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 {
	width: 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 {
	width: 100%;
}

.about-pdf__column--left > li {
	width: 100%;
	margin-top: 30px;
}

.about-pdf__column--left > li:nth-child(2n-1) {
	
}

.about-pdf__column--left > li:nth-child(2n) {
	text-align: center;
}

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

.about-pdf__column--right > li {
	width: 100%;
}

.about-pdf__column--right > li:nth-child(2n-1) {	
	margin-top: 30px;
	text-align: center;
	order: 2;
}

.about-pdf__column--right > li:nth-child(2n) {
	
}

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

.about-pdf__check > li {
	position: relative;
	width: 100%;
	padding-left: 30px;
	margin-top: 15px;
}

.about-pdf__check > li:first-child {
	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-direction: column;
	align-items: center;
}

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

.top-headline__link > span > a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0 8px;
	border: 1px solid #F28E02;
	border-radius: 20px;
	font-size: 14px;
	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: 22px;
	text-align: center;
}

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

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

@media (min-width: 768px) {
	.pdf-editor-online__catch {
		width: 100%;
		font-size: 24px;
		line-height: 1.5;
		color: #04B5AC;
	}
}
@media (max-width: 767px) {
	.pdf-editor-online__catch {
		width: 100%;
		font-size: 20px;
		line-height: 1.5;
		color: #04B5AC;
	}
}

@media (min-width: 768px) {
	.pdf-editor-online__head--column {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 100%;
		margin-top: 20px;
	}
	
	.pdf-editor-online__head--description {
		width: calc(100% - 250px);
	}
	
	.pdf-editor-online__head--nav {
		width: 250px;
		padding-left: 40px;
	}	
}
@media (max-width: 767px) {
	.pdf-editor-online__head--column {
		width: 100%;
		margin-top: 20px;
	}
	
	.pdf-editor-online__head--description {
		width: 100%;
	}
	
	.pdf-editor-online__head--nav {
		width: 100%;
		margin-top: 30px;
	}
}

@media (min-width: 768px) {
	.pdf-editor-online__head--headline {
		font-size: 20px;
		line-height: 1.5;
	}
}
@media (max-width: 767px) {
	.pdf-editor-online__head--headline {
		font-size: 16px;
		line-height: 1.5;
	}
}

@media (min-width: 768px) {
	.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;
	}	
}
@media (max-width: 767px) {
	.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: 20px;
		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 {
	width: 100%;
	margin-top: 45px;
}

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

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

.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;
	font-size: 12px;
	color: #707070;
}

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

@media (min-width: 768px) {
	.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;
	}
}
@media (max-width: 767px) {
	.pdf-editor-online__functions-list > div {
		width: 100%;
		margin-top: 15px;
	}
	.pdf-editor-online__functions-list > div:first-child {
		margin-top: 0;
	}
	
	.pdf-editor-online__functions-list > div > dt {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 10px;
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		background-color: #F6F6F6;
		font-weight: bold;
	}
	
	.pdf-editor-online__functions-list > div > dd {
		width: 100%;
		padding: 0;
		border-top: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
	}
	.pdf-editor-online__functions-list > div > dd:last-child {
		border-bottom: 1px solid #CCCCCC;
	}
}

@media (min-width: 768px) {
	.pdf-editor-online__functions-list li {
		width: 100%;
		padding: 10px 15px;
		border-bottom: 1px solid #CCCCCC;
	}
}
@media (max-width: 767px) {
	.pdf-editor-online__functions-list li {
		width: 100%;
		padding: 10px;
		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 16px 32px;
    background-color: #FFFFFF; }

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

  .webner__eyecatch {
    width: 100%; }

  .webner__head {
    width: 100%;
    margin-bottom: 16px; }

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

  .webner__head--title {
    font-size: 28px;
    font-size: clamp(24px, 3.125vw, 32px);
    font-weight: bold;
    color: #F28E02;
    text-align: center; }
@media (max-width: 767px) {
  .webner__head--title {
    font-size: 18px;
    font-size: clamp(18px, 2vw, 32px); } }

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

  .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: 300px;
      height: 56px;
      padding: 2px 40px 0;
      border-radius: 4px;
      background-color: #F28E02;
      font-size: 20px;
      font-size: clamp(18px, 2.34vw, 22px);
      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); }
@media (max-width: 767px) {
  .webner__btn a {
    font-size: 18px;
    font-size: clamp(18px, 5vw, 22px); } }

  .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: 25%;
        padding: 8px;
        border-top: 1px solid #ABABAB;
        border-left: 1px solid #ABABAB;
        background-color: #F8F8F8;
        font-weight: bold; }
      .webner__overview > div > dd {
        width: 75%;
        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: 20px;
    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: 16px;
    background-color: #F8F8F8; }
    .news-fixed > li {
      position: relative;
      width: 100%;
      margin-bottom: 15px;
      padding-bottom: 8px;
      padding-left: 32px;
      border-bottom: 2px dotted #CED4DA;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.5;
      color: #3d3d3d;
      overflow: hidden; }
      .news-fixed > li::before {
        content: "";
        position: absolute;
        top: 1px;
        left: 0;
        z-index: 100;
        display: block;
        width: 24px;
        height: 24px;
        background-image: url("../images/main/circle-arrow-right.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain; }
      .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: 45px;
    padding: 45px 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%;
    padding: 0 15px; }

  .top-review__list {
    width: 100%;
    margin-top: 45px;
    padding: 0 0 15px;
    overflow-y: auto;
    height: 480px;
    -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: 30px; }

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

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

  .top-review__headline {
    width: calc(100% - 64px);
    padding-left: 8px;
    font-size: 18px;
    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: 27px;
    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;
    font-size: 12px;
    font-size: clamp(10px, 2.78vw, 14px);
    text-align: right;
  }
  .top-review__source:first-child {
    margin-top: 0;
  }

/*================================================
 * campaign（cp）：キャンペーン
 ================================================*/
/* 新規キャンペーンクラス */
  .cnp__wrapper {
    width: 100%;
    padding: 15px;
    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: 16px; }
      .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;
      margin-bottom: 20px;
      padding: 10px 15px;
      background: linear-gradient(to right, #942281 0%, #c5157a 100%);
      font-size: 20px;
      font-weight: normal;
      line-height: 1.2;
      color: #FFFFFF;
      text-align: center; }
      .cp__wrapper h2 > span.-date {
        font-size: 18px; }
      .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 45px;
    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: 18px;
        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: 20px;
            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; }
    .cp__img.-wrap {
      display: flex;
      flex-wrap: wrap; }
      .cp__img.-wrap > li {
        width: auto; }
    .cp__img.-center {
      justify-content: center; }
      .cp__img.-center > li {
        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%;
    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: 14px;
      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%;
    padding: 0 15px; }

  .comparison__nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 24px 0; }
    .comparison__nav > li {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      width: 100%;
      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;
      flex-wrap: wrap;
      width: 100%;
      margin-bottom: 16px;
      font-size: 13px;
      line-height: 1.4; }
      .comparison__table > div > dt {
        width: 100%;
        padding: 10px 4px;
        background-color: #F5F5F5;
        font-weight: bold;
        text-align: center; }
        .comparison__table > div > dt > span {
          display: inline-block;
          width: 100%;
          font-weight: normal;
          font-size: 12px;
          line-height: 1.2; }
      .comparison__table > div > dd {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 25%;
        padding: 10px 4px; }
        .comparison__table > div > dd a {
          color: #005190; }
      .comparison__table > div.-item {
        display: flex;
        margin-bottom: 8px; }
        .comparison__table > div.-item > dt {
          display: none; }
          .comparison__table > div.-item > dt > span {
            display: none; }
        .comparison__table > div.-item > dd > span {
          width: 100%;
          margin-top: 8px;
          font-size: 12px;
          text-align: center; }
        @media (max-width: 1024px) and (max-width: 359px) {
          .comparison__table > div.-item > dd > span {
            font-size: 11px; } }

      .comparison__table > div.-store > dt.-buy {
        display: none; }
      .comparison__table > div.-store > dd {
        justify-content: flex-start; }

      @media (max-width: 1024px) and (max-width: 767px) {
        .comparison__table > div.-store > dd {
          width: 100%;
          padding-bottom: 8px;
          margin-bottom: 8px;
          border-bottom: 1px dotted #CED4DA; } }

      .comparison__table > div.-store.-name {
        display: none; }
      .comparison__table > div.-store.-subscription > dd:last-child {
        border-bottom: none; }
      .comparison__table > div.-store.-permanence > dd:last-child {
        border-bottom: none; }

    @media (max-width: 1024px) and (min-width: 768px) and (max-width: 1024px) {
      .comparison__table > div.-store.-permanence {
        margin-bottom: 0; } }
      .comparison__table > div:last-child {
        margin-bottom: 0; }

  .comparison__cart {
    width: 100%; }
    .comparison__cart > li {
      width: 100%;
      margin-bottom: 8px;
      font-size: 13px;
      text-align: center; }
      .comparison__cart > li.-name {
        font-size: 12px; }
      .comparison__cart > li.-price {
        font-weight: bold; }
        .comparison__cart > li.-price > span {
          font-size: 12px;
          font-weight: normal; }
        .comparison__cart > li.-price .-name {
          padding-bottom: 8px;
          font-weight: normal; }
      .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;
          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; }
      @media (max-width: 1024px) and (max-width: 767px) {
        .comparison__cart > li.-dl {
          min-height: auto; } }


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

  .top-target__wrapper {
    width: 100%;
    padding: 15px;
    border: 1px solid #CED4DA;
    border-radius: 8px;
    overflow: hidden; }
    .top-target__wrapper > li {
      margin-bottom: 16px; }
      .top-target__wrapper > li:last-child {
        margin-bottom: 0; }

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

  .top-news__wrapper {
    width: 100%;
    padding: 15px;
    border: 1px solid #CED4DA;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box; }

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

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

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

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

  .casestudy__container {
    width: 100%;
    margin-bottom: 40px;
    padding: 0 15px; }

  .casestudy__thumbnail {
    display: inline-block;
    width: 100%;
    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 {
      color: #F28E02; }

  .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 {
    width: 100%; }
    .edu__eyecatch--container > li {
      width: 100%;
      padding: 0 15px; }
      .edu__eyecatch--container > li.-overview {
        margin-bottom: 48px;
        padding-top: 48px;
        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__btn-list {
    width: 100%; }
    .edu__btn-list > li {
      margin-top: 16px;
      text-align: center; }
      .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: #FFFFFF;
      text-decoration: none; }

  .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;
        text-decoration: underline; }
        .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 {
    width: 100%;
    max-width: 664px;
    margin: 64px auto 0; }
    .edu__list > li {
      width: 100%;
      margin-bottom: 64px;
      padding: 0 32px; }

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

  .edu__list--coment {
    width: 100%;
    padding: 32px;
    border: 1px solid #CED4DA; }

  .edu__subscription {
    width: 100%;
    margin-top: 48px;
    background-image: url("../images/product/edu/paper-yellow.jpg");
    background-attachment: fixed; }
    .edu__subscription > li.-thumbnail {
      width: 100%;
      padding: 0 15px; }
    .edu__subscription > li.-coment {
      width: 100%;
      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: 48px;
    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-direction: column;
    width: 100%; }
    .edu__solution--container > li.-itemlist {
      width: 100%;
      order: 2; }
    .edu__solution--container > li.-thumbnail {
      width: 100%;
      padding: 0 40px;
      order: 1; }

  .edu__solution--itemlist {
    width: 100%;
    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 {
    width: 100%; }
    .edu__overview--itemlist > li {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      margin-bottom: 22px;
      padding: 0 40px 48px; }

  .edu__overview--thumbnail {
    width: 100px;
    margin: 0 auto 48px; }
    .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 {
    width: 100%; }
    .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 {
	position: fixed!important;
}

/*================================================
 *  カスタムエレメント 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: 24px !important; }

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

  .element__font-medium {
    font-size: 18px !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 {
    width: 100%;
    margin: 0 auto 30px;
    max-width: 400px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .element__btn-list > li {
      width: 48%;
      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: 100%;
    min-height: 50px;
    line-height: 50px;
    padding: 0 8px;
    background-color: #F28E02;
    font-size: 0.8rem;
    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: 100%;
    min-height: 50px;
    line-height: 50px;
    padding: 0 8px;
    background-color: #0066A6;
    font-size: 0.8rem;
    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: 100%;
    min-height: 50px;
    line-height: 50px;
    padding: 0 8px;
    background-color: #B20000;
    font-size: 0.8rem;
    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: 100%;
    min-height: 50px;
    line-height: 50px;
    padding: 0 8px;
    background-color: #982E91;
    font-size: 0.8rem;
    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: 100%;
    min-height: 50px;
    line-height: 50px;
    padding: 0 8px;
    background-color: #009994;
    font-size: 0.8rem;
    text-align: center;
    color: white; }
    .element__btn-green:hover {
      opacity: 0.7;
      text-decoration: none;
      color: white; }

  .element__container--wrap {
    width: 100%;
    margin-bottom: 30px; }
    .element__container--wrap > li {
      width: 100%;
      margin-bottom: 30px; }
    .element__container--wrap:last-child {
      margin-bottom: 0; }
    .element__container--wrap:last-child {
      margin-bottom: 0; }

  .element__container--btn {
    width: 100%;
    margin-bottom: 30px; }
    .element__container--btn > li {
      width: 100%;
      margin-bottom: 30px; }
      .element__container--btn > li:last-child {
        margin-bottom: 0; }
    .element__container--btn:last-child {
      margin-bottom: 0; }

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

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

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

  .store__products {
    width: 100%;
    margin-bottom: 24px; }

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

  .store__photo {
    width: 100%;
    max-width: 100px;
    margin: 0 auto; }

  .store__item--overview {
    width: 100%;
    font-size: 16px; }

  .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: 20px; }

  .store__heading {
    width: 100%;
    margin-bottom: 8px;
    font-size: 18px;
    font-size: clamp(16px, 4.44vw, 18px);
    text-align: center; }

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

  .store__nav--btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid #F28E02;
    background-color: white;
    font-size: 16px;
    color: #F28E02;
    text-align: center; }
    .store__nav--btn:hover {
      color: #F28E02; }

  .store__feature {
    width: 100%; }

  .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: 14px;
        font-weight: bold; }
    .list__disc:last-child {
      margin-bottom: 0; }
      .list__disc:last-child > li:last-child {
        margin-bottom: 0; }

  .store__cart {
    width: 300px;
    margin: 0 auto;
    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: 15px;
      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: 100%;
      margin: 0 0 24px 0 !important;
      border: 1px solid #ABABAB;
      background-color: #FFFFFF; }
      .column-article__list > li > a {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        overflow: hidden;
        text-decoration: none; }

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

  .column-article__list--item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 16px; }
    .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: 16px;
        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: 18px;
        font-weight: 500;
        color: #3d3d3d;
        overflow: hidden; }
      .column-article__list--item > li.coment {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin: 0;
        color: #3d3d3d;
        overflow: hidden; }

  .column-article__wrapper {
    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: 100%;
    margin-bottom: 40px; }

  .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 !important;
    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: 16px !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: 30px; }
    .column-article__container.-center {
      text-align: center; }
    .column-article__container:last-child {
      margin-bottom: 0; }

  .column-article__column--wrapper {
    width: 100%; }

  .column-article__column--container {
    width: 100%;
    margin-bottom: 30px; }
    .column-article__column--container.-center {
      text-align: center; }

  .column-article-side {
    width: 100%; }

  .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; } }