@charset "utf-8";
/*
 Theme Name:twentytwelve-child
 Template:twentytwelve
*/

@import url('/wordpress/wp-content/themes/twentytwelve-child/css/reset.css');
@import url('/wordpress/wp-content/themes/twentytwelve-child/css/customize_common.css');
@import url('/wordpress/wp-content/themes/twentytwelve-child/css/new-page.css');
@import url('/wordpress/wp-content/themes/twentytwelve-child/css/new-onayami.css');


/* IEでもきれいなフォント  */
body.custom-font-enabled {
	font-size: 1rem;
	font-size: 14px;
	color: #000;
	line-height: 160%;
}

html,
body {
	font-size: 1rem;
	font-size: 16px;
	letter-spacing: 1px;
	color: #000;
	line-height: 160%;
	scroll-behavior: smooth;
}

html {
	min-height: 100%;
	position: relative;
}

body {
	font-family: 'BIZ UDPGothic', sans-serif;
	background-color: #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 200;
	text-transform: capitalize;
}

p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.7;
	color: #000;
	text-transform: none;
}

ul li {
	font-weight: 500;
	text-transform: none;
}

a,
a:hover {
	color: #000;
}

.entry-content a:visited,
.comment-content a:visited {
	color: #000;
}

/* Container */
.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	display: block;
}

button,
input,
select,
textarea {
	border: 1px solid #ccc;
	background: #f8f8f8;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}

#main {
	display: block;
	position: relative;
	z-index: 500;
}

.color-red {
	color: #e50012;
	font-weight: 700;
}

.pc-hide {
	display: none;
}

.sp-hide {
	display: block;
}

.block_480 {
	display: none;
}

/*========= スクロール途中でヘッダーが表示＆非表示するためのCSS ===============*/
#header {
	position: fixed;
	height: 80px;
	width: 100%;
	z-index: 998;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	background: rgba(255, 255, 255, 0.9);
	color: #000;
	text-align: center;
	padding: 20px 100px 20px 20px;
}

#header.DownMove {
	animation: DownAnime 0.5s forwards;
}

@keyframes DownAnime {
	from {
		opacity: 0;
		transform: translateY(-100px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#site-logo {
	display: block;
	margin-top: 25px;
}

.logo-img {
	width: 180px;
}

h2.site-description {
	position: absolute;
	top: 10px;
	left: 25px;
	max-width: 580px;
	font-size: 10px;
	font-weight: 700;
	color: #000;
	line-height: 10px;
}

#navArea {
	display: flex;
	flex-direction: column;
}

#topNav #top {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	margin-top: 8px;
}

#topNav #top li a {
	font-size: 11px;
	font-weight: 700;
	padding: 0 5px;
	text-decoration: none;
}

#topNav #top li.blank::after {
	content: url(/wordpress/wp-content/uploads/img/header-link-blank.svg);
	width: 12px;
	height: 12px;
	float: right;
	margin-right: 10px;
	margin-top: 2px;
}

#gnav__menu li.blank::after {
	content: url(/wordpress/wp-content/uploads/img/header-link-blank.svg);
	width: 12px;
	height: 12px;
	float: right;
	margin-right: 10px;
	margin-top: 2px;
}

#gnav__menu li:last-child a {
	margin-right: 0;
}

#searchform {
	position: relative;
	top: -2px;
}

#gnav__menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-top: 8px;
}

#gnav__menu li.gnavi__list {
	position: relative;
	font-size: 14px;
	font-weight: 700;
	padding: 0 5px;
	text-decoration: none;
}

#gnav__menu li a {
	position: relative;
	font-size: 14px;
	font-weight: 700;
	margin-right: 10px;
	text-decoration: none;
	padding: 10px;
}

#gnav__menu li a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	background: #e50012;
	bottom: -1px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform 0.3s;
}

#gnav__menu li a:hover::after {
	transform: scale(1, 1);
}


/* ★★ ヘッダーメニュー変更 の記述 ここから 2024.10.04 ★★ */

#gnav__menu li.gnavi__list a::after {
	content: none;
}

#gnav__menu li.gnavi__list a.under_l {
	position: relative;
}

#gnav__menu li.gnavi__list a.under_l::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	background: #e50012;
	bottom: -1px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform 0.3s;
}



#gnav__menu li.gnavi__list a.under_l:hover::after {
	transform: scale(1, 1);
}




ul.dropdown__lists {
	display: none;
	/*デフォルトでは非表示の状態にしておく*/
	width: 100%;
	position: absolute;
	top: 125%;
	right: 4px;
}

.gnavi__list:hover .dropdown__lists {
	display: block;
	/*Gナビメニューにホバーしたら表示*/
}

li.dropdown__list_item {
	background-color: #000000;
	/* height: 30px; */
	transition: all .3s;
	position: relative;
	padding: 5px;
	border: 1px solid #fff;
	width: 180px;
}

li.dropdown__list_item_b {
	width: 188.5px !important;
}

li.dropdown__list_item:not(:first-child)::before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: #3492d1;
	position: absolute;
	top: 0;
	left: 0;
}



li.dropdown__list_item a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	position: relative;
	margin-right: 0 !important;
	transition: 0.3s;
}


li.dropdown__list_item a:hover {
	background: #c00017;
	color: #fff;
}



/* アコーディオンメニュー */

button {
	position: relative;
	border: none;
	width: 100%;
	background-color: inherit;
	color: #fff;
	cursor: pointer;
	text-align: left;
	padding: 15px 0 15px 20px;
	font-size: 1em;
}

/* button:hover {
	background-color: #1A5B27;
} */

button:hover {
	background-color: transparent;
}

button::before,
button::after {
	content: "";
	position: absolute;
	top: 54%;
	width: 1.5px;
	height: 8px;
	background-color: #fff;
	transition: .5s;
}

button::before {
	transform: translateY(-50%) rotate(-45deg);
	right: 15px;
}

button::after {
	transform: translateY(-50%) rotate(45deg);
	right: 9px;
}

li.active button::before {
	transform: rotate(-135deg);
	transition: .5s;
	top: 42%;
}

li.active button::after {
	transform: rotate(-45deg);
	transition: .5s;
	top: 42%;
}

button.accordionBtn {
	padding: 15px 0px 5px;
}

button.accordionBtn_b {
	padding: 5px 0px 5px !important;
}

button.accordionBtn::before,
button.accordionBtn::after {
	content: none;
}

ul.accordionBtn_inner {
	margin-top: -5px;
	margin-bottom: 5px;
}

a.gnav-text-btn_2_in:hover {
	background-size: 100% 3px !important;
}


/* ★★★ハンバーガーメニューアコーディオン設定 START★★★ */

/* ul.include-accordion ul {
	height: 0;
	padding: 0;
	overflow: hidden;
	transition: .5s;
	margin: 0;
}

ul.include-accordion.active {
	overflow-y: auto;
} */

/* button.accordionBtn {
	padding-left: 0;
}

button.accordionBtn:hover {
	background-color: transparent;
	color: #fff;
}

ul.include-accordion.active ul.accordionBtn_inner {
	margin-bottom: 50px;
} */


/* ul.accordionBtn_inner a:hover {
	background-size: 100% 3px !important;
} */


/* ★★★ハンバーガーメニューアコーディオン設定 END★★★ */

/* ★★ ヘッダーメニュー変更 の記述 ここまで 2024.10.04 ★★ */


@media (max-width: 800px) {

	button::before,
	button::after {
		top: 50%;
	}
}


/********************************** 見出し **********************************/
div.text-animation h2 {
	font-size: 46px;
	font-weight: 700;
	text-align: center;
	color: #000;
	letter-spacing: 1px;
}

div.text-animation h2 span {
	display: inline-block;
	transition: transform 1s cubic-bezier(0.65, 0.02, 0.23, 1);
	transform: translate(20%, 100%);
	position: relative;
	z-index: 1;
	letter-spacing: -0.03em;
	animation-iteration-count: 1;
}

div.text-animation h2 span:before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: translateY(-40%, 100%);
	transition: transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1);
}

div.text-animation h2 span.row {
	overflow: hidden;
	line-height: 1.2;
	display: block;
	transform: none;
}

div.text-animation h2 span.row:before {
	display: none;
}

div.text-animation h2 .animate {
	opacity: 1;
	transform: translate(0, 0);
}

div.text-animation h2 .animate:before {
	opacity: 0;
	transform: translateY(100%);
}

h3.contents_title {
	font-size: 2.4rem;
	margin: 20px auto;
	line-height: 1.4;
}

h3.contents_title span {
	font-size: 1.6rem;
}


.block_700 {
	display: none;
}

/****************************** TOP ボタン **********************************/
div.top_btn_area {
	/*width: 320px;*/
	margin: auto;
	text-align: center;
}

div.top_btn_area_timeline {
	width: 360px;
	margin: 80px auto auto;
	text-align: center;
}

.top_btn {
	width: 360px;
	margin: 40px 0;
	position: relative;
	padding: 13px 0px 11px;
	background-color: #e50012;
	color: #fff !important;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	font-size: 16px;
	font-weight: 600;
	border-radius: 45px;
	border: 3px solid #e50012;
}

.top_btn::after {
	content: "";
	position: absolute;
	top: 36%;
	bottom: 0;
	right: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: right .4s;
	width: 15px;
	height: 15px;
	background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 15px no-repeat;
}

.top_btn:hover {
	background: #fff;
	color: #e50012 !important;
	border: 3px solid #e50012;
}

.top_btn:hover:after {
	right: 16px;
	background: url(/wordpress/wp-content/uploads/img/arrow_r.svg) center center / 15px no-repeat;
}

.top_btn2 {
	width: 180px;
	margin: 5px 0;
	position: relative;
	padding: 10px 0;
	background-color: #333;
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	font-size: 14px;
	font-weight: 600;
	border-radius: 25px;
	border: 2px solid #333;
}

.top_btn2::after {
	content: "";
	position: absolute;
	top: 50%;
	bottom: 0;
	right: 17px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: right .3s;
	width: 7px;
	height: 7px;
	background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 15px no-repeat;
}

.top_btn:hover {
	background: #fff;
	color: #e50012;
	border: 3px solid #e50012;
}

.top_btn:hover:after {
	right: 16px;
	background: url(/wordpress/wp-content/uploads/img/arrow_r.svg) center center / 15px no-repeat;
}



/********************************************* アニメーション *****************************************/
.scroll-up {
	opacity: 0;
	visibility: hidden;
	transform: translateY(50px);
	transition: all 1s;
}

.scroll-up.is-show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

.scroll-up2 {
	opacity: 0;
	visibility: hidden;
	transform: translateY(70px);
	transition: all 1s;
}

.scroll-up2.is-show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

/**************************************** メインビジュアル ********************************************/

.fade {
	animation-name: fadein;
	animation-duration: .5s;
	animation-iteration-count: 1;
}

@keyframes fadein {
	from {
		transform: translateY(30px);
	}

	to {
		transform: translateY(0);
	}
}

@keyframes img-wrap-l {
	100% {
		transform: translateY(100%);
	}
}

@keyframes img-wrap-r {
	100% {
		transform: translateY(-100%);
	}
}

/************************************************** Widefone シリーズの特長 ***********************************************************/
div.top_service_area {
	width: 90%;
	margin: 100px auto 30px;
	padding: 50px 0;
}

p.h2_comment {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	width: 90%;
	margin: -10px 5% 30px;
	text-align: center;
}


p.underline-ani span,
p.service_comment span {
	background-image: -webkit-linear-gradient(left, #ffe653 50%, transparent 50%);
	background-image: linear-gradient(to right, #ffe653 50%, transparent 50%);
	background-position: 100% 0%;
	background-size: 200% auto;
	background-repeat: no-repeat;
	-webkit-transition: background-position .5s ease-out;
	transition: background-position .5s ease-out;
}

p.underline-ani:hover span,
p.service_comment:hover span {
	background-position: 0% 0%;
}

.service_list_img {
	width: 100%;
	height: 240px;
}


/***************************** お知らせ ***********************************/
div.top_news_area {
	width: 100%;
	margin: auto;
	padding: 10px 0 80px;
	background: #f1f1f1;
}

div.top_news_area .inner {
	width: 90%;
	max-width: 1200px;
	margin: 80px auto auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}

div.top_news_area .inner .title {
	width: 22%;
	margin-right: 50px;
}

.whats_wrap_inner {
	width: 78%;
	padding: 0 0 20px;
	margin: 0px auto;
}

.entry-content #whatsnew-title_list .whatsnew-cateid {
	background: #f1f1f1;
}

div#whatsnew-title_list div.whatsnew-wrap {
	background: #f1f1f1;
}

.entry-content #whatsnew-title_list dt.topic_time,
.entry-content dt.topic_time {
	font-size: 13px;
	margin-top: 3px;
}

.top_btn_news {
	position: relative;
	width: 100%;
	max-width: 180px;
	display: inline-block;
	margin: auto;
	padding: 10px 0;
	color: #fff !important;
	background-color: #222;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	font-size: 15px;
	font-weight: 700;
	border-radius: 45px;
}

.top_btn_news::after {
	content: "";
	position: absolute;
	top: 36%;
	bottom: 0;
	right: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: right .3s;
	width: 10px;
	height: 10px;
	background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 10px no-repeat;
}

.top_btn_news:hover {
	transform: translateY(-2px);
	box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}

.top_btn_news:hover:after {
	right: 12px;
}


/***************** お問い合わせ ****************/


div.top_cta_area {
	width: 100%;
	margin: auto;
	padding: 0;
	background-image: url(/wordpress/wp-content/uploads/img/LogoImage.svg);
	background-color: #595959;
	background-repeat: repeat-x;
	background-size: 180%;
	-webkit-animation: bgroop 80s linear infinite;
	animation: bgroop 80s linear infinite;
	z-index: 600;
}


@-webkit-keyframes bgroop {
	from {
		background-position: 0 100%;
	}

	to {
		background-position: -5000px 100%;
	}
}

@keyframes bgroop {
	from {
		background-position: 0 100%;
	}

	to {
		background-position: -5000px 100%;
	}
}



div.top_cta_area .cta_area_inner {
	width: 100%;
	max-width: 1400px;
	padding: 80px 0 60px;
	margin: auto;
}

div.top_cta_area .cta_area_inner .cta_center_box {
	width: 100%;
	margin: auto;
	padding: 60px 6% 40px;
	display: inline-block;
}

div.top_cta_area .cta_area_inner .cta_center_box h2 {
	color: #fff;
	margin-bottom: 0;
}

div.top_cta_area .cta_area_inner .cta-box {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	padding: 60px 0;
}

div.top_cta_area .cta_area_inner .cta_left_box,
div.top_cta_area .cta_area_inner .cta_right_box {
	width: 50%;
	height: 260px;
	margin: auto;
	padding: 0 10%;
	display: flex;
	flex-wrap: nowrap;
	text-align: center;
	justify-content: center;
}

div.top_cta_area .cta_area_inner .cta_left_box {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

p.s-text {
	font-size: 50%;
	font-weight: 600;
	margin-top: 10px;
	color: #ccc;
}

div.top_cta_area .cta_area_inner .cta_center_box p.title-eng {
	font-size: 80%;
	font-weight: 700;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
}

div.top_cta_area .cta_area_inner .cta_right_box p {
	font-size: 1rem;
	line-height: 1.5;
	color: #fff;
	margin: 25px 0 16px 50px;
	text-align: center;
}

div.cta_inner .tel_text {
	font-size: 2.4rem;
	font-weight: 700;
	color: #fff;
	margin-top: 10px;
	line-height: 0.7;
}

div.cta_inner .tel_text a {
	text-decoration: none;
	color: #fff;
}

div.cta_inner .tel_text span {
	font-size: 12px;
	font-weight: 400;
	margin-left: 25px;
	text-align: center;
}

div.cta_inner .tel_text::before {
	content: url(/wordpress/wp-content/uploads/img/ico-tel.svg);
	width: 32px;
	height: 32px;
	float: left;
	margin-top: -4px;
	margin-left: 20px;
}

div.cta_inner .mail_text {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-top: 25px;
}

div.cta_inner .mail_text::before {
	content: url(/wordpress/wp-content/uploads/img/footer-ico-mail.svg);
	width: 20px;
	height: 20px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 15px;
}

div.cta_inner p.comment {
	font-size: 1.1rem;
	font-weight: 400;
	color: #fff;
	margin-top: 30px;
	margin-bottom: -10px;
}

div.cta_inner .text {
	font-size: 90%;
	color: #fff;
	margin-top: 45px;
	margin-bottom: 45px;
}

div.cta_btn {
	margin-top: 18px;
}

.cta_inner h3 {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	margin: 20px 0 30px;
}

#page-inner .cta_inner h3 {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
	text-align: center;
}


/*アニメーション要素のスタイル*/
.scroll-up {
	opacity: 0;
	visibility: hidden;
	transform: translateY(50px);
	transition: all 1s;
}

.scroll-up.is-show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

/************** footer ****************/
footer[role="contentinfo"] {
	position: relative;
	margin: 0 auto;
	max-width: none;
	background: #222;
	padding-top: 100px;
	border-top: none;
	z-index: 600;
}

div.footer-mark {
	background: #fff;
	width: 80%;
	text-align: center;
	margin-left: 0;
	padding: 10px;
}

span.isms_text {
	font-size: 12px;
}

span.question-q {
	font-size: 22px !important;
	font-weight: 700;
}

div.faq-answer {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

div.faq-answer .answer-a {
	width: 3%;
	margin-top: -4px;
	margin-right: 5px;
	font-size: 22px;
	font-weight: 700;
	color: #e50012;
}

div.faq-answer .answer-text {
	width: 97%;
	text-align: left;
}

div.faq-answer .answer-text p {
	margin-bottom: 5px;
}

ul.faq-accordion-question span {
	padding: 0 5px 10px;
}

ul.faq-accordion-question>li>p {
	padding: 20px 25px 0;
}

/****************************************** footer **************************************/
#footer {
	position: relative;
	padding: 100px 40px;
	background: #222;
	color: #919395;
	z-index: 600;
}

#footercontents {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 90%;
	max-width: 1400px;
	margin: 0 auto 40px;
}

#footer a {
	font-size: 12px;
	color: #919395;
	opacity: 1;
	text-decoration: none;
}

#footer img {
	max-width: 100%;
	height: auto;
	border-style: none;
	vertical-align: middle;
}

#info {
	width: 20%;
}

.wt-logo-size {
	width: 80%;
}

#nav.sitemap {
	width: 80%;
}

#info dt {
	margin: 10px 0 0;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
}

#info dd {
	font-size: 12px;
	color: #fff;
	margin-left: 0;
	margin-top: 10px;
	line-height: 1.6;
}

#sitemap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	white-space: nowrap;
	margin-left: 80px;
	width: 80%;
}

#sitemapbtn {
	display: none;
}

#sitemap>ul {
	width: calc((65% - 100px) / 2);
	margin-right: 50px;
}

#sitemap>ul:last-child {
	width: 35%;
	margin-right: 0;
}

#sitemap>ul>li {
	margin-bottom: 15px;
}

#sitemap>ul>li {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #424242;
}

#sitemap>ul>li>a {
	display: block;
	padding: 15px 5px 0 5px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.06em;
	color: #eee;
	text-decoration: none;
}

#sitemap>ul>li>a.text-btn-m {
	font-size: 14px;
}

#sitemap>ul>li>ul {
	flex: 1;
}

#sitemap>ul>li>ul>li {
	margin-bottom: 24px;
}

#sitemap>ul>li>ul>li a {
	position: relative;
	display: inline-block;
	padding-left: 16px;
}

#sitemap>ul>li>ul>li>a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 8px;
	height: 1px;
	background: #919395;
}

#sitemap>ul>li>ul>li li {
	margin-top: 8px;
}

#sitemap>ul>li li a {
	font-size: 1.5rem;
	font-weight: 700;
}

#sitemap ul {
	list-style: none;
	margin-bottom: 20px;
}

#sitemap ul>ul {
	margin-top: -5px;
	margin-left: 5px;
}

#sitemap>ul>li>a::before {
	content: none;
}

.footer-text-btn {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

.footer-text-btn::after {
	position: absolute;
	bottom: 1px;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background: rgb(238, 238, 238);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}

.footer-text-btn:hover::after {
	transform: scale(1, 1);
}

a.footer-text-btn {
	padding: 0;
	transition: all .3s;
	color: #ccc !important;
	font-size: 12px;
	font-weight: bold;
}

.link-blank::after {
	content: url(/wordpress/wp-content/uploads/img/link-blank.svg);
	width: 14px;
	height: 14px;
	float: right;
	margin-left: 4px;
	margin-top: 18px;
}

.link-blank2::after {
	content: url(/wordpress/wp-content/uploads/img/link-blank.svg);
	width: 12px;
	height: 12px;
	float: right;
	margin-left: 8px;
	margin-top: 0;
}

span.left-space {
	padding-left: 10px;
}

/* footer追加 2023.07.027 */
.f_left_m {
	margin-left: 13px;
}

/****************************************************************************************************************************

TOPページ レスポンシブ

*****************************************************************************************************************************/
@media(min-width:1401px) {

	/********* PC **********/
	div.top_cta_area .cta_area_inner .cta_left_box,
	div.top_cta_area .cta_area_inner .cta_right_box {
		padding: 0px 10%;
	}

	div.top_cta_area .cta_area_inner .cta-box {
		padding: 60px 0;
	}

	div.text-animation h2 {
		font-size: 46px;
	}

	.cta_inner h3 {
		font-size: 1.8rem;
	}

	div.footer-mark {
		width: 80%;
	}
}

@media (max-width:1400px) and (min-width:1261px) {

	div.top_cta_area .cta_area_inner .cta_left_box,
	div.top_cta_area .cta_area_inner .cta_right_box {
		padding: 0px 5%;
	}

	.cta_inner h3 {
		font-size: 1.6rem;
	}

	div.cta_inner p.comment {
		font-weight: 500;
	}

	div.footer-mark {
		width: 90%;
	}
}

@media (max-width:1260px) and (min-width:1001px) {
	/********* PC **********/

	div.top_service_area {
		width: 96%;
	}

	.service_list_img {
		height: auto;
	}

	div.lineup-width {
		width: 100%;
	}

	div.top-lineup-item {
		padding: 20px;
	}

	.top-text-btn-none {
		padding-top: 20px;
	}

	a.top-text-btn {
		margin-top: 10px;
	}

	.tab li a {
		font-size: 1.4rem;
	}

	p.table-inner-other {
		font-size: 1.15rem;
	}

	p.table-inner {
		font-size: 1.1rem;
	}

	.top_btn {
		margin: 30px auto;
		font-size: 15px;
	}

	div.top_timeline_inner {
		width: 96%;
		margin: auto 2%;
	}

	.top_btn_news {
		width: 170px;
		font-size: 14px;
	}

	.whats_wrap_inner {
		padding: 0 10px 20px;
	}

	div.top_cta_area .cta_area_inner .cta_left_box,
	div.top_cta_area .cta_area_inner .cta_right_box {
		padding: 0 3%;
	}

	div.top_cta_area .cta_area_inner .cta-box {
		padding: 30px 0;
	}

	div.text-animation h2 {
		font-size: 2.8rem;
	}

	.cta_inner h3 {
		font-size: 1.4rem;
	}

	div.footer-mark {
		width: 100%;
	}

	span.isms_text {
		font-size: 13px;
	}

	div.cta_inner .tel_text a {
		margin-left: 0;
	}
}

@media (max-width:1000px) {

	/****************** PC/タブレット****************/
	#footercontents {
		flex-wrap: wrap;
		width: 85%;
	}

	#info {
		width: 100%;
	}
}

@media (max-width:1000px) and (min-width:600px) {
	#sitemap {
		justify-content: space-between !important;
	}

	#sitemap>ul {
		margin: 0 0 50px 0 !important;
	}

	.wt-logo-size {
		width: 40%;
	}

	#info {
		margin-bottom: 50px;
	}
}

@media (max-width:1000px) and (min-width:769px) {

	/****************** PC/タブレット****************/
	div.slideShow_c {
		top: 68%;
		width: 480px;
	}

	div.text-animation h2 {
		font-size: 3rem;
	}

	div.top_service_area {
		padding-top: 20px;
	}

	div.top_lineup_area {
		padding: 60px 0;
	}

	.top_btn {
		margin: 30px 0;
	}

	.tab li a {
		padding: 13px 10px 9px;
		font-size: 1.1rem;
		line-height: 1.2;
	}

	.area {
		padding: 20px 0 0;
	}

	h3.contents_title {
		font-size: 2rem;
	}

	p.table-inner {
		font-size: 1rem;
	}

	p.table-inner-other {
		font-size: 1rem;
	}

	div.top_timeline_inner {
		width: 96%;
		margin: auto 2%;
	}

	.whatsnew-cateid {
		padding: 10px;
	}

	div.top_news_area .inner {
		width: 96%;
		margin: 60px auto 30px;
	}

	div.top_cta_area .cta_area_inner .cta-box {
		padding: 40px 0;
	}

	div.top_cta_area .cta_area_inner .cta_left_box,
	div.top_cta_area .cta_area_inner .cta_right_box {
		padding: 0 3%;
	}

	.cta_inner h3,
	#page-inner .cta_inner h3 {
		font-size: 1.45rem;
	}

	div.cta_inner p.comment {
		margin-top: 30px;
	}

	div.cta_inner .tel_text {
		font-size: 1.9rem;
	}

	div.top_cta_area .cta_area_inner .cta_right_box p {
		font-size: 0.9rem;
		margin: 40px 0 15px 40px;
	}

	div.cta_inner .tel_text::before {
		margin-right: -15px;
	}

	div.cta_inner .tel_text a {
		margin-left: 5px;
	}

	#sitemap {
		flex: 1;
		display: flex;
		justify-content: flex-start;
		white-space: nowrap;
		margin-left: 0;
		flex-direction: row;
		flex-wrap: wrap;
	}

	#sitemap>ul {
		width: 40%;
		margin: 0 5%;
	}

	span.isms_text {
		font-size: 12px;
	}
}

@media (max-width:860px) and (min-width:830px) {
	div.cta_inner .tel_text a {
		margin-left: 15px !important;
	}
}

@media (max-width:830px) and (min-width:769px) {
	div.top_cta_area .cta_area_inner .cta_right_box p {
		font-size: 0.8rem !important;
		margin-left: 38px;
	}

	div.cta_inner .tel_text::before {
		left: 0;
	}
}

@media (max-width:800px) {
	div.top_cta_area .cta_area_inner .cta-box {
		flex-wrap: wrap;
		padding-top: 0;
		margin-top: -15px;
		padding: 20px 0 0;
		margin: auto;
	}

	div.cta_left_box {
		display: block;
	}

	div.top_cta_area .cta_area_inner {
		padding: 70px 0 80px;
	}

	div.cta_inner .tel_text {
		line-height: 1.2;
	}

	div.cta_inner .tel_text::before {
		margin-top: 3px;
	}
}

@media (max-width:768px) and (min-width:281px) {
	.pc-hide {
		display: block;
	}

	.sp-hide {
		display: none;
	}

	#navArea {
		display: none;
	}

	div.slideShow_c {
		top: 68%;
		width: 460px;
	}

	@keyframes img-wrap-l {
		100% {
			transform: translateX(100%);
		}
	}

	@keyframes img-wrap-r {
		100% {
			transform: translateX(-100%);
		}
	}

	div.text-animation h2 {
		font-size: 2.8rem;
	}

	p.h2_comment {
		font-size: 15px;
	}

	div.top_service_area {
		padding: 30px 0;
	}

	div.top_lineup_area,
	div.top_timeline_area {
		padding: 60px 0;
	}

	div.top_news_area .inner {
		padding: 0 0 40px;
		margin: 40px auto -20px;
	}

	.top_btn {
		margin: 20px 0 40px;
	}

	.tab li {
		width: 32.9%;
	}

	.tab li a {
		font-size: 1.2rem;
		letter-spacing: -0.5px;
		line-height: 1.2;
	}

	h3.contents_title {
		font-size: 2rem;
	}

	.area {
		padding: 40px 0 0;
	}

	div.top_timeline_inner {
		width: 96%;
		margin: auto;
	}

	div.top_news_area .inner {
		width: 96%;
		flex-wrap: wrap;
	}

	div.top_news_area .inner .title {
		width: 100%;
		margin: 0 auto;
	}

	div.top_cta_area .cta_area_inner .cta-box {
		padding: 40px 0 0;
	}

	div.top_cta_area .cta_area_inner .cta_left_box,
	div.top_cta_area .cta_area_inner .cta_right_box {
		padding: 0 3%;
	}

	.cta_inner h3,
	#page-inner .cta_inner h3 {
		font-size: 1.4rem;
	}

	div.cta_inner .tel_text {
		font-size: 1.8rem;
		line-height: 0.9;
	}

	div.cta_inner .tel_text::before {
		width: 26px;
		height: 26px;
		margin-right: 10px;
	}

	div.top_cta_area .cta_area_inner .cta_right_box p {
		margin: 35px 0 10px 34px;
	}

	div.cta_inner .tel_text span {
		margin-top: 15px;
	}

	div.cta_inner p.comment {
		font-size: 0.9rem;
		margin-top: 10px;
	}

	div.cta_btn {
		margin-top: -15px;
	}

	.top_btn3 {
		width: 100%;
		margin: auto;
		padding-left: 18px !important;
	}

	.top_btn3::before {
		top: 30%;
		left: 25px !important;
	}

	.top_btn3::after {
		top: 35%;
		right: 15px;
	}

	.top_btn3:hover::after {
		right: 12px;
	}

	#sitemap {
		flex: 1;
		display: flex;
		justify-content: flex-start;
		white-space: nowrap;
		margin-left: 0;
		flex-direction: row;
		flex-wrap: wrap;
	}

	#sitemap>ul {
		width: 40%;
		margin: 0 5%;
	}

	span.isms_text {
		font-size: 12px;
	}

	div.footer-mark {
		background: #fff;
		width: 100%;
	}

	.whats_wrap_inner {
		width: 92% !important;
		padding: 10px 0 20px;
	}
}

@media (max-width:768px) and (min-width:681px) {

	div.cta_inner p.comment,
	div.top_cta_area .cta_area_inner .cta_right_box p {
		font-size: 0.8rem !important;
	}

	div.cta_inner .tel_text::before {
		margin-right: 2px !important;
	}

	div.top_cta_area .cta_area_inner .cta_right_box p {
		margin-top: 10px !important;
	}

	div.cta_inner .tel_text a {
		font-size: 1.7rem !important;
		margin-left: -35px !important;
		letter-spacing: 0;
	}

	div.cta_btn {
		margin-top: 20px;
	}
}

@media (max-width:768px) and (min-width:600px) {
	.top_btn3 {
		font-size: 13px !important;
	}
}

@media (max-width:738px) and (min-width:600px) {
	div.cta_inner .tel_text span {
		margin-left: 5px;
	}
}

@media (max-width:730px) and (min-width:681px) {
	div.cta_inner .tel_text a {
		margin-left: -5px !important;
	}
}

@media (max-width:700px) {
	.block_700 {
		display: block;
	}
}

@media (max-width:650px) {
	#footercontents {
		flex-wrap: wrap;
		width: 85%;
	}
}

@media (max-width:680px) and (min-width:600px) {

	div.cta_inner p.comment,
	div.top_cta_area .cta_area_inner .cta_right_box p {
		font-size: 0.8rem !important;
	}

	div.cta_inner .tel_text::before {
		margin-right: 2px !important;
	}

	div.top_cta_area .cta_area_inner .cta_right_box p {
		margin-top: 10px !important;
	}

	div.cta_inner .tel_text a {
		font-size: 1.5rem !important;
		margin-left: -5px !important;
		letter-spacing: 0;
	}

	div.cta_btn {
		margin-top: 20px;
	}

	.top_btn3 {
		font-size: 12px;
	}
}

@media (max-width:599px) {
	#header {
		padding: 20px 100px 20px 10px;
	}

	h2.site-description {
		left: 15px;
	}

	div.slideShow_c {
		top: 66%;
		width: 370px;
	}

	div.top_service_area {
		padding: 0;
	}

	div.text-animation h2 {
		line-height: 1.2;
		padding-top: 20px;
	}

	.service_list_img {
		width: 90%;
		height: auto;
	}

	.top_btn {
		width: 95%;
	}

	.top_btn::after {
		right: 15px;
	}

	.top_btn:hover::after {
		right: 12px;
	}

	.tab {
		width: 100%;
	}

	.tab li a {
		font-size: 1rem;
		font-weight: 700;
		line-height: 1.3;
		text-align: center;
		padding: 12px 5px 9px;
	}

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

	.tab li {
		width: 37.3%;
	}

	.tab li.small {
		width: 25%;
	}

	.area {
		padding: 20px 0 0;
	}

	h3.contents_title {
		font-size: 1.6rem;
	}

	h3.contents_title span {
		font-size: 1.1rem;
		line-height: 1.3;
	}

	div.top_lineup_area {
		padding: 10px 0;
	}

	div.top_news_area .inner {
		padding: 30px 0;
	}

	div.top_timeline_inner .center-line {
		left: 23px;
	}

	div.top_timeline_inner .row {
		display: block;
	}

	.row-1 section.timeline .icon,
	.row-2 section.timeline .icon {
		left: -32px;
	}

	div.text-animation {
		width: 90%;
		margin: auto;
	}

	div.top_timeline_area {
		padding: 30px 0 60px;
	}

	div.top_timeline_inner .row-1 {
		justify-content: flex-end;
	}

	div.top_timeline_inner .row section.timeline {
		width: 100%;
	}

	.row section.timeline .details .title {
		font-size: 1.4rem;
	}

	.row-1 section.timeline::before {
		left: -7px;
	}

	.row section.timeline .icon,
	.center-line .scroll-icon {
		height: 12px;
		width: 12px;
	}

	div.top_timeline_inner .row {
		width: 80%;
		margin: 10px 0 10px 50px;
	}

	.border-line-odd {
		right: 0;
		left: -30px;
	}

	.border-line-even {
		left: 15px;
	}

	div.top_news_area {
		padding: 10px 0 0;
	}

	div.top_news_area .inner {
		flex-wrap: wrap;
		margin: 20px auto 30px;
	}

	div.top_news_area .inner .title {
		width: 100%;
		margin-right: 0;
	}

	.entry-content dd.topic_title,
	.entry-content dt.topic_icon {
		margin-top: 5px;
	}

	div.top_cta_area .cta_area_inner .cta-box {
		flex-wrap: wrap;
		width: 90%;
		padding-top: 0;
		margin-top: -15px;
		padding: 20px 0 0;
		margin: auto;
	}

	div.top_cta_area .cta_area_inner .cta_left_box,
	div.top_cta_area .cta_area_inner .cta_right_box {
		width: 100%;
		height: auto;
		padding: 0 1%;
	}

	div.top_cta_area .cta_area_inner .cta_left_box {
		margin-top: 15px;
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}

	div.top_cta_area .cta_area_inner .cta_right_box {
		margin-top: 55px;
	}

	div.top_cta_area .cta_area_inner .cta_right_box p {
		font-size: 0.9rem !important;
		margin: 25px 0 15px 8px;
		line-height: 1.5;
		text-align: center;
	}

	div.top_cta_area {
		background-size: 400%;
	}

	.cta_inner h3,
	#page-inner .cta_inner h3 {
		font-size: 1.4rem;
		margin-top: -15px;
		margin-bottom: 15px;
	}

	div.cta_inner .tel_text a {
		margin-left: -8px;
	}

	div.cta_inner .tel_text::before {
		margin-top: 0;
		margin-left: 0;
		margin-right: -10px;
	}

	div.cta_btn {
		width: 100%;
		margin: 25px auto 40px;
	}

	footer[role="contentinfo"] {
		padding-top: 50px;
	}

	#info {
		width: 100%;
	}

	#sitemap {
		margin-left: 0;
	}

	#sitemap>ul:last-child {
		width: 100%;
	}

	#sitemap>ul {
		width: 100%;
		margin: auto;
	}

	.wt-logo-size {
		width: 50%;
	}

	div.footer-mark {
		max-width: 260px;
		margin: auto 0;
	}

	span.left-space {
		padding-left: 0;
	}

	div.cta_inner .tel_text span {
		margin-left: -15px;
	}
}

@media (max-width:480px) {
	.block_480 {
		display: block;
	}

	div.text-animation h2 {
		font-size: 2.4rem;
	}
}

@media (max-width:400px) {
	.wt-logo-size {
		width: 70%;
	}

	div.mainVisual_catch h2 {
		font-size: 30px;
	}
}

@media (max-width:375px) {
	div.mainVisual_catch h2 {
		font-size: 29px;
	}
}

@media (max-width:350px) {
	div.cta_inner .tel_text::before {
		display: none;
	}
}

/****************************************************************************************************************************

TOPページ レスポンシブ END

*****************************************************************************************************************************/



/****************************************************************************************************************************

下層

*****************************************************************************************************************************/
#floatingnav {
	position: fixed;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	width: 240px;
	z-index: 400;
}

#floatingnav ul {
	margin-top: auto;
	font-weight: 700;
	white-space: wrap;
	list-style: none;
}

#floatingnav ul li {
	padding-top: 7px;
	margin-left: 15px;
}

#floatingnav ul li span,
#floatingnav ul li a {
	position: relative;
	opacity: .6;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: -0.05px;
	text-decoration: none;
}

#floatingnav ul ul li a {
	position: relative;
	opacity: .6;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
}

#floatingnav ul li a:hover,
#floatingnav ul li a.active {
	opacity: 1;
	transition: .2s ease-out;
}

#floatingnav ul ul {
	margin-top: 7px;
	margin-left: 25px;
	border-left: 1px solid #ddd;
}

#floatingnav ul ul li:first-child {
	padding-top: 0px;
}

#floatingnav ul ul li {
	margin-left: 26px;
	line-height: 1.4;
}

#floatingnav ul li a:hover::before,
#floatingnav ul li a.active::before {
	content: '';
	position: absolute;
	top: 4px;
	left: -15px;
	width: 6px;
	height: 6px;
	background: #333;
	border-radius: 50%;
}

#floatingnav ul ul li a:hover::before,
#floatingnav ul ul li a.active::before {
	left: -15px;
}

#floatingnav ul.btn {
	margin-left: -10px;
	margin-top: 40px;
}

#floatingnav ul.btn li a {
	white-space: nowrap;
	line-height: 1.5;
	font-size: 14px;
}

#floatingnavSP {
	display: none;
}

.floatingnav-link {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

a.floatingnav-link {
	padding: 10px 35px 0 0;
	transition: all .3s;
	color: rgb(0, 0, 0);
	font-size: 14px;
	font-weight: bold;
}

a.floatingnav-link::after {
	content: "";
	position: absolute;
	top: 40%;
	right: 12px;
	width: 15px;
	height: 15px;
	background: url(/wordpress/wp-content/uploads/img/arrow_br.svg) center center / 15px no-repeat;
	transition: all .3s;

}

a.floatingnav-link:hover::after {
	right: 10px;
}

#floatingnav ul li a.floatingnav-link:hover::before,
#floatingnav ul li a.floatingnav-link.active::before {
	content: none;
}

div.pankuzu {
	width: 96%;
	max-width: 1400px;
	margin: auto;
	padding: 5px 0 10px;
	font-size: 12px;
	font-weight: 700;
	background: #fff;
	z-index: 401;
}

#title {
	width: 96%;
	max-width: 1400px;
	margin: auto;
	position: relative;
	padding: 60px 0;
	text-align: left;
	z-index: 1;
}

#title figure {
	position: relative;
	width: 100%;
	height: 240px;
	margin-top: -40px;
	margin-right: 80px;
	background: #fff;
}

#title figure::before {
	content: '';
	position: absolute;
	bottom: 0;
	right: -80px;
	width: 100vw;
	height: 85%;
	z-index: -1;
}

#title i {
	font-size: 1.1rem;
	font-weight: 600;
	font-style: normal;
	text-transform: capitalize;
	color: #fff;
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}

#title h1 {
	margin: 0 !important;
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.6;
	color: #fff;
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
	text-align: left;
}

#contents {
	position: relative;
	width: 100%;
	max-width: 1400px;
	margin: auto auto 100px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
}

#page-inner {
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	z-index: 400;
}

#page-inner #contents {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

#contents .leftMenu {
	display: block;
	width: 20%;
	margin-right: 30px;
}

#contents .rightContents {
	display: block;
	width: 80%;
	margin-left: 80px;
}

.site-content article {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

article.page-title {
	position: relative;
	margin: 30px auto 80px;
	padding: 0;
	border-bottom: none;
}

section.page {
	position: relative;
	padding: 70px 0;
	margin-top: -80px;
}

#page-inner section h2 {
	font-size: 3rem;
	line-height: 1.4;
	text-align: left;
	margin-top: 80px;
	color: #000;
	text-transform: none;
}

#page-inner section h3 {
	font-size: 2.2rem;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 30px;
	color: #000;
}

#page-inner section h3 span {
	font-size: 1rem;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 24px;
	margin-left: 10px;
}

/***************************** テキストリンク ********************************/
.pageContents-btn {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

.pageContents-btn::after {
	position: absolute;
	bottom: -6px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: rgb(229, 0, 18);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}

.pageContents-btn:hover::after {
	transform: scale(0.98, 1);
}

a.pageContents-btn {
	padding: 20px 40px 0 0;
	transition: all .3s;
	color: rgb(0, 0, 0);
	font-size: 15px;
	font-weight: bold;
}

a.pageContents-btn::before {
	content: "";
	position: absolute;
	top: 54%;
	right: 15px;
	width: 15px;
	height: 15px;
	background: url(/wordpress/wp-content/uploads/img/arrow_br.svg) center center / 15px no-repeat;
	transition: all .3s;
}

a.pageContents-btn:hover::before {
	right: 10px;
}

div.contents-box {
	max-width: 1000px;
	margin: 50px auto 20px;
	border: 3px solid #dce8ff;
	text-align: center;
}

div.contents-box .title {
	font-size: 1.6rem;
	font-weight: bold;
	color: #1b3d76;
	text-align: center;
	background: #dce8ff;
	padding: 15px 0 12px;
}

div.contents-box p {
	text-align: left;
	padding: 30px 30px 0;
}

div.contents-box .box-img {
	text-align: center;
	width: 80%;
	padding: 0 30px;
	margin: auto auto 30px;
}

div.contents-box .box-img-b {
	text-align: center;
	width: 90%;
	padding: 0 20px;
	margin: auto auto 20px;
}

article.page h4 {
	font-size: 24px;
	color: #0e49b1;
	font-weight: 700;
	margin-top: 30px;
	line-height: 1.5;
	padding-left: 2.5rem;
	text-indent: -2.5rem;
}

div.pointtitle i {
	text-transform: capitalize;
	font-style: normal;
	font-size: 1.1rem;
	font-weight: 600;
	color: #000;
}

div.pointtitle i span {
	font-size: 2rem;
	color: #e50012;
	margin-left: 10px;
}

div.btn-area {
	float: left;
	margin: auto auto 20px;
}

/***************************** テキストリンク END ********************************/
.lineup-img {
	text-align: left;
	margin-top: 40px;
	margin-bottom: 20px;
}

.lineup-img2 {
	text-align: left;
	margin-top: 40px;
	margin-bottom: 20px;
}

p.title-small {
	font-size: 2.1em;
	font-weight: bold;
	line-height: 1.5;
	margin-top: -25px;
	padding-bottom: 30px;
}

p.title-small2 {
	font-size: 2.1em;
	font-weight: bold;
	line-height: 1.5;
	margin-top: -15px;
}

div.imgBox {
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

div.imgBox .text {
	width: 70%;
	margin-right: 30px;
}

div.imgBox .img {
	width: 30%;
	margin-left: 30px;
	border: 5px solid #f1f1f1;
}

#page-inner h3 {
	font-size: 2.2rem;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 24px;
}

#page-inner h3 span {
	font-size: 1rem;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 24px;
	margin-left: 10px;
}

.leftbar {
	padding-left: 24px;
	border-left: 4px solid #e50012;
}

table.lineup-table {
	width: 100%;
	margin: 30px auto;
	border: 1px solid #ccc;
}

table.lineup-table th,
table.lineup-table td {
	width: 33.33%;
	padding: 5px 20px;
	font-size: 16px;
	color: #000;
	border-right: 1px solid #ccc;
	vertical-align: middle;
}

table.lineup-table th:last-child,
table.lineup-table td:last-child {
	border-right: none;
}

table.lineup-table th {
	text-align: center;
	border-bottom: 1px solid #ccc;
	background: #f1f1f1;
}

table.lineup-table td {
	border-bottom: 1px solid #ccc;
}

table.lineup-table td.point {
	font-weight: 700;
	background: #fff8dc;
}

/********************************* ラインナップ **********************************/
div.row {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
}

div.row-box {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row-reverse;
}

div.row-box .text {
	width: 70%;
	margin-right: 30px;
}

div.zoom-box {
	width: 30%;
	text-align: right;
}

div.zoom-box .img {
	display: inline-block;
	width: 100%;
	height: 150px;
	background: #f5f5f5;
	overflow: hidden;
}

div.zoom-box .img.zoom .product_img {
	display: block;
	transition-duration: .5s;
}

div.zoom-box .img.zoom .product_img:hover {
	transform: scale(1.05);
}

ul.pageList {
	margin: 30px auto 120px 0;
}

ul.pageList a {
	margin: 0;
	position: relative;
	display: block;
	padding: 50px 145px 50px 60px;
	background: rgb(255, 255, 255);
	border: 1px solid #0e49b1;
	color: #0e49b1 !important;
	transition: .2s ease-out;
	font-size: 1.3rem;
	font-weight: 700;
	text-decoration: none;
}

ul.pageList li {
	list-style: none;
	margin-left: 0;
}

ul.pageList a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 80px;
	transform: translate(50%, -50%);
	width: 38px;
	height: 38px;
	background: rgb(255, 255, 255);
	border-radius: 50%;
	z-index: 1;
	transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

ul.pageList a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 48px;
	transform: translate(-50%, -50%);
	width: 32px;
	height: 32px;
	background: url(/wordpress/wp-content/uploads/img/page.svg) center center / 32px no-repeat;
	z-index: 2;
}

ul.pageList li h3 {
	margin: 0px;
	font-size: 2rem;
}

ul.pageList li:first-child {
	margin-top: 0px;
}

ul.pageList li:last-child {
	margin-bottom: 0px;
}

.pageList li a:hover {
	opacity: 1;
	background: #eef3ff;
}

.pageList li a:hover::before {
	width: 90px;
	height: 90px;
	background: rgb(255, 255, 255);
	right: 80px;
}

div.row {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
}

div.row .text {
	width: 70%;
}

div.row .img {
	width: 30%;
	margin-left: 30px;
	text-align: right;
}

.product_img {
	border: 7px solid #f3f3f3;
	width: 300px;
	height: 150px;
}

#contents-noside {
	width: 70%;
	margin: 80px auto;
	text-align: center;
}

#contents-contact {
	width: 75%;
	margin: auto;
}

#contents-news {
	width: 80%;
	margin: auto;
	padding: 30px 0 80px;
}

div.back-color {
	background: #f1f1f1;
}

div.pagein-area {
	width: 560px;
	text-align: center;
	margin: 30px auto auto;
}

.page-img {
	width: 100%;
}

table.article-in {
	width: 100%;
	font-size: 15px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.article-in th {
	background: #f1f1f1;
	width: 10%;
	padding: 10px 20px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.article-in td {
	padding: 10px 20px;
	font-weight: 500;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.article-in2 {
	width: 100%;
	font-size: 15px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.article-in2 th {
	background: #f1f1f1;
	width: 18%;
	padding: 10px 20px;
	text-align: center;
	font-size: 16px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.article-in2 td {
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 500;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.table-wf {
	width: 100%;
	margin: auto;
	border: 1px solid #ccc;
}

table.table-wf th {
	background: #f1f1f1;
	width: 25%;
	padding: 7px 20px;
	text-align: center;
	font-size: 15px;
	line-height: 1.6;
	color: #000;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.table-wf td {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 15px;
	font-weight: 700;
	color: #000;
	padding: 7px 20px;
	vertical-align: middle;
}

table.table-wf td:last-child {
	border-right: none;
}

.vno-img {
	width: 75%;
	margin: 0 auto 25px;
}

/***************************** ラインナップ END ****************************/
@media (min-width:1401px) {}

@media (max-width:1400px) and (min-width:1261px) {

	/********* PC **********/
	#title {
		width: 96%;
		margin: auto;
	}

	div.pankuzu {
		width: 96%;
	}
}

@media (max-width:1260px) and (min-width:1001px) {
	#title {
		width: 96%;
		margin: auto;
	}

	div.pankuzu {
		width: 96%;
	}

	#page-inner #contents {
		width: 96%;
		margin: auto;
	}

	#contents .rightContents {
		margin-left: 60px;
	}

	#floatingnav {
		width: 230px;
	}

	#sitemap {
		margin-left: 50px;
	}
}

@media (max-width:1000px) and (min-width:769px) {
	#title {
		width: 94%;
		margin: auto;
	}

	div.pankuzu {
		width: 94%;
	}

	#page-inner #contents {
		width: 96%;
		margin: auto;
	}

	#page-inner section h2 {
		font-size: 2.2rem;
	}

	#page-inner section h3 {
		font-size: 1.6em;
	}

	#floatingnav {
		width: 220px;
	}

	#floatingnav ul li span,
	#floatingnav ul li a {
		font-size: 15px;
	}
}

@media (max-width:768px) and (min-width:281px) {
	#header {
		background: rgba(255, 255, 255, 1);
	}

	#title {
		width: 100%;
		margin: auto;
		padding: 40px 0;
	}

	#title i {
		font-size: 1rem;
	}

	#title h1 {
		font-size: 2.1rem;
		line-height: 1.2;
		padding-top: 10px;
	}

	div.pankuzu {
		width: 90%;
		margin: auto;
	}

	#contents {
		flex-wrap: wrap;
	}

	#floatingnav {
		display: none;
	}

	#contents .rightContents {
		width: 90%;
		margin: auto;
	}

	#page-inner section h2 {
		font-size: 2.6rem;
	}

	#page-inner h3 {
		font-size: 1.5rem;
	}

	div.zoom-box {
		margin-right: 30px;
	}

	div.row-box .text {
		margin-right: 0;
	}

	div.page-inner-link-box {
		width: 90%;
		margin: 10px auto auto;
		background: #f1f1f1;
		border: 2px solid #e5e5e5;
	}

	div.page-inner-link-box ul {
		padding: 15px 20px;
		margin-bottom: 0;
	}

	div.page-inner-link-box ul li {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	div.page-inner-link-box ul li.link-none {
		list-style: none;
		font-size: 18px;
		font-weight: 700;
		margin-left: 20px;
		margin-bottom: 5px;
	}
}

@media (max-width:599px) {
	div.text-animation {
		width: 100%;
		margin: auto;
	}

	#page-inner section h2 {
		font-size: 2.4rem;
		line-height: 1.7;
		margin-top: 40px;
	}

	div.pointtitle i {
		font-style: normal;
		font-size: 0.95rem;
	}

	#page-inner section h3 {
		font-size: 1.8rem;
		line-height: 1.15;
	}

	span.m-left {
		margin-left: 0 !important;
	}

	div.row-box {
		flex-wrap: wrap;
	}

	div.zoom-box {
		width: 100%;
		margin: 0 auto 10px;
		float: none;
	}

	.product_img {
		width: 100%;
	}

	div.row-box .text {
		width: 100%;
		margin: auto;
	}

	ul.pageList a {
		padding: 40px 115px 40px 40px;
	}

	.pageList li a:hover::before {
		right: 60px;
	}

	ul.pageList a::after {
		right: 28px;
	}

	div.contents-box .box-img,
	div.contents-box .box-img-b {
		width: 100%;
	}

	div.contents-box p {
		padding: 20px 20px 0;
	}

	div.contents-box .title {
		font-size: 1.3rem;
		line-height: 1.5;
		padding: 15px 10px 12px;
	}

	.leftbar {
		padding-left: 15px;
	}

	article.page h4 {
		padding-left: 0;
		text-indent: 0;
	}

	ul.text-style li {
		margin-left: 15px;
	}

	ul.text-style {
		padding: 30px !important;
	}

	a.pageContents-btn {
		padding: 0 40px 20px 20px;
	}

	a.pageContents-btn::before {
		top: 5px;
		left: 0;
		right: inherit;
	}

	.pageContents-btn::after {
		bottom: 15px;
		width: 90%;
	}

	div.imgBox .text {
		margin-right: 0;
	}

	div.imgBox .img {
		width: 50%;
	}

	#contents-contact {
		width: 90%;
		margin: auto;
		padding: 30px 0 80px;
	}

	#contents-news {
		width: 90%;
		margin: auto;
		padding: 30px 0 80px;
	}

	ul.pageList {
		margin: 0 auto 80px 0;
	}

	div.point-box {
		padding: 10px 30px 30px;
	}

	li.line {
		margin-left: 20px;
	}

	div.pagein-area {
		width: 90%;
		margin: 30px auto auto;
	}

	article.page-title {
		margin: 40px auto 60px;
	}

	section.page {
		padding: 40px 0;
		margin-top: -40px;
	}

	table.lineup-table th,
	table.lineup-table td {
		font-size: 15px;
		line-height: 1.4;
	}

	table.article-in2 th {
		width: 30%;
		padding: 10px;
		font-size: 15px;
	}

	table.article-in2 td {
		font-size: 15px;
	}

	div.page-inner-link {
		width: 100%;
		background: #f1f1f1;
		margin-top: -20px;
	}

	div.page-inner-link ul {
		padding: 25px 20px;
		margin-bottom: 0;
	}

	div.page-inner-link ul li {
		margin-top: 3px;
		margin-bottom: 3px;
	}

	div.page-inner-link ul li.link-none {
		list-style: none;
		font-size: 18px;
		font-weight: 700;
		margin-left: 20px;
		margin-bottom: 5px;
	}


	ul.faq-accordion-question {
		padding: 10px 0;
	}

	table.table-wf th {
		padding: 7px 10px;
		line-height: 1.4;
	}

	p.title-small {
		padding-bottom: 0;
	}

	#page-inner section h2.strip-small {
		font-size: 2.2rem;
	}

	.form_wrap {
		padding: 30px 15px 20px;
	}

	.vno-img {
		width: 100%;
		margin: 0 auto 25px;
	}

	div.faq-answer .answer-a {
		margin-right: 20px;
	}

	/*div.inner {
		width: 90%;
		margin: auto;
	}*/
}

/****************************************************************************************************************************

下層

*****************************************************************************************************************************/


/****************************************************************************************************************************

投稿

*****************************************************************************************************************************/
.site-content {
	width: 100%;
	margin: auto;
	float: none;
}

.widget-area {
	display: none;
}

div.contents_wrap {
	display: table;
	width: 100%;
	max-width: 1080px;
	margin: auto;
}

.entry-content h1,
.comment-content h1 {
	font-size: 1.8rem;
	text-align: center;
	margin: 60px auto 20px;
}

div.post-contents {
	padding-bottom: 80px;
}

div.contents-inner {
	padding: 50px 50px 30px;
	background: #fff;
	overflow: auto;
}

div.pankuzu_wrap {
	font-size: 75%;
	margin-top: 7px;
}

.entry-content,
.entry-summary,
.mu_register {
	background: #f1f1f1;
}

h2.post {
	padding: 10px 20px;
	margin-top: 60px;
	border-left: 6px double #000;
	background: #f1f1f1;
}

div.list-btn {
	position: relative;
	width: 240px;
	text-align: center;
	padding: 10px 0;
	margin: 30px auto auto;
	background: #333;
	border-radius: 30px;
	transition: all .3s;
}

div.list-btn a {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 15px 30px;
}

div.list-btn a:visited {
	color: #fff;
}

div.list-btn::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 12px no-repeat;
	transition: all .3s;
}

div.list-btn:hover {
	background: #e50012;
}

div.list-btn:hover::after {
	right: 7px;
}

div.list-btn-column {
	width: 320px;
}

.img-right {
	width: 250px;
	height: auto;
	margin: 10px 0 20px 40px;
	float: right;
}

div.post-img-area {
	width: 100%;
	text-align: center;
	margin: 30px auto;
}

.img-center {
	width: 360px;
	height: auto;
}

.news-img {
	width: 85%;
	margin: 10px auto 50px;
	text-align: center;
}

/**************************投稿日表示********************************/
div.post-date {
	width: 100%;
	text-align: right;
}

p.date {
	font-size: 11px;
	margin-bottom: 5px;
}

/**************************目次********************************/
div.post-content-list {
	width: 80%;
	padding: 15px 30px 25px;
	margin: auto auto 40px;
	background: #f2f2f2;
	border: 1px solid #eaeaea;
}

div.post-content-list ul {
	margin-bottom: 0;
}

div.post-content-list ul li {
	padding: 4px 0;
	margin-left: 25px;
	font-size: 15px;
}

div.post-content-list ul li.list {
	list-style: none;
	margin-left: 0;
	font-size: 18px;
	font-weight: 700;
}

div.post-content-list li.list-h3 {
	list-style-type: circle;
	margin-left: 45px;
	padding: 1px 0;
}

div.column-box {
	width: 100%;
	margin: 30px 0 100px;
	padding: 30px 40px;
	font-size: 15px;
	color: #000;
	background: #eef3ff;
}

/*div.post-contents .contents-inner .post-content-list ul,
div.post-contents .contents-inner .column-box ul {
	margin-bottom: 0;
}*/
h3.post {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
	color: #0e49b1;
	margin: 30px auto 10px;
	position: relative;
	padding-left: 20px;
}

h3.post::before {
	position: absolute;
	content: "■";
	font-size: 13px;
	top: 8px;
	left: 0;
}

h4.post {
	font-size: 17px;
	font-weight: bold;
	margin: 30px auto 8px;
	position: relative;
	padding-left: 16px;
}

h4.post::before {
	position: absolute;
	content: "□";
	font-size: 10px;
	top: 7px;
	left: 0;
}

div.news-list {
	padding-bottom: 80px;
}

@media (max-width:768px) and (min-width:281px) {

	.entry-content #whatsnew-title_list dt.topic_time,
	.entry-content dt.topic_time {
		font-size: 11px;
	}

	.whats_wrap_inner {
		padding: 10px 0 20px;
	}

	.entry-content dt.topic_time,
	.entry-content dd.topic_title,
	.entry-content dt.topic_icon {
		display: inline-block;
	}
}

@media (max-width:599px) {

	.entry-content h1,
	.comment-content h1 {
		width: 90%;
		margin: 60px auto 20px;
	}


	div.contents_wrap_column h1 {
		width: 100% !important;
	}

	p.date {
		width: 90%;
		margin: auto auto 10px;
	}

	div.post-contents {
		/* width: 90%; */
		margin: auto;
	}

	div.contents-inner {
		padding: 10px 30px 30px;
	}

	.whatsnew-cateid dl.whatsnew-item {
		padding: 15px 10px;
	}

	.whats_wrap_inner {
		padding: 10px 0 20px;
	}

	.entry-content dt.topic_icon {
		margin-top: -5px;
	}

	.img-right {
		width: 100%;
		margin: auto auto 10px;
		float: none;
	}

	.news-img {
		width: 100%;
		margin: auto;
	}

	.top_btn3 {
		padding: 12px 0 12px 12px !important;
	}

	.top_btn3::before {
		top: 28%;
	}
}

.hidden {
	display: none;
}

.hidden.visibled {
	display: block;
}



/*************************** 追加 **************************/
#main {
	display: block;
	position: relative;
	z-index: 500;
}

#page-leftMenu {
	margin-left: 200px;
	margin-right: 80px;
}

::after,
::before {
	background-repeat: no-repeat;
	box-sizing: inherit;
}

ul,
ol {
	list-style: none;
}

a.active,
a:active,
a:hover {
	outline-width: 0px;
}

#pageNav {
	width: 100%;
	max-width: 1200px;
	margin: -70px auto 20px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.site-content {
	margin: 80px auto auto !important;
}

.site {
	padding: 0 0rem;
}

h1.entry-title {
	display: none;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
	border-radius: 0;
}

.entry-content table,
.comment-content table {
	color: #000;
	font-size: inherit;
	line-height: inherit;
}

.entry-content iframe {
	margin-bottom: 0px;
}

footer.entry-meta {
	display: none;
}

.entry-content span.category_icon6 a:visited {
	color: #FFF;
}

/* header =========================*/
.site-header {
	padding: 0;
}

nav#site-navigation {
	margin: 0;
}

hgroup {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

h1.site-title {
	background-repeat: no-repeat;
	padding-top: 0;
	height: 80px;
	background-size: contain;
	background-size: 180px;
	background-position-x: -12px;
}

h1.site-title_text {
	position: absolute;
	top: 40px;
	left: 150px;
	font-size: 13px;
	line-height: 26px;
	width: max-content;
	font-weight: normal;
}

h1.site-title_text a:hover {
	color: inherit;
}

div.header_right {
	right: 2px;
	position: absolute;
	top: 0;
	font-size: 11px;
}

div.header_right a {
	text-decoration: none;
}

div.header_right a:hover {
	text-decoration: underline;
	color: #2196f3;
}

div.header_left {
	left: 2px;
	position: absolute;
	top: 0;
	font-size: 11px;
}

/******** 2022.02.09 追加START ********/
h1.site-title img {
	margin-top: 18px;
}

div.header_contact_area {
	right: 2px;
	position: absolute;
	top: 50px;
	height: 40px;
	font-size: 11px;
	display: flex;
	flex-wrap: nowrap;
}

div.header_contact_area a {
	text-decoration: none;
}

div.header_contact_area .header_contact_tel {
	display: block;
}

div.header_contact_area .header_contact_tel:before {
	content: "";
	position: absolute;
	background: url(/wp-content/uploads/img/header_tel_ico.svg) no-repeat;
	width: 36px;
	height: 36px;
	left: -38px;
	top: 2px;
}

div.header_contact_area .header_contact_tel p.tel_num {
	font-size: 17px;
	font-weight: bold;
	color: #004c73;
	margin-top: 2px;
	margin-left: 0;
}

div.header_contact_area .header_contact_tel p {
	margin-top: -4px;
	margin-left: 2px;
	color: #004c73;
}

div.header_contact_area .header_contact_form {
	width: 150px;
	background: #f98054;
	margin-left: 10px;
	border-radius: 3px;
	display: block;
}

div.header_contact_area .header_contact_form:before {
	content: "";
	position: absolute;
	background: url(/wp-content/uploads/img/header_form_ico.svg) no-repeat;
	width: 20px;
	height: 19px;
	right: 108px;
	top: 11px;
}

div.header_contact_area .header_contact_form p {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 9px 0 8px;
	margin-left: 20px;
}

.sp_hide {
	display: block;
}

.pc_hide {
	display: none;
}

/******** 2022.02.09 追加END ********/
.main-navigation li ul li a {
	background: #939393;
	padding-left: 15px;
	width: 240px;
}

.main-navigation li ul li a:hover,
.main-navigation li ul li a:focus {
	background: #e3e3e3;
	color: #000;
	opacity: 1;
}

li#menu-item-780 a,
li#menu-item-780 a:focus,
li#menu-item-780 a:hover {
	line-height: 1.5;
}

li#menu-item-535 {
	background: #0070c0;
	width: 15%;
}

li#menu-item-521 {
	background: #048640;
	width: 15%;
}

li#menu-item-522,
li#menu-item-520,
li#menu-item-537,
li#menu-item-538,
li#menu-item-539 {
	width: 14%;
}

ul.sub-menu {
	text-align: left;
}


/* slider */
/* --------------------------------------- */
#wide_slider {
	max-width: 1000px;
	margin: 0 auto;
}

.wide_slider_wrap {
	margin-top: 10px;
}

/* index contents */
/* --------------------------------------- */
.index_wrap {
	margin-bottom: 30px;
	margin-top: 30px;
	text-align: center;
}

.index_wrap h1 {
	font-size: 18pt;
	margin: 10px 0px 10px 5px;
	position: inherit;
}

span.index_h1 {
	color: #FFF;
	font-size: 45px;
	display: block;
	letter-spacing: 0px;
	padding: 18px 5px;
	background: #3F51B5;
	font-weight: bold;
	border-radius: 50px;
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
	line-height: 40px;
}

.headline_01_text_03 {
	display: none;
}

.whats_wrap {
	background: #ffffff;
	padding: 40px 0 20px;
}

.wn_btn {
	text-align: center;
}

.wn_btn a.btn_c1 {
	display: inline-block;
}


p.kiyaku {
	margin: 0;
	font-weight: bold;
}

div.user {
	background: #c6ded1;
	min-height: 30px;
	padding: 10px 0 10px 20px;
}

div.wt {
	background: #ecdcdc;
	min-height: 30px;
	padding: 10px 0 10px 20px;
}






.gray-box {
	width: 100%;
	font-weight: 500;
	padding: 30px;
	margin: 30px auto;
	background: #f1f1f1;
}



/****************************** 下層 **********************************/

div.container-wrap {
	width: 100%;
	margin: auto;
	background-color: #fff;
}

div.title-inner {
	position: relative;
	width: 100%;
	margin: auto;
	background: #1b1f20;
	z-index: 601;
}




div.container-wrap .about {
	background-image: url(/wordpress/wp-content/uploads/img/about.webp);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
}

div.container-wrap .lineup {
	background-image: url(/wordpress/wp-content/uploads/img/about.webp);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
}

div.container-wrap .support {
	background-image: url(/wordpress/wp-content/uploads/img/about.webp);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
}

div.container-wrap .application {
	background-image: url(/wordpress/wp-content/uploads/img/about.webp);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 402;
	position: relative;
}

div.container-wrap .tariff {
	background-image: url(/wordpress/wp-content/uploads/img/about.webp);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 402;
	position: relative;
}

div.container-wrap .contact {
	background-image: url(/wordpress/wp-content/uploads/img/contact.webp);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 402;
	position: relative;
}

div.container-wrap .case {
	background-image: url(/wordpress/wp-content/uploads/img/case.webp);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 402;
	position: relative;
}

div.onayami_cont .onayami {
	background-image: url(/wordpress/wp-content/uploads/img/onayami.webp);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
}

div.container-wrap .download {
	background-image: url(/wordpress/wp-content/uploads/img/download.webp);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
}

div.container-wrap .partner {
	position: relative;
	background-image: url(/wordpress/wp-content/uploads/img/partner.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 402;
}


div.container-wrap .number-area {
	position: relative;
	background-image: url(/wordpress/wp-content/uploads/img/back--number-area.webp);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 402;
}

div.container-wrap .video {
	position: relative;
	background-image: url(/wordpress/wp-content/uploads/img/video.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 402;
}

ul.text-style {
	width: 100%;
	margin: auto;
	background: #eef3ff;
	padding: 30px;
}

ul.text-style li {
	font-size: 16px;
	font-weight: 500;
}

li.line {
	line-height: 1.6;
	margin-bottom: 10px;
}

li.line-last {
	line-height: 1.6;
	margin-bottom: 0;
}

.pageLink-btn {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

a.pageLink-btn {
	padding: 10px 40px 0 0;
	transition: all .3s;
	color: rgb(0, 0, 0);
	font-size: 14px;
	font-weight: bold;
}

a.pageLink-btn::before {
	content: "";
	position: absolute;
	top: 35%;
	right: 15px;
	width: 15px;
	height: 15px;
	background: url(/wordpress/wp-content/uploads/img/arrow_r.svg) center center / 15px no-repeat;
	transition: all .3s;
}

a.pageLink-btn:hover::before {
	right: 10px;
}

ul.pageList li {
	list-style: none;
	margin-left: 0;
}

ul.pageList li h3 {
	margin: 0px;
	font-size: 2rem;
}

ul.pageList li:first-child {
	margin-top: 0px;
}

ul.pageList li:last-child {
	margin-bottom: 0px;
}

table.pageLink {
	width: 100%;
}

table.pageLink td {
	width: 20%;
	padding: 20px;
	border: 3px solid #f1f1f1;
}

table.pageLink td a {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	text-decoration: none;
}

table.pageLink td:hover {
	background: #f1f1f1;
}

ul.page-box {
	width: 100%;
	margin: 15px 0 auto;
	padding: 20px;
	font-size: 15px;
	color: #000;
	border: 5px solid #f1f1f1;
}

ul.page-box li {
	padding: 2px 0;
}


div.point-box {
	width: 100%;
	margin: 30px 0 100px;
	padding: 10px 40px 30px;
	font-size: 15px;
	color: #000;
	background: #eef3ff;
}

ul.page-box2 li {
	padding: 2px 0;
}

.box-title {
	color: #1458e4;
	font-size: 1.5rem;
	font-weight: 700;
	margin: 10px auto !important;
}

.m-title {
	font-size: 80%;
}

.s-title {
	font-size: 60%;
}

.small-text {
	font-size: 13px;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 0 !important;
}

.small-text2 {
	font-size: 13px;
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 10px !important;
	margin-bottom: 0 !important;
	line-height: 1.4 !important;
}

ul.ul-link {
	width: 100%;
	padding: 25px;
	font-size: 15px;
	background: #f1f1f1;

}

ul.ul-link li {
	padding-top: 5px;
}


.service-img {
	width: 520px;
	margin: -50px auto;
}

.service-img2 {
	width: 480px;
	margin: auto;
}


.page-img-all {
	width: 60%;
}

div.img-area {
	margin-top: 50px;
	text-align: center;
}

table.vno-table {
	width: 100%;
	margin: 30px auto;
}

table.vno-table th {
	padding: 5px 15px;
	background: #eef3ff;
	font-size: 16px;
	color: #000;
	letter-spacing: 1px;
	border-left: 1px solid #929292;
	border-top: 1px solid #929292;
	border-right: 1px solid #929292;
}

table.vno-table td {
	font-size: 16px;
	font-weight: 500;
	line-height: 170%;
	border: 1px solid #6c7b94;
	padding: 5px 15px;
}

table.vno-table td.point {
	font-weight: 500;
	background-color: #fff8dc;
}

/*********************************************************

2023.01.11 料金表追加 

*********************************************************/
table.table-wf4 {
	width: 100%;
	margin: auto;
	border: 1px solid #ccc;
}

table.table-wf4 th {
	background: #f1f1f1;
	width: 14%;
	padding: 7px 18px;
	text-align: center;
	font-size: 15px;
	line-height: 1.5;
	color: #000;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.table-wf4 td {
	width: 24%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 15px;
	font-weight: 700;
	color: #000;
	padding: 8px 15px;
	vertical-align: middle;
}

table.table-wf4 td:last-child {
	width: 38%;
	border-right: none;
}

table.table-wf3 {
	width: 100%;
	margin: auto;
	border: 1px solid #ccc;
}

table.table-wf3 th {
	background: #f1f1f1;
	width: 20%;
	padding: 7px 18px;
	text-align: center;
	font-size: 15px;
	line-height: 1.5;
	color: #000;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.table-wf3 td {
	width: 32%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 15px;
	font-weight: 700;
	color: #000;
	padding: 8px 15px;
	vertical-align: middle;
}

table.table-wf3 td:last-child {
	width: 48%;
	border-right: none;
}

div.post_title {
	position: relative;
	font-size: 24px;
	font-weight: 700;
	color: #0e49b1;
	display: inline-block;
	padding: 0 40px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

div.post_title::before {
	position: absolute;
	left: 10px;
	top: 0;
	content: "";
	width: 2px;
	height: 100%;
	background: #0e49b1;
	border-radius: 3px;
	transform: rotate(-25deg);
}

div.post_title::after {
	position: absolute;
	content: "";
	right: 10px;
	top: 0;
	width: 2px;
	height: 100%;
	background: #0e49b1;
	border-radius: 3px;
	transform: rotate(25deg);
}

div.post {
	font-size: 22px;
	font-weight: 700;
	padding: 10px 20px;
	margin-top: 30px;
	border-left: 6px double #000;
	background: #f1f1f1;
}

table.ex {
	width: 40%;
	margin: 15px auto 15px 0;
	border: none;
}

table.ex th,
table.ex td {
	border-top: none;
}

table.ex td {
	padding: 3px 0;
}

ul.table-inn {
	margin: 5px auto 0;
}

ul.table-inn li {
	margin-left: 18px;
	font-weight: 700;
}

span.ml48 {
	margin-left: 48px;
}

@media (max-width:790px) {
	div.post_title {
		font-size: 1.5rem;
		padding: 0 30px;
		line-height: 1.4;
		text-align: center;
	}
}

@media (max-width:599px) {
	table.table-wf4 th {
		width: 10%;
		padding: 7px 10px;
		line-height: 1.4;
	}

	table.table-wf4 td,
	table.table-wf4 td:last-child {
		width: 30%;
		letter-spacing: -0.1px;
	}

	table.ex {
		width: 100%;
	}

	span.ml48 {
		margin-left: 0;
	}
}


/************************************************************************

2023.02.10　料金表修正

************************************************************************/
table.article-in3 {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.article-in3 th {
	background: #f1f1f1;
	width: 30%;
	padding: 10px 25px;
	text-align: left;
	font-size: 20px;
	color: #e50012;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	line-height: 1.5;
	text-transform: capitalize;
}

table.article-in3 td {
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 700;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.article-in4 {
	width: 100%;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.article-in4 th {
	background: #f1f1f1;
	width: 32%;
	padding: 10px 20px;
	text-align: left;
	font-size: 16px;
	color: #000;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	line-height: 1.5;
	text-transform: capitalize;
}

table.article-in4 td {
	width: 34%;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.article-in4 td:last-child {
	border-left: 1px dashed #ccc;
	font-weight: 500;
}

p.tariff-point {
	font-size: 20px;
	font-weight: 700;
	color: #e50012;
	margin-left: 5px;
	margin-bottom: 5px;
}

.small-text3 {
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 0 !important;
}

@media (max-width:790px) {
	div.post_title {
		font-size: 1.5rem;
		padding: 0 30px;
		line-height: 1.4;
		text-align: center;
	}
}

@media (max-width:599px) {
	table.table-wf4 th {
		width: 10%;
		padding: 7px 10px;
		line-height: 1.4;
	}

	table.table-wf4 td,
	table.table-wf4 td:last-child {
		width: 30%;
		letter-spacing: -0.1px;
	}

	table.ex {
		width: 100%;
	}

	table.article-in3 th,
	table.article-in3 td,
	table.article-in4 th,
	table.article-in4 td {
		width: 100%;
		display: block;
	}

	table.article-in4 {
		border-bottom: 1px solid #ccc;
	}

	table.article-in3 th,
	table.article-in4 th {
		border-bottom: none;
		border-right: none;
	}

	table.article-in4 td {
		border-bottom: none;
	}

	table.article-in3 td,
	table.article-in4 td {
		padding: 10px 25px;
	}

	table.article-in4 td:last-child {
		border-top: 1px dashed #ccc;
		border-left: none;
	}

	.small-text3 {
		margin-top: 0 !important;
	}

	p.tariff-point {
		margin-left: 0;
	}
}

div.top_news_area .topic_pazing_wrap {
	display: none;
}


/*****************************************************************************************

2023.03 TOP修正

*****************************************************************************************/

.entry-header {
	margin-bottom: 0;
}

div.top_service_area {
	width: 100%;
	margin: 0 auto;
	background: #f1f1f1;
	padding: 50px 0 20px;
}

div.top_service_area .text-animation h2 {
	width: 90%;
	max-width: 1200px;
	font-size: 2.2rem;
	margin: -100px auto auto;
	padding-top: 70px;
}

div.top_service_area .top-huki {
	width: 65%;
	max-width: 1000px;
	margin: 30px auto 80px;
}

div.top_service_area .top-huki .top-huki-inner {
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

div.top_service_area .top-huki .top-huki-inner .huki-text {
	width: 65%;
}

div.top_service_area .top-huki .top-huki-inner .huki-text p {
	padding: 20px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
	text-align: center;
	background: #000;
	border-radius: 55px 0 55px 55px;
}

div.top_service_area .top-huki .top-huki-inner .huki-img {
	width: 35%;
	margin-left: 30px;
}

@media (max-width:1350px) {
	div.top_service_area .top-huki {
		width: 70%;
	}
}

@media (max-width:1280px) {
	div.top_service_area .top-huki {
		width: 90%;
	}

	div.top_service_area .top-huki .top-huki-inner {
		width: 90% !important;
	}

	div.top_service_area .top-service-widefone {
		width: 90% !important;
	}
}

div.new_top_btn_area {
	width: 90%;
	margin: auto;
	text-align: center;
}

div.new_top_btn_area .new_top_btn {
	position: relative;
	width: 100%;
	max-width: 350px;
	display: inline-block;
	margin: 30px auto;
	padding: 13px 0;
	color: #fff !important;
	background-color: #e50012;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	font-size: 16px;
	font-weight: 700;
	border-radius: 45px;
}

div.new_top_btn_area .new_top_btn::after {
	content: "";
	position: absolute;
	top: 38%;
	bottom: 0;
	right: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: right .3s;
	width: 12px;
	height: 12px;
	background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 12px no-repeat;
}

div.new_top_btn_area .new_top_btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}

div.new_top_btn_area .new_top_btn:hover:after {
	right: 16px;
}

.top_btn3 {
	position: relative;
	width: 100%;
	max-width: 340px;
	display: inline-block;
	margin: 5px 0;
	padding: 12px 0 12px 22px;
	color: #fff !important;
	background-color: #e50012;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	font-size: 15px;
	font-weight: 700;
	border-radius: 45px;
}

.top_btn3::before {
	content: "";
	position: absolute;
	top: 30%;
	bottom: 0;
	left: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: right .3s;
	width: 20px;
	height: 20px;
	background: url(/wordpress/wp-content/uploads/img/ico-mail-btn.svg) center center / 20px no-repeat;
}

.top_btn3::after {
	content: "";
	position: absolute;
	top: 38%;
	bottom: 0;
	right: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: right .3s;
	width: 12px;
	height: 12px;
	background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 12px no-repeat;
}

.top_btn3:hover {
	transform: translateY(-2px);
	box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}

.top_btn3:hover::after {
	right: 16px;
}

.top_btn_news {
	position: relative;
	width: 100%;
	max-width: 180px;
	display: inline-block;
	margin: auto;
	padding: 10px 0;
	color: #fff !important;
	background-color: #222;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	font-size: 15px;
	font-weight: 700;
	border-radius: 45px;
}

.top_btn_news::after {
	content: "";
	position: absolute;
	top: 36%;
	bottom: 0;
	right: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: right .3s;
	width: 10px;
	height: 10px;
	background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 10px no-repeat;
}

.top_btn_news:hover {
	transform: translateY(-2px);
	box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}

.top_btn_news:hover:after {
	right: 12px;
}

.in-campagin {
	margin-bottom: 80px !important;
}

.top-logo-s {
	width: 40%;
}

div.top-area-arrow-img {
	width: 5%;
	margin: 30px auto 25px;
}

p.top-text-bbb {
	font-size: 2.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 0;
	letter-spacing: 2px;
	color: #fff;
}

p.top-text-bb {
	font-size: 2.7rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 7px;
	letter-spacing: 2px;
}

p.top-text-b {
	font-size: 2.5rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 7px;
	letter-spacing: 2px;
}

p.top-text-bm {
	font-size: 1.45rem;
	font-weight: 700;
	text-align: left;
	line-height: 1.5;
	margin-bottom: 15px;
}

p.top-text-mm {
	font-size: 1.3rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 7px;
}

p.top-text-m {
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 1.5px;
	margin-bottom: 0;
	width: 90%;
	margin: 20px auto;
}

p.top-text-ms {
	font-size: 1.15rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 1px;
	margin-bottom: 0;
}

p.top-text-n {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 0;
}

p.top-text-nss {
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 0;
}

p.top-text-huki {
	font-size: 0.95rem;
	font-weight: 700;
	text-align: left;
	line-height: 1.4;
	margin-bottom: 3px;
	padding-left: 0.5rem;
	text-indent: -0.6rem;
}

p.top-text-ns {
	font-size: 0.922rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 0;
}

p.top-text-s {
	font-size: 0.8rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 0;
}

p.top-text-ss {
	font-size: 0.7rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 1px;
	margin-bottom: 0;
}

p.right-text {
	float: right;
	margin-top: 15px;
}

.dot-text {
	padding-top: .4em;
	background-position: top left 3px;
	background-repeat: repeat-x;
	background-size: 0.9em .3em;
	background-image: radial-gradient(.1em .1em at center center, #e50012, #e50012 100%, transparent);
}


div.top_service_area .top-service-widefone {
	width: 70%;
	max-width: 1000px;
	margin: 10px auto auto;
}

div.top_service_area .top-service-widefone .inner {
	width: 100%;
	margin: auto auto 50px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}

div.top_service_area .top-service-widefone .inner .item {
	position: relative;
	width: 100%;
	margin: 10px auto;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
}

div.top_service_area .top-service-widefone .inner .item .pbx {
	position: relative;
	width: 45%;
	padding: 25px 30px;
	background: #fff;
	box-shadow: 0 3px 6px rgb(0 0 0 / 7%);
}

div.top_service_area .top-service-widefone .inner .item .plus {
	width: 10%;
	margin: auto;
	padding-top: 15px;
	text-align: center;
}

div.top_service_area .top-service-widefone .inner .item .plus .top-plus {
	width: 32%;
	margin-top: -5px;
}

div.top_service_area .top-service-widefone .inner .item .wf {
	position: relative;
	width: 45%;
	padding: 30px 0 0;
	vertical-align: middle;
	background: #fff;
	box-shadow: 0 3px 6px rgb(0 0 0 / 7%);
}

div.top_service_area .top-service-widefone .inner .item .wf a {
	position: relative;
	padding: 0 0 25px;
}

div.top_service_area .top-service-widefone .inner .item .wf a::after {
	content: url(/wordpress/wp-content/uploads/img/new/function_arrow.svg);
	position: absolute;
	display: block;
	width: 10px;
	bottom: 2px;
	right: 8px;
}

div.top_service_area .top-service-widefone .inner .item .style-n {
	background-color: transparent;
	box-shadow: none;
	margin-bottom: -25px;
	padding: 20px 35px;
	text-align: center;
}

p.top-margin {
	margin-top: 15px;
}

div.top_service_area .top-service-widefone .inner .item .pbx-1::before,
div.top_service_area .top-service-widefone .inner .item .pbx-2::before,
div.top_service_area .top-service-widefone .inner .item .pbx-3::before,
div.top_service_area .top-service-widefone .inner .item .wf-1::before,
div.top_service_area .top-service-widefone .inner .item .wf-2::before,
div.top_service_area .top-service-widefone .inner .item .wf-3::before {
	position: absolute;
	display: inline-block;
	content: "安い";
	font-size: 0.75rem;
	font-weight: 700;
	padding: 2px 10px 1px;
	color: #fff;
	letter-spacing: 1.2px;
	margin-bottom: 0;
	text-align: center;
	background: #000;
	top: 0;
	margin-left: -30px;
}

div.top_service_area .top-service-widefone .inner .item .pbx-2::before {
	content: "簡単導入";
}

div.top_service_area .top-service-widefone .inner .item .pbx-3::before {
	content: "標準機能";
}

div.top_service_area .top-service-widefone .inner .item .wf-1::before {
	content: "さらに安い";
	font-size: 0.8rem;
	margin-left: 0;
	background: #e50012;
}

div.top_service_area .top-service-widefone .inner .item .wf-2::before {
	content: "さらに簡単";
	font-size: 0.8rem;
	margin-left: 0;
	background: #e50012;
}

div.top_service_area .top-service-widefone .inner .item .wf-3::before {
	content: "多機能";
	font-size: 0.8rem;
	margin-left: 0;
	background: #e50012;
}

div.top_service_area .top-service-widefone .right-dot-line {
	width: 49%;
	float: right;
	border: 3px dotted #e50012;
	height: 422px;
	margin-top: -462px;
	margin-right: -2%;
	border-radius: 15px;
}

div.top_service_area .top-service-widefone .inner .item .pbx-2::before {
	content: "簡単導入";
}

div.top_service_area .top-service-widefone .inner .item .pbx-3::before {
	content: "標準機能";
}

div.background-gradient {
	background: linear-gradient(180deg, #deebf9 0%, #deebf9 90%, #fff 90%, #fff 100%)
}

/* div.top_lineup_banner {
	width: 100%;
	margin: auto;
	padding-top: 0;
	;
} */

/* div.top_lineup_banner .banner .lineup-inner {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
} */

/* div.top_lineup_banner .banner .lineup-inner .item {
	width: 32%;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 3px 6px rgb(0 0 0 / 7%);
	border-radius: 0 35px 0 35px;
	padding: 30px 25px 22px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
} */

/* div.top_lineup_banner .banner .lineup-inner .item-first {
	margin-right: 2%;

} */
/* 
div.top_lineup_banner .banner .lineup-inner .item:first-child {
	margin-right: 2%;
} */

/* div.top_lineup_banner .banner .lineup-inner .item:last-child {
	margin-left: 2%;
} */

/* div.top_lineup_banner .banner .lineup-inner .item .item-img {
	width: 80%;
	margin: 0 auto;
	text-align: center;
} */

div.top_tariff_area {
	margin: auto;
	padding: 100px 0;
	background: #fff;
}

/* div.top_lineup_banner .banner .lineup-inner .item .lineup-btn {
	width: 90%;
	margin: 20px auto 10px;
} */

/* div.top_lineup_banner .banner .lineup-inner .item .lineup-btn .lineup-style {
	width: 100%;
	margin: auto;
	position: relative;
	padding: 6px 0;
	background-color: #ff9836;
	color: #fff !important;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	font-size: 15px;
	font-weight: 700;
	border-radius: 45px;
	border: 3px solid #ff9836;
} */

/* div.top_lineup_banner .banner .lineup-inner .item .lineup-btn .lineup-style::after {
	content: "";
	position: absolute;
	top: 34%;
	bottom: 0;
	right: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: right .3s;
	width: 12px;
	height: 12px;
	background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 12px no-repeat;
} */

/* div.top_lineup_banner .banner .lineup-inner .item .lineup-btn .lineup-style:hover {
	transform: translateY(-2px);
	box-shadow: 0 3px 6px rgb(0 0 0 / 7%);
} */

/* div.top_lineup_banner .banner .lineup-inner .item .lineup-btn .lineup-style:hover::after {
	right: 13px;
} */
/* 
div.top_lineup_banner .banner .lineup-inner .item .lineup-btn .cv-btn {
	background: #c00017 !important;
	border: 3px solid #c00017 !important;
} */

/* div.top_lineup_banner .banner .lineup-inner .item .lineup-btn .cvc-btn {
	background: #3a659d !important;
	border: 3px solid #3a659d !important;
} */

div.top_feature_area {
	width: 90%;
	max-width: 1200px;
	margin: 120px auto 80px;
}

div.top_feature_area .top_feature_inner {
	position: relative;
	width: 100%;
	margin: 40px auto 20px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

div.top_feature_area .top_feature_inner .top_feature_list {
	width: 46%;
	margin-top: 90px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-start;
}

div.top_feature_area .top_feature_inner .top_feature_list:nth-child(1),
div.top_feature_area .top_feature_inner .top_feature_list:nth-child(2) {
	margin-top: 40px;
}

div.top_feature_area .top_feature_inner .top_feature_list:nth-child(odd) {
	margin-right: 4%;
}

div.top_feature_area .top_feature_inner .top_feature_list:nth-child(even) {
	margin-left: 4%;
}

div.top_feature_area .top_feature_inner .top_feature_list .feature_list_text {
	width: 70%;
	padding-right: 30px;
	padding-left: 0;
}

div.top_feature_area .top_feature_inner .top_feature_list:nth-child(3) .feature_list_text,
div.top_feature_area .top_feature_inner .top_feature_list:nth-child(4) .feature_list_text {
	padding-left: 30px;
	padding-right: 0;
}

div.top_feature_area .top_feature_inner .top_feature_list .feature_list_img {
	width: 30%;
}

div.top_wf_tariff_area {
	width: 100%;
	margin: 150px auto 50px;
}

div.top_wf_tariff_area .top_wf_tariff_inner {
	max-width: 1080px;
	margin: 50px auto auto;
}

div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf {
	display: table;
	width: 100%;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-collapse: separate;
	border-spacing: 5px 4px;
	margin-bottom: -5px;
}

div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf th:first-child {
	width: 11%;
}

div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf th {
	width: 20%;
}

div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf th.table-vue,
div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf th.table-cv,
div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf th.table-cvc {
	width: 23%;
	background: #ed8018;
	text-align: center;
	vertical-align: middle;
	padding: 15px 0 2px;
	border-radius: 10px 10px 0 0;
}

div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf th.table-cv {
	background: #c00017;
}

div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf th.table-cvc {
	background: #3b659b;
}

div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf td {
	width: 20%;
	font-size: 0.8rem;
	font-weight: 600;
	line-height: 1.4;
	padding: 15px 15px 15px 10px;
	vertical-align: middle;
	border-top: none;
	background: #f7f7f7;
}

div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf td:first-child {
	width: 11%;
	font-size: 0.9rem;
	background: #fff;
	padding: 15px 5px;
}

div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf td.vue,
div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf td.cv,
div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf td.cvc {
	width: 23%;
	display: table-cell;
	text-align: center;
	padding: 15px;
	border-bottom: none;
}

div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf tr td.vue {
	background: #feecde;
}

div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf tr td.cv {
	background: #fbe6e6;
}

div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf tr td.cvc {
	background: #e6effb;
}

div.top_wf_tariff_area .top_wf_tariff_inner table.top_table_wf .tariff-logo {
	width: 85%;
	margin: auto;
}

@media (max-width:1400px) {
	.top_btn3::before {
		left: 43px;
	}
}

@media (max-width:1280px) {
	div.top_wf_tariff_area .top_wf_tariff_inner {
		width: 90%;
		margin: auto;
	}
}

@media (max-width: 1200px) and (min-width: 1001px) {
	div.top_service_area .top-huki {
		width: 100%;
	}

}


div.top_wf_tariff_area .top_wf_tariff_inner .accordion__container .accordion__tab {
	position: relative;
	cursor: pointer;
	font-size: 0.9rem;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 0;
	padding: 12px 5px;
	border-bottom: 1px solid #e7e7e7;
	margin-right: 5px;
	margin-left: 5px;
}

div.top_wf_tariff_area .top_wf_tariff_inner .accordion__container .accordion__tab::after {
	content: url(/wordpress/wp-content/uploads/img/new/icon_arrow_up.svg);
	position: absolute;
	width: 17px;
	height: 11px;
	right: 10px;
}

div.top_wf_tariff_area .top_wf_tariff_inner .accordion__container .accordion__tab.active::after {
	transform: rotate(180deg);
	top: 25px;
}

div.top_wf_tariff_area .top_wf_tariff_inner .accordion__container .accordion__content {
	display: block;
}

div.top_wf_tariff_area .top_wf_tariff_inner .accordion__container .accordion__content table.top_table_wf td.acco {
	padding: 10px 15px;
}


div.top-line {
	border-top: 1px solid #e7e7e7;
	margin: 0 5px;
}

div.top-line2 {
	border-top: 1px solid #e7e7e7;
	margin: 5px 5px 0;
}

div.top-bottom-line-top {
	border-bottom: 1px solid #e7e7e7;
	margin: 0 5px;
}

div.top-bottom-line {
	border-bottom: 1px solid #e7e7e7;
	margin: 5px 5px 0;
}


div.top-purpose-area {
	width: 100%;
	margin: auto;
	padding-top: 70px;
}

div.top-purpose-area .top-purpose-inner {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: auto;
}

div.top-purpose-area .top-purpose-inner .top-purpose-list {
	width: 100%;
	margin: 50px auto 15px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}

div.top-purpose-area .top-purpose-inner .top-purpose-list .box {
	position: relative;
	width: 32%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

div.top-purpose-area .top-purpose-inner .top-purpose-list .box:first-child {
	margin-right: 2%;
}

div.top-purpose-area .top-purpose-inner .top-purpose-list .box:last-child {
	margin-left: 2%;
}

div.top-purpose-area .top-purpose-inner .top-purpose-list .box .box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 25px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

div.top-purpose-area .top-purpose-inner .top-purpose-list .box .box-inner .purpose-huki {
	margin-top: 15px;
	padding: 15px 18px 12px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	background: #e4effb;
	border-radius: 7px;
	min-height: 100px;
}

div.top-purpose-area .top-purpose-inner .top-purpose-list .box .vue-huki,
div.top-purpose-area .top-purpose-inner .top-purpose-list .box .cv-huki,
div.top-purpose-area .top-purpose-inner .top-purpose-list .box .cvc-huki {
	position: relative;
}

div.top-purpose-area .top-purpose-inner .top-purpose-list .box .vue-huki::after,
div.top-purpose-area .top-purpose-inner .top-purpose-list .box .cv-huki::after,
div.top-purpose-area .top-purpose-inner .top-purpose-list .box .cvc-huki::after {
	content: url(/wordpress/wp-content/uploads/img/top/top-purpose-vue.svg);
	position: absolute;
	display: block;
	width: 82px;
	height: 82px;
	bottom: 12px;
	right: -13px;
}

div.top-purpose-area .top-purpose-inner .top-purpose-list .box .cv-huki::after {
	content: url(/wordpress/wp-content/uploads/img/top/top-purpose-cv.svg);
	width: 87px;
	height: 87px;
	bottom: 20px;
	right: -12px;
}

div.top-purpose-area .top-purpose-inner .top-purpose-list .box .cvc-huki::after {
	content: url(/wordpress/wp-content/uploads/img/new/top-purpose-cvc.gif);
	width: 65px;
	height: 75px;
	bottom: 0;
	right: 0;
}

div.top-purpose-area .top-purpose-inner .top-purpose-list .box .box-inner .text {
	margin-right: 20px;
}

div.top-purpose-area .top-purpose-inner .top-purpose-list .box .next {
	width: 12%;
	margin: 30px auto auto;
}


div.top-campagin-area {
	width: 100%;
	margin: 100px auto 0;
}

div.top-campagin-area .top-campagin-inner {
	position: relative;
	background-color: #830a02;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 2;
	padding: 5em 2em 4em;
	margin: auto;
	overflow: hidden;
}

div.top-campagin-area .top-campagin-inner.fixed-background {
	background-image: url(/wordpress/wp-content/uploads/img/top/top-campagin-back.webp);
	transition: all .3s;
}

div.top-campagin-area .top-campagin-inner a {
	text-decoration: none;
}

div.top-campagin-area .top-campagin-inner p {
	color: #fff;
	transition: all .3s;
}

div.top-campagin-area .top-campagin-inner:hover p {
	color: #fff;
	/*transform: translateY(-1px);*/
	text-shadow: 2px 0 10px rgba(255, 251, 204, 0.8);
}

div.top-campagin-area .top-campagin-inner:hover.fixed-background {
	background-image: url(/wordpress/wp-content/uploads/img/top/top-campagin-back-hover.webp);
}


div.top-casestudy-area {
	position: relative;
	width: 100%;
	margin: auto;
	padding: 70px 0 80px;
	background: #f1f1f1;
}

div.top-casestudy-area .slider {
	width: 100%;
	margin: auto;
	overflow: hidden;
}

div.top-casestudy-area .slider .slick-slide {
	margin: 15px 5px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #fff;
	box-shadow: 0 3px 6px rgb(0 0 0 / 7%);
	height: auto;
}

div.top-casestudy-area .slider .slick-track {
	display: flex;
}

div.top-casestudy-area .slider .slick-slide .casestudy-list {
	position: relative;
	width: 100% !important;
	padding: 0;
	transition: 0.3s ease-in-out;
	box-sizing: inherit;
}

div.top-casestudy-area .slider .slick-slide .casestudy-list .inner .casestudy-img {
	text-align: center;
	margin: auto;
}

div.top-casestudy-area .slider .slick-slide .casestudy-list .inner .casestudy-text {
	display: flex;
	flex-direction: column;
	padding: 25px;
}

div.top-casestudy-area .slider .slick-slide .casestudy-list .casestudy-category {
	padding: 0 25px 25px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

div.top-casestudy-area .slider .slick-slide .casestudy-list .casestudy-category .box {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	padding: 1px 4px 2px;
	border: 1px solid #000;
	letter-spacing: -0.5px;
	margin-bottom: 5px;
	margin-right: 5px;
	background: #fff;
}

.slick-prev,
.slick-next {
	position: absolute;
	top: 42%;
	cursor: pointer;
	outline: none;
	z-index: 10;
	background-image: url("/wordpress/wp-content/uploads/img/new/center-arrow.svg");
	width: 25px;
	height: 25px;
}

.slick-prev {
	transform: rotate(180deg);
	left: 18.5%;
}

.slick-next {
	right: 18.5%;
}

.slick-slide {
	transition: all ease-in-out .3s;
	opacity: 1;
}

.slick-dots {
	text-align: center !important;
	margin: 10px 0 0 0 !important;
}

.slick-dots li {
	display: inline-block;
	margin: 0 5px;
}

.slick-dots button {
	color: transparent;
	outline: none;
	border: none;
	width: 3px;
	height: 3px;
	padding: 5px;
	display: block;
	border-radius: 50%;
	background: #ccc;
}

.slick-dots .slick-active button {
	background: #595959;
}

.point-huki {
	position: relative;
	width: 70px;
	height: 40px;
	font-size: 0.7rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 1.1 !important;
	border-radius: 50%;
	padding: 9px 5px 9px 8px;
	margin-top: -40px !important;
	margin-right: -10px !important;
	margin-bottom: 0 !important;
	float: right;
	background-color: #c00017;
}

.point-huki::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 0;
	bottom: -3px;
	border-right: 20px solid #c00017;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	transform: rotate(-40deg);
}

.point-huki2 {
	position: relative;
	width: 155px;
	padding: 7px 8px 8px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2 !important;
	text-align: center;
	color: #fff;
	background-color: #555;
	margin-top: -50px !important;
	margin-left: -100px !important;
	margin-bottom: 10px !important;
}

.point-huki2::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 85px;
	top: 28px;
	border-right: 12px solid #555;
	border-top: 12px solid transparent;
	border-bottom: 10px solid transparent;
	transform: rotate(120deg);
}

div.top-cooperation-area {
	position: relative;
	width: 100%;
	margin: auto;
	padding: 70px 0 100px;
	background: #fff;
}

div.top-cooperation-area .top-cooperation-area-inner {
	max-width: 1200px;
	margin: auto;
}

div.top-cooperation-inner {
	width: 100%;
	margin: 50px auto auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

div.top-cooperation-inner .item1,
div.top-cooperation-inner .item2 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: auto;
}

div.top-cooperation-inner .item1 .item,
div.top-cooperation-inner .item2 .item {
	max-height: 75px;
	margin: auto;
	text-align: center;
}

div.top-cooperation-inner .item1 .item .cooperation-logo,
div.top-cooperation-inner .item2 .item .cooperation-logo {
	width: 100%;
	margin: auto;
}

@media (max-width:1100px) and (min-width:1000px) {
	div.top-purpose-area .top-purpose-inner .top-purpose-list .box .box-inner .purpose-huki .purpose-img-vue {
		margin-right: -40px;
		margin-bottom: -70px;
	}

	div.top-purpose-area .top-purpose-inner .top-purpose-list .box .box-inner .purpose-huki .purpose-img-cv {
		margin-right: -40px;
		margin-bottom: -70px;
	}

	div.top-purpose-area .top-purpose-inner .top-purpose-list .box .box-inner .purpose-huki .purpose-img {
		margin-right: -40px;
		margin-bottom: -112px;
	}
}

@media (max-width:1000px) and (min-width:769px) {
	div.top_service_area .top-huki .top-huki-inner {
		width: 100% !important;
	}

	div.top_service_area .top-huki .top-huki-inner .huki-text p {
		font-size: 1.2rem;
	}

	div.top-purpose-area .top-purpose-inner .top-purpose-list .box .box-inner .purpose-huki .purpose-img-vue {
		width: 50%;
		margin-right: -35px;
		margin-bottom: -80px;
	}

	div.top-purpose-area .top-purpose-inner .top-purpose-list .box .box-inner .purpose-huki .purpose-img-cv {
		width: 50%;
		margin-right: -40px;
		margin-bottom: -100px;
	}

	div.top-purpose-area .top-purpose-inner .top-purpose-list .box .box-inner .purpose-huki .purpose-img {
		width: 50%;
		margin-right: -40px;
		margin-bottom: -118px;
	}

	/* div.top_lineup_banner .banner .lineup-inner .item .item-img {
		margin: 10px auto 0;
	} */
}

@media (max-width:1353px) {
	div.top_service_area .top-service-widefone .right-dot-line {
		height: 445px;
		margin-top: -485px;
	}
}

@media (max-width:1280px) {
	div.top_service_area .top-service-widefone .right-dot-line {
		height: 430px;
		margin-top: -465px;
	}
}

@media (max-width:1056px) {
	div.top_service_area .top-service-widefone .right-dot-line {
		height: 450px;
		margin-top: -490px;
	}
}

@media (max-width:979px) {
	div.top_service_area .top-service-widefone .right-dot-line {
		height: 445px;
		margin-top: -485px;
	}
}

@media (max-width:880px) and (min-width:769px) {
	div.top_service_area .top-service-widefone .right-dot-line {
		height: 430px;
		margin-top: -470px;
	}

	div.top_service_area .top-service-widefone .inner .item .wf {
		padding: 25px 10px 0 0;
	}

	div.top_service_area .top-service-widefone .inner .item .wf a::after {
		right: 0;
		bottom: 0;
	}

	div.top_service_area .top-service-widefone .inner .item .style-n {
		margin-bottom: -30px;
	}

}

@media (max-width:768px) {

	p.top-text-m {
		width: 94%;
	}

	div.top_service_area .text-animation h2 {
		width: 94%;
	}

	div.text-animation h2 {
		line-height: 1.3;
	}

	div.top_service_area .top-huki .top-huki-inner {
		width: 100% !important;
	}

	p.top-text-bb {
		line-height: 1.3;
	}

	p.top-text-bm {
		font-size: 1.3rem;
		margin-bottom: 10px;
	}

	div.top_service_area .top-service-widefone .inner .item .pbx {
		padding: 50px 30px 25px;
	}

	div.sp-purpose-box .box-inner {
		padding: 30px;
		margin-bottom: 20px;
		background: #fff;
	}

	div.sp-purpose-box .vue-huki,
	div.sp-purpose-box .cv-huki,
	div.sp-purpose-box .cvc-huki {
		position: relative;
	}

	div.sp-purpose-box .vue-huki::after,
	div.sp-purpose-box .cv-huki::after,
	div.sp-purpose-box .cvc-huki::after {
		content: url(/wordpress/wp-content/uploads/img/top/top-purpose-vue.svg);
		position: absolute;
		display: block;
		width: 80px;
		height: 80px;
		bottom: 0;
		right: -10px;
	}

	div.sp-purpose-box .cv-huki::after {
		content: url(/wordpress/wp-content/uploads/img/top/top-purpose-cv.svg);
		width: 82px;
		height: 82px;
		right: -12px;
	}

	div.sp-purpose-box .cvc-huki::after {
		content: url(/wordpress/wp-content/uploads/img/top/top-purpose-cvc.svg);
		width: 68px;
		height: 68px;
		right: -10px;
	}

	p.top-text-mm {
		font-size: 1.3rem;
		letter-spacing: 0;
	}

	p.top-text-nss {
		font-size: 1.05rem;
		line-height: 1.4;
	}

	div.top_service_area .top-huki .top-huki-inner .huki-text p {
		font-size: 1.3rem;
	}

	div.sp-purpose-box .box-inner .purpose-huki {
		padding: 20px 25px 15px;
		margin-top: 15px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	div.sp-purpose-box .box-inner .purpose-huki .text .top-text-huki {
		font-size: 1rem;
		margin-bottom: 5px;
	}

	div.sp-purpose-box .next {
		width: 10%;
		margin: auto auto 5px;
	}

	div.top_feature_area {
		margin: 40px auto 50px;
	}

	/* div.top_lineup_banner .banner .lineup-inner {
		flex-direction: column;
	} */

	/* div.top_lineup_banner .banner .lineup-inner .item {
		width: 100%;
		margin: 0 auto 20px;
	} */

	/* div.top_lineup_banner .banner .lineup-inner .item:first-child {
		margin-right: 0;
	} */

	/* div.top_lineup_banner .banner .lineup-inner .item:last-child {
		margin-left: 0;
	} */

	div.top_feature_area .top_feature_inner,
	div.top_feature_area .top_feature_inner .top_feature_list {
		flex-direction: column;
	}

	div.top_feature_area .top_feature_inner .top_feature_list {
		width: 100%;
		margin-top: 60px;
	}

	div.top_feature_area .top_feature_inner .top_feature_list:first-child {
		margin-top: 20px;
	}

	div.top_feature_area .top_feature_inner .top_feature_list:nth-child(odd) {
		margin-right: 0;
	}

	div.top_feature_area .top_feature_inner .top_feature_list:nth-child(even) {
		margin-left: 0;
	}

	div.top_feature_area .top_feature_inner .top_feature_list .feature_list_text {
		width: 100%;
		padding-right: 0;
	}

	div.top_feature_area .top_feature_inner .top_feature_list .feature_list_img {
		width: 30%;
		margin: 20px auto auto;
	}

	div.top_feature_area .top_feature_inner .top_feature_list:nth-child(3),
	div.top_feature_area .top_feature_inner .top_feature_list:nth-child(4) {
		flex-direction: column-reverse;
	}

	div.top_feature_area .top_feature_inner .top_feature_list:nth-child(3) .feature_list_text,
	div.top_feature_area .top_feature_inner .top_feature_list:nth-child(4) .feature_list_text {
		padding-left: 0;
	}

	div.top_wf_tariff_area {
		margin: 60px auto 50px;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs {
		width: 100%;
		margin-top: 50px;
		padding-bottom: 0;
		margin: 0 auto;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_item {
		width: 31.5%;
		margin: 0 0.918%;
		background-color: #f6f6f6;
		border-radius: 10px 10px 0 0;
		font-size: 14px;
		padding: 12px 10px 10px;
		line-height: 1.2;
		text-align: center;
		color: #777;
		font-weight: 700;
		display: block;
		float: left;
		transition: all 0.2s ease;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs input:checked+.item_vue {
		background-color: #ed8018;
		color: #fff;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs input:checked+.item_cv {
		background-color: #c00017;
		color: #fff;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs input:checked+.item_cvc {
		background-color: #3b659b;
		color: #fff;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content {
		display: none;
		padding: 0;
		clear: both;
		overflow: hidden;
	}

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

	#vue:checked~#vue_content,
	#cv:checked~#cv_content,
	#cvc:checked~#cvc_content {
		display: block;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf {
		border-bottom: none;
		margin-bottom: 0;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td {
		width: 45%;
		font-size: 0.75rem;
		font-weight: 700;
		padding: 10px 20px 10px 5px;
		border-top: none;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td.vue,
	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td.cv,
	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td.cvc {
		font-weight: 700;
		font-size: 0.75rem;
		background: #feecde;
		border-top: 4px solid #fff;
		border-bottom: 4px solid #fff;
		vertical-align: middle;
		text-align: center;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td.cv {
		background: #fdeeee;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td.cvc {
		background: #e6effb;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td:last-child {
		width: 55%;
		padding: 10px 15px;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content .table-sub {
		padding: 12px 20px 10px 5px;
		border-top: 2px solid #ededed;
		border-bottom: 2px solid #ededed;
		margin-bottom: 0;
		font-size: 0.85rem;
		font-weight: 700;
	}

	.point-huki2 {
		width: 155px;
		font-size: 0.65rem;
		margin-top: 0 !important;
		margin-left: -5px !important;
		margin-bottom: 10px !important;
		padding: 5px 3px;
	}

	.point-huki2::after {
		left: 90px;
		top: 22px;
		transform: rotate(60deg);
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td.huki-td {
		padding: 0 20px 10px 5px;
	}

	div.top_wf_tariff_area .top_wf_tariff_inner .accordion__container .accordion__tab {
		font-size: 0.9rem;
		font-weight: 700;
		margin-top: -1px;
		padding: 12px 5px;
		border-bottom: 1px solid #e7e7e7;
		margin-right: 0;
		margin-left: 0;
	}

	div.top_wf_tariff_area .top_wf_tariff_inner .accordion__container .accordion__content {
		display: none;
	}

	div.top_wf_tariff_area .top_wf_tariff_inner .accordion__container .sp__visible {
		display: block;
	}

	div.top-line2 {
		border-top: 1px solid #ededed;
		margin: 0px 0px 0;
	}

	div.top_service_area .top-service-widefone .inner .item .wf {
		padding: 30px 10px 0 0;
	}

	div.top_service_area .top-service-widefone .inner .item .wf a::after {
		bottom: 0;
		right: 0;
	}

	div.top-bottom-line {
		border-bottom: 1px solid #e7e7e7;
		margin: 0;
	}

	div.top-cooperation-inner .item1,
	div.top-cooperation-inner .item2 {
		flex-direction: column;
	}

	div.top_news_area .inner {
		padding: 0 0 60px;
		margin: 40px auto;
		flex-direction: column;
	}

	div.top-cooperation-area {
		padding: 30px 0 100px;
	}

	div.top_service_area .top-service-widefone .right-dot-line {
		display: none;
	}


}

@media (max-width:599px) {
	div.top_service_area .text-animation h2 {
		padding-top: 50px;
	}

	div.top_service_area .top-huki {
		width: 90%;
		margin: 20px auto 50px;
	}

	div.top_service_area .top-huki .top-huki-inner {
		width: 100% !important;
		flex-direction: column;
	}

	div.top_service_area .top-huki .top-huki-inner .huki-text {
		width: 90%;
		margin-right: 10%;
	}

	div.top_service_area .top-huki .top-huki-inner .huki-img {
		width: 55%;
		margin-top: -5px;
		margin-left: 45%;
		margin-right: 0;
	}

	div.top_service_area .top-huki .top-huki-inner .huki-text p {
		font-size: 1.15rem;
		border-radius: 75px 75px 0 75px;
	}

	div.top_service_area .top-service-widefone .inner .item {
		width: 100%;
		margin: 40px auto auto;
		flex-direction: column;
	}

	div.top_service_area .top-service-widefone .inner .item .pbx,
	div.top_service_area .top-service-widefone .inner .item .wf {
		width: 100%;
		padding: 20px 10px 0 0;
	}

	div.top_service_area .top-service-widefone .inner .item .style-n {
		padding: 20px 10px;
	}

	.top-logo-s {
		width: 30%;
		margin: 0 auto -15px;
		text-align: center;
	}

	div.top_service_area .top-service-widefone .inner .item .plus {
		width: 18%;
	}

	div.top_service_area .top-service-widefone .inner {
		margin: -20px auto 25px;
	}

	div.top_service_area .top-service-widefone .inner .item .pbx {
		padding: 30px 30px 10px;
	}

	div.top_service_area .top-service-widefone .inner .item .wf a {
		padding: 10px 10px 5px;
	}

	div.top_service_area .top-service-widefone .inner .item .wf a::after {
		bottom: 3px;
		right: -2px;
	}

	div.top_service_area .top-service-widefone .right-dot-line {
		display: none;
	}

	div.top-purpose-area {
		padding-top: 10px;
	}

	div.sp-purpose-box {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	div.sp-purpose-box .box-inner {
		padding: 30px;
		margin-bottom: 20px;
		background: #fff;
	}

	div.sp-purpose-box .box-inner .purpose-huki {
		padding: 20px 25px 15px;
		margin-top: 15px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	div.sp-purpose-box .box-inner .purpose-huki .text .top-text-huki {
		font-size: 1rem;
		margin-bottom: 5px;
	}

	div.sp-purpose-box .next {
		width: 10%;
		margin: auto auto 5px;
	}

	div.top_feature_area {
		margin: 40px auto 50px;
	}


	div.top_feature_area .top_feature_inner,
	div.top_feature_area .top_feature_inner .top_feature_list {
		flex-direction: column;
	}

	div.top_feature_area .top_feature_inner .top_feature_list {
		width: 100%;
		margin-top: 60px;
	}

	div.top_feature_area .top_feature_inner .top_feature_list:first-child {
		margin-top: 20px;
	}

	div.top_feature_area .top_feature_inner .top_feature_list:nth-child(odd) {
		margin-right: 0;
	}

	div.top_feature_area .top_feature_inner .top_feature_list:nth-child(even) {
		margin-left: 0;
	}

	div.top_feature_area .top_feature_inner .top_feature_list .feature_list_text {
		width: 100%;
		padding-right: 0;
	}

	div.top_feature_area .top_feature_inner .top_feature_list .feature_list_img {
		width: 50%;
		margin: 20px auto auto;
	}

	div.top_feature_area .top_feature_inner .top_feature_list:nth-child(3),
	div.top_feature_area .top_feature_inner .top_feature_list:nth-child(4) {
		flex-direction: column-reverse;
	}

	div.top_feature_area .top_feature_inner .top_feature_list:nth-child(3) .feature_list_text,
	div.top_feature_area .top_feature_inner .top_feature_list:nth-child(4) .feature_list_text {
		padding-left: 0;
	}

	div.top_wf_tariff_area {
		margin: 60px auto 50px;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs {
		width: 100%;
		margin-top: 50px;
		padding-bottom: 0;
		margin: 0 auto;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_item {
		width: 31.5%;
		margin: 0 0.91%;
		background-color: #f6f6f6;
		border-radius: 10px 10px 0 0;
		font-size: 12px;
		padding: 12px 10px 6px;
		line-height: 1.2;
		text-align: center;
		color: #777;
		font-weight: 700;
		display: block;
		float: left;
		transition: all 0.2s ease;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs input:checked+.item_vue {
		background-color: #ed8018;
		color: #fff;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs input:checked+.item_cv {
		background-color: #c00017;
		color: #fff;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs input:checked+.item_cvc {
		background-color: #3b659b;
		color: #fff;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content {
		display: none;
		padding: 0;
		clear: both;
		overflow: hidden;
	}

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

	#vue:checked~#vue_content,
	#cv:checked~#cv_content,
	#cvc:checked~#cvc_content {
		display: block;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf {
		border-bottom: none;
		margin-bottom: 0;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td {
		width: 45%;
		font-size: 0.75rem;
		font-weight: 700;
		padding: 10px 20px 10px 5px;
		border-top: none;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td.vue,
	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td.cv,
	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td.cvc {
		font-weight: 700;
		font-size: 0.75rem;
		background: #feecde;
		border-top: 4px solid #fff;
		border-bottom: 4px solid #fff;
		vertical-align: middle;
		text-align: center;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td.cv {
		background: #fdeeee;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td.cvc {
		background: #e6effb;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td:last-child {
		width: 55%;
		padding: 10px 15px;
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content .table-sub {
		padding: 12px 20px 10px 5px;
		border-top: 2px solid #ededed;
		border-bottom: 2px solid #ededed;
		margin-bottom: 0;
		font-size: 0.85rem;
		font-weight: 700;
	}

	.point-huki2 {
		width: 135px;
		font-size: 0.65rem;
		margin-top: 0 !important;
		margin-left: -5px !important;
		margin-bottom: 10px !important;
		padding: 5px 3px;
	}

	.point-huki2::after {
		left: 90px;
		top: 22px;
		transform: rotate(60deg);
	}

	div.top_wf_tariff_inner .top_new_tariff_tabs .tab_content table.sp_top_table_wf td.huki-td {
		padding: 0 20px 10px 5px;
	}

	div.top_wf_tariff_area .top_wf_tariff_inner .accordion__container .accordion__tab {
		font-size: 0.9rem;
		font-weight: 700;
		margin-top: -1px;
		padding: 12px 5px;
		border-bottom: 1px solid #e7e7e7;
		margin-right: 0;
		margin-left: 0;
	}

	div.top_wf_tariff_area .top_wf_tariff_inner .accordion__container .accordion__content {
		display: none;
	}

	div.top_wf_tariff_area .top_wf_tariff_inner .accordion__container .sp__visible {
		display: block;
	}

	div.top-line2 {
		border-top: 1px solid #ededed;
		margin: 0px 0px 0;
	}

	div.top-cooperation-area {
		padding: 0 0 100px;
	}

	p.top-text-bbb {
		font-size: 2.4rem;
	}

	p.top-text-bb {
		font-size: 2.3rem;
		letter-spacing: 0;
		line-height: 1.3;
	}

	p.top-text-bm {
		font-size: 1.3rem;
		line-height: 1.4;
	}

	p.top-text-m {
		font-size: 1.1rem;
		letter-spacing: 0.5px;
	}

	p.top-text-ms {
		font-size: 0.95rem;
	}

	p.top-text-ns {
		font-size: 1rem;
		line-height: 1.6;
	}

	.in-campagin {
		margin-bottom: 60px !important;
	}

	div.lineup-width {
		margin: 30px auto -10px;
	}

	div.top_cta_area .cta_area_inner {
		padding: 40px 0 80px;
	}

	div.top-bottom-line {
		border-bottom: 1px solid #e7e7e7;
		margin: 0;
	}

	div.top_news_area .inner {
		margin: 0 auto;
	}

	div.top_news_area .inner {
		padding: 0 0 100px;
	}

	div.top-cooperation-inner {
		margin-top: 20px;
	}

	.top_btn3::before {
		left: 24px;
	}

	div.top-campagin-area .top-campagin-inner {
		background-attachment: scroll;
	}

	.entry-content #whatsnew-title_list dt.topic_time,
	.entry-content dt.topic_time {
		margin-top: 0;
	}

	div.post-contents .contents-inner .column-box {
		padding: 30px;
	}

	div.post-contents .contents-inner .column-box ul li {
		margin-left: 10px;
	}

	div.post-content-list {
		width: 100%;
	}

	a.pageContents-btn {
		padding: 0 40px 20px 20px;
	}

	a.pageContents-btn::before {
		top: 5px;
		left: 0;
		right: inherit;
	}

	.pageContents-btn::after {
		bottom: 15px;
		width: 90%;
	}
}

@media (max-width:400px) {

	div.top_service_area .text-animation h2 {
		font-size: 2rem !important;
		padding-top: 50px;
	}

	div.top_service_area .top-huki {
		width: 92%;
	}

	div.top_service_area .top-huki .top-huki-inner .huki-text p {
		font-size: 1.05rem;
	}

	p.top-text-bb {
		font-size: 2.2rem !important;
		line-height: 1.3;
	}
}

h1.pagetopmrg {
	text-align: left;
}


/***************************************** 2023.03.31 コラム ************************************************/
.format-status .entry-header {
	margin-bottom: 0;
}

.entry-header .attachment-post-thumbnail {
	display: none;
}

/********************************* 2023.04.17 コラム *********************************************/
.column-arrow {
	position: relative;
	padding-left: 20px;
}

.column-arrow::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 14px;
	height: 14px;
	background: url(/wordpress/wp-content/uploads/img/arrow_br.svg) center center / 14px no-repeat;
}

.column-ul-list {
	margin-top: -10px;
	margin-bottom: 20px;
}


div.post-contents .contents-inner p {
	word-break: break-all;
}

p.column-page-date {
	font-size: 11px !important;
	text-align: right;
	margin-bottom: 5px;
}

div.pankuzu_wrap_column {
	font-size: 75%;
	margin-top: 10px;
}

div.pankuzu_wrap_column br,
dl.whatsnew-item .topic_title br {
	display: none;
}

.topic_icon .column,
.topic_icon .onayami {
	width: auto !important;
}

span.category_icon.onayami {
	color: #00a623;
	border: 2px solid #00a623;
}

span.category_icon.download,
span.category_icon.service,
span.category_icon.telecommunications {
	position: relative;
	color: #48a275;
	border: 2px solid #48a275;
	width: 100px;
	overflow: hidden;
}

span.category_icon.download::before,
span.category_icon.service::before,
span.category_icon.telecommunications::before {
	content: "資料ダウンロード";
}

span.category_icon.telecommunications a {
	display: none;
}

#contents-news .whats_wrap .whats_wrap_inner {
	width: 85%;
	padding: 0 0 30px;
}

table.column-table01,
table.column-table02 {
	width: 100%;
	margin: auto;
	border-bottom: none;
}

table.column-table01 th,
table.column-table01 td,
table.column-table02 th,
table.column-table02 td {
	width: 25%;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	color: #000;
	padding: 7px 15px;
	border-top: 1px solid #d2d9e4;
	border-left: 1px solid #d2d9e4;
	vertical-align: middle;
}

table.column-table01 tr:last-child,
table.column-table02 tr:last-child {
	border-bottom: 1px solid #d2d9e4;
}

table.column-table01 th:last-child,
table.column-table01 td:last-child,
table.column-table02 th:last-child,
table.column-table02 td:last-child {
	border-right: 1px solid #d2d9e4;
}

table.column-table01 th,
table.column-table02 th {
	text-align: center;
	background: #eaf2ff;
}

table.column-table02 th,
table.column-table02 td {
	width: 40%;
}

table.column-table02 th:first-child,
table.column-table02 td:first-child {
	width: 20%;
}

table.column-table02 td:first-child {
	background: #eaf2ff;
}

@media (max-width:599px) {
	h2.post {
		font-size: 20px;
		line-height: 1.5;
		padding: 10px 15px;
		margin-top: 50px;
	}

	div.post-content-list {
		width: 100%;
		padding: 20px 20px 25px;
	}

	div.pankuzu_wrap_column {
		width: 90%;
		margin: 10px auto auto;
	}

	p.column-page-date {
		width: 90%;
		margin: auto auto 5px;
	}

	div.post-content-list ul li {
		margin-left: 20px;
	}

	div.post-content-list li.list-h3 {
		margin-left: 35px;
	}

	table.column-table01 th,
	table.column-table01 td,
	table.column-table02 th,
	table.column-table02 td {
		font-size: 14px;
		padding: 7px 10px;
	}

	table.column-table02 th,
	table.column-table02 td {
		width: 35%;
	}

	table.column-table02 th:first-child,
	table.column-table02 td:first-child {
		width: 30%;
	}

	ul.column-ul-list li {
		margin-left: 30px;
	}
}



/********************* 2023.08 グローバルナビレスポンシブ対応（NEON Tap追加に伴う）START ***********************/



@media (max-width:1100px) {
	#navArea {
		display: none;
	}

	.header-btn-mail {
		top: 0;
		right: 80px;
	}

	.openbtn {
		display: block;
	}
}

/********************* 2023.08 グローバルナビレスポンシブ対応（NEON Tap追加に伴う）END ***********************/



/*********** 2023.09 通信費削減・見直しコンサルティング ページ追加START ***************/
table.consal_table {
	width: 100%;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.consal_table th {
	background: #f1f1f1;
	width: 24%;
	padding: 10px 20px;
	color: #000;
	text-align: left;
	font-size: 16px;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table.consal_table td {
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 500;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.consulting_flexbox {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.consulting_flexbox_l {
	width: 58%;
}

.consulting_flexbox_r {
	width: 35%;
}

.consulting_flexbox_r_2 {
	width: 40%;
}

.consal_sub_txt {
	margin: 0 !important;
	font-weight: 700;
	font-size: 1.2rem;
}

.consulting_flexbox_mt {
	margin-top: 15px;
	flex-direction: row-reverse;
}

.consal_sub_txt_red {
	font-size: 1.2rem;
	font-weight: 700;
	color: #e50012;
	margin-bottom: 5px !important;
}

div.container-wrap .consulting {
	background-image: url(/wordpress/wp-content/uploads/img/consulting_mv.webp);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 402;
	position: relative;
}

@media (max-width:1200px) {
	.consal_br {
		display: none;
	}
}

@media (max-width:1060px) {
	.consulting_flexbox {
		display: block;
	}

	.consulting_flexbox_l {
		width: 100%;
	}

	.consulting_flexbox_r {
		width: 45%;
		margin: 0 auto;
	}

	.consulting_flexbox_r_2 {
		width: 65%;
	}

	.consal_txt_mb {
		margin-bottom: 0;
	}
}

@media (max-width:600px) {
	.consulting_flexbox_r {
		width: 55%;
	}

	.consulting_flexbox_r_2 {
		width: 85%;
	}

	table.consal_table th {
		display: block;
		width: 100%;
		border-bottom: none;
		border-right: none;
		border-left: none;
		line-height: 1.5 !important;
	}

	table.consal_table td {
		display: block;
		width: 100%;
		border-bottom: none;
		border-right: none;
	}
}

@media (max-width:480px) {
	.consul_ttl {
		line-height: 1.4 !important;
	}
}

/* フッター２行のアンダーライン */
.footer-text-btn_2::after {
	content: none;
}

#sitemap>ul>li.br_marker {
	display: inline !important;
}

#sitemap>ul>li>a.footer-text-btn_2 {
	padding-bottom: .25em !important;
	background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) 0 100%/0 1px no-repeat !important;
	transition: background .4s !important;
	text-decoration: none !important;
	display: inline !important;
}

#sitemap>ul>li>a.footer-text-btn_2:hover {
	background-size: 100% 1px !important;
}

/*********** 2023.09 通信費削減・見直しコンサルティング ページ追加END ***************/




/*********** 2023.11 資料ダウンロードページアイコン調整 追加START ***************/

.\0032minutes {
	display: inline !important;
	padding: 3px 5px 4px !important;
}

.cat-2minutes .topic_icon {
	margin-top: 4px !important;
}

/*********** 2023.11 資料ダウンロードページアイコン調整 追加END ***************/


/*********** 2023.11 資料ダウンロードページ投稿削除 追加START ***************/

.page-id-865 .cat-download {
	display: none;
}

/*********** 2023.11 資料ダウンロードページ投稿削除 追加END ***************/

/*********** 2023.10.26  footerテレワーク協会追加 追加START ***************/

#footercontents #info p.ss-text {
	color: #fff;
	font-size: 11px;
	line-height: 1.4;
	margin-top: 17px;
}


/*********** 2023.10.26  footerテレワーク協会追加 追加END ***************/



/*********** 2023.12.22  コラム一覧タイトル改行調整 追加 ***************/
/* .column_ttl_br {
	display: none;
} */


/*********** 2024.06.11 料金ページ表の修正 START ***************/

div.link_mt {
	padding-top: 100px;
	margin-top: -100px;
}

table.price_page_table {
	margin-bottom: 5px;
}

table.price_page_table th,
table.price_page_table td {
	font-size: 16px;
}


table.price_page_table th {
	background: #f1f1f1;
	width: 32%;
	padding: 10px 12px;
	text-align: left;
	color: #000;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	line-height: 1.5;
	text-transform: capitalize;
}

table.price_page_table td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.price_page_table th.th_head {
	background: #fff;
	border-top: none;
	border-left: none;
}

table.price_page_table th.th_head_b {
	padding: 10px 12px;
	width: 18%;
}

table.price_page_table th.th_head_b_b {
	width: 36%;
}

table.price_page_table th.th_head_b_c {
	width: 68%;
}


table.price_page_table td {
	padding: 10px 12px;
	vertical-align: middle;
}

table.price_page_table th.th_head_c {
	width: 32%;
}



p.price_page_tax {
	font-size: 80%;
	text-align: right;
	margin-bottom: 5px;
}

span.unit_s,
span.table_s,
span.tariff-point_s {
	font-size: 82%;
}

span.come_s {
	font-size: 70%;
}

li.come_list {
	list-style: none;
	margin-left: 0;
}



/*********** 2024.06.11 機能一覧ページの修正 START ***************/

table.func_page_table th.th_head {
	background: #fff;
	border-top: none;
	border-left: none;
}

table.func_page_table th {
	width: 32%;
	padding: 10px 12px;
	text-align: left;
	color: #000;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	line-height: 1.5;
	text-transform: capitalize;
}

table.func_page_table th.head_gray {
	background: #f1f1f1;
}


table.func_page_table th.th_head_b {
	padding: 10px 12px;
	width: 18%;
}

table.func_page_table th.th_head_c {
	width: 32%;
}

table.func_page_table td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

table.func_page_table th,
table.func_page_table td {
	font-size: 16px;
}


/*********** 2024.06.11 機能一覧ページの修正 END ***************/



/****************************************************

2024.07 /lineup/free/ ページ修正 START

****************************************************/

p.lineup_free_catch {
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 5px;
}

table.lineup_free_table {
	margin-bottom: 5px;
}


table.lineup_free_table th {
	background: #f1f1f1;
	padding: 10px 12px;
	text-align: left;
	color: #000;
	vertical-align: middle;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	line-height: 1.5;
	text-transform: capitalize;
	font-size: 16px;
}


table.lineup_free_table th.th_a {
	width: 65%;
}


table.lineup_free_table th.th_b {
	width: 25%;
}

table.lineup_free_table th.th_center,
table.lineup_free_table td.td_center {
	text-align: center;
}


table.lineup_free_table td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 10px 12px;
	vertical-align: middle;
}

span.lineup_free_come_a {
	font-size: 70%;
}

p.lineup_free_come_b {
	font-size: 90%;
}

span.lineup_free_redbold {
	font-weight: bold;
	color: red;
}

span.lineup_free_bold {
	font-weight: bold;
}


.lineup_free_br600,
.lineup_free_br480 {
	display: none;
}

@media (max-width:599px) {

	.lineup_free_br600 {
		display: block;
	}

}


@media (max-width:480px) {
	table.lineup_free_table td {
		padding: 10px 10px;
	}

}

@media (max-width:450px) {
	.lineup_free_br450 {
		display: block;
	}
}


/****************************************************

2024.07 /lineup/free/ ページ修正 END

****************************************************/



/****************************************************

2024.10.21 コラム　最下段ボックス追加 START

****************************************************/
div.blue--line--box {
	width: 100%;
	background: #fff;
	padding: 30px 30px 0;
	border: 5px solid rgba(117, 192, 241, .6) !important;
	border-radius: 10px;
}

ul.column--list--01 li {
	margin-left: 30px;
}

ul.column--list--01 span {
	font-weight: 700;
}

/****************************************************

2024.10.21 コラム　最下段ボックス追加 END

****************************************************/
/****************************************************

2024.10.21 スマホ版崩れ修正 START

****************************************************/
@media (max-width: 599px) {
	p.column-page-date {
		padding-right: 10px;
	}
}

/****************************************************

2024.10.21 スマホ版崩れ修正 END

****************************************************/



/****************************************************

2024.10.01 トップページリニューアルによる追加 START

****************************************************/


/* ★★ top_service_area の記述 ここから ★★ */

div.top--lineup_box {
	max-width: 1200px;
	margin: 115px auto 30px;
	display: flex;
	justify-content: space-between;

}

div.top--lineup_item {
	background: #fff;
	width: 32%;
	box-shadow: 2px 2px 12px rgb(0 0 0 / 5%);
	text-align: center;
	padding: 80px 20px 25px;
	box-sizing: border-box;
	/* position: relative; */
}

p.top--lineup_btn_a:hover {
	background: #e9605e;
}

p.top--lineup_btn_b:hover {
	background: #659ade;
}

p.top--lineup_btn_c:hover {
	background: #8c8c8c;
}

p.top--lineup_ttl_a::before {
	content: url(/wordpress/wp-content/uploads/img/top/widefone_01.webp);
	position: absolute;
	display: block;
	width: 15px;
	top: -175px;
}

p.top--lineup_ttl_b::before {
	content: url(/wordpress/wp-content/uploads/img/top/widefone_02.webp);
	position: absolute;
	display: block;
	width: 15px;
	top: -175px;
}

p.top--lineup_ttl_c::before {
	content: url(/wordpress/wp-content/uploads/img/top/widefone_03.webp);
	position: absolute;
	display: block;
	width: 15px;
	top: -175px;
}

p.top--lineup_ttl {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.4;
	position: relative;
}

p.top--lineup_txt {
	line-height: 1.5;
	font-size: 15px;
}

p.top--lineup_btn_a,
p.top--lineup_btn_b,
p.top--lineup_btn_c {
	font-weight: bold;
	color: #fff !important;
	padding: 13px 20px;
	border-radius: 30px;
}

p.top--lineup_btn_a {
	background: linear-gradient(274.75deg, #9a2523 13.81%, #ae4947 89.49%);
}

p.top--lineup_btn_b {
	background: linear-gradient(274.75deg, #3a659d 13.81%, #4e82c9 89.49%);
}

p.top--lineup_btn_c {
	background: linear-gradient(274.75deg, #3e3e3e 13.81%, #626262 89.49%);
}

p.wf_app_btn {
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #000;
	max-width: 310px;
	line-height: 1.5;
	padding: 10px;
	border-radius: 20px;
	margin: 0 auto;
	position: relative;
}


p.wf_app_btn::after {
	content: "";
	position: absolute;
	top: 36%;
	bottom: 0;
	right: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: right .3s;
	width: 10px;
	height: 10px;
	background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 10px no-repeat;
}

div.top--lineup_linkbox {
	/* position: relative; */
	margin-top: 25px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
	display: flex;
	justify-content: center;
}

p.top--lineup_txtsub_a {
	color: #9a2523 !important;
	font-weight: bold;
	letter-spacing: 0;
}

p.top--lineup_txtsub_b {
	color: #3a659d !important;
	font-weight: bold;
	letter-spacing: 0;
}

p.top--lineup_txtsub_c {
	color: #3e3e3e !important;
	font-weight: bold;
	letter-spacing: 0;
}

p.top--lineup_txtsub_a_1,
p.top--lineup_txtsub_b_1,
p.top--lineup_txtsub_c_1,
p.top--lineup_txtsub_a_2,
p.top--lineup_txtsub_b_2,
p.top--lineup_txtsub_c_2 {
	position: relative;
}

p.top--lineup_txtsub_a_1::before {
	content: url(/wordpress/wp-content/uploads/img/top/top_arrow_widefone_01.svg);
	position: absolute;
	display: block;
	width: 15px;
	top: 1.8px;
	left: -16px;
}

p.top--lineup_txtsub_b_1::before {
	content: url(/wordpress/wp-content/uploads/img/top/top_arrow_widefone_02.svg);
	position: absolute;
	display: block;
	width: 15px;
	top: 1.8px;
	left: -16px;
}

p.top--lineup_txtsub_c_1::before {
	content: url(/wordpress/wp-content/uploads/img/top/top_arrow_widefone_03.svg);
	position: absolute;
	display: block;
	width: 15px;
	top: 1.8px;
	left: -16px;
}

p.top--lineup_txtsub_a_2::before {
	content: url(/wordpress/wp-content/uploads/img/top/top_arrow_widefone_01.svg);
	position: absolute;
	display: block;
	width: 15px;
	top: 1.8px;
	left: -16px;
}

p.top--lineup_txtsub_b_2::before {
	content: url(/wordpress/wp-content/uploads/img/top/top_arrow_widefone_02.svg);
	position: absolute;
	display: block;
	width: 15px;
	top: 1.8px;
	left: -16px;
}

p.top--lineup_txtsub_c_2::before {
	content: url(/wordpress/wp-content/uploads/img/top/top_arrow_widefone_03.svg);
	position: absolute;
	display: block;
	width: 15px;
	top: 1.8px;
	left: -16px;
}

p.top--lineup_txtsub_a_1::after,
p.top--lineup_txtsub_b_1::after,
p.top--lineup_txtsub_c_1::after,
p.top--lineup_txtsub_a_2::after,
p.top--lineup_txtsub_b_2::after,
p.top--lineup_txtsub_c_2::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}

p.top--lineup_txtsub_a_1::after,
p.top--lineup_txtsub_a_2::after {
	background: #9a2523;
}

p.top--lineup_txtsub_b_1::after,
p.top--lineup_txtsub_b_2::after {
	background: #3a659d;
}

p.top--lineup_txtsub_c_1::after,
p.top--lineup_txtsub_c_2::after {
	background: #3e3e3e;
}

p.top--lineup_txtsub_a_1:hover::after,
p.top--lineup_txtsub_b_1:hover::after,
p.top--lineup_txtsub_c_1:hover::after,
p.top--lineup_txtsub_a_2:hover::after,
p.top--lineup_txtsub_b_2:hover::after,
p.top--lineup_txtsub_c_2:hover::after {
	transform: scale(0.98, 1);
}

p.top--lineup_txtsub_a_2,
p.top--lineup_txtsub_b_2,
p.top--lineup_txtsub_c_2 {
	margin-left: 28px;
}

.block_1201,
.block_480 {
	display: none;
}

@media (max-width:1201px) {
	div.top--lineup_box {
		display: block;
		margin: 0 auto 150px;
		margin-top: 120px;
	}

	div.top--lineup_item {
		width: auto;
		max-width: 700px;
		margin: 0 auto 90px;
		padding: 170px 20px 25px;
	}

	p.top--lineup_ttl_a::before {
		content: url(/wordpress/wp-content/uploads/img/top/widefone_01_2.webp);
		top: -245px;
		left: 65px;
	}

	p.top--lineup_ttl_b::before {
		content: url(/wordpress/wp-content/uploads/img/top/widefone_02_2.webp);
		top: -245px;
		left: 65px;
	}

	p.top--lineup_ttl_c::before {
		content: url(/wordpress/wp-content/uploads/img/top/widefone_03_2.webp);
		top: -245px;
		left: 65px;
	}

	p.top--lineup_txtsub_a_2,
	p.top--lineup_txtsub_b_2,
	p.top--lineup_txtsub_c_2 {
		margin-left: 65px;
	}

	p.top--lineup_txtsub_a_2::before,
	p.top--lineup_txtsub_b_2::before,
	p.top--lineup_txtsub_a_2::before {
		top: 1.8px;
		left: -18px;
	}

	p.top--lineup_txtsub_a_1::before,
	p.top--lineup_txtsub_b_1::before,
	p.top--lineup_txtsub_c_1::before {
		top: 1.8px;
		left: -18px;
	}

	.block_1201 {
		display: block;
	}
}

@media (max-width:800px) {
	div.top--lineup_box {
		width: 90%;
	}

	div.top--lineup_item {
		padding: 120px 20px 25px;
	}

	p.top--lineup_ttl_a::before {
		content: url(/wordpress/wp-content/uploads/img/top/widefone_01_3.webp);
		top: -180px;
		left: -55px;
	}

	p.top--lineup_ttl_b::before {
		content: url(/wordpress/wp-content/uploads/img/top/widefone_02_3.webp);
		top: -180px;
		left: -55px;
	}

	p.top--lineup_ttl_c::before {
		content: url(/wordpress/wp-content/uploads/img/top/widefone_03_3.webp);
		top: -180px;
		left: -55px;
	}

	p.top--lineup_ttl {
		display: inline-block;
	}
}

@media (max-width:650px) {
	.block_1201 {
		display: none;
	}
}

@media (max-width:480px) {

	p.top--lineup_txtsub_a_2,
	p.top--lineup_txtsub_b_2,
	p.top--lineup_txtsub_c_2 {
		margin-left: 0;
		display: inline;
		position: relative;
	}

	p.top--lineup_txtsub_a_1,
	p.top--lineup_txtsub_b_1,
	p.top--lineup_txtsub_c_1 {
		margin-bottom: 0;
		display: inline;
		position: relative;
	}

	p.top--lineup_txtsub_a_1::before,
	p.top--lineup_txtsub_b_1::before,
	p.top--lineup_txtsub_c_1::before {
		top: -2.2px;
		left: -19px;
	}

	p.top--lineup_txtsub_a_2::before,
	p.top--lineup_txtsub_b_2::before,
	p.top--lineup_txtsub_c_2::before {
		top: -4.2px;
		left: -18px;
	}

	div.top--lineup_linkbox {
		display: flex;
		flex-flow: column;
		margin-left: 0;
		position: relative;
	}

	.block_480 {
		display: block;
	}

	p.top--lineup_btn_a,
	p.top--lineup_btn_b,
	p.top--lineup_btn_c {
		padding: 8px 20px;
		line-height: 1.5;
	}

	.top--lineup_linkbox a {
		margin-bottom: 10px;
	}

}


/* ★★ top_service_area の記述 ここまで ★★ */

/****************************************************

2024.10.01 トップページリニューアルによる追加 END

****************************************************/



/****************************************************

2024.10.17 ★★電話番号PCでのクリック時の表示消す★★

****************************************************/

@media (min-width: 601px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

/****************************************************

2024.10.18 ★★お知らせ一覧（投稿）のお悩み相談室タグの修正★★

****************************************************/

span.onayami_top {
	width: auto;
	margin-right: 15px;
	border: 2px solid #00a623;
	color: #00a623;
	padding: 0 3px 3px;
}


/****************************************************

2024.10.25 コラム margin-top

****************************************************/
div.contents_wrap_column,
div.contents_wrap_onayami {
	width: 100% !important;
	margin: 0 auto !important;
}

@media (max-width:1200px) {

	div.contents_wrap_column,
	div.contents_wrap_onayami {
		width: 94% !important;
	}
}

@media (max-width:480px) {

	/* div.contents_wrap_column,
	div.contents_wrap_onayami {
		width: 96% !important;
	} */

	div.contents_wrap_column .pankuzu_wrap {
		width: 100% !important;
	}

	div.post-contents {
		width: 100% !important;
	}

	div.contents-inner {
		padding: 30px 20px 30px;
	}

	table.column-table--3 th,
	table.column-table--3 td {
		line-height: 1.5;
	}
}



/***********************************************************

2024.11.26  画像拡大表示 モーダル （Widefone アプリページ）

*************************************************************/

/* .modal--imagebig {
	height: 580px;
} */

/* モーダルを開くボタン */
.modal__images {
	display: flex;
	flex-wrap: wrap;
}

.modal__images .modal__image {
	position: relative;
	width: calc((100% - (70px * 2)) / 3);
	transition: opacity .6s;
}

.modal__images .modal__image:hover {
	opacity: .6;
}

.modal__images .modal__trigger {
	cursor: pointer;
}

.modal__images .modal__image:nth-child(3n - 1),
.modal__images .modal__image:nth-child(3n) {
	margin-left: 32px;
}

.modal__images .modal__image:nth-child(n + 4) {
	margin-top: 32px;
}

.modal__images .modal__image:before {
	display: block;
	padding-top: calc((2 / 3) * 100%);
	padding-top: 100%;
	content: '';
}

.modal__images .modal__image img {
	position: absolute;
	top: 0;
	left: 0;
	/* width: 100%; */
	/* height: 100%; */
	/* object-fit: cover; */
	/* object-position: center top; */
}

/* モーダル本体 */
.modal__wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 400;
	width: 100%;
	height: 100%;
}

.modal__layer {
	height: 100%;
	background: rgb(26 26 26 / 85%);
	cursor: pointer;
}

.modal__container {
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translate(-50%, -65%);
	/* overflow-y: scroll; */
	width: min(calc(100% - 40px), 1000px);
	max-height: calc(100% - 40px);
}

/* モーダルを閉じるボタン */
/* .modal__close {
	position: absolute;
	top: 0;
	right: 20px;
	width: 44px;
	height: 44px;
	background: rgba(50, 50, 50, 1);
	cursor: pointer;
	transition: opacity .6s;
} */

.modal__close:hover {
	opacity: .6;
}

/* .modal__close:before,
.modal__close:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 2px;
	background: #fff;
	content: '';
}

.modal__close:before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close:after {
	transform: translate(-50%, -50%) rotate(-45deg);
} */

/* .modal__content .modal__image img {
	width: 100%;
} */

.modal__image {
	text-align: center;
}

.modal__close {
	/* display: block;
	float: right;
	width: 30px;
	height: 30px;
	background-image: url(/wordpress/wp-content/uploads/img/new/popup_close.png);
	text-align: right; */
	outline: none;
	opacity: 0.7;
}

.modal__close__box {
	width: 322px;
	margin: 0 auto;
	text-align: center;
}

.modal__close_img {
	width: 30px;
	margin-top: 15px;
}


@media (max-width:480px) {
	.modal__images .modal__image {
		position: relative;
		width: calc((100% - (45px * 2)) / 3);
		transition: opacity .6s;
	}
}

/************************************************************************

2024.11.26 widefone app ページ修正

************************************************************************/

div.modal__images {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 90%;
	margin: 0 auto;
}

div.modal__trigger {
	filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.3));
}

/* 
div.modal__image {
	padding-bottom: 270px;
} */

/* ズームアイコン追加 */

.modal__image {
	position: relative;
}

.modal__image::after {
	position: absolute;
	content: "";
	bottom: -100%;
	transform: translateY(100%);
	right: -28px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: url(/wordpress/wp-content/uploads/img/new/zoom_icon.png) center center / 38px no-repeat;
	transition: all .3s;
	z-index: 3;
}

p.hyo_coment_appli {
	text-align: center;
	font-size: 95%;
	margin: 280px 0 80px;
	margin-top: 33%;
}

@media(max-width:800px) {
	p.hyo_coment_appli {
		margin-bottom: 60px;
	}
}

@media(max-width:500px) {
	div.modal__trigger {
		width: 50%;
		margin: auto;

	}

	.modal__image::after {
		background: url(/wordpress/wp-content/uploads/img/new/zoom_icon.png) center center / 30px no-repeat;
	}

	.modal__close_img {
		width: 25px;
	}
}

/************************************************************

2024.12.23 Gnav　サブメニュー追加 START

************************************************************/
#gnav__menu li:last-child a {
	margin-right: -8px;
}

#gnav__menu li.gnavi__list a.under_l::after {
	left: 5px;
}

#gnav__menu li:nth-of-type(5) a {
	margin-right: 0;
}

#gnav__menu li.gnavi__list a.under_l::before {
	content: "";
	position: absolute;
	top: 12px;
	right: -5px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 10px;
	height: 10px;
	background: url(/wordpress/wp-content/uploads/img/arw_red_down.svg) center center / 10px no-repeat;
	transition: all .3s;
	z-index: 3;
}

#gnav__menu li.gnavi__list a.under_l:hover::before {
	transform: rotate(180deg);
}

#gnav__menu .gnavi__list .margin_end {
	margin-right: 8px;
}

ul.dropdown__lists li.dropdown__list_item a {
	margin-right: 0 !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	padding-bottom: 10px !important;
}

#gnav__menu .gnavi__list .margin_end::before {
	right: -2px !important;
}

ul.dropdown__lists {
	min-width: 180px !important;
}

.gnavi__list:hover .dropdown__lists {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	position: absolute !important;
	left: 0 !important;
}

.gnavi__list:first-child .dropdown__lists {
	left: -50% !important;
}

.gnavi__list:nth-of-type(2) .dropdown__lists {
	left: -29% !important;
}

.gnavi__list:nth-of-type(3) .dropdown__lists {
	left: 0 !important;
}

.gnavi__list:nth-of-type(4) .dropdown__lists {
	left: -22% !important;
}

#gnav__menu li a {
	padding: 10px 10px 13px;
}

#gnav__menu li a::after {
	bottom: 2px !important;
}

ul.dropdown__lists li.dropdown__list_item:last-child a {
	margin-right: 0 !important;
}

/************************************************************

2024.12.23 Gnav　サブメニュー追加 END

************************************************************/


/***********************************************************

2025.01.21 修正 START

***********************************************************/

div.top_service_area .text-animation h2 {
	padding-top: 50px;
	line-height: 1.4 !important;
}

div.top--img--area {
	max-width: 1200px;
	margin: 40px auto 0;
	padding: 15px 20px 25px;
	background: #fff;
	box-shadow: 2px 2px 12px rgb(0 0 0 / 5%);
}

div.top--img--area .top--function--img {
	width: 60%;
	margin: auto 20%;
	text-align: center;
}

div.top--app--bnr {
	max-width: 880px;
	margin: auto auto 30px;
	box-shadow: 2px 2px 12px rgb(0 0 0 / 5%);
}

div.top--app--bnr::after {
	right: -5px;
	background: url(/wordpress/wp-content/uploads/img/new/widefone-application.webp) center center / 290px no-repeat;
}

div.inn--text .inn--row {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

p.wf_app_btn {
	padding: 12px 10px;
	border-radius: 35px;
}

p.wf_app_btn::after {
	top: 38%;
}

div.top_price_area,
div.top_casestudy_area {
	padding-top: 80px;
	padding-bottom: 60px;
}

div.top_price_area {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

div.top--table--area {
	padding-top: 50px;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
}

table.top--price--table {
	position: relative;
	width: 1200px;
	margin: auto;
	border-collapse: separate;
}

.sticky {
	position: sticky;
	top: 0;
	left: -1px;
	background: none;
	z-index: 99;
}

table.top--price--table::before {
	content: "";
	position: absolute;
	border: 6px solid #2653a7;
	bottom: 0;
	height: calc(100% + 18px);
	width: 288px;
	left: 228px;
	transform: translateX(0);
	z-index: 1;
}

table.top--price--table th {
	font-size: 18px;
	text-transform: capitalize;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #ddd;
	padding: 12px 0 8px !important;
	background: #777;
	color: #fff;
}

table.top--price--table th:nth-of-type(2) {
	position: relative;
	background: #fff;
}

table.top--price--table th:nth-of-type(2)::after {
	position: absolute;
	content: url(/wordpress/wp-content/uploads/img/top/top-price-point.svg);
	width: 135px;
	top: -47px;
	left: 80px;
	z-index: 1;
}

table.top--price--table th:nth-of-type(2) img {
	width: 150px;
}

table.top--price--table th:last-child {
	border-right: 2px solid #777;
}

table.top--price--table th:first-child {
	background: transparent;
	border-right: none;
}

table.top--price--table th,
table.top--price--table td {
	width: 19%;
	text-align: center;
	padding: 10px 0;
	vertical-align: middle;
	line-height: 1.6;
}

table.top--price--table td {
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	font-size: 15px;
}

table.top--price--table td:first-child {
	font-weight: 700;
	background: #f1f1f1;
	border-left: 2px solid #ddd;
}

table.top--price--table th:first-child,
table.top--price--table td:first-child {
	text-align: left;
	padding: 10px 20px;
}

table.top--price--table th:nth-of-type(2),
table.top--price--table td:nth-of-type(2) {
	width: 24%;
	color: #2653a7;
	font-size: 16px !important;
	font-weight: 700 !important;
}

table.top--price--table td:nth-of-type(2) {
	background: #f1f6ff;
}

div.top--app--bnr {
	margin-top: 30px;
	padding-right: 25px;
	padding-left: 25px;
}

div.top--lineup_item:nth-of-type(3) .top--lineup_txt {
	padding: 0 5px;
}

.s_point_list_box_l p,
.s_point_list_box_r p {
	position: relative;
	padding-left: 16px;
}

.s_point_list_box_l p::before,
.s_point_list_box_r p::before {
	position: absolute;
	content: "●";
	font-size: 5px;
	top: 9px;
	left: 3px;
}

div.pbx-page_btn_area {
	width: 100% !important;
}

div.pbx-page_btn_area .btn_box_left {
	max-width: 49% !important;
	margin-right: 1%;
}

div.pbx-page_btn_area .btn_box_right {
	margin-right: 0;
	margin-left: 1%;
}

div.pbx-page_btn_area .btn_box_left a,
div.pbx-page_btn_area .btn_box_right a {
	font-size: 15px;
	padding: 18px 0;
}

div.pbx-page_btn_area .btn_box_right a {
	background-color: #000;
}

div.pbx-page_btn_area .btn_box_right a::after {
	content: none;
}

div.pbx-page_btn_area .pbx-btn {
	width: 400px !important;
	max-width: 100% !important;
}

p.page-faq-q {
	position: relative;
	font-size: 105%;
	font-weight: 700;
	padding: 12px 20px 12px 45px;
	margin-bottom: 15px;
	background: #eee;
	border: 1px solid #d8d8d8;
}

p.page-faq-q::before {
	position: absolute;
	content: "Q.";
	font-size: 120%;
	font-weight: 700;
	top: 7px;
	left: 15px;
}

p.page-faq-a {
	position: relative;
	padding: 0 0 0 47px;
}

p.page-faq-a::before {
	position: absolute;
	content: "A";
	font-size: 120%;
	font-weight: 700;
	color: #e50012;
	top: -2px;
	left: 18px;
}


@media(max-width:1200px) {
	div.top--app--bnr::after {
		top: 0;
	}

	div.top--table--area {
		overflow-x: scroll;
	}

	div.top--lineup_item:nth-of-type(3) .top--lineup_txt {
		padding: 0;
	}
}

@media(max-width:1000px) {

	div.pbx-page_btn_area .btn_box_left,
	div.pbx-page_btn_area .btn_box_right {
		max-width: 100% !important;
		margin-right: 0;
		margin-left: 0;
	}

	div.pbx-page_btn_area .btn_box_left a,
	div.pbx-page_btn_area .btn_box_right a {
		margin: 10px 0;
	}
}

@media(max-width:768px) {
	div.pbx-page_btn_area .pbx-btn {
		width: 100% !important;
	}
}

@media(max-width:600px) {
	div.top_service_area .text-animation h2 {
		font-size: 2rem;
	}

	div.top--img--area .top--function--img {
		width: 100%;
		margin: auto;
	}

	div.top--img--area p {
		width: 100%;
		font-size: 100%;
		text-align: left;
	}

	#g-nav ul.include-accordion {
		left: 38% !important;
		transform: translate(-38%, -50%) !important;
	}

	div.top--lineup_item {
		padding-top: 80px;
	}

	p.top--lineup_ttl_a::before {
		top: -155px;
		left: -15px;
	}

	p.top--lineup_ttl_b::before {
		top: -160px;
		left: -30px;
	}

	p.top--lineup_ttl_c::before {
		top: -130px;
		left: -40px;
	}

	div.top--lineup_item:nth-of-type(1),
	div.top--lineup_item:nth-of-type(3) {
		padding-top: 60px;
	}

	div.top--lineup_item:nth-of-type(3) {
		margin-bottom: 30px;
	}

	div.top--lineup_box {
		margin-bottom: 0 !important;
	}

	div.top--app--bnr {
		width: 92% !important;
		padding: 25px 15px 20px;
	}

	div.top--app--bnr::after {
		content: "";
		top: 50px;
		right: -35px;
		background: url(/wordpress/wp-content/uploads/img/new/widefone-application.webp) center center / 230px no-repeat;
	}

	div.top--app--bnr .app--bnr--text {
		font-size: 24px;
		text-align: left;
	}

	div.top--app--bnr .app--bnr {
		align-items: flex-start;
	}

	div.top--lineup_box {
		width: 92%;
	}
}

@media(max-width:520px) {
	div.top--app--bnr::after {
		top: 30px;
		right: -50px;
		background: url(/wordpress/wp-content/uploads/img/new/widefone-application.webp) center center / 205px no-repeat;
	}
}

@media(max-width:430px) {
	div.top_service_area .text-animation h2 {
		font-size: 1.9rem;
	}

	div.top--app--bnr::after {
		top: 0;
		right: -75px;
		background: url(/wordpress/wp-content/uploads/img/new/widefone-application.webp) center center / 160px no-repeat;
	}
}

@media(max-width:393px) {
	div.top--app--bnr .app--bnr--text {
		font-size: 22px;
	}

	div.top--app--bnr::after {
		top: -10px;
		right: -88px;
		background: url(/wordpress/wp-content/uploads/img/new/widefone-application.webp) center center / 130px no-repeat;
	}

	div.top--app--bnr {
		padding: 25px 10px 20px;
	}
}

@media(max-width:375px) {
	div.top--app--bnr .app--bnr--text {
		font-size: 20px;
	}

	div.top--app--bnr::after {
		top: -35px;
		right: -90px;
	}
}

@-moz-document url-prefix() {
	#gnav__menu li:last-child a {
		margin-right: 0;
	}
}

/***********************************************************

2025.01.21 修正 END

***********************************************************/



/*************************************************

2025.02.03 TOPコンテンツ追加 START

*************************************************/
div.partner--link--area {
	margin-top: 20px;
}
.onayami_list {
	padding-bottom: 30px!important;
}
div.top_service_area {
	padding: 35px 0 20px;
}

div.top_service_area .text-animation h2 {
	padding-top: 50px;
	margin-top: -135px;
}

.top_btn_contact {
	max-width: 310px;
}

.top_btn_contact::after {
	right: 15px;
}

.top_btn_contact:hover::after {
	right: 12px;
}

.block_500 {
	display: none;
}


@media (max-width:600px) {

	div.top_service_area .text-animation h2 {
		font-size: 34px !important;
		margin-top: 38px !important;
		padding-top: 35px;
	}

	div.top_service_area .h2--first h2 {
		font-size: 24px !important;
	}

	div.top_price_area .text-animation h2,
	div.text-animation h2 {
		font-size: 34px !important;
	}

	p.top-text-m,
	.h2_comment_case {
		font-size: 17px !important;
	}

	.onayami_page_ttl,
	div.top_news_area .text-animation h2 {
		margin: 0 !important;
	}

	div.top_price_area,
	div.top_casestudy_area {
		padding-top: 60px;
	}

	div.top--img--area {
		margin: 20px auto auto;
	}

	.top_btn_contact {
		margin-top: 30px !important;
		margin-bottom: -20px !important;
	}

	.top_btn_contact::after {
		width: 10px;
		height: 10px;
		background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 10px no-repeat;
	}

	table {
		word-break: break-all;
		word-wrap: break-all;
	}
}

@media (max-width:500px) {
	.block_500 {
		display: block;
	}

	div.top_news_area {
		padding-top: 50px;
		padding-bottom: 30px;
	}
}

@media (max-width:440px) {

	div.top--bnr {
		margin-bottom: 30px !important;
	}

	.onayami_list {
		padding-bottom: 0 !important;
	}
}

@media (max-width:430px) {

	div.top_news_area .inner {
		padding-bottom: 40px;
	}

	.onayami_list {
		padding-bottom: 30px;
	}

	div.top_price_area,
	div.top_casestudy_area {
		padding-bottom: 40px;
	}

	div.top_service_area {
		padding-bottom: 40px;
	}

	div.top_service_area .top_btn::after,
	div.top_price_area .top_btn::after {
		top: 40%;
	}

	div.top_function_area {
		margin-bottom: 0 !important;
	}
}

@media (max-width:400px) {

	div.top_service_area .text-animation h2 {
		font-size: 34px !important;
	}

	div.top_service_area .h2--first h2 {
		font-size: 24px !important;
	}

	.wf_app_btn::after {
		top: 45%;
	}
}

@media (max-width:375px) {
	div.top--bnr {
		margin-top: -50px !important;
		margin-bottom: 30px !important;
	}
}

/*************************************************

2025.02.03 TOPコンテンツ追加 END

*************************************************/


/*************************************************

2025.02.07 TOP 料金テーブル SP版調整 START

*************************************************/
@media (max-width:600px) {
	div.top--table--area {
		position: relative;
		padding-top: 45px;
		z-index: 100;
	}

	table.top--price--table {
		width: 800px;
		table-layout: fixed;
		margin-bottom: 5px;
	}

	table.top--price--table::before {
		width: 160px;
		left: 160px;
	}

	table.top--price--table th:first-child,
	table.top--price--table td:first-child {
		font-size: 15px;
		padding: 8px 10px;
	}

	table.top--price--table th,
	table.top--price--table td {
		width: 160px !important;
		font-size: 14px;
		white-space: normal;
		text-overflow: ellipsis;
	}

	table.top--price--table th:nth-of-type(2),
	table.top--price--table td:nth-of-type(2) {
		font-size: 15px !important;
	}

	table.top--price--table th:nth-of-type(2) img {
		width: 125px;
	}

	table.top--price--table th:nth-of-type(2)::after {
		width: 120px;
		top: -43px;
		left: 28px;
	}
}

/*************************************************

2025.02.07 TOP 料金テーブル SP版調整 END

*************************************************/


/*************************************************

2025.02.13 ヘッダー修正 START

*************************************************/
header#header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 20px 90px 20px 20px;
}

#site-logo {
	display: flex;
	flex-direction: row;
	margin-top: 30px;
}

#site-logo .logoArea {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#gnav__menu {
	margin-top: 7px;
}

h2.site-description {
	letter-spacing: 1.5px;
	top: 14px;
}

#site-logo .header_company_tel {
	text-align: left;
	line-height: 1;
	padding-left: 18px;
	margin-top: -19px;
}

#site-logo .header_company_tel .header_company_name {
	font-size: 13px;
	font-weight: 700;
}

#site-logo .header_company_tel .header_tel_text {
	font-size: 17px;
	font-weight: 700;
	color: #2653a6;
	letter-spacing: -0.15px;
	text-decoration: none;
}

#site-logo .header_company_tel .header_tel_text span {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #0a1929;
}

@media (min-width:601px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

@media (max-width:1300px) {
	#gnav__menu li a {
		padding: 10px 10px 13px;
	}
}

@media (max-width:1260px) {
	#gnav__menu li.gnavi__list {
		padding: 0;
	}
}

@media (max-width:1200px) {
	header#header {
		padding: 20px 90px 20px 5px;
	}

	#site-logo .header_company_tel .header_tel_text {
		font-size: 15px;
	}

	h2.site-description {
		left: 10px;
	}
}

@media (max-width:1169px) {
	#gnav__menu li a {
		font-size: 13px;
	}

	#site-logo .header_company_tel {
		margin-top: -18px;
	}
}

@media (max-width:1131px) {
	header#header {
		padding-right: 85px;
	}

	#gnav__menu li a {
		margin-right: 5px;
	}

	#site-logo .header_company_tel {
		padding-left: 10px;
	}
}

@media (max-width:1100px) {
	#site-logo .header_company_tel {
		padding-left: 15px;
	}
}

@media (max-width:600px) {
	#g-nav-list .include-accordion li.btn--contact {
		padding: 5px 15px;
		margin-top: 15px;
		background: #fff;
	}

	#g-nav-list .include-accordion li.btn--contact a {
		position: relative;
		color: #c00017;
		padding-left: 32px;
		padding-right: 60px;
	}

	#g-nav-list .include-accordion li.btn--contact a::before {
		content: "";
		position: absolute;
		top: 16%;
		left: 0;
		transition: right .4s;
		width: 24px;
		height: 24px;
		background: url(/wordpress/wp-content/uploads/img/ico-mail-r.svg) center center / 24px no-repeat;
	}

	#site-logo .header_company_tel .header_tel_text {
		pointer-events: auto;
	}
}

@media (max-width:520px) {
	.logo-img {
		width: 150px;
	}

	h2.site-description {
		font-size: 8px;
		top: 16px;
	}

	#site-logo .header_company_tel {
		margin-top: -22px;
	}

	#site-logo .header_company_tel .header_company_name {
		font-size: 12px;
	}

	#site-logo .header_company_tel .header_tel_text {
		font-size: 15px;
	}

	#site-logo .header_company_tel .header_tel_text span {
		font-size: 10px;
		letter-spacing: .8px;
	}
}

@media (max-width:475px) {
	.header-btn-mail {
		display: none;
	}
}

@media (max-width:430px) {
	.logo-img {
		width: 155px;
	}

	h2.site-description {
		font-size: 9px;
		letter-spacing: 1.1px;
	}

	#site-logo {
		margin-top: 26px;
	}

	#site-logo .header_company_tel {
		padding-left: 15px;
	}
}

@media (max-width:414px) {
	#site-logo .header_company_tel {
		margin-top: -21px;
	}
}

@media (max-width:400px) {
	.logo-img {
		width: 150px;
	}

	h2.site-description {
		letter-spacing: .8px;
	}

	#site-logo .header_company_tel {
		padding-left: 12px;
	}
}

@media (max-width:390px) {
	#site-logo .header_company_tel .header_company_name {
		font-size: 11px;
	}

	#site-logo .header_company_tel .header_tel_text {
		font-size: 14px;
	}

	#site-logo .header_company_tel .header_tel_text span {
		font-size: 9px;
	}

	#site-logo .header_company_tel {
		margin-top: -20px;
	}

	#site-logo .header_company_tel {
		padding-left: 10px;
	}
}

@media (max-width:375px) {
	#site-logo {
		margin-top: 27px;
	}

	#site-logo .header_company_tel {
		margin-top: -20px;
		padding-left: 14px;
	}

	#site-logo .header_company_tel .header_company_name {
		font-size: 10px;
	}

	#site-logo .header_company_tel .header_tel_text {
		font-size: 13px;
	}

	#site-logo .header_company_tel .header_tel_text span {
		font-size: 8px;
	}

	.logo-img {
		width: 142px;
	}

	h2.site-description {
		top: 18px;
		left: 8px;
		letter-spacing: .5px;
	}
}

@media (max-width:360px) {
	#site-logo .header_company_tel {
		padding-left: 12px;
	}
}

/*************************************************

2025.02.13 ヘッダー修正 END

*************************************************/

/*************************************************

2025.03.07 TOP ニーズに合わせた柔軟な利用スタイル START

*************************************************/
div.top--lineup--box {
	max-width: 1200px;
	margin: 110px auto 30px;
	display: flex;
	justify-content: space-between;
}

div.top--lineup--box .box {
	position: relative;
	width: calc((100% - 60px) / 3);
	margin-right: 30px;
	text-align: center;
	padding: 0 0 25px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #fff;
	box-shadow: 2px 2px 12px rgb(0 0 0 / 5%);
}

div.top--lineup--box .box:nth-of-type(3) {
	margin-right: 0;
}

div.top--lineup--box .box .img--area {
	max-width: 350px;
	margin: -90px auto 0;
}

div.top--lineup--box .box .img--area img {
	width: 100%;
	text-align: center;
}

div.top--lineup--box .box .img--area .txt {
	padding: 0 5px;
}

div.top--lineup--box .box .img--area .txt .lineup--title {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}

div.top--lineup--box .box .img--area .txt .lineup--comment {
	font-size: 15px;
	font-weight: 500;
}

div.top--lineup--box .box .btn--area {
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

div.top--lineup--box .box .btn--area .lineup--btn {
	font-weight: bold;
	color: #fff !important;
	padding: 13px 20px;
	background: linear-gradient(274.75deg, #3a659d 13.81%, #4e82c9 89.49%);
	border-radius: 30px;
	transition: all .5s;
}

div.top--lineup--box .box--b .btn--area .lineup--btn {
	background: linear-gradient(274.75deg, #9a2523 13.81%, #ae4947 89.49%);
}

div.top--lineup--box .box--c .btn--area .lineup--btn {
	background: linear-gradient(274.75deg, #3e3e3e 13.81%, #626262 89.49%);
}

div.top--lineup--box .box .btn--area .lineup--btn:hover {
	opacity: .8;
	transition: all .5s;
}

div.top--lineup--box .box .btn--area .btn--2n {
	display: flex;
	justify-content: space-between;
	margin: 20px 5px 5px;
}

div.top--lineup--box .box .btn--area .btn--2n .dis--none {
	visibility: hidden;
	pointer-events: none;
}

div.top--lineup--box .box .btn--area .btn--2n a {
	position: relative;
	color: #3a659d !important;
	font-size: 14px;
	font-weight: 700;
	padding-left: 20px;
	transition: all .3s;
}

div.top--lineup--box .box--b .btn--area .btn--2n a {
	color: #9a2523 !important;
}

div.top--lineup--box .box--c .btn--area .btn--2n a {
	color: #3e3e3e !important;
}

div.top--lineup--box .box .btn--area .btn--2n a::before {
	position: absolute;
	content: url(/wordpress/wp-content/uploads/img/top/top_arrow_widefone_02.svg);
	display: block;
	width: 15px;
	top: 1.8px;
	left: 0;
}

div.top--lineup--box .box--b .btn--area .btn--2n a::before {
	content: url(/wordpress/wp-content/uploads/img/top/top_arrow_widefone_01.svg);
}

div.top--lineup--box .box--c .btn--area .btn--2n a::before {
	content: url(/wordpress/wp-content/uploads/img/top/top_arrow_widefone_03.svg);
}

div.top--lineup--box .box .btn--area .btn--2n a::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: all .3s;
}

div.top--lineup--box .box .btn--area .btn--2n a:hover::after {
	background: #3a659d;
	transform: scale(0.98, 1);
}

div.top--lineup--box .box--b .btn--area .btn--2n a:hover::after {
	background: #9a2523;
}

div.top--lineup--box .box--c .btn--area .btn--2n a:hover::after {
	background: #3e3e3e;
}

.br--row {
	display: none;
}

@media (max-width:1150px) {
	div.top--lineup--box .box .btn--area .btn--2n {
		margin: 20px 5px 5px;
	}
}

@media (max-width:1100px) {
	div.top--lineup--box .box .btn--area .btn--2n {
		flex-direction: column;
		align-items: center;
	}
}

@media (max-width:969px) {
	div.top--lineup--box .box .btn--area .lineup--btn {
		padding: 13px 15px;
	}
}

@media (max-width:900px) {
	.br--row {
		display: block;
	}

	div.top--lineup--box .box .btn--area .lineup--btn {
		border-radius: 50px;
	}
}

@media (max-width:800px) {
	.br--row {
		display: none;
	}

	div.top--lineup--box {
		width: 90%;
		margin: 40px auto 0;
		flex-direction: column;
		align-items: center;
	}

	div.top--lineup--box .box {
		width: 100%;
		margin-top: 70px;
		margin-right: 0;
		margin-bottom: 40px;
	}

	div.top--lineup--box .box .btn--area .btn--2n {
		width: 70%;
		margin: 15px auto auto;
		flex-direction: row;
		align-items: center;
	}
}

@media (max-width:620px) {
	div.top--lineup--box .box .btn--area .btn--2n {
		width: 90%;
	}
}

@media (max-width:500px) {
	div.top--lineup--box {
		width: 92%;
	}

	div.top--lineup--box .box .btn--area .btn--2n {
		width: 90%;
	}
}

@media (max-width:440px) {
	#title h1 {
		width: 100%;
		font-size: 30px;
	}

	div.top--lineup--box .box .btn--area .btn--2n {
		width: 96%;
	}
}

@media (max-width:390px) {
	div.top--lineup--box .box .img--area .txt {
		padding: 0 10px;
	}

	div.top--lineup--box .box .btn--area .btn--2n {
		width: 100%;
	}
}

@media (max-width:375px) {
	div.top--lineup--box .box .img--area .txt {
		padding: 0 20px;
	}

	div.top--lineup--box .box .btn--area .btn--2n a {
		font-size: 13px;
	}
}

/*************************************************

2025.03.07 TOP ニーズに合わせた柔軟な利用スタイル END

*************************************************/

/*************************************************

2025.03.28 コラムページ 共通CSSまとめ　START

*************************************************/
article.category-column .contents_wrap_onayami,
article.type-onayami .contents_wrap_column {
	display: none !important;
}

article.category-column .column-page-date,
article.type-onayami .date-onayami {
	font-size: 13px !important;
}

/********* コラムページのみ　バナーボックス **********/
article.category-column .cv-pageList {
	margin: 50px auto 50px 0;
}

article.category-column .cv-pageList a {
	font-size: 26px;
	border: 1px solid #ff752a;
	color: #ff752a !important;
}

article.category-column .cv-pageList a::after {
	background: url(/wordpress/wp-content/uploads/img/pdf-dn.svg) center center / 42px no-repeat;
}

article.category-column .cv-pageList p {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.7;
	color: #ff752a;
	margin-top: 10px;
	margin-bottom: 0;
}

article.category-column .cv-pageList li a:hover {
	opacity: .8;
	background: #fff0e8;
}

@media (max-width:600px) {
	article.category-column .cv-pageList a {
		font-size: 20px;
	}

	article.category-column .cv-pageList p {
		font-size: 14px;
	}
}

/********* コラムページのみ　ul **********/
article.category-column .column--list {
	list-style: none;
}

article.category-column .column--list li {
	position: relative;
	padding-left: 18px;
	margin-left: 15px;
	margin-bottom: 3px;
}

article.category-column .column--list li::before {
	position: absolute;
	content: "●";
	font-size: 8px;
	top: 8px;
	left: 0;
}

article.category-column .column--list li span {
	font-weight: 700;
}

article.category-column .column--kome {
	font-size: 80%;
	text-indent: -14px !important;
	padding-left: 13px !important;
}

article.category-column p.column-arrow::before {
	top: 6px;
}

article.category-column span.column-arrow::before {
	top: 1px;
}

article.category-column a.column-arrow::before {
	top: 1px;
}

/********* コラムページのみ　img **********/
article.category-column .post-img-area {
	width: 75%;
	margin: 30px auto;
	text-align: center;
}

article.category-column .post-img-area-m {
	width: 75%;
	margin: 30px auto;
	text-align: center;
}

article.category-column .post-img-area-s {
	width: 60%;
	margin: 30px auto;
	text-align: center;
}

article.category-column .post-img-area_full_line {
	width: 100% !important;
	padding: 12px 12px 5px 12px !important;
	border: 1px solid #bbb !important;
	margin-bottom: 25px;
}

article.category-column .post-img-area-2 {
	width: 94%;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

article.category-column .post-img-area-2 .img--area {
	width: 47%;
	margin-right: 3%;
}

article.category-column .post-img-area-2 .img--area:nth-of-type(2) {
	margin-right: 0;
	margin-left: 3%;
}

article.category-news .pankuzu_mail,
article.type-mail .pankuzu_news,
article.type-seminar .pankuzu_news,
article.type-seminar .pankuzu_mail,
article.type-faq .pankuzu_news,
article.type-faq .pankuzu_mail,
article.type-faq p.date {
	display: none;
}

@media (max-width:600px) {

	article.category-column .post-img-area,
	article.category-column .post-img-area-m,
	article.category-column .post-img-area-s {
		width: 100%;
		margin: 30px auto 20px;
	}

	article.category-column .post-img-area-2 {
		flex-direction: column;
	}

	article.category-column .post-img-area-2 .img--area {
		width: 100%;
		margin-right: 0;
	}

	article.category-column .post-img-area-2 .img--area:nth-of-type(2) {
		margin-left: 0;
		margin-top: 20px;
	}
}

article.category-column .hr {
	margin: 25px 0;
}

article.category-column h1.pagetopmrg {
	margin-bottom: 30px;
}

article.category-column h2.post {
	margin-top: 80px;
}

@media (max-width:600px) {
	article.category-column h1.pagetopmrg {
		margin-bottom: 20px;
	}

	article.category-column h2.post {
		margin-top: 50px;
	}
}

/*************************************************

2025.03.28 コラムページ 共通CSSまとめ　END

*************************************************/

/*************************************************

2025.04.14 スマホ　固定フッターバナー START

*************************************************/
@media (max-width:1100px) {
	#sitemap>ul>li>a {
		white-space: break-spaces;
	}
}

#sp_fixed_footer {
	display: none;
}

@media (max-width:768px) {
	#sp_fixed_footer {
		position: fixed;
		width: 100%;
		display: block;
		bottom: 0;
		z-index: 1000;
	}

	#sp_fixed_footer .inner {
		width: 100%;
		height: 70px;
		display: flex;
		flex-direction: row;
	}

	#sp_fixed_footer .inner .fixed_bnr {
		position: relative;
		width: 73%;
		background: #e50012;
		display: flex;
		align-items: center;
	}

	#sp_fixed_footer .inner .fixed_top {
		width: 27%;
		background: #0a1929;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#sp_fixed_footer .inner .fixed_bnr::before {
		position: absolute;
		content: " ";
		display: inline-block;
		width: 45px;
		height: 45px;
		background: url(/wordpress/wp-content/uploads/img/ico-mail-footer.svg);
		top: 13px;
		left: 15px;
	}

	#sp_fixed_footer .inner .fixed_bnr a {
		width: 100%;
		height: 70px;
		display: flex;
		align-items: center;
		text-decoration: none;
	}

	#sp_fixed_footer .inner .fixed_bnr p {
		font-size: 18px;
		font-weight: 700;
		color: #fff;
		padding-top: 2px;
		line-height: 1.1;
		text-align: left;
		padding-left: 70px;
	}

	#sp_fixed_footer .inner .fixed_bnr .s-txt {
		font-size: 13px;
	}

	#sp_fixed_footer .inner .fixed_top a {
		position: relative;
		width: 100%;
		height: 70px;
		font-size: 11px !important;
		font-weight: 700;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding-top: 13px;
		text-decoration: none;
	}

	#sp_fixed_footer .inner .fixed_top a::before {
		position: absolute;
		content: " ";
		width: 10px;
		height: 10px;
		background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 10px no-repeat;
		transform: rotate(-90deg);
		top: 18px;
	}
}

/*************************************************

2025.04.14 スマホ　固定フッターバナー END

*************************************************/

/*************************************************

2025.04.22 TOPバナー START

*************************************************/
.inn--text--bottom {
	margin-bottom: -20px;
}

.top_btn {
	width: 330px;
	border: 3px solid #ee3341;
}

.top_btn::after {
	content: "";
	position: absolute;
	top: 39%;
	bottom: 0;
	right: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: right .4s;
	width: 12px;
	height: 12px;
	background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 12px no-repeat;
}

.top_btn:hover:after {
	right: 10px;
	background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 12px no-repeat;
}

.top_btn:hover {
	color: #fff !important;
	background-color: #e50012;
	border: 3px solid #e50012;
	transform: translateY(-3px);
	box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}

.top--btn--app {
	max-width: 1200px;
	margin: auto;
	background-color: #000 !important;
	border: 3px solid #000 !important;
	display: flex;
	justify-content: center;
}

.top--btn--app:hover {
	background-color: #000;
	border: 3px solid #000;
	color: #fff !important;
	transform: translateY(-3px);
	box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}

.top--btn--app:hover::after {
	right: 10px;
}

div.top--bnr {
	max-width: 1200px;
	margin: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

div.top--bnr .bnr {
	width: 49%;
	margin-right: 1%;
	display: flex;
	justify-content: flex-end;
}

div.top--bnr .bnr:nth-of-type(2) {
	margin-right: 0;
	margin-left: 1%;
	justify-content: flex-start;
}

div.top--bnr .bnr .bnr--left,
div.top--bnr .bnr .bnr--right {
	width: 400px;
	font-size: 17px;
	font-weight: 900;
	letter-spacing: 2.2px;
	margin: 40px 0 30px;
	padding: 18px 0px 16px;
	border-radius: 5px;
}

div.top--bnr .bnr .bnr--left:hover,
div.top--bnr .bnr .bnr--right:hover {
	font-weight: 900;
}

div.top--bnr .bnr .bnr--left::after,
div.top--bnr .bnr .bnr--right::after {
	top: 40%;
}

div.top--bnr .bnr .bnr--right {
	background-color: #1c3c77;
	border: 3px solid #19489e;
}

div.top--bnr .bnr .bnr--left:hover {
	background-color: #e50012;
	border: 3px solid #e50012;
}

div.top--bnr .bnr .bnr--left:hover,
div.top--bnr .bnr .bnr--right:hover {
	color: #fff !important;
	transform: translateY(-3px);
	box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}

div.top--bnr .bnr .bnr--left:hover::after,
div.top--bnr .bnr .bnr--right:hover::after {
	background: url(/wordpress/wp-content/uploads/img/arrow_w.svg) center center / 12px no-repeat;
}

.img--box--inn-txt {
	width: 90%;
	max-width: 1200px;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	margin: auto !important;
	padding-top: 15px;
	padding-bottom: 25px;
}

.check--list li {
	position: relative;
	font-size: 18px;
	padding: 2px 0 2px 24px;
	margin-left: 0;
	list-style-type: none;
}

.check--list li::before {
	position: absolute;
	display: inline-block;
	content: "";
	width: 24px;
	height: 24px;
	top: 5px;
	left: -5px;
	background-image: url(/wordpress/wp-content/uploads/img/check-mark.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.check--list li span {
	color: #f16743;
	font-weight: 700;
}

@media (max-width:600px) {
	div.top--bnr {
		flex-direction: column;
		margin-top: -35px;
	}

	div.top--bnr .bnr {
		width: 100%;
		margin-right: 0;
		justify-content: center;
	}

	div.top--bnr .bnr:nth-of-type(2) {
		margin-right: 0;
		margin-left: 0;
		justify-content: center;
	}

	div.top--bnr .bnr .bnr--left,
	div.top--bnr .bnr .bnr--right {
		width: 92%;
		margin: 30px 0 0;
		padding: 13px 0px 11px;
	}

	div.top--bnr .bnr .bnr--right {
		margin: 10px 0 15px;
	}

	.inn--text--bottom {
		margin-bottom: -50px;
	}

	.inn--text--bottom {
		margin-bottom: -10px;
	}

	div.top_service_area .text-animation h2 {
		padding-top: 0;
	}

	.img--box--inn-txt {
		font-size: 28px !important;
		line-height: 1.4 !important;
		text-align: center !important;
		padding-top: 0;
		padding-bottom: 20px;
	}
}

@media (max-width:440px) {


	div.top--bnr {
		margin-top: -45px;
	}

	.inn--text--bottom {
		margin-bottom: -15px;
	}

	.img--box--inn-txt {
		line-height: 1.3 !important;
		text-align: center !important;
		padding-top: 0;
		padding-bottom: 15px;
	}
}

@media (max-width:430px) {

	div.top--bnr {
		margin-top: -45px;
	}
}


@media (max-width:414px) {


	div.top--bnr {
		margin-top: -45px;
	}
}

@media (max-width:390px) {
	.img--box--inn-txt {
		font-size: 26px !important;
	}
}

@media (max-width:375px) {
	.img--box--inn-txt {
		font-size: 25px !important;
	}
}

/*************************************************

2025.04.22 TOPバナー　END

*************************************************/

article.format-aside .contents_wrap {
	max-width: 1200px;
	margin-top: 80px !important;
}

body.single-format-aside .search-wrapper.focused input {
	padding: 0 !important;
	margin-top: 0 !important;
}

article.category-news h1.pagetopmrg {
	text-align: center;
}



/****************************************************

2025.07.09 Widefoneでできること  START

****************************************************/

div.top--possible--area {
	max-width: 1200px;
	margin: 0 auto;
}

div.possible--box {
	margin-top: 25px;
}

div.possible--box_item {
	background: #fff;
	padding: 27px 120px;
	box-shadow: 2px 2px 12px rgb(0 0 0 / 5%);
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	border-radius: 25px;
	align-items: center;
}

div.possible--box_item_l {
	width: 65%;
	text-align: center;
}

div.possible--box_item_r {
	width: 28%;
}

p.possible--box_item_ttl {
	/* color: #e50012; */
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 5px;
}

p.possible--box_item_txt {
	margin-bottom: 0;
	font-size: 17px;
	line-height: 1.3;
}

p.possible--box_item_nom {
	font-size: 30px;
	color: #e50012;
	font-weight: bold;
	margin-bottom: 0;
	line-height: 1.3;
	margin-bottom: 5px;
}

span.possible--box_item_ttl_s {
	font-size: 78%;
}

span.under_y {
	background: linear-gradient(transparent 50%, #fff000 50%);
}

div.top_btn_possible--area {
	margin-top: -15px;
}


@media (max-width:1200px) {
	div.top--possible--area {
		width: 90%;
		margin: 0 auto;
	}

	div.possible--box_item {

		padding: 25px 60px;
	}
}

@media (max-width:1000px) {
	div.possible--box_item {
		padding: 23px 30px;
	}
}

@media (max-width:800px) {
	div.possible--box {
		margin: 40px auto 20px;
	}

	div.possible--box_item {

		display: block;
	}

	div.possible--box_item_l {
		width: 100%;
		text-align: center;
	}

	div.possible--box_item_r {
		width: 60%;
		margin: 20px auto 0;
	}

	p.possible--box_item_txt {
		line-height: 1.3;
	}

	p.possible--box_item_nom {
		margin-bottom: 10px;
	}

	p.possible--box_item_ttl {
		line-height: 1.3;
	}

	div.possible--box_item {
		padding: 25px 60px;
	}

	p.possible--box_item_txt {
		font-size: 16px;
	}
}

@media (max-width:600px) {
	div.possible--box_item {
		padding: 20px;
	}

	div.possible--box_item_r {
		width: 80%;
	}

	span.possible--box_item_ttl_s {
		display: block;
	}

	p.possible--box_item_ttl {
		margin-bottom: 10px;
	}

	div.top_btn_possible--area {
		margin-bottom: 90px;
		margin-top: -20px;
	}
}

@media (max-width:480px) {


	p.possible--box_item_ttl {
		margin-bottom: 15px;
	}

	div.top_btn_possible--area {
		margin-bottom: 80px;
	}
}

/****************************************************

2025.07.09 Widefoneでできること  END

****************************************************/

/****************************************************

2025.08.12 コラムエーブル追加  START

****************************************************/
table.column-table {
	width: 100%;
	border: 3px solid #373737;
	margin-bottom: 20px;
}

table.column-table th,
table.column-table td {
	font-size: 95%;
	color: #000;
	padding: 8px 20px !important;
	line-height: 1.5;
	border-right: 1px solid #373737;
	vertical-align: middle;
	text-transform: capitalize;
}

table.column-table th {
	font-weight: 700;
	text-align: center;
	background: #f1f1f1f1;
	line-height: 1.4;
}

table.column-table td {
	text-align: left;
	border-top: 1px solid #373737;
}

table.column-table th span {
	font-size: 12px !important;
}

div.column--box {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	padding: 22px 30px 15px;
	background-color: #eafded;
	color: #333;
}

div.column--box::after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	border-width: 0 20px 20px 0;
	border-style: solid;
	border-color: #aecfb4 #fff;
	box-shadow: -1px 1px 1px rgb(0 0 0 / 5%);
}

div.column--box ul {
	margin-bottom: 0;
}

div.box--border {
	padding: 20px 30px 16px;
	border: 4px solid #eee;
	border-radius: 10px;
}

div.box--border ul.column--list {
	margin-bottom: 0;
}

@media (max-width:600px) {

	table.column-table th,
	table.column-table td {
		font-size: 90%;
		padding: 8px 10px !important;
	}

	table.column-table td {
		vertical-align: top;
	}

	div.column--box,
	div.box--border {
		padding: 22px 20px 15px;
	}

	div.column--box li {
		margin-left: 8px !important;
	}

	article.category-column .column--list li {
		margin-left: 5px;
		padding-bottom: 5px;
	}

	table.column-table th span {
		font-size: 11px !important;
	}
}

/****************************************************

2025.08.12 コラムエーブル追加  END

****************************************************/

/****************************************************

2025.10.03 TOPリニューアル START

****************************************************/
div.top_first_area .text-animation h2,
div.top_service_area .text-animation h2 {
	padding-top: 30px;
}

.page-id-26 .text-animation h2 {
	font-size: 2.4rem !important;
}

div.top_first_area .text-animation h2,
div.top_service_area .text-animation h2 {
	font-size: 2.2rem !important;
	padding-top: 30px;
}

div.top_first_area {
	margin-top: -30px;
}

div.top_service_first {
	margin-top: -5px !important;
}

div.top_service_area {
	padding-top: 40px;
	margin-top: -30px;
}

div.top_function_area {
	max-width: 1200px;
	margin: 80px auto 50px;
}

div.top_function_area .widefone-pbx_func-box {
	margin-top: 30px;
}

div.top--about--inn {
	max-width: 1200px;
	margin: 40px auto 0;
	padding: 0 10px;
	display: flex;
	flex-direction: row;
}

div.top--about--inn .txt {
	width: 55%;
	text-align: left;
}

div.top--about--inn .top-text-m {
	font-size: 1.78rem;
	line-height: 1.4;
	text-align: left;
	margin-left: 10px;
	margin-top: 0;
}

div.top--about--inn .img {
	width: 45%;
}

div.top--about--inn ul {
	list-style: none;
}

div.top--about--inn li {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	margin-left: 0;
	padding-left: 42px;
	padding-bottom: 3px;
}

div.top--about--inn li::before {
	position: absolute;
	display: block;
	width: 15px;
	top: 3px;
	left: 15px;
	content: url(/wordpress/wp-content/uploads/img/new/neon_tap_checkicon_2.png);
}

div.top_price_area .wf_ivr_box {
	border: 10px solid #3e68cf;
	background: #fff;
	padding-top: 50px;
}

div.top_price_area .wf_ivr_box .huki_b {
	top: -22px;
	background: #3e68cf;
}

div.top_price_area .wf_ivr_box .huki_b::before {
	border-top: 20px solid #3e68cf;
}

div.top_price_area {
	padding-top: 5px;
}

div.top_price_table_area {
	background: #f1f1f1;
	padding: 70px 0 50px;
	margin-bottom: 80px;
}

div.top_price_table_area .top_price_table__inn {
	max-width: 1000px;
	margin: auto;
}

div.top_price_table_area .top_price_table__inn .yellow-box {
	width: 100%;
	max-width: 1000px;
	margin: 30px auto auto;
	background: #feeda5;
	border-radius: 10px;
	box-shadow: 5px 5px 15px rgb(0 0 0 / 10%);
}

div.top_price_table_area .top_price_table__inn .yellow-box .inner {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding: 12px;
	font-weight: 700;
}

div.top_price_table_area .top_price_table__inn .yellow-box .inner .left {
	width: 20%;
	font-size: 1.2rem;
	text-align: center;
}

div.top_price_table_area .top_price_table__inn .yellow-box .inner .right {
	width: 80%;
	background: #fff;
	border-radius: 5px;
	padding: 15px 30px;
	font-size: 1.15rem;
	text-align: left;
}

.top-kome {
	font-size: 85% !important;
	font-weight: 500;
	text-align: left;
	text-indent: -14px;
	padding-left: 14px;
	margin-bottom: 8px !important;
}

div.add--area--inn {
	width: 100%;
	display: flex;
	flex-direction: row;
}

div.add--area--inn .left--txt {
	width: calc(100% - 170px);
	margin-right: 40px;
}

div.add--area--inn .right--img {
	width: 130px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	align-items: center;
}

div.add--area--inn .right--img img:nth-of-type(2) {
	width: 110px;
	text-align: center;
}

div.top_price_area,
div.top_casestudy_area {
	padding-bottom: 40px;
}

div.top_qna_area {
	max-width: 1200px;
	margin: 80px auto 50px;
}

.details {
	border: 2px solid #000;
	margin-bottom: 15px;
	border-radius: 10px;
}

.details-summary {
	position: relative;
	display: block;
	padding: 20px 25px 20px 57px;
	color: #000;
	font-size: 18px;
	font-weight: 700 !important;
	text-align: left;
}

.details-summary:hover {
	cursor: pointer;
	opacity: 0.8;
}

.details-summary::before {
	position: absolute;
	content: "Q.";
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 700;
	top: 14px;
	left: 25px;
}

.details-summary .btn {
	position: absolute;
	top: 37%;
	right: 25px;
	width: 18px;
	height: 18px;
	transform-origin: center center;
	transition-duration: 0.2s;
}

.details-summary .btn:before,
.details-summary .btn:after {
	content: "";
	background-color: #000;
	border-radius: 10px;
	width: 18px;
	height: 4px;
	position: absolute;
	top: 7px;
	left: 0;
	transform-origin: center center;
}

.details-summary .btn:before {
	width: 4px;
	height: 18px;
	top: 0;
	left: 7px;
}

.details-summary.is-active .btn {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.details-summary.is-active .btn:before {
	content: none;
}

.details-summary::-webkit-details-marker {
	display: none;
}

.details-content {
	padding: 20px 25px 30px;
	background: #f1f1f1;
	border-radius: 0 0 10px 10px;
}

.details-content p {
	margin: 0 0 20px;
	color: #000;
	font-size: 16px;
	text-align: left;
}

.details-content p:last-of-type {
	margin: 0 0 0;
}

.qna--inn--point {
	position: relative;
	font-weight: 800;
	margin-bottom: 5px !important;
	padding-left: 20px;
}

.qna--inn--point::before {
	position: absolute;
	content: "■";
	font-size: 15px;
	font-weight: 800;
	top: 1px;
	left: 0;
}

div.top-cooperation-area {
	padding-top: 20px;
}

@media (max-width:1000px) {
	div.trial_conta_btn_box {
		text-align: center;
	}

	div.top_price_table_area .top_price_table__inn .yellow-box {
		width: 94%;
	}

	.top-kome {
		width: 94%;
		margin: auto !important;
	}
}

@media (max-width:600px) {

	.page-id-26 .text-animation h2,
	.top_first_area .text-animation h2,
	.top_service_area .text-animation h2 {
		font-size: 36px !important;
	}

	div.top_first_area .text-animation h2,
	div.top_service_area .text-animation h2 {
		padding-top: 0;
	}

	div.top_btn_possible--area {
		margin-bottom: 10px;
	}

	div.top--about--inn {
		padding: 0;
		flex-direction: column;
		margin-top: -10px;
	}

	div.top--about--inn .txt {
		width: 100%;
		padding-right: 0;
	}

	div.top--about--inn .top-text-m {
		font-size: 22px;
	}

	div.top--about--inn .img {
		width: 100%;
		padding: 0 15px;
	}

	div.top_service_area {
		padding-top: 1px;
		margin-top: 10px;
	}

	div.top_function_area {
		margin-top: 30px;
	}

	.inn--text {
		padding: 0 10px;
	}

	div.widefone-pbx_func-box {
		padding: 0 10px;
	}

	div.func-box_item_r p {
		font-size: 19px;
	}

	.sp-txt {
		padding: 0 10px;
	}



	div.top_price_area .wf_ivr_box {
		padding-top: 35px;
		border-radius: 5px;
		border: 7px solid #3e68cf;
	}

	div.huki_b {
		top: -30px !important;
		padding: 15px 0;
	}

	div.wf_ivr_box {
		margin-top: 50px !important;
	}

	p.wf_ivr_check_ico:nth-of-type(3) {
		margin-bottom: 30px !important;
	}

	div.top_price_table_area {
		padding: 10px 0 50px;
	}



	div.top_price_table_area .top_price_table__inn .yellow-box:nth-of-type(2) {
		margin-top: 10px;
	}

	div.top_price_table_area .top_price_table__inn .yellow-box .inner {
		flex-direction: column;
	}

	div.top_price_table_area .top_price_table__inn .yellow-box .inner .left,
	div.top_price_table_area .top_price_table__inn .yellow-box .inner .right {
		width: 100%;
	}

	div.top_price_table_area .top_price_table__inn .yellow-box .inner .left {
		padding-bottom: 5px;
	}

	div.top_price_table_area {
		margin-bottom: 30px;
	}

	div.add--area--inn {
		width: 94%;
		margin: auto;
		flex-direction: column;
	}

	div.add--area--inn .left--txt {
		width: 100%;
		margin-right: 0;
	}

	div.add--area--inn .right--img {
		flex-direction: row;
	}

	div.add--area--inn .right--img {
		width: 100%;
		justify-content: center;
	}

	div.top_casestudy_area {
		padding-top: 30px;
	}

	div.top_qna_area {
		max-width: 96%;
		margin: 30px auto 60px;
	}

	.details-summary {
		padding: 20px 55px 20px 57px;
	}

	div.top_news_area {
		padding-top: 30px !important;
	}

	div.partner--link--area {
		margin-top: -20px;
	}
}


/****************************************************

2025.10.03 TOPリニューアル START

****************************************************/


/****************************************************

2025.10.10 メインビジュアルリニューアル START

****************************************************/
div.mainVisual_sp {
	display: none;
}

div.mainVisual {
	width: 100%;
	margin-top: 78px;
	padding-bottom: 80px;
	background-image: url(/wordpress/wp-content/uploads/img/top/wf_mainvisual_bgimg.webp);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

img.mainVisual--back--img {
	width: 100%;
}

div.mainVisual_inr {
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 45px;
	position: relative;
}

div.mainVisual_inr::after {
	content: "";
	position: absolute;
	bottom: -70px;
	right: 0;
	width: 500px;
	height: 500px;
	background-image: url(/wordpress/wp-content/uploads/img/top/mv_product_img.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	pointer-events: none;
}


span.mainVisual_txt_a_a {
	font-size: 21px;
	line-height: 2.2;
}

span.mainVisual_txt_a_b {
	display: block;
	font-size: 34px;
}

h2.mainVisual_txt_b {
	font-size: 63px;
	margin-top: 50px;
	line-height: 1.3;
	color: #0E49B1;
}

span.mainVisual_txt_b_b {
	display: block;
	font-size: 65px;
}

span.mainVisual_txt_b_b_sub {
	font-size: 37px;
	margin-left: 20px;
}

h3.mainVisual_txt_c {
	font-size: 26px;
	color: #ffffff;
	background: #AA2224;
	text-align: center;
	padding: 6px 0 11px;
	margin-top: 50px;
	max-width: 630px;
}

.mainVisual_txt {
	font-family: 'Noto Sans JP', sans-serif !important;
}

div.mainVisual_point_box {
	display: flex;
	justify-content: space-between;
	margin-top: 35px;
	max-width: 630px;
}

p.mainVisual_point_ttl {
	font-size: 22px;
	margin-bottom: 7px;
}

div.mainVisual_point_item {
	background: #ffffff;
	border: 6px solid #AA2224;
	border-radius: 15px;
	padding: 20px 0 10px;
	text-align: center;
	position: relative;
	width: 32%;
}


div.mainVisual_point_item::after {
	content: "";
	position: absolute;
	display: block;
	top: -55%;
	left: 50%;
	transform: translate(-50%, 55%);
	width: 60px;
	height: 60px;
	background-image: url(/wordpress/wp-content/uploads/img/top/top_mv_func_01.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

div.mainVisual_point_item_b::after {
	background-image: url(/wordpress/wp-content/uploads/img/top/top_mv_func_02.webp);
}

div.mainVisual_point_item_c::after {
	background-image: url(/wordpress/wp-content/uploads/img/top/top_mv_func_03.webp);
}

p.mainVisual_point_sub {
	line-height: 1.3;
}

.block_900,
.block_450,
.block_465,
.block_400,
.block_450_none_350 {
	display: none;
}


@media (max-width:1200px) {
	div.mainVisual_inr {
		width: 90%;
		padding-top: 35px;
	}

	h2.mainVisual_txt_b {
		line-height: 1.4;
	}

	span.mainVisual_txt_b_b {
		font-size: 52px;
	}

	span.mainVisual_txt_b_b_sub {
		font-size: 32px;
	}

	h3.mainVisual_txt_c {
		font-size: 25px;
		max-width: 530px;
		margin-top: 40px;
	}

	div.mainVisual_txtbox {
		margin: 0;
	}

	div.mainVisual_point_item::after {
		width: 55px;
		height: 55px;
	}

	p.mainVisual_point_ttl {
		font-size: 20px
	}

	p.mainVisual_point_sub {
		font-size: 14px;
		line-height: 1.3;
	}

	div.mainVisual_inr::after {
		width: 420px;
		height: 420px;
	}

	div.mainVisual_point_box {
		max-width: 530px;
	}

	span.mainVisual_txt_a_b {
		font-size: 40px;
	}

	span.mainVisual_txt_a_a {
		font-size: 24px;
		line-height: 2.5;
	}
}

@media (max-width:1050px) {
	div.mainVisual_pc {
		display: none;
	}

	div.mainVisual_sp {
		display: block;
	}

	.mainVisual_txt {
		text-align: center;
	}

	div.mainVisual_point_item::after {
		width: 65px;
		height: 65px;
		top: -75%;
		left: 50%;
		transform: translate(-50%, 75%);
	}

	h3.mainVisual_txt_c {
		margin-top: -30px;
		max-width: none;
		width: 100%;
	}

	div.mainVisual_point_box {
		max-width: none;
		width: 100%;
	}

	div.mainVisual_imgbox {
		width: 60%;
		margin: 0 auto;
	}

	p.mainVisual_point_ttl {
		font-size: 22px;
	}

	p.mainVisual_point_sub {
		font-size: 16px;
	}


	h2.mainVisual_txt_b {
		font-size: 60px;
	}

	span.mainVisual_txt_b_b {
		font-size: 50px;
	}

	span.mainVisual_txt_b_b_sub {
		font-size: 37px;
	}

	span.mainVisual_txt_a_b {
		font-size: 36px;
	}

	span.mainVisual_txt_a_a {
		line-height: 2.6;
	}

	div.mainVisual {
		background-image: url(/wordpress/wp-content/uploads/img/top/wf_mainvisual_bgimg_b.webp);
	}

	div.mainVisual_inr::after {
		display: none;
	}

}

@media (max-width:900px) {
	.block_900 {
		display: block;
	}
}

@media (max-width:800px) {
	h2.mainVisual_txt_b {
		font-size: 55px;
	}

	span.mainVisual_txt_b_b {
		font-size: 45px;
	}

	span.mainVisual_txt_b_b_sub {
		font-size: 34px;
	}

	span.mainVisual_txt_a_b {
		font-size: 31px;
	}

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

@media (max-width:700px) {
	div.mainVisual {
		background-image: url(/wordpress/wp-content/uploads/img/top/wf_mainvisual_bgimg_c.webp);
	}
}

@media (max-width:630px) {
	h2.mainVisual_txt_b {
		font-size: 45px;
	}

	span.mainVisual_txt_b_b {
		font-size: 35px;
	}

	span.mainVisual_txt_b_b_sub {
		font-size: 29px;
	}

	span.mainVisual_txt_a_b {
		font-size: 28px;
	}

	span.mainVisual_txt_a_a {
		font-size: 16.5px;
	}

	div.mainVisual_inr {
		padding-top: 30px;
	}

	span.mainVisual_txt_a_a {
		line-height: 2.2;
	}

	h3.mainVisual_txt_c {
		font-size: 20px;
	}

	p.mainVisual_point_ttl {
		font-size: 18px;
	}

	p.mainVisual_point_sub {
		font-size: 14px;
	}

	h2.mainVisual_txt_b {
		margin-top: 30px;
	}

	div.mainVisual_point_item::after {
		width: 55px;
		height: 55px;
		top: -65%;
		left: 50%;
		transform: translate(-50%, 65%);
	}
}

@media (max-width:600px) {
	div.mainVisual {
		background-image: url(/wordpress/wp-content/uploads/img/top/wf_mainvisual_bgimg_d.webp);
	}

	div.mainVisual_imgbox {
		width: 80%;
	}
}



@media (max-width:520px) {
	div.mainVisual_point_box {
		display: block;
	}

	div.mainVisual_point_item {
		width: 100%;
		margin-bottom: 10px;
		padding: 10px 0 10px;
	}

	.none_520 {
		display: none;
	}

	p.mainVisual_point_ttl {
		font-size: 22px;
		margin-bottom: 0;
	}

	div.mainVisual_point_item::after {
		width: 50px;
		height: 50px;
		top: 40%;
		left: -7%;
		transform: translate(7%, -40%);
	}

	p.mainVisual_point_sub {
		font-size: 16px;
	}

	h3.mainVisual_txt_c {
		margin-top: -20px;
	}

	div.mainVisual_point_box {
		margin-top: 15px;
	}

	div.mainVisual_point_item {
		padding: 5px 0 10px;
	}

	div.mainVisual_inr {
		padding-bottom: 10px;
	}

	h2.mainVisual_txt_b {
		font-size: 40px;
	}

	span.mainVisual_txt_b_b {
		font-size: 33px;
	}

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

	div.mainVisual {
		padding-bottom: 70px;
	}

	div.mainVisual {
		background-image: url(/wordpress/wp-content/uploads/img/top/wf_mainvisual_bgimg_e.webp);
	}
}

@media (max-width:465px) {
	.block_465 {
		display: block;
	}

	span.mainVisual_txt_a_b {
		font-size: 27px;
	}

	span.mainVisual_txt_a_b {
		font-size: 21.5px;
	}

	span.mainVisual_txt_a_a {
		font-size: 12.5px;
	}

	h3.mainVisual_txt_c {
		font-size: 19px;
	}

	div.mainVisual_inr {
		padding-top: 20px;
	}

	p.mainVisual_point_ttl {
		font-size: 20px;
	}

	div.mainVisual_point_item {
		padding: 3px 0 7px;
	}

	h2.mainVisual_txt_b {
		font-size: 41px;
		line-height: 1.15;
		margin-top: 15px;
	}

	span.mainVisual_txt_b_b {
		font-size: 28px;
	}

	span.mainVisual_txt_b_b_sub {
		font-size: 20px;
		margin-left: 10px;
	}

	div.mainVisual_point_item::after {
		top: 40%;
		left: -9%;
		transform: translate(9%, -40%);
	}

}

@media (max-width:450px) {
	.block_450 {
		display: block;
	}

	.block_450_none_350 {
		display: block;
	}
}

@media (max-width:400px) {
	.block_400 {
		display: block;
	}

	.none_400 {
		display: none;
	}

	div.mainVisual_point_item {
		padding: 2px 0 5px;
	}
}

@media (max-width:350px) {
	span.mainVisual_txt_b_b_sub {
		display: block;
	}

	.block_450_none_350 {
		display: none;
	}
}

/* ☆☆追加でMVとの境目の追加修正部分☆☆ */

div.top--about {
	background: #f1f1f1;
}

div.top--bnr .bnr .bnr--left,
div.top--bnr .bnr .bnr--right {
	margin: 0;
}

div.top--bnr {
	margin: 75px auto 0;
}

div.top--about {
	padding-top: 40px;
}

p.about_txt {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}

div.top_service_area {
	margin-top: 0;
}



.next-arrow {
	width: 0;
	height: 0;
	margin: 0 auto;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-top: 25px solid #e50012;
	animation: bounce 1.5s infinite;
}

@keyframes bounce {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(8px);
	}
}

@media (max-width:1200px) {
	div.top--bnr {
		margin-top: 65px;
	}
}

@media (max-width:900px) {
	div.top--bnr {
		width: 90%;
	}
}

@media (max-width:800px) {
	p.about_txt {
		font-size: 20px;
	}
}

@media (max-width:600px) {
	div.top--bnr .bnr {
		margin-bottom: 20px;
	}

	div.top--bnr {
		margin-top: 35px !important;
	}
}

@media (max-width:520px) {
	p.about_txt {
		width: 94%;
		margin: 0 auto 20px;
	}
}

@media (max-width:390px) {
	.none_390 {
		display: none;
	}
}

/****************************************************

2025.10.10 メインビジュアルリニューアル END

****************************************************/
/* CSS崩れ修正 2025.10.14  START*/
div.top--app--bnr {
	max-width: 880px;
	margin: auto auto 30px;
	box-shadow: 2px 2px 12px rgb(0 0 0 / 5%);
	margin-top: 30px;
	padding-right: 25px;
	padding-left: 25px;
}

div.inn--text .inn--row {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

div.top_price_area {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

div.top--table--area {
	padding-top: 50px;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
}

table.top--price--table {
	position: relative;
	width: 1200px;
	margin: auto;
	border-collapse: separate;
}

table.top--price--table::before {
	content: "";
	position: absolute;
	border: 6px solid #2653a7;
	bottom: 0;
	height: calc(100% + 18px);
	width: 288px;
	left: 228px;
	transform: translateX(0);
	z-index: 1;
}

table.top--price--table th {
	font-size: 18px;
	text-transform: capitalize;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #ddd;
	padding: 12px 0 8px !important;
	background: #777;
	color: #fff;
}

table.top--price--table th,
table.top--price--table td {
	width: 19%;
	text-align: center;
	padding: 10px 0;
	vertical-align: middle;
	line-height: 1.6;
}

table.top--price--table th:first-child {
	background: transparent;
	border-right: none;
}


table.top--price--table th:first-child,
table.top--price--table td:first-child {
	text-align: left;
	padding: 10px 20px;
}

.sticky {
	position: sticky;
	top: 0;
	left: -1px;
	background: none;
	z-index: 99;
}

table.top--price--table th:nth-of-type(2) {
	position: relative;
	background: #fff;
}

table.top--price--table th:nth-of-type(2),
table.top--price--table td:nth-of-type(2) {
	width: 24%;
	color: #2653a7;
	font-size: 16px !important;
	font-weight: 700 !important;
}

.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}


table.top--price--table td {
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	font-size: 15px;
}

table.top--price--table td:first-child {
	font-weight: 700;
	background: #f1f1f1;
	border-left: 2px solid #ddd;
}

table.top--price--table th:first-child,
table.top--price--table td:first-child {
	text-align: left;
	padding: 10px 20px;
}

table.top--price--table th:nth-of-type(2)::after {
	position: absolute;
	content: url(/wordpress/wp-content/uploads/img/top/top-price-point.svg);
	width: 135px;
	top: -47px;
	left: 80px;
	z-index: 1;
}

table.top--price--table th:nth-of-type(2) img {
	width: 150px;
}

table.top--price--table td:nth-of-type(2) {
	background: #f1f6ff;
}

table.top--price--table td {
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	font-size: 15px;
}


@media (max-width: 1200px) {
	div.top--table--area {
		overflow-x: scroll;
	}

	div.add--area--inn {
		width: 94%;
		margin: auto;
	}

	div.top_function_area .widefone-pbx_func-box {
		width: 94%;
		margin: auto;
	}
}

@media (max-width: 1000px) {
	div.top_price_area div.wf_ivr_box div.huki_b {
		top: -30px !important;
	}
}

@media (min-width:2600px) {
	#page-inner {
		display: block;
	}

}
/* CSS崩れ修正 2025.10.14  END*/