@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* 共通 */

html {
	scrollbar-gutter: stable;
}
body {
	margin: 0 auto;
}

.wrap {
	width:100%;
}

.main {
	width: 100%;
	padding: 0;
	border: none;
	border-radius: unset;
	position: relative;
	background-color: transparent;
}

.go-to-top .go-to-top-button {
	color: transparent;
	background-color: transparent;
	background: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_l.png) no-repeat center;
	background-size: 50px;
	width: 50px;
	height: 50px;
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
	color: transparent;
	background-color: transparent;
	background: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_facebook.png) no-repeat center;
	width: 29px;
	height: 29px;
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
	color: transparent;
	background-color: transparent;
	background: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_twitter.png) no-repeat center;
	width: 29px;
	height: 29px;
}

.wp-block-columns {
	clear: both;
}

.area_c {
	text-align: center !important;
	margin-bottom: 0 !important;
}

.a2a_button_twitter .a2a_s_twitter svg path {
	display: none;
}

.a2a_button_twitter .a2a_s_twitter svg {
	background: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_twitter2.png) no-repeat center;
}

.page .entry-content, .single .entry-content {
	max-width: 1300px;
	margin: 0 auto;
}

/* ヘッダー */

#header {
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
}

#header-in {
	padding: 0;
	margin: 0;
}

.header {
	width: 100%;
	height: 90px;
	display: flex;
}

.header-container-in.hlt-top-menu .wrap {
	padding-top: 14px;
	max-width: 1100px;
}

.header-container-in.hlt-top-menu .logo-header img {
	display: none;
}

.header-container-in.hlt-top-menu .logo-header span::before {
	content: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/header-logo.svg);
	vertical-align: middle;
	padding-right: 450px;
}

#header-right {
	padding-top: 22px;
	width: 100%;
}

#header-right dl {
	display: flex;
}

#header-right dl .h_document {
	padding: 5px 5px 0;
}

#header-right dl .h_document a {
	display: block;
	width: 170px;
	height: 49px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	color: #db1a20;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_document.png), url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red.png);
	background-position: left 15% center, right 15% center;
	background-repeat: no-repeat, no-repeat;
	font-size: 88%;
	text-align: center;
	line-height: 44px;
	font-weight: 600;
}

#header-right dl .h_document a:hover {
	background-color: #db1a20;
	color: #ffffff;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_document_on.png), url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_on.png);
	background-position: left 15% center, right 15% center;
	background-repeat: no-repeat, no-repeat;
}

#header-right dl .h_document a:hover {
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
}

#header-right dl .h_contact {
	padding: 5px 5px 0;
}

#header-right dl .h_contact a {
	display: block;
	width: 206px;
	height: 49px;
	background-color: #63a538;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	color: #fff;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_mail.png), url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white.png);
	background-position: left 13% center, right 13% center;
	background-repeat: no-repeat, no-repeat;
	font-size: 88%;
	text-align: center;
	line-height: 48px;
	padding-left: 10px;
	font-weight: 600;
}

#header-right dl .h_contact a:hover {
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.5);
	opacity: 0.7
}

#header-right dt {
	text-align: left;
	padding-left: 30px;
	width: 54%;
}

.site-name-text-link {
	padding: 0;
}

/* メニュー */

.header-container-in.hlt-top-menu {
	display: block;
}

.header-container-in.hlt-top-menu .wrap {
	padding-top: 0;
}

.navi-in > ul li {
	width: auto;
	padding: 0 20px;
}

.navi-in > ul #menu-item-1210, .navi-in > ul #menu-item-1211, .navi-in > ul #menu-item-1212 {
	display: none;
}

.navi-in li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 3px;
	background:#db1a20;
	transition: all .3s;
	transform: scale(0, 1);/*X方向0、Y方向1*/
	transform-origin: center top;/*上部中央基点*/
}

.navi-in li a:hover {
	background-color: transparent;
}

.navi-in li a:hover::after {
	transform: scale(1, 1);/*X方向にスケール拡大*/
}

/*　トップページ閲覧時ナビ　*/
.page-id-2 #header-container-in #navi #navi-in #menu-item-1202 a {
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 3px solid #db1a20;
}

.page-id-2 #header-container-in #navi #navi-in #menu-item-1202 a::after {
	bottom: -3px;
}

/*　ページ閲覧時ナビ　*/

.categoryid-45 #header-container-in #navi #navi-in #menu-item-1203 a, .page-id-94 #header-container-in #navi #navi-in #menu-item-1203 a, .categoryid-46 #header-container-in #navi #navi-in #menu-item-1204 a, .page-id-128 #header-container-in #navi #navi-in #menu-item-1205 a, .parent-pageid-128 #header-container-in #navi #navi-in #menu-item-1205 a, .parent-pageid-134 #header-container-in #navi #navi-in #menu-item-1208 a {
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 3px solid #db1a20;
}

.categoryid-45 #header-container-in #navi #navi-in #menu-item-1203 a::after, .categoryid-46 #header-container-in #navi #navi-in #menu-item-1204 a::after, .page-id-94 #header-container-in #navi #navi-in #menu-item-1203 a::after, .page-id-128 #header-container-in #navi #navi-in #menu-item-1205 a::after, .parent-pageid-128 #header-container-in #navi #navi-in #menu-item-1205 a::after, .parent-pageid-134 #header-container-in #navi #navi-in #menu-item-1208 a::after {
	bottom: -3px;
}

.page-id-125 #header-container-in #navi #navi-in #menu-item-1204 a {
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 3px solid #db1a20;
}

.page-id-125 #header-container-in #navi #navi-in #menu-item-1204 a::after {
	bottom: -3px;
}

.page-id-130 #header-container-in #navi #navi-in #menu-item-1206 a {
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 3px solid #db1a20;
}

.page-id-130 #header-container-in #navi #navi-in #menu-item-1206 a::after {
	bottom: -3px;
}

.page-id-132 #header-container-in #navi #navi-in #menu-item-1207 a {
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 3px solid #db1a20;
}

.page-id-132 #header-container-in #navi #navi-in #menu-item-1207 a::after {
	bottom: -3px;
}

.page-id-134 #header-container-in #navi #navi-in #menu-item-1208 a {
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 3px solid #db1a20;
}

.page-id-134 #header-container-in #navi #navi-in #menu-item-1208 a::after {
	bottom: -3px;
}

.page-id-136 #header-container-in #navi #navi-in #menu-item-1209 a {
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 3px solid #db1a20;
}

.page-id-136 #header-container-in #navi #navi-in #menu-item-1209 a::after {
	bottom: -3px;
}

.categoryid-21 #header-container-in #navi #navi-in #menu-item-1206 a {
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 3px solid #db1a20;
}

.categoryid-21 #header-container-in #navi #navi-in #menu-item-1206 a::after {
	bottom: -3px;
}

.categoryid-39 #header-container-in #navi #navi-in #menu-item-1209 a {
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 3px solid #db1a20;
}

.categoryid-39 #header-container-in #navi #navi-in #menu-item-1209 a::after {
	bottom: -3px;
}

/* トップページ */

body.page-id-2 .content {
	max-width: 1920px;
	margin: 0 auto;
}

body.page-id-2 #container {
	background: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/bg.png) no-repeat center;
	background-size: 100%;
	background-position: 0 140px;
	max-width: 1920px;
	margin: 0 auto;
}

body.page-id-2 .entry-title {
	display: none;
}

body.page-id-2 .wrap {
	width:100%;
}

body.page-id-2 .content {
	margin-top: 60px;
}

.mainarea {
	background: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/successful_renewal.png) no-repeat bottom right 5%;
	max-width: 1100px;
	margin: 0 auto !important;
	min-height: 480px;
}

.mainarea h1 {
	font-size: 2.2rem;
	font-weight: bolder;
	line-height: 1.8em;
	color: #db1a20;
}

.mainarea h1 span {
	background: #FFFFFF;
	padding: 0 10px 3px;
}

.mainarea p {
	color: #ffffff;
	font-size: 19px;
	margin: 15px 0 0;
	line-height: 1.6;
}

.mainarea p span {
	font-size: 22px;
}

.mainarea p span strong {
	color: #f5dc19;
}

.bt_type1 a {
	display: block;
	width: 300px !important;
	height: 63px;
	background-color: #63a538;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.9);
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	color: #fff;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_arrow_green.png);
	background-position: right 4% center;
	background-repeat: no-repeat;
	font-size: 120%;
	text-align: center;
	line-height: 23px;
	box-sizing: border-box;
	border: 2px solid #6db240;
	margin-top: 15px;
}

.bt_type1 a:hover {
	transform: scale(1.1);
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.8);
	font-size: 110%;
	line-height: 25px;
}

.banner {
	position: fixed;
	margin: 50px 50px;
	z-index: 99998;
	bottom: 0;
	right: 0;
}
.banner a {
	text-decoration: none;
}

.banner-icon {
	color: #f8f8f8;
	font-size: 40px;
}

.banner-back {
	width: 290px;
}

.banner-top {
	padding: 20px;
	border-radius: 25px 25px 0px 0px;
	background: -moz-radial-gradient(#0AB0C7, #006EB0 70%);
	background: -webkit-radial-gradient(#0AB0C7, #006EB0 70%);
	background: radial-gradient(#0AB0C7, #006EB0 70%);
}

.banner-copy-h {
	color: #cc3333;
	margin: 5px 0 15px !important;
	line-height: 1.2;
}

.banner-copy-h strong {
	font-size: 180%;
}

.banner-copy {
	font-size: 83%;
	text-align: left;
	line-height: 130%;
	font-weight: 400;
	width: 80%;
	margin: 0 auto 20px;
}

.banner-copy-b {
	background-color: #63a538;
	margin-bottom: 0 !important;
	color: #fff;
	font-size: 120%;
	line-height: 220%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_mail_m.png);
	background-position: left 13% center;
	background-repeat: no-repeat;
}

.banner-bottom {
	padding: 15px 0px 0px 0px;
	line-height: 1.6;
}

.banner-body {
	width: 290px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	-webkit-box-shadow: 0 0 7px rgb(0 0 0 / 20%);
	box-shadow: 0 0 7px rgb(0 0 0 / 20%);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/bg_floatbn.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #fff;
	border: 2px solid #000;
}

.banner-close {
	position: absolute;
	top: -20px;
	right: -20px;
	z-index: 99999;
	padding: 0px 10px;
	border: none;
	background-color: #ffffff;
	border-radius: 25px;
	font-size: 200%;
	cursor: pointer;
	-webkit-box-shadow: 0 0 7px rgb(0 0 0 / 20%);
	box-shadow: 0 0 7px rgb(0 0 0 / 20%);
}

.contents_sh {
	width: 80%;
	margin: 120px auto 190px;
	max-width: 1000px;
	font-size: 120%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/bg_businessmodel.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 37%;
}

.text_s {
	font-size: 75%;
}

.red_t {
	color: #db1a20;
	font-weight: 600;
}

.red_t_u {
	color: #db1a20;
	background: linear-gradient(to bottom, transparent 70%, #fff097 20%);
	font-weight: bold;
}

.contents_sh .greeting_t p {
	margin: 0 0 25px;
	line-height: 1.6;
}

.contents_sh .greeting_t figure {
	text-align: center;
	line-height: 1.4;
	font-size: 85%;
}

.contents_sh .greeting_t figure img {
	width: 60%;
}

.contents_sh .b_tsh {
	margin-bottom: -13px !important;
}

.contents_sh .tsh {
	color: #db1a20;
	background-color: transparent;
	font-size: 270%;
	padding: 0;
	background: linear-gradient(to bottom, transparent 75%, #fff097 20%);
	font-weight: bold;
	white-space: nowrap;
	display: inline;
	line-height: 0.1;
}

.contents_sh .greeting_b {
}

.contents_sh .greeting_b .text_s {
	margin: 0 !important;
	max-width: 600px;
}

.area_obsession {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/bg_obsession.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	max-background-size：1920px;
}

.area_obsession .obmd {
	max-width: 1100px;
	border: none;
	margin: 0 auto;
	color: #fff;
	font-size: 160%;
	padding: 110px 0 110px;
	text-align: center;
	line-height: 140%;
}

.area_obsession .obmd span {
	color: #f5dc19;
}

.area_obsession a {
	color: #000000;
	text-decoration: none;
}

.in_obsession {
	max-width: 1100px;
	margin: 0 auto;
}

.in_obsession .is-layout-flow {
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
}

.in_obsession .is-layout-flow img {
	margin-top: -80px;
}

.in_obsession .is-layout-flow p {
	margin: 0 auto;
	padding: 0 0 40px;
}

.in_obsession .is-layout-flow span {
	color: #db1a20;
}

.area_obsession .wp-block-button a {
	display: block;
	width: 290px;
	height: 52px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	color: #db1a20;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	font-size: 88%;
	text-align: center;
	line-height: 19px;
}

.area_obsession .wp-block-button a:hover {
	background-color: #db1a20;
	color: #ffffff;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
}

.area_achievement, .area_problem_solving, .area_webmarketing {
	margin: 90px auto 0;
}

.area_achievement h2, .area_problem_solving h2 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/h_under.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: center;
	border: none;
	line-height: 2;
	font-size: 180%;
	margin-bottom: 22px;
}

.area_webmarketing h2 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/h_under.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: center;
	border: none;
	font-size: 180%;
	padding-bottom: 22px;
}

.area_achievement h2 span, .area_problem_solving h2 span, .area_webmarketing h2 span {
	color: #db1a20;
}

.area_achievement p, .area_problem_solving p, .area_webmarketing p {
	text-align: center;
}

.area_achievement .wp-block-button a, .area_webmarketing .wp-block-button a {
	display: block;
	min-width: 290px;
	height: 52px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	color: #db1a20;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	font-size: 88%;
	text-align: center;
	line-height: 19px;
}

.area_achievement .wp-block-button a:hover, .area_webmarketing .wp-block-button a:hover {
	background-color: #db1a20;
	color: #ffffff;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
}

.area_problem_solving .wp-block-button a {
	text-decoration: none;
	display: block;
	min-width: 350px;
	height: 58px;
	background-color: #db1a20;
	color: #ffffff;
	border-radius: 50px;
	box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	font-size: 120%;
	text-align: center;
	line-height: 23px;
	font-weight: 500;
}

.area_problem_solving .wp-block-button a:hover {
	transform: scale(1.1);
	font-size: 110%;
	line-height: 25px;
}

.gk_in_solving {
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.gk_in_solving:hover {
	opacity: 0.7;
}

body.page-id-2 .area_problem_solving .solving1 {
	margin: 80px 0 0 10%;
	width: 90%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem1.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	background-size: 60%;
}

body.page-id-2 .area_problem_solving .solving2 {
	margin: 180px 10% 0 0;
	width: 90%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem4.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	text-align: right;
	background-size: 60%;
}

body.page-id-2 .area_problem_solving .solving3 {
	margin: 180px 0 100px 10%;
	width: 90%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem3.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	background-size: 60%;
}

body.page-id-2 .area_problem_solving .solving4 {
	margin: 180px 10% 0 0;
	width: 90%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem2.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	text-align: right;
	background-size: 60%;
}

body.page-id-2 .area_problem_solving .solving5 {
	margin: 180px 0 100px 10%;
	width: 90%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem5.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	background-size: 60%;
}

body.page-id-2 .area_problem_solving .solving8 {
	margin: 180px 10% 0 0;
	width: 90%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem8.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	text-align: right;
	background-size: 60%;
}

.area_problem_solving .solving1 .tit_sol1 {
	position: absolute;
	margin: -35px 0 0;
}

.area_problem_solving .solving3 .tit_sol3 {
	position: absolute;
	margin: -40px 0 0 -30px;
}

.area_problem_solving .solving5 .tit_sol5 {
	position: absolute;
	margin: 0 0 0 -30px;
}

.area_problem_solving .solving2 .tit_sol2 {
	position: absolute;
	right: 0;
	padding: 40px 0 0 0;
}

.area_problem_solving .solving4 .tit_sol4 {
	position: absolute;
	right: 0;
	margin: -20px -30px 0 0;
}

.area_problem_solving .solving8 .tit_sol8 {
	position: absolute;
	right: 0;
	margin: -20px -30px 0 0;
}

.area_problem_solving .solving1 .in_solving {
	width: 47%;
	background-color: #db1a20;
	padding: 50px 40px;
	display: inline-block;
	margin-top: 130px;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_check.png);
	background-position: left 43px top 157px;
	background-repeat: no-repeat;
}

.area_problem_solving .solving3 .in_solving {
	width: 46%;
	background-color: #db1a20;
	padding: 50px 40px;
	display: inline-block;
	margin-top: 150px;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_check.png);
	background-position: left 35px top 115px;
	background-repeat: no-repeat;
}

.area_problem_solving .solving5 .in_solving {
	width: 46%;
	background-color: #db1a20;
	padding: 50px 40px;
	display: inline-block;
	margin-top: 140px;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_check.png);
	background-position: left 35px top 155px;
	background-repeat: no-repeat;
}

.area_problem_solving .solving2 .in_solving {
	width: 46%;
	background-color: #db1a20;
	padding: 50px 40px;
	display: inline-block;
	margin-top: 130px;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_check.png);
	background-position: left 35px top 155px;
	background-repeat: no-repeat;
	text-align: left;
}

.area_problem_solving .solving4 .in_solving {
	width: 46%;
	background-color: #db1a20;
	padding: 50px 40px;
	display: inline-block;
	margin-top: 140px;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_check.png);
	background-position: left 35px top 155px;
	background-repeat: no-repeat;
	text-align: left;
}

.area_problem_solving .solving8 .in_solving {
	width: 46%;
	background-color: #db1a20;
	padding: 50px 40px;
	display: inline-block;
	margin-top: 140px;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_check.png);
	background-position: left 35px top 155px;
	background-repeat: no-repeat;
	text-align: left;
}

.solvingtype {
	background-color: #ffffff;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/bg_lt.png), url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/bg_rb.png);
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
	color: #db1a20;
	padding: 2px 15px;
	font-weight: bold;
	display: inline;
	letter-spacing: 2px;
	font-size: 120%;
}

.area_problem_solving h3 {
	position: relative;
	margin: 0;
	padding: 10px 0;
	font-size: 140%;
	color: #ffffff;
	border-bottom: 3px solid #ffffff;
	border-top: none;
	border-left: none;
	border-right: none;
}

.area_problem_solving h3:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 70px;
	height: inherit;
	border-bottom: 3px solid #840010;
}

.area_problem_solving .ktb {
	border: none;
	letter-spacing: 1px;
	padding: 20px 0;
	font-size: 115% !important;
	line-height: 1.6;
	text-indent: 33px;
}

.area_problem_solving .ktb span {
	color: #f5dc19;
}

.area_problem_solving .in_solving .wp-block-button .wp-element-button{
	display: block;
	width: 220px;
	height: 49px;
	background-color: #ffffff;
	border: 2px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	color: #db1a20;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_s.png);
	background-position: left 8% center;
	background-repeat: no-repeat;
	font-size: 88%;
	text-align: center;
	line-height: 19px;
	margin: 15px auto 0;
}

.area_problem_solving .in_solving p {
	text-align: left;
	color: #fff;
	font-size: 90%;
	margin: 0;
}

.area_webmarketing {
}

.area_webmarketing .slick-track .carousel-entry-card {
	min-height: 270px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.3);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	background-color: #ffffff;
	padding: 0;
	margin: 0 8px 20px !important;
}

.carousel-entry-card-title, .blogcard-snippet {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	padding: 10px 13px;
	height: 80px;
	line-height: 1.3;
	font-size: 100%;
}

.in_achievement {
	max-width: 1100px !important;
	gap: 30px !important;
	padding: 30px 0 60px;
}

.in_achievement a {
	color: #000000;
	text-decoration: none;
	transition-duration: 0.4s;
}

.in_achievement a:hover {
	opacity: 0.5;
}

.achievementlist {
	padding: 20px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	border-radius: 12px;
	margin: 0 auto;
	text-align: center;
	padding-top: 40px;
}

.achievementlist img {
	padding-bottom: 5px;
}

.achievementlist p {
	font-weight: 500;
	line-height: 1.6;
	font-size: 14px;
	text-align: left;
}

.achievementlist .title {
	font-weight: 600;
	color: #db1a20;
	text-align: left;
	line-height: 1.4;
	font-size: 110%;
	margin: 0 0 15px 0;
}

.achievementlist .kts {
	min-height: 140px;
}

.achievementlist .client {
	border-top: 1px solid #ccc;
	padding-top: 12px;
	text-align: right;
	font-size: 90%;
}

.achievementlist .client img {
	padding: 0 6px 0 0;
}

.area_news {
	max-width: 1100px;
	margin: 0 auto;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/bg_news.png);
	background-position: left top 50px;
	background-repeat: no-repeat;
	padding: 90px 0 100px 0;
}

.area_news h2 {
	background-color: transparent;
	border: none;
	font-size: 130%;
	padding-left: 30px;
}

.area_news .wp-block-button a {
	background-color: transparent;
	color: #db1a20;
	font-size: 90%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_m.png);
	background-position: right top 17px;
	background-repeat: no-repeat;
	min-width: 160px;
	transition-duration: 0.4s;
}

.area_news .wp-block-button a:hover {
	opacity: 0.6;
	background-color: transparent;
}

.area_news .info-list-item-categorys .entry-category {
	padding: 1px 8px;
	color: #ffffff;
	border: none;
	margin-right: 8px;
	min-width: 75px;
	border-radius: 0;
	text-align: center;
}

.home .area_news .info-list-item-categorys .entry-category:first-child {
	display: none;
}

.is-style-divider-line .info-list-item {
	border-bottom: 1px solid #cccccc;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	line-height: 1.8;
}

.info-list.is-style-frame-border {
	border-left: none;
	border-right: none;
}

.info-list {
	padding: 0;
}

.info-list-item-meta {
	font-size: 13px;
	width: 28%;
	padding: 4px 0;
	opacity: 1;
	line-height: 22px;
}

.home .info-list-item-meta {
	display: flex;
}

.info-list-item-content {
	width: 70%;
}

.home .info-list-item-content {
	margin-bottom: 0;
}

.info-list-item-date {
	margin-right: 18px;
	min-width: 64px;
	display: inline-block;
}

.home .info-list-item-date {
	margin-right: 10px;
	min-width: 80px;
	display: inline-block;
	color: #666666;
	font-weight: 500;
	line-height: 1.9;
}

.area_webmarketing {
}

.area_webmarketing .wp-block-button {
}

.area_webmarketing .carousel {
	width: 100%;
	position: absolute;
	left: 0;
	margin-top: 150px;
}

.area_webmarketing #carousel-in {
	background-color: transparent;
}

.carousel-content {
	background: linear-gradient(180deg, transparent 0%, transparent 50%, #ffffff 50%, #ededed 50%);
	margin-top: -140px;
}

.carousel-content a {
}

.area_webmarketing .new-entry-cards .new-entry-card-content .display-none {
	display: block !important;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_calendar.png);
	background-position: left 64% center;
	background-repeat: no-repeat;
	text-align: right;
}

.area_webmarketing .new-entry-cards .new-entry-card-content .new-entry-card-update-date {
	display: none;
}

.area_webmarketing .new-entry-cards .new-entry-card-content .no-post-date .post-date, .area_webmarketing .new-entry-cards .new-entry-card-content .no-post-update .post-update, .area_webmarketing .new-entry-cards .new-entry-card-content .no-post-author .author-info {
	display: block !important;
}

.area_webmarketing .entry-category, .area_webmarketing .post-date, .area_webmarketing .post-update, .area_webmarketing .post-author, .area_webmarketing .amp-back {
	padding: 0;
	display: inline;
	font-size: 0.9em;
	font-weight: 400;
	text-align: right;
	margin: 0;
}

.swiper-wrapper {
	margin: 50px 0 0 -100px;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
	flex-direction: row;
	flex-wrap: nowrap;
}

.swiper-backface-hidden .swiper-slide {
}

.entry-card-thumb, .widget-entry-card-thumb, .related-entry-card-thumb, .carousel-entry-card-thumb {
	margin-top: 0;
}

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 100vw;
}

.is-list-horizontal.large-thumb .widget-entry-card-link, .is-list-horizontal.large-thumb-on .widget-entry-card-link {
	max-width: 320px;
	min-height: 350px;
	background-color: #fff;
	border-bottom-left-radius: 12px;
	margin-bottom: 20px;
	border-bottom-right-radius: 12px;
	margin-right: 50px !important;
	box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.5);
	padding: 0;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.is-list-horizontal.large-thumb .widget-entry-card-link:hover, .is-list-horizontal.large-thumb-on .widget-entry-card-link:hover {
	opacity: 0.6;
}

.is-list-horizontal.large-thumb .card-title, .is-list-horizontal.large-thumb-on .card-title {
	font-size: 20px;
	line-height: 1.4;
	min-height: 88px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-bottom: 7px;
}

.home .category-webmarketing-post figure::after {
	content: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/cat1.png);
	position: absolute;
	margin-top: -32px;
	right: 0;
}

.home .category-ec-post figure::after {
	content: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/cat2.png);
	position: absolute;
	margin-top: -32px;
	right: 0;
}

.home .category-column-post figure::after {
	content: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/cat3.png);
	position: absolute;
	margin-top: -32px;
	right: 0;
}

.widget-entry-cards.card-large-image .card-content {
	margin: 0;
	padding: 25px 30px 0;
}

.is-list-horizontal .swiper-button-next {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_r_red_l.png);
	background-position: right center;
	background-repeat: no-repeat;
	width: 78px;
	height: 78px;
	left: calc(100% - 490px);
}

.is-list-horizontal .swiper-button-next:hover {
	width: 78px;
	height: 78px;
	left: calc(100% - 490px);
}

.is-list-horizontal .swiper-button-next::before {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_r_red_l.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 78px;
	height: 78px;
}

.is-list-horizontal .swiper-button-prev {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_l_red_l.png);
	background-position: right center;
	background-repeat: no-repeat;
	width: 78px;
	height: 78px;
	right: calc(100% - 490px);
}

.is-list-horizontal .swiper-button-prev:hover {
	width: 78px;
	height: 78px;
	right: calc(100% - 494px);
}

.is-list-horizontal .swiper-button-prev::before {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_l_red_l.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 78px;
	height: 78px;
}

.popular-entry-cards.swiper-horizontal {
	overflow-x: scroll;
}

.is-list-horizontal .swiper-button-prev {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	margin: auto;
}

.is-list-horizontal .swiper-button-prev {
	display: grid;
	place-content: center;
	cursor: pointer;
	transition: var(--transition);
}

.is-list-horizontal .swiper-button-prev::before {
	background-color: rgba(0, 0, 0, 0.3);
}

.is-list-horizontal .swiper-button-prev::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	border-radius: 50%;
	box-shadow: var(--box-shadow);
}

.is-list-horizontal .swiper-button-prev::after {
	border-color: #ffffff;
	margin-left: 0.4rem;
	transform: rotate(45deg);
	width: 12px;
	height: 12px;
	content: "";
	border: solid rgba(255, 255, 255, 0.7);
	border-width: 0 0 2px 2px;
}

/*　下層ページ　共通　*/

.page-id-3 .article-header, .page-id-94 .article-header, .page-id-125 .article-header, .page-id-128 .article-header, .page-id-130 .article-header, .page-id-132 .article-header, .page-id-134 .article-header, .page-id-136 .article-header, .page-id-712 .article-header, .page-id-714 .article-header, .page-id-2563 .article-header, .page-id-2818 .article-header {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/bg_b_title.png);
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 200px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

.page-id-2630 .article-header {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/bg_b_title.png) !important;
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 200px;
	border-bottom: 1px solid #cccccc !important;
	width: 100%;
	text-align: left !important;
}

.home .article-header {
	background-image: none;
	min-height: auto;
	border-bottom: none;
}

.type-page .article {
	margin-bottom: 0;
}

.page-id-3 .article-header .entry-title, .page-id-94 .article-header .entry-title, .page-id-125 .article-header .entry-title, .page-id-128 .article-header .entry-title, .page-id-130 .article-header .entry-title, .page-id-132 .article-header .entry-title, .page-id-134 .article-header .entry-title, .page-id-136 .article-header .entry-title, .page-id-712 .article-header .entry-title, .page-id-714 .article-header .entry-title, .page-id-2563 .article-header .entry-title, .page-id-2818 .article-header .entry-title {
	font-weight: 500;
	padding: 75px 0 0 15%;
	width: 85%;
	font-size: 170%;
	letter-spacing: 3px;
}

.page-id-2630 .article-header .entry-title {
	font-weight: 500;
	padding: 75px 0 0 15%;
	width: 85%;
	font-size: 170%;
	letter-spacing: 3px;
	margin: 16px 0 0;
	background: none;
	line-height: normal;
}

.home .article-header .entry-title {
	padding: 0;
	width: auto;
}

.page-id-3 .article-header .entry-title::after {
	content: "Privacy";
	display: flex;
	font-size: 50%;
	color: #999999;
	letter-spacing: 0;
	padding-top: 7px;
}

.page-id-94 .article-header .entry-title::after {
	content: "Mistake";
	display: flex;
	font-size: 50%;
	color: #999999;
	letter-spacing: 0;
	padding-top: 7px;
}

.page-id-125 .article-header .entry-title::after {
	content: "Kodawari";
	display: flex;
	font-size: 50%;
	color: #999999;
	letter-spacing: 0;
	padding-top: 7px;
}

.page-id-128 .article-header .entry-title::after {
	content: "Solution";
	display: flex;
	font-size: 50%;
	color: #999999;
	letter-spacing: 0;
	padding-top: 7px;
}

.page-id-130 .article-header .entry-title::after {
	content: "Case";
	display: flex;
	font-size: 50%;
	color: #999999;
	letter-spacing: 0;
	padding-top: 7px;
}

.page-id-132 .article-header .entry-title::after {
	content: "Company Profile";
	display: flex;
	font-size: 50%;
	color: #999999;
	letter-spacing: 0;
	padding-top: 7px;
}

.page-id-134 .article-header .entry-title::after {
	content: "Recruit";
	display: flex;
	font-size: 50%;
	color: #999999;
	letter-spacing: 0;
	padding-top: 7px;
}

.page-id-136 .article-header .entry-title::after {
	content: "Scenario";
	display: flex;
	font-size: 50%;
	color: #999999;
	letter-spacing: 0;
	padding-top: 7px;
}

.page-id-712 .article-header .entry-title::after {
	content: "News";
	display: flex;
	font-size: 50%;
	color: #999999;
	letter-spacing: 0;
	padding-top: 7px;
}

.page-id-714 .article-header .entry-title::after {
	content: "Contact";
	display: flex;
	font-size: 50%;
	color: #999999;
	letter-spacing: 0;
	padding-top: 7px;
}

.page-id-2563 .article-header .entry-title::after {
	content: "Sitemap";
	display: flex;
	font-size: 50%;
	color: #999999;
	letter-spacing: 0;
	padding-top: 7px;
}

.page-id-2630 .article-header .entry-title::after {
	content: "Contact";
	display: flex;
	font-size: 50%;
	color: #999999;
	letter-spacing: 0;
	padding-top: 7px;
}

.page-id-2818 .article-header .entry-title::after {
	content: "Entry";
	display: flex;
	font-size: 50%;
	color: #999999;
	letter-spacing: 0;
	padding-top: 7px;
}

.page .header-container-in.hlt-top-menu .navi {
	border-bottom: 1px solid #cccccc;
}

.home .header-container-in.hlt-top-menu .navi {
	border-bottom: none;
}

.article-header .entry-title::first-letter {
	color: #db1a20;	
}

.content {
	margin-top: -17px;
}

#breadcrumb {
	font-weight: 500;
}

.page-id-3 .breadcrumb, .page-id-94 .breadcrumb, .page-id-125 .breadcrumb, .page-id-128 .breadcrumb, .page-id-130 .breadcrumb, .page-id-132 .breadcrumb, .page-id-134 .breadcrumb, .page-id-136 .breadcrumb, .page-id-712 .breadcrumb, .page-id-714 .breadcrumb, .page-id-2563 .breadcrumb, .page-id-2818 .breadcrumb {
	margin: 210px 0 0 15%;
	max-width: 1100px;
	position: absolute;
	color: #000000;
}

.page-id-2630 .breadcrumb {
	margin: 210px 0 0 15% !important;
	position: absolute;
}

.page .bottom_breadcrumb .breadcrumb {
	margin: 20px 0 0 15%;
}

.page-parent .bottom_breadcrumb .breadcrumb {
	margin: -30px 0 0 15%;
}

.breadcrumb a {
	color: #000000;
}

.fa-fw {
	width: 0;
}

.breadcrumb-home span:nth-child(2) {
	display: none;
}

.fa-file-o:before {
	display: none;
}

.breadcrumb .breadcrumb-home a::before {
	content: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_home.png);
}

.fa-home:before {
	content: none;
}

#aioseo-breadcrumb-widget-2 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_home.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0 auto;
	max-width: 1100px;
	font-size: 75%;
	padding-left: 19px;
}

.home #aioseo-breadcrumb-widget-2 {
	display: none;
}

.aioseo-breadcrumbs a {
	color: #000000;
	text-decoration: none;
}

.aioseo-breadcrumb-separator {
	color: transparent;
	font-size: 60%;
}

.aioseo-breadcrumb-separator::before {
	content: "　 〉";
	color: #000000;
}

.breadcrumb-caption .brnone {
	display: none;
}

.page .footer_top .cc_footer, .single .footer_top .cc_footer {
	display: none !important;
}

.home .footer_top .cc_footer {
	display:block !important;
}

.page_pagesend .current, .pagination .current {
	background-color: #bf1733;
	color: #ffffff !important;
}

.page_pagesend .page-numbers, .pagination .page-numbers {
	border: 2px solid #bf1733;
	border-radius: unset;
	color: #bf1733;
	line-height: 40px;
}

.page_pagesend .page-numbers:hover, .pagination .page-numbers:hover {
	border: 2px solid #bf1733;
	border-radius: unset;
	line-height: 40px;
	background-color: #bf1733;
	color: #ffffff;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.page_pagesend .dots, .pagination .dots {
	background-color: #ffffff;
}

.page_pagesend .wp-block-query-pagination-next, .pagination .wp-block-query-pagination-next {
	color: transparent;
	border: 2px solid #bf1733;
	border-radius: unset;
	line-height: 40px;
	width: 46px;
	height: 46px;
	position: relative;
	margin-left: -24px;
}

.page_pagesend .wp-block-query-pagination-next::before, .pagination .wp-block-query-pagination-next::before {
	content: "≫";
	color: #bf1733;
	position: absolute;
	top: 0;
	left: 13px;
}

.page_pagesend .wp-block-query-pagination-previous, .pagination .wp-block-query-pagination-previous {
	color: transparent;
	border: 2px solid #bf1733;
	border-radius: unset;
	line-height: 40px;
	width: 46px;
	height: 46px;
	position: relative;
	margin-right: -16px;
}

.page_pagesend .wp-block-query-pagination-previous::after, .pagination .wp-block-query-pagination-previous::after {
	content: "≪";
	color: #bf1733;
	position: absolute;
	top: 0;
	right: 13px;
}

.page_pagesend .wp-block-query-pagination-previous:hover, .page_pagesend .wp-block-query-pagination-next:hover, .pagination .wp-block-query-pagination-next:hover {
	color: transparent;
	border: 2px solid #bf1733;
	border-radius: unset;
	line-height: 40px;
	background-color: #bf1733;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.page_pagesend .wp-block-query-pagination-previous:hover:after, .pagination .wp-block-query-pagination-previous:hover:after {
	color: #ffffff;
	content: "≪";
}

.page_pagesend .wp-block-query-pagination-next:hover:before, .pagination .wp-block-query-pagination-next:hover:before {
	color: #ffffff;
	content: "≫";
}

/* 実績・事例 */

.page-id-130 .wp-block-latest-posts .case_table {
	display: none;
}

.page-id-130 .wp-block-latest-posts .b_case_detail {
	display: none;
}

.page-id-130 .wp-block-latest-posts .single_pagesend {
	display: none;
}

.page-id-130 .wp-block-latest-posts {
	max-width: 1100px;
	margin: 0 auto;
}

.page-id-130 .wp-block-latest-posts li .case_concept {
	text-align: left;
	font-size: 90% !important;
	margin-top: 95px !important;
	background-color: transparent !important;
	padding: 35px 0 0 3% !important;
	line-height: 1.6 !important;
	max-width: 47%;
	position: absolute;
	left: 45%;
	font-weight: 500 !important;
	height: 110px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.page-id-130 .wp-block-latest-posts li .case_c_n {
	text-align: left;
	font-size: 90% !important;
	margin-top: 40px !important;
	background-color: transparent !important;
	padding: 35px 0 0 3% !important;
	line-height: 1.6 !important;
	max-width: 47%;
	position: absolute;
	left: 45%;
}

.page-id-94 .wp-block-latest-posts li, .page-id-125 .wp-block-latest-posts li, .page-id-130 .wp-block-latest-posts li, .page-id-136 .wp-block-latest-posts li {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/case/icon_arrow_red_ll.png);
	background-position: right 35px center;
	background-repeat: no-repeat;
	background-size: 15px;
	padding: 35px 30px 0;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	border-radius: 12px;
	margin: 0 auto 50px;
	position: relative;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	display: block;
	height: auto;
	min-height: 235px;
}

.alignwide {
	gap: 80px;
}

.page-id-94 .wp-block-latest-posts li:hover, .page-id-125 .wp-block-latest-posts li:hover, .page-id-130 .wp-block-latest-posts li:hover, .page-id-136 .wp-block-latest-posts li:hover {
	opacity: 0.7;
}

.page-id-94 .wp-block-latest-posts li .wp-block-image, .page-id-125 .wp-block-latest-posts li .wp-block-image, .page-id-130 .wp-block-latest-posts li .wp-block-image, .page-id-136 .wp-block-latest-posts li .wp-block-image {
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
	width: 100%;
	margin: 0;
	max-width: 377px;
}

.page-id-94 .wp-block-latest-posts__post-excerpt, .page-id-125 .wp-block-latest-posts__post-excerpt, .page-id-130 .wp-block-latest-posts__post-excerpt, .page-id-136 .wp-block-latest-posts__post-excerpt {
	font-size: 80%;
	font-weight: 500;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	padding-bottom: 30px;
}

.page-id-94 .wp-block-latest-posts__featured-image a, .page-id-125 .wp-block-latest-posts__featured-image a, .page-id-130 .wp-block-latest-posts__featured-image a, .page-id-136 .wp-block-latest-posts__featured-image a {
	display: inline-block;
	width: 1040px;
	min-height: 200px;
}

.page-id-94 .wp-block-post-featured-image img, .page-id-125 .wp-block-post-featured-image img, .page-id-130 .wp-block-post-featured-image img, .page-id-136 .wp-block-post-featured-image img {
	max-width: 400px;
}

.page-id-94 .wp-block-post-featured-image img, .page-id-125 .wp-block-post-featured-image img, .page-id-136 .wp-block-post-featured-image img {
	padding-bottom: 30px;
}

.page-id-130 .category-scenario-post {
	display: none !important;
}

.toc {
	width: 50%;
}

.toc-center {
	display: none;
}

.toc-title {
	font-size: 1.2em;
	text-align: left;
	display: block;
	padding: 2px 10px 7px;
	color: #be1a20;
	letter-spacing: 0.2em;
	border-bottom: 2px solid #cccccc;
}

.toc a {
	padding-left: 15px;
}

.toc .toc-content {
	border-bottom: 1px solid #cccccc;
}

.toc-checkbox:checked+.toc-title::after {
	content: '[ 閉じる ]';
	font-size: 0.6em;
	letter-spacing: 0.1em;
	padding: 0 0 0 5px;
	color: #000000;
}

.toc-title::after {
    content: '[ 開く ]';
	font-size: 0.6em;
	letter-spacing: 0.1em;
	padding: 0 0 0 5px;
	color: #000000;
	cursor: pointer;
}

.toc .toc-list {
	padding-left: 0;
}

.toc-content .toc-list li {
	list-style-type: none;
	position: relative;
	line-height: 2.5;
	font-size: 95%;
	list-style-position: inside;
}

.toc-content .toc-list li:before {
	border-radius: 50%;
	width: 3px;
	height: 3px;
	display: block;
	position: absolute;
	left: 5px;
	top: 1.2em;
	content: "";
	background: #de8c8f;
}

.toc-content .toc-list li ol {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-left: 1.2em;
	margin: 0;
}

.toc-content .toc-list li ol:last-child {
	border-bottom: none;
}

.caselist {
	max-width: 1100px;
	margin: 0 auto;
}

.bpt {
	margin: 0 auto;
	background-color: transparent !important;
	text-align: center;
	padding: 75px 0 25px !important;
	font-size: 135% !important;
	line-height: 1.5 !important;
}

.bpt .smt {
	font-size: 75%;
}

.caselist .in_case {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/case/icon_arrow_red_ll.png);
	background-position: right 35px center;
	background-repeat: no-repeat;
	background-size: 15px;
	padding: 35px 30px 0;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	border-radius: 12px;
	margin: 0 auto 50px;
	position: relative;
	width: 100%;
	height: auto;
}

.caselist .in_case a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.caselist .in_case .is-layout-flow:first-child {
	flex-basis: 36.5% !important;
}

.caselist .in_case .is-layout-flow:last-child {
	flex-basis: 54% !important;
}

.in_case .case_img {
	max-width: 377px;
}

.caselist .in_case h2 {
	background-color: transparent;
	border-left: 3px solid #db1a20;
	padding: 10px 0 10px 30px;
	margin: 50px 0 0;
}

.page-id-94 .wp-block-latest-posts li .wp-block-latest-posts__post-title, .page-id-125 .wp-block-latest-posts li .wp-block-latest-posts__post-title, .page-id-130 .wp-block-latest-posts li .wp-block-latest-posts__post-title, .page-id-136 .wp-block-latest-posts li .wp-block-latest-posts__post-title {
	width: 100%;
	line-height: 1.4;
	padding: 8px 0 8px 3%;
	font-size: 140%;
	height: auto;
	margin-top: 5px;
	line-height: 1.2;
	border-left: 3px solid #db1a20;
	background-color: transparent;
	margin-bottom: 25px;
}

.page-id-94 .wp-block-latest-posts li .wp-block-latest-posts__post-title a, .page-id-125 .wp-block-latest-posts li .wp-block-latest-posts__post-title a, .page-id-130 .wp-block-latest-posts li .wp-block-latest-posts__post-title a, .page-id-136 .wp-block-latest-posts li .wp-block-latest-posts__post-title a {
	text-decoration: none;
	color: #000000;
}

.page-id-94 .wp-block-latest-posts li .wp-block-latest-posts__post-full-content, .page-id-125 .wp-block-latest-posts li .wp-block-latest-posts__post-full-content, .page-id-130 .wp-block-latest-posts li .wp-block-latest-posts__post-full-content, .page-id-136 .wp-block-latest-posts li .wp-block-latest-posts__post-full-content {
	display: flex;
}

.page-id-94 .wp-block-latest-posts li .article h2, .page-id-125 .wp-block-latest-posts li .article h2, .page-id-130 .wp-block-latest-posts li .article h2, .page-id-136 .wp-block-latest-posts li .article h2 {
	position: absolute;
	width: 38%;
	right: 10%;
	text-align: left;
	font-size: 90% !important;
	font-weight: 500;
	margin-top: 100px;
}

.page-id-130 .wp-block-latest-posts li .case_detail {
	display: none;
}

.caselist .in_case h2 a::first-line {
	font-size: 150%;
}

.caselist .in_case h2 a {
	font-size: 65%;
	text-decoration: none;
	line-height: 1.7;
	color: #000000;
}

.caselist .in_case p {
	font-size: 16px;
	font-weight: 400;
	color: #000000;
}

.page_note {
	max-width: 1100px;
	margin: 0 auto;
	text-align: left;
	font-weight: 500;
	font-size: 70%;
	display: block;
	padding: 30px 0 20px;
}

.wp-block-post-excerpt {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/*　投稿ページ　共通　*/

.single img:first-child {
	border-radius: 20px;
	}

.sns-share.ss-high-and-low-lc a {
	flex-direction: column;
	width: 29px;
	height: 29px;
	color: transparent;
	background-color: transparent;
}

.ss-top {
	max-width: 1100px;
	margin: -20px auto;
	position: relative;
}

.sns-share-buttons {
	flex-wrap: wrap;
	justify-content: space-around;
	width: 6.5%;
	position: absolute;
	right: 0;
}

.sns-share.ss-high-and-low-lc .twitter-button {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_twitter.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.sns-share.ss-high-and-low-lc .facebook-button {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_facebook.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.single .date-tags {
	margin: 15px auto 70px;
	font-weight: 500;
	float: left;
}

.single header {
	max-width: 1100px;
	margin: 0 auto;
}

.single .entry-title {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/tit_border2.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	min-height: 90px;
	padding: 110px 0 20px;
	font-size: 180%;
	line-height: 1.7;
	max-width: 1100px;
	border-bottom: 2px solid #cccccc;
}

.single .entry-categories-tags {
	position: relative;
}

.single .addtoany_content_top {
	clear: none;
	margin: 6px auto;
	float: right;
}

.single .addtoany_content_bottom {
	float: inherit;
	margin: -160px auto 0;
	width: 200px;
}

.single .addtoany_content::after {
	clear: both;
}

.bp_t_area {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/avatar4.png);
	background-position: right top 120px;
	background-repeat: no-repeat;
	width: 80%;
	max-width: 1100px;
	margin: 0 auto;
	text-align: left;
	padding: 130px 15% 80px 0;
}

.bp_kab {
	margin: 0 auto !important;
	padding: 60px 0 130px;
}

.bp_kab a {
	text-decoration: none;
	display: block;
	padding: 15px 70px;
	min-width: 50%;
	background-color: #db1a20;
	color: #ffffff;
	border-radius: 50px;
	box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	font-size: 100%;
	text-align: center;
	line-height: 37px;
	font-weight: 500;
	border: 2px solid #ffffff;
}

.bp_kab a:hover {
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	opacity: 0.7
}

.bp_wb {
	margin: 0 auto !important;
	padding: 40px 0 130px;
	text-align: center;
	display: block !important;
}

.bp_wb a {
	display: block;
	width: 350px;
	height: 58px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	border-radius: 10px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	color: #db1a20;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	font-size: 100%;
	text-align: center;
	line-height: 21px;
}

.bp_wb a:hover {	
	background-color: #db1a20;
	color: #ffffff;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
}

.single .breadcrumb {
	margin: 15px 0 0 15%;
	max-width: 1100px;
	position: absolute;
	color: #000000;
}

.single .entry-content {
	max-width: 1100px;
	margin: 0 auto;
}

.single .entry-content .case_c_n {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/h_under.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	max-width: 1100px;
	margin: 0 auto 30px;
	text-align: center;
	margin-top: 0;
	padding-bottom: 20px;
}

.fa-folder:before {
	content: none;
}

.single .content {
	margin-top: 0;
	border-top: 1px solid #cccccc;
}

.single .eye-catch {
	display: none;
}

.single_contact {
	background-color: #fff4e6;
}

.single_contact p {
	font-size: 85%;
	font-weight: 500;
	text-align: center;
	padding: 25px 0 15px;
}

.cta .single_contact p {
	padding: 25px 0 15px;
}

.single_contact .wp-block-columns {
	gap: 2px;
	justify-content: center;
}

.single_contact .si_c_c {
	padding: 60px 0 45px;
	max-width: 540px;
	border-right: 2px solid #ffffff;
}

.single_contact .si_c_c h3 {
	border: none;
	text-align: center;
	color: #63a538;
	position: relative;
	font-size: 140%;
}

.single_contact .si_c_c h3::before {
	background-color: #63a538;
	border-radius: 5px;
	bottom: -10px;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 30px;
}

.single_contact .si_c_c .is-layout-flex {
	width: 100%;
	justify-content: center;
}

.single_contact .si_c_c .wp-block-button a {
	display: block;
	width: 400px;
	height: 70px;
	background-color: #63a538;
	border-radius: 5px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	color: #fff;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_mail_m.png);
	background-position: left 22% center;
	background-repeat: no-repeat;
	font-size: 130%;
	text-align: center;
	line-height: 32px;
	padding-left: 40px;
	font-weight: 500;
}

.single_contact .si_c_c .wp-block-button a:hover {
	opacity: 0.7;
}

.single_contact .si_c_d {
	padding-top: 60px;
	max-width: 540px;
}

.single_contact .si_c_d h3 {
	border: none;
	text-align: center;
	color: #db1a20;
	position: relative;	
	font-size: 140%;
}

.single_contact .si_c_d h3::before {
	background-color: #db1a20;
	border-radius: 5px;
	bottom: -10px;
	content: "";
	height: 3px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 30px;
}

.single_contact .si_c_d .is-layout-flex {
	width: 100%;
	justify-content: center;
}

.single_contact .si_c_d .wp-block-button a {
	display: block;
	width: 400px;
	height: 70px;
	background-color: #db1a20;
	border-radius: 5px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	color: #fff;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_document_m.png);
	background-position: left 22% center;
	background-repeat: no-repeat;
	font-size: 130%;
	text-align: center;
	line-height: 32px;
	padding-left: 40px;
	font-weight: 500;
}

.single_contact .si_c_d .wp-block-button a:hover {
	opacity: 0.7;
}

.single_contact .si_c_t {
	text-align: center;
	min-height: 65px;
	line-height: 3;
	border-top: 2px solid #ffffff;
	margin: -33px 0 0;
}

.single_contact .si_c_t p {
	font-size: 70%;
}

.single_contact .si_c_t a {
	text-decoration: none;
	color: #000000;
	font-weight: 700;
	font-size: 200%;
	padding-left: 30px;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_tell.png);
	background-position: left 15px top 12px;
	background-repeat: no-repeat;
}

.single .under-entry-content {
	display: none;
}

.single .single_pagesend {
	max-width: 630px;
	text-align: center;
	margin: 0 auto;
	display: inline;
}

.single .single_pagesend .single_bt_back a {
	color: #db1a20;
	text-decoration: none;
	font-size: 88%;
	line-height: 3;
	display: block;
	min-width: 160px;
	height: 55px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.single .single_pagesend .single_bt_back a:hover {
	background-color: #db1a20;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	color: #ffffff;
}

.single .single_pagesend .single_bt_list a {
	color: #db1a20;
	text-decoration: none;
	font-size: 88%;
	line-height: 1.5;
	display: block;
	min-width: 210px;
	height: 55px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	margin: 70px 0 0 !important;
	z-index: 1;
	position: relative;
}

.categoryid-21 .single_pagesend .single_bt_list a {
	margin: 27px 0 0 !important;
}

.single .single_pagesend .single_bt_list a:hover {
	background-color: #db1a20;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	color: #ffffff;
}

.single .single_pagesend .single_bt_next a {
	color: #db1a20;
	text-decoration: none;
	font-size: 88%;
	line-height: 3;
	display: block;
	min-width: 160px;
	height: 55px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	text-align: center;
}

.single .single_pagesend .single_bt_next a:hover {
	background-color: #db1a20;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	color: #ffffff;
}

.single .single_pagesend .single_bt_back .post-navigation-link-previous {
	text-align: center;
}

.single #sns_follow_buttons-2 {
	margin: 0;
}

.widget-below-single-content-title-title {
	display: none;
}

.categoryid-8 .date-tags .post-date, .categoryid-8 .date-tags .post-date {
	display: block;
}

.categoryid-14 .date-tags .post-date, .categoryid-14 .date-tags .post-date {
	display: block;
}

.categoryid-16 .date-tags .post-date, .categoryid-16 .date-tags .post-date {
	display: block;
}

.categoryid-39 .date-tags .post-date, .categoryid-39 .date-tags .post-date {
	display: block;
}

.categoryid-40 .date-tags .post-date, .categoryid-40 .date-tags .post-date {
	display: block;
}

.categoryid-41 .date-tags .post-date, .categoryid-41 .date-tags .post-date {
	display: block;
}

.categoryid-42 .date-tags .post-date, .categoryid-42 .date-tags .post-date {
	display: block;
}

.categoryid-21 .entry-categories-tags {
	position: absolute;
	margin: 1050px auto;
	max-width: 1100px;
	text-align: center;
	z-index: 2;
	width: 100%;
	background-color: #f4f4f4;
	padding-bottom: 50px;
}

.categoryid-21 .entry-categories-tags .entry-categories {
	padding: 30px 10% 0;
}

.postid-3532 .entry-categories-tags {
	display: none;
}

.categoryid-21 .entry-categories-tags .cat-link {
	padding: 5px 24px;
	font-weight: 400;
	font-size: 95%;
	background-color: #d37a7a;
	color: #ffffff;
	border-radius: 50px;
	margin: 5px;
}

.single .pager-post-navi {
	margin: 38px auto;
	max-width: 700px;
	height: 55px;
	position: relative;
	z-index: 0;
}

.categoryid-45 .pager-post-navi, .categoryid-46 .pager-post-navi {
	margin: 38px auto -80px;
}

.single .pager-post-navi a figure {
	display: none;
}

.single .pager-post-navi a.prev-post .prev-post-title {
	display: none;
}

.single .pager-post-navi a.prev-post::after {
	content: "前へ";
	position: absolute;
	display: inline-block;
	margin: 0 0 0 -20px;
}

.single .pager-post-navi a.next-post .next-post-title {
	display: none;
}

.single .pager-post-navi a.next-post::after {
	content: "次へ";
	position: absolute;
	display: inline-block;
	margin: 0 0 0 -20px;
}

.single .fa-chevron-left:before {
	display: none;
}

.single .fa-chevron-right:before {
	display: none;
}

.single .pager-post-navi a.prev-post {
	margin: -2px 0 0 5%;
	text-align: center;
	display: block;
	color: #db1a20;
	font-size: 88%;
	line-height: 1.8;
	min-width: 200px;
	height: 55px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	position: absolute;
	left: 0;
}

.categoryid-21 .pager-post-navi a.prev-post {
	margin: -93px 0 0 5%;
}

.categoryid-45 .pager-post-navi a.prev-post {
	margin: -125px 0 0 5%;
}

.categoryid-46 .pager-post-navi a.prev-post {
	margin: -125px 0 0 5%;
}

.single .pager-post-navi a.prev-post:hover {
	background-color: #db1a20;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	color: #ffffff;
}

.single .pager-post-navi a.prev-post::after {
}

.single .pager-post-navi a.next-post {
	margin: -2px 5% 0 0;
	text-align: center;
	display: block;
	color: #db1a20;
	font-size: 88%;
	line-height: 1.8;
	min-width: 200px;
	height: 55px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	position: absolute;
	right: 0;
}

.categoryid-21 .pager-post-navi a.next-post {
	margin: -93px 5% 0 0;
}

.categoryid-45 .pager-post-navi a.next-post {
	margin: -125px 5% 0 0;
}

.categoryid-46 .pager-post-navi a.next-post {
	margin: -125px 5% 0 0;
}

.single .pager-post-navi a.next-post:hover {
	background-color: #db1a20;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	color: #ffffff;
}

.single .pager-post-navi a.next-post::before {
}

.pagination-next {
	margin: 30px auto;
	text-align: center;
}

.pagination-next a {
	text-align: center;
	display: inline-block;
	color: #db1a20;
	font-size: 88%;
	line-height: 1.8;
	width: 200px;
	height: 55px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.pagination-next a:hover {
	background-color: #db1a20;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	color: #ffffff;
}

.st_pt2_c .design_capture {
	flex-wrap: nowrap !important;
	justify-content: center !important;
	width: 90%;
	gap: 0;
	margin: 0 auto;
}

.st_pt2_c .design_capture .is-layout-flow:first-child {
	overflow-y: scroll;
	height: 600px;
	border: 3px solid #000000;
	border-radius: 21px;
	clip-path: inset(0 round 20px);
}

.st_pt2_c .design_capture .is-layout-flow:last-child {
	overflow-y: scroll;
	width:70%;
	height: 600px;
	border: 3px solid #000000;
	border-radius: 21px;
	clip-path: inset(0 round 20px);
	margin-left: 50px;
}

/*　シナリオ投稿ページ　*/

.categoryid-39 .snr_text {
	margin: 50px 0;
}

.categoryid-39 #breadcrumb .breadcrumb-item:nth-child(3) {
	display: none;
}

.categoryid-39 .entry-categories-tags {
	float: left;
	text-align: left;
	vertical-align: top;
	padding-left: 20px;
	margin-top: 4px;
}

.categoryid-39 .entry-categories-tags .cat-link {
	padding: 2px 8px 2px 4px;
	border-radius: 50px;
	background-color: #eeeeee;
	color: #999999;
}

/*　失敗しないために投稿ページ　*/

.categoryid-45 .entry-categories-tags {
	display: none;
}

.categoryid-45 .addtoany_content_top {
	display: none;
}

.categoryid-45 .addtoany_content_bottom {
	display: none;
}

/*　成果へのこだわり投稿ページ　*/

.categoryid-46 .entry-categories-tags {
	display: none;
}

.categoryid-46 .addtoany_content_top {
	display: none;
}

.categoryid-46 .addtoany_content_bottom {
	display: none;
}

/*　お知らせ投稿ページ　*/

.categoryid-8 .entry-categories-tags {
	float: left;
	text-align: left;
	vertical-align: top;
	padding-left: 20px;
	margin-top: 4px;
}

.categoryid-8 .entry-categories-tags .cat-link {
	padding: 2px 8px 2px 4px;
	border-radius: 50px;
}

/*　その他投稿ページ　*/

.toc {
	border: 1px solid var(--cocoon-basic-border-color);
	font-size: 0.9em;
	padding: 20px;
	display: table;
	max-width: 800px;
	min-width: 300px;
	margin: 60px auto 70px !important;
}

.st_pt2_c {
	max-width: 1100px;
	margin: 0 auto !important;
}

.st_pt2_c p {
	font-weight: 500;
}

.st_pt2_c .wp-block-columns {
	padding: 30px 0;
}

.st_pt2_c h2 {
	font-size: 28px;
	background-color: transparent !important;
	position: relative;
	width: 100%;
	margin: 0 auto 30px;
	padding: 10px;
	border-bottom: 3px solid #de8c8f;
}
    
.st_pt2_c h2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 27%;
	height: inherit;
	border-bottom: 3px solid #be1a20;
}

.st_pt2_c .cc {
	color: #db1a20;
	font-size: 120%;
}

.st_pt2_c p a {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_blank.png);
	background-position: right 4px center;
	background-repeat: no-repeat;
	padding-right: 20px;
	color: #17489c;
}

.st_pt2_c .bp_kab {
	display: block !important;
	text-align: center;
	padding: 50px 0;
}

.st_pt2_c .bp_wb_m {
	display: block !important;
	text-align: center;
	padding: 50px 0;
}

.st_pt2_c .bp_wb_m a {
	display: block;
	min-width: 50%;
	padding: 15px 50px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	color: #db1a20;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	font-size: 88%;
	text-align: center;
	line-height: 19px;
}

.st_pt2_c .bp_wb_m a:hover {
	background-color: #db1a20;
	color: #ffffff;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
}

.st_pt2_c h3 {
	border-left: 7px solid #be1a20;
	border-right: none;
	border-top: none;
	border-bottom: none;
	font-size: 130%;
	padding: 10px 20px;
	line-height: 1.5;
}

.st_pt2_c .sbp-l {
	display: flex;
	text-align: left;
	justify-content: flex-start;
	gap: 0 !important;
}

.st_pt2_c .sbp-l .speech-balloon {
	margin-left: 70px;
	padding: 40px 30px;
	background-color: transparent;
	border: 3px solid #db1a20;
	border-radius: 18px;
	max-width: 60%;
	font-size: 18px;
	line-height: 1.6;
}

.st_pt2_c .sbp-l .speech-balloon::before {
	display: none;
}

.st_pt2_c .sbp-l .speech-balloon::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 32px 0 0;
	border-color: transparent #db1a20 transparent transparent;
	left: -32px;
	right: auto;
	top: 35px;
}

.st_pt2_c h4 {
	border: none;
	background-color: #fff4e6;
	padding: 15px 25px;
}

.st_pt2_c .list_nakaguro li {
	list-style-type: none;
	position: relative;
	padding-left: 20px;
	line-height: 2.5;
	font-size: 20px;
	list-style-position: inside;
}

.st_pt2_c .list_nakaguro li:before {
	border-radius: 50%;
	width: 5px;
	height: 5px;
	display: block;
	position: absolute;
	left: 5px;
	top: 1.2em;
	content: "";
	background: #de8c8f;
}

.st_pt2_c .list_check li {
	list-style-type: none;
	position: relative;
	padding-left: 20px;
	line-height: 2.5;
	font-size: 20px;
	list-style-position: inside;
}

.st_pt2_c .list_check li:before {
	border-radius: 50%;
	width: 19px;
	height: 19px;
	display: block;
	position: absolute;
	left: -5px;
	top: 3px;
	content: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_check.png);
}

.st_pt2_c .wp-block-table {
	margin: 50px auto;
}

.st_pt2_c .wp-block-table th {
	background-color: #84a33a;
	color: #ffffff;
	border: 1px solid #cccccc;
}

.st_pt2_c .wp-block-table td {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 10px 20px;
	line-height: 1.5;
}

.st_pt2_c .wp-block-table tr td:first-child {
	background-color: #efefef;
}

.st_pt2_c img {
	border-radius: 10px;
}

.single .cf .wp-block-image a {
	pointer-events: none;
}


/*　実績ページの投稿ページ　*/

.categoryid-21 .entry-content {
	margin-top: 0;
}

.categoryid-21 #breadcrumb .breadcrumb-item:nth-child(3) {
	display: none;
}

.categoryid-21 .entry-title {
	width: 100%;
	margin: 0 auto -8px;
	text-align: center;
	min-height: 90px;
	padding: 110px 0 0;
	font-size: 180%;
	line-height: 1.7;
	border: none;
	background-image: none;
}

.categoryid-21 .article h2 {
	line-height: 1.5 !important;
	margin: 0 !important;
}

.categoryid-21 .date-tags .post-date, .categoryid-21 .date-tags .post-date, .categoryid-21 .no-post-author .author-info {
	display: none;
}

.categoryid-21 .date-tags {
	margin: 0;
}

.categoryid-21 .ss-top {
	display: none;
}

.case_concept {
	margin: 0 auto 25px;
	text-align: center;
	font-size: 140% !important;
	margin-bottom: 25px !important;
	background-color: transparent !important;
	padding: 0 !important;
	line-height: 1.8 !important;
	max-width: 1100px;
}

.case_detail {
	background-color: #f4f4f4;
	padding-bottom: 180px;
	margin-top: -33px;
}

.case_detail .case_table {
	max-width: 1100px;
	gap: 60px;
	padding-top: 40px;
}

.case_detail .case_table table {
	width: 100%;
}

.case_detail .case_table table tr:nth-of-type(2n+1) {
	background-color: transparent;
}

.case_detail .case_table .wp-block-table td, .wp-block-table th {
	border-top: none;
	border-right: none;
	border-bottom: 2px solid #000000;
	border-left: none;
	font-weight: 400 !important;
	padding: 20px 0 15px;
}

.case_detail .case_table .wp-block-table tr td:first-child {
	font-weight: 600 !important;
	padding-left: 60px;
	max-width: 160px;
}

.case_detail .case_table .wp-block-table tr td a {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_blank.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
	color: #17489c;
}

.case_detail .case_tag {
	display: flex;
	list-style-type: none;
	max-width: 1100px;
	margin: 0 auto;
	justify-content: center;
	gap: 10px;
}

.case_detail .case_tag li {
	padding: 5px 24px;
	font-weight: 400;
	font-size: 95%;
	background-color: #d37a7a;
	color: #ffffff;
	border-radius: 50px;
	display: block;
	cursor: pointer;
}

.case_detail .case_tag li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-decoration: none;
}

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

.b_case_detail .case_md1 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/case/icon_interview.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 150%;
	padding: 100px 0 0 55px;
	border: none;
}

.b_case_detail .case_md2 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/case/icon_overview.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 150%;
	padding: 65px 0 0 90px;
	border: none;
}

.b_case_detail .case_md3 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/case/icon_design.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 150%;
	padding: 65px 0 0 90px;
	border: none;
}

.speech-wrap {
	justify-content: flex-end;
}

.sbp-r {
	width: 100%;
	max-width: 1100px !important;
	margin: 0 auto;
	display: flex;
	text-align: left;
	justify-content: flex-end;
	gap: 0 !important;
}

.sbp-r .speech-balloon {
	margin-right: 70px;
}

.sbp-r .speech-balloon::before {
	border-left-color: transparent;
}

.sbp-r .speech-balloon::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 0 0 32px;
	border-color: transparent transparent transparent #db1a20;
	left: -32px;
	right: auto;
	top: 35px;
}

.sbp-r-g .speech-balloon::after {
	border-width: 32px 32px 0 0;
	border-color: transparent #63a538 transparent transparent !important;
}

.categoryid-39 .sbp-r-g .speech-balloon::after {
	border-width: 32px 32px 0 0;
	border-color: transparent #63a538 transparent transparent !important;
}

.b_case_detail .speech-person {
	max-width: 210px;
}

.sbp-r .speech-person figure {
	margin-top: -20px;
	margin-bottom: 0;
}

.sbp-r .speech-icon img {
	border: none;
	border-radius: 50% !important;
}

.b_case_detail div.speech-balloon {
	padding: 40px 30px;
	background-color: transparent;
	border: 3px solid #db1a20;
	border-radius: 18px;
	max-width: 60%;
	font-size: 110%;
	line-height: 1.6;
}

.sbp-r-g div.speech-balloon {
	border: 3px solid #63a538 !important;
}

.sbp-r-g .caption {
	text-align: center;
	font-size: 80%;
	margin: 0 0 0 -70px;
}

.b_case_detail .speech-name {
	font-size: 85%;
	line-height: 1.4;
	font-weight: 500;
	padding-top: 8px;
	margin-top: 0;
}

.b_case_detail .case_rlm {
	border-left: 7px solid #be1a20;
	border-right: none;
	border-top: none;
	border-bottom: none;
	font-size: 130%;
	padding: 10px 20px;
	line-height: 1.5;
}

.b_case_detail .b_case_detail_p {
	font-weight: 500;
	padding: 0 30px 60px 30px;
}

.b_case_detail .a_greeting {
	text-align: center;
	font-size: 130%;
}

.b_case_detail .interview_date {
	text-align: left;
	font-size: 75%;
	font-weight: 500;
	padding: 80px 0 20px;
}

.b_case_detail .greeting_producer {
	background-color: #fff4e6;
	border-radius: 15px;
	padding: 60px;
	margin-bottom: 70px;
}

.b_case_detail .greeting_producer p {
	font-weight: 500;
	font-size: 18px;
}

.b_case_detail .greeting_producer h4 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/tit_border.png);
	background-position: left center;
	background-repeat: no-repeat;
	border: none;
	font-size: 140%;
	padding-left: 30px;
}

.b_case_detail .avatar .wp-element-caption {
	white-space: nowrap;
	padding-top: 5px;
}

.b_case_detail .project ul {
	padding-left: 0 !important;
}

.b_case_detail .project li {
	list-style-type: none;
	position: relative;
	padding: 0 0 0 1em;
	font-size: 20px;
	line-height: 2.5;
}

.b_case_detail .project li:before {
	border-radius: 50%;
	width: 6px;
	height: 6px;
	display: block;
	position: absolute;
	left: 0;
	top: 1.1em;
	content: "";
	background: #be1a20;
}

.b_case_detail .project .in_project1 {
	margin-bottom: 15px;
}

.b_case_detail .project .in_project2, .b_case_detail .project .in_project3 {
	margin-top: 0;
	margin-bottom: 15px;
}

.b_case_detail .project .in_project1 .is-layout-flow:first-child {
	max-width: 146px;
	height: 146px;
	border: 2px solid #be1a20;
	padding: 20px 15px;
}

.b_case_detail .project .in_project1 p {
	color: #be1a20;
	padding-bottom: 10px;
	border-bottom: 3px solid #be1a20;
	display: inline;
	font-size: 105%;
	font-weight: 600;
}

.b_case_detail .project .in_project2 .is-layout-flow:first-child {
	max-width: 146px;
	height: 146px;
	border: 2px solid #f4c51c;
	padding: 20px 15px;
}

.b_case_detail .project .in_project2 p {
	color: #f4c51c;
	padding-bottom: 10px;
	border-bottom: 3px solid #f4c51c;
	display: inline;
	font-size: 105%;
	font-weight: 600;
}

.b_case_detail .project .in_project3 .is-layout-flow:first-child {
	max-width: 146px;
	height: 146px;
	border: 2px solid #63a538;
	padding: 20px 15px;
}

.b_case_detail .project .in_project3 p {
	color: #63a538;
	padding-bottom: 10px;
	border-bottom: 3px solid #63a538;
	display: inline;
	font-size: 105%;
	font-weight: 600;
}

.b_case_detail .b_case_detail_dp {
	font-size: 100%;
	font-weight: 500;
	padding: 0 0 40px;
}

.b_case_detail .design_capture {
	flex-wrap: nowrap !important;
	justify-content: center !important;
	width: 90%;
	gap: 0;
	margin: 0 auto;
}

.b_case_detail .design_capture .is-layout-flow:first-child {
	overflow-y: scroll;
	height: 600px;
	border: 3px solid #000000;
	border-radius: 21px;
	clip-path: inset(0 round 20px);
}

.b_case_detail .design_capture .is-layout-flow:last-child {
	overflow-y: scroll;
	width:70%;
	height: 600px;
	border: 3px solid #000000;
	border-radius: 21px;
	clip-path: inset(0 round 20px);
	margin-left: 50px;
}

.categoryid-21 .addtoany_content_top {
	display: none;
}

.categoryid-21 .addtoany_content_bottom {
	display: none;
}

.categoryid-21 .pager-post-navi {
}

.avatar {
	text-align: center;
}

.avatar .wp_caption {
	margin: 0;
	font-size: 80% !important;
	line-height: 1.4;
}

.categoryid-21 .sbp-r .speech-balloon::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 0 0 32px;
	border-color: transparent transparent transparent #db1a20;
	right: -32px;
	left: auto;
	top: 35px;
}

/* ページ共通 */

.page_1c {
	max-width: 1100px;
	margin: 0 auto !important;
}

.page_1c h2 {
	background-color: transparent;
	text-align: center;
	color: #db1a20;
	margin: 80px auto 25px !important;
	padding: 0;
	line-height: 1.7;
}

.page_1c .bot_greeting {
	letter-spacing: 2px;
}

/* 会社案内ページ */

.page_1c .in_bot_greeting {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/company/winwin.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 90%;
	padding-top: 340px;
}

.page_1c .in_aboutus p {
}

.page_1c .in_aboutus .signature {
	font-size: 80%;
	text-align: right;
	padding-top: 70px;
}

.page_1c .in_aboutus .signature b {
	font-size: 145%;
}

.overview {
	max-width: 1100px;
	margin: 150px auto;
}

.overview a {
	text-decoration: none;
}

.type_blank {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_blank.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
	color: #17489c;
}

.overview .tit_overview_top {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/tit_border2.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 30px;
	font-size: 300%;
	color: #cccccc;
	font-weight: 500;
	letter-spacing: 5px;
	margin: 0;
}

.overview h3 {
	border: none;
	font-size: 130%;
	letter-spacing: 3px;
	margin: 0;
	padding: 0 0 40px;
}

.overview h3::first-letter {
	color: #db1a20;
}

.overview dl {
	display: flex;
	gap: 5%;
	border-top: 1px solid #cccccc;
	margin: 0;
	font-weight: 500;
}

.overview dl:last-child {
	border-bottom: 1px solid #cccccc;
}

.overview dl dt {
	width: 15%;
	padding-bottom: 30px;
	padding: 25px 0;
	white-space: nowrap;
}

.overview dl dd {
	width: 80%;
	padding-bottom: 30px;
	padding: 25px 0;
}

.overview dl .cs_detail {
	font-size: 80%;
	display: block;
}

.producer_profile {
	max-width: 1100px;
	margin: 0 auto;
	background-color: #ffeede;
	padding: 60px;
}

.author_profile {
	max-width: 1100px;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 60px;
}

.producer_profile .area_avatar, .author_profile .area_avatar {
	padding: 10px;
}

.producer_profile h4, .author_profile h4 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/tit_border.png);
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
	padding: 0 0 20px 20px;
	margin: 0;
}

.producer_profile .pp_contents, .author_profile .pp_contents {
	margin: 0;
}

.producer_profile .pp_contents p, .author_profile .pp_contents p {
	margin: 0;
	font-size: 80%;
	font-weight: 500;
}

.producer_profile .pp_contents .pp_name, .author_profile .pp_contents .pp_name {
	margin: 0;
	line-height: 1;
	font-size: 110%;
}

.producer_profile .pp_contents .pp_name span, .author_profile .pp_contents .pp_name span {
	color: #666666;
	font-size: 70%;
}

.producer_profile .pp_contents .profile_detail, .author_profile .pp_contents .profile_detail {
	margin-top: 20px;
}

.producer_profile .pp_contents dl, .author_profile .pp_contents dl {
	display: flex;
	margin: 15px 0 0;
}

.producer_profile .pp_contents dl dt, .author_profile .pp_contents dl dt {
	padding: 0 10px 0 0;
}

/* 採用情報ページ */

.recruit_detail {
	max-width: 1920px;
	margin: 0 auto;
}

.not_recruiting {
	color: #db1a20;
	border: solid 3px #db1a20;
	padding: 20px 0;
	text-align: center;
}

.recruit_detail h3 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/h_under.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: center;
	border: none;
	line-height: 2;
	font-size: 180%;
	margin: 40px 0 50px;
}

.recruit_detail h3::first-letter {
	color: #db1a20;
}

.recruit_detail .recruit_form {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/recruit/bg_recruit.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 100px;
	padding-bottom: 70px;
}

.recruit_detail .recruit_form a {
	width: 30%;
	margin-top: 200px;
	display: block;
	text-decoration: none;
	color: #000000;
}

.recruit_detail .recruit_form a div {
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	background-color: #ffffff;
	padding: 30px 0 45px;
}

.recruit_detail .recruit_form a h4 {border-top: none;
	border-bottom: 3px solid #be1a20;
	text-align: center;
	margin: 0 auto;
	max-width: 280px;
	line-height: 1.7;
	font-size: 105%;
}

.recruit_detail .recruit_form a p {
	text-align: center;
	font-size: 80%;
	font-weight: 500;
	padding: 20px 0 30px;
	margin: 0;
}

.recruit_detail .recruit_form a .wp-block-button {
	border: 3px solid #db1a20;
	display: block;
	max-width: 290px;
	height: 52px;
	color: #ffffff;
	margin: 0 auto;
	background-color: #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	font-size: 88%;
	text-align: center;
	line-height: 19px;
	padding: 13px 0 0;
}

.recruit_detail .recruit_form a .wp-block-button:hover {
	background-color: #ffffff;
	border: 3px solid #db1a20;
	color: #db1a20;
	margin: 0 auto;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	font-size: 90%;
}

.page-child .article-header, .page-id-1200 .article-header {
	background-image: none;
	text-align: center;
	border-bottom: none;
}

.page-child .article-header h1, .page-id-1200 .article-header h1 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/h_under.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	line-height: 2;
	font-size: 200%;
	margin: 60px auto;
	padding-bottom: 15px;
}

.page-child .breadcrumb, .page-id-1200 .breadcrumb {
	margin: 30px 0 0 15%;
	max-width: 1100px;
	color: #000000;
}

.cp_top {
	max-width: 1100px;
	margin: 0 auto;
}

.cp_top h2 {
	background-color: transparent;
	text-align: center;
	padding: 0;
	font-size: 150%;
	font-weight: 500;
}

.cp_top ul {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/recruit/bg_b_recruit.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 23%;
	margin-top: 100px;
	line-height: 2.5em;
	min-height: 300px;
}

.cp_top ul li {
	list-style: none;
	font-size: 20px;
}

.cp_top ul li:first-child:before {
	content: "ー ";
	color: #63a538;
	font-weight: bolder;
}

.cp_top ul li:nth-child(2):before {
	content: "ー ";
	color: #f5dc19;
	font-weight: bolder;
}

.cp_top ul li:last-child:before {
	content: "ー ";
	color: #be1a20;
	font-weight: bolder;
}

.pc_message {
	max-width: 1100px;
	margin: 50px auto !important;
	background-color: #fff4e6;
	font-size: 90%;
	outline: 4px solid #ffffff;
	outline-offset: -40px;
	position: relative;
}

.in_message {
	padding: 40px 150px 60px 70px;
	border: 1px solid #ffffff;
	margin: 45px !important;
}

.pc_message h3 {
	color: #db1a20;
	font-size: 300%;
	border: none;
	position: absolute;
	font-weight: 500;
	margin: -50px 0 0 10px;
}

.pc_message img {
	position: absolute;
	right: 40px;
	top: -55px;
}

.pc_message p {
}

.cp_c_contents {
	max-width: 1100px;
	margin: 20px auto !important;
}

.cp_c_contents h4 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/tit_border.png);
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
	padding: 0 0 20px 20px;
	margin: 0;
}

.cp_c_contents p {
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 50px;
}

.r_voice {
	max-width: 1100px;
	margin: 70px auto !important;
	position: relative;
}

.r_voice h5 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/recruit/icon_comment.png);
	background-position: left 15px top 5px;
	background-repeat: no-repeat;
	margin: 0;
	padding-left: 47px;
	width: 280px;
	height: 40px;
	background-color: #be1a20;
	border: none;
	color: #ffffff;
	position: relative;
	font-size: 100%;
	line-height: 0.6;
}

.r_voice h5::before{
	width: calc(100% - 10px);
	height: 0;
	display: block;
	position: absolute;
	left: 0;
	content: "";
	border-bottom: solid 10px #be1a20;
	border-right: solid 10px transparent;
	bottom: 100%;
}

.r_voice img {
	position: absolute;
	right: 0px;
	top: -100px;
}

.r_voice .in_r_voice {
	background-color: #fcf4f4;
	margin: 0;
}

.r_voice .in_r_voice dl {
	padding: 40px;
	margin: 0;
	border-bottom: 2px solid #ffffff;
}

.r_voice .in_r_voice dl h6 {
	color: #be1a20;
	margin: 0;
	padding: 0 0 15px;
	border: none;
	font-size: 130%;
	font-weight: 500;
}
.r_voice .in_r_voice dl p {
	font-size: 90%;
	font-weight: 500;
	margin: 0 0 20px;
}

.r_voice .in_r_voice dl .r_name {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/recruit/icon_person.png);
	background-position: left top 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	font-weight: 600;
}

.r_voice .attention {
	font-size: 80%;
	font-weight: 500;
}

.r_overview {
	margin: 50px auto;
}

.r_overview h3 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/tit_border2.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 30px;
}

.r_overview dl dt::before {
	content: "・";
	color: #de8c8f;
}

.qa {
	max-width: 1100px;
	margin: 0 auto;
}

.qa h3 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/tit_border2.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 30px;
	border: none;
	font-size: 130%;
	letter-spacing: 3px;
	margin: 0;
	padding: 30px 0 40px;
}

.qa h3::first-letter {
	color: #db1a20;
}

.in_qa {
}

.toggle_contents {
}

.toggle_title {
	position: relative;
	line-height: 1.4;
	border: 2px solid #cccccc;
	color: #63a538;
	font-size: 140%;
}

.toggle_title img {
	padding: 20px;
}

.toggle_contents dd {
	border: 2px solid #cccccc;
	padding: 30px 110px;
	margin: -2px 0 0;
}

.toggle_contents img {
	float: left;
}

.toggle_title .text_area {
	display: block;
	padding: 25px 0 25px 110px;
}

.toggle_title .text_area p {
	margin: 0;
}

.toggle_btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	display: block;
	width: 88px;
	height: 88px;
	text-indent: 100%;
	overflow: hidden;
}

.toggle_btn::before {
	width: 88px;
	height: 176px;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/recruit/bt_open_close.png);
	display: block;
	content: '';
	position: absolute;
	top: 0px;
	transform: translate(0, -50%);
	z-index: 1;
}

.toggle_btn::after {
	width: 88px;
	height: 176px;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/recruit/bt_open_close.png);
	display: block;
	content: '';
	position: absolute;
	top: 0px;
	transform: translate(0, -50%);
	z-index: 1;
}

/* お知らせページ */

.page-id-712 .page_1c h2 {
	color: #000000;
	line-height: 1.7;
}

.tab_area {
	max-width: 1100px;
	margin: 0 auto;
}

.tab-wrap{
	margin-bottom: 40px;
}

.tab-group{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-end;
	margin: 0 auto 50px;
	width: 75%;
}

.tab{
	flex-grow: 1;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	padding: 14px 0 12px;
	text-align: center;
	transition: 1s;
	vertical-align: bottom;
	border-bottom: 3px solid #cccccc;
}

.panel-group{
	min-height:100px;
	padding: 10px;
	z-index: 0;
}

.panel{
	display:none;
}

.tab.is-active{
	transition: 1s;
	opacity: 0.6;
	border-bottom: 3px solid #db1a20;
}

.panel.is-show{
	display:block;
}

.page-id-712 .entry-category:first-child {
	display: none;
}

.page-id-712 .info-list-item-content {
	margin-bottom: 2px;
	width: 76%;
}

.info-list-item-meta {
	width: 22%;
}

.page-id-712 .info-list-item-date {
	margin-right: 30px;
	font-size: 120%;
	font-weight: 500;
}

.page-id-712 .entry-category {
	border: none;
	color: #ffffff;
	font-weight: 600;
}

/* ご相談・お問い合わせページ */

.page-id-128 .page_1c h2, .page-id-714 .page_1c h2, .page-id-2818 .page_1c h2 {
	color: #000000;
	line-height: 1.7;
}

.page_1c .colorfullist {
	margin: 60px auto 50px;
	line-height: 2.5em;
	width: 80%;
	padding: 0;
}

.page_1c .colorfullist li {
	list-style: none;
	font-size: 22px;
}

.page_1c .colorfullist li:first-child:before {
	content: "ー ";
	color: #63a538;
	font-weight: bolder;
}

.page_1c .colorfullist li:nth-child(2):before {
	content: "ー ";
	color: #f5dc19;
	font-weight: bolder;
}

.page_1c .colorfullist li:last-child:before {
	content: "ー ";
	color: #be1a20;
	font-weight: bolder;
}

.page_1c .c_area_at {
	font-weight: 500;
	font-size: 90%;
	padding-bottom: 100px;
	width: 80%;
	margin: 0 auto;
}

.page_1c .c_area_at .avatar_cp p {
	font-size: 85%;
	line-height: 1.4;
	text-align: center;
	margin: 0 20px 0 0;
}

.page_1c .notes {
	border: 1px solid #cccccc;
	padding: 20px 70px 30px;
	font-size: 80%;
	font-weight: 500;
	line-height: 2.3;
	width: 93%;
	margin: 0 auto;
}

.page_1c .notes .tit_notes {
	    background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_notes.png);
	background-position: left center;
	background-repeat: no-repeat;
	color: #db1a20;
	text-align: center;
	max-width: 160px;
	margin: 0 auto;
	font-size: 140%;
	letter-spacing: 0.3em;
	line-height: 3;
}

.page_1c .notes .type_blank {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_blank.png);
	background-position: right 4px center;
	background-repeat: no-repeat;
	padding-right: 22px;
	color: #17489c;
}

.page_1c .cfbm {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/h_under.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: center;
	border: none;
	line-height: 2;
	font-size: 180%;
	margin: 120px 0 70px;
}

.page_1c .cfbm::first-letter {
    color: #db1a20;
}

.page_1c .wct_s {
	width: 75%;
	margin: 0 auto;
	font-size: 90%;
	position: relative;
}

.page_1c .wct_s dl label {
	cursor: default;
}

.page_1c .wct_s dl dt {
	width: 20%;
	padding: 12px 0 0;
}

.page_1c .wct_s dl dd {
	display: flex;
}

.page_1c .wct_s dl dd .required {
	background-color: #db1a20;
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 0.5em;
	font-size: 90%;
	height: 28px;
	padding: 0 6px 0 14px;
	margin: 14px 20px 0 0;
	display: inline-block;
}

.page_1c .wct_s dl dd input {
	border-radius: 8px;
	border: 2px solid #3389c9;
	padding: 13px 20px 15px;
	font-size: 100%;
	font-family: "Noto Sans JP" ,sans-serif;
	min-width: 540px;
}

.page_1c .wct_s dl dd input:focus::-webkit-input-placeholder {
	color: transparent;
}

.page_1c .wct_s dl dd input:focus::-moz-placeholder {
	color: transparent;
}

.page_1c .wct_s dl dd input:focus::-ms-input-placeholder {
	color: transparent;
}

.page_1c .wct_s dl dd input:focus::placeholder {
	color: transparent;
}

.page_1c .wct_s dl .yba input {
	min-width: 100px;
}

.page_1c .wct_s dl .yba p {
	margin: 10px 10px 0 0;
	font-size: 120%;
}

.page_1c .wct_s dl dd textarea {
	border-radius: 8px;
	border: 2px solid #3389c9;
	padding: 13px 20px 15px;
	font-size: 100%;
	font-family: "Noto Sans JP" ,sans-serif;
	min-width: 540px;
}

.page_1c .wct_s dl dd textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

.page_1c .wct_s dl dd textarea:focus::-moz-placeholder {
	color: transparent;
}

.page_1c .wct_s dl dd textarea:focus::-ms-input-placeholder {
	color: transparent;
}

.page_1c .wct_s dl dd textarea:focus::placeholder {
	color: transparent;
}

.page_1c .wct_s dl dd input::placeholder, .page_1c .wct_s dl dd textarea::placeholder {
	color: #cccccc;
}

.page_1c .wct_s dl dd input[aria-invalid="true"], textarea[aria-invalid="true"] {
	border: 2px solid #e53a17;
	background-color: #ffe7e8;
}

.page_1c .wct_s dl dd .any {
	background-color: #cccccc;
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 0.5em;
	font-size: 90%;
	height: 28px;
	padding: 0 6px 0 14px;
	margin: 14px 20px 0 0;
	display: inline-block;
}

.page_1c .wct_s dl .w_any {
	margin: 15px 0 0 44px;
}

.page_1c .wct_s dl .w_any .any {
	background-color: #ffffff;
}

.page_1c .wct_s dl label {
	display: flex;
}

.wpcf7-not-valid-tip {
	font-weight: normal;
	display: block;
	position: absolute;
	margin: -80px 0 0 10px;
	font-size: 85%;
	background-color: #e53a17;
	color: #ffffff;
	padding: 0 0 0 5px;
}

.wpcf7-not-valid-tip:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -10px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #e53a17 transparent transparent transparent;
	border-width: 10px 10px 0 10px;
}

.consultation_content .wpcf7-not-valid-tip {
	margin: -298px 0 0 10px;
}

.page_1c .wct_s dl .consultation_content textarea[aria-invalid="true"] {
	border: 2px solid #e53a17;
	background-color: #ffe7e8;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: transparent;
	position: absolute;
	margin: -180px auto 0;
	width: 100%;
	max-width: 1100px;
}

.bt_ssb input {
	display: block;
	width: auto;
	height: 68px;
	color: #ffffff;
	margin: 0 auto;
	background-color: #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 19px;
	padding: 13px 10%;
	font-weight: 600;
	font-size: 110%;
	font-family: "Noto Sans JP" ,sans-serif;
	margin-top: 120px;
}

.bt_ssb input:hover {
	width: auto;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	color: #db1a20;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
}

.page_1c .pvp_l {
	font-weight: 500;
	margin: 0 auto;
	text-align: center;
	font-size: 90%;
	padding-bottom: 70px;
}

.page_1c .pvp_2 {
	font-weight: 500;
	margin: 0 auto;
	text-align: center;
	font-size: 100%;
}

.page_1c .wpcf7-response-output {
	border-color: transparent;
	margin: 0 auto;
	text-align: center;
	color: #db1a20;
}

.wpcf7-validation-errors {
	border-color: transparent;
	margin: 0 auto;
	text-align: center;
	color: #db1a20;
}

.wpcf7-mail-sent-ok {
	border-color: transparent;
	margin: 0 auto;
	text-align: center;
	color: #db1a20;
}

.page_1c .bp_wb_m a {
	display: block;
	width: 350px;
	height: 58px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	color: #db1a20;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	font-size: 100%;
	text-align: center;
	line-height: 21px;
	margin-top:60px;
	margin-bottom:120px !important;
}

.page_1c .bp_wb_m a:hover {
	background-color: #db1a20;
	color: #ffffff;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
}

.article dd {
	margin-left: 0;
}

/* 資料ダウンロード */

.download_area {
	justify-content: space-between;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/download/irt_download.png);
	background-position: left top 320px;
	background-repeat: no-repeat;
}

.download_area_l {
	max-width: 510px;
}

.download_area_l .colorfullist {
	margin: 5px auto;
	width: 100%;
}

.download_area_l .colorfullist li {
	font-size: 19px;
}

.download_area_r {
	max-width: 490px;
}

.download_area .dr_s {
	width: 100%;
	max-width: 470px;
}

.download_area .dr_s dl label {
	display: block;
}

.download_area .dr_s dl dt {
	width: 100%;
	padding: 0 0 6px;
	position: relative;
}

.download_area .dr_s dl dt .required {
	background-color: #db1a20;
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 0.5em;
	font-size: 90%;
	height: 28px;
	padding: 0 6px 0 14px;
	margin: 0;
	display: inline-block;
	width: 65px;
	position: absolute;
	right: 0;
}

.download_area .dr_s dl dt .any {
	background-color: #cccccc;
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 0.5em;
	font-size: 90%;
	height: 28px;
	padding: 0 6px 0 14px;
	margin: 0;
	display: inline-block;
	width: 65px;
	position: absolute;
	right: 0;
}

.download_area .dr_s dl dd span {
}

.download_area .dr_s dl dd {
	margin-left: 0;
}

.download_area .dr_s dl dd input {
	min-width: 40%;
}

.download_area .dr_s {
	width: auto;
}

.download_area .wpcf7 form.invalid .wpcf7-response-output, .download_area .wpcf7 form.unaccepted .wpcf7-response-output, .download_area .wpcf7 form.payment-required .wpcf7-response-output {
	max-width: 500px;
	font-size: 100%;
	white-space: nowrap;
}

.bt_dr {
	width: 100%;
}

.bt_dr .wp-block-button {
	width: 100%;
}

.bt_dr a {
	border: 3px solid #db1a20;
	display: block;
	height: 68px;
	color: #ffffff;
	margin: 0 auto;
	background-color: #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white_s.png), url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/download/icon_download.png);
	background-position: right 8% center, left 16% center;
	background-repeat: no-repeat, no-repeat;
	text-align: center;
	padding: 12px 0;
	font-weight: 600;
	font-size: 110%;
	font-family: "Noto Sans JP" ,sans-serif;
	margin-top: 40px;
	width: 40%;
}

.bt_dr a:hover {
	background-color: #ffffff;
	border: 3px solid #db1a20;
	color: #db1a20;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_s.png), url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/download/icon_on_download.png);
	background-position: right 8% center, left 16% center;
	background-repeat: no-repeat, no-repeat;
}

.sd_m {
	border: none !important;
	margin-top: 90px !important;
}

.bt_gcl .wp-block-button {
	width: 100%;
	padding-bottom: 30px;
}

.bt_gcl a {
	display: block;
	width: 40%;
	margin: 0 auto;
	height: 68px;
	background-color: #63a538;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	color: #fff;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_mail_m.png), url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white.png);
	background-position: left 13% center, right 13% center;
	background-repeat: no-repeat, no-repeat;
	text-align: center;
	padding-left: 10px;
}

.bt_gcl a:hover {
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.5);
	opacity: 0.7
}

.page-id-2702 .page_1c h2 {
	margin-top: 0;
}

.page-id-1200 .page_1c .wct_s dl dd {
	display: block;
}

/* エントリーフォーム */

.wct_s .cb_area {
	display: flex;
}

.wct_s .cb_area dd .wpcf7-radio label {
	margin-top: 3px;
	display: block;
}

.wct_s .cb_area dd input {
	min-width: auto !important;
	margin-right: 8px;
}

.wct_s .cb_area dd ul {
	list-style: none;
	padding: 0;
	margin-top: 6px;
}

.wct_s .cb_area dd li input {
	border: none;
	padding: 3px;
	font-family: "Noto Sans JP" ,sans-serif;
	font-size: 90%;
	color: #043990;
}

.wct_s .cb_area .cb_area_eg .wpcf7-not-valid-tip {
	margin-left: 94px;
	margin-top: -65px;
}

/* 課題解決サービス */

.page-id-128 .area_problem_solving {
	margin: 90px auto 0;
}

.page-id-128 .area_problem_solving h2 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/h_under.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: center;
	border: none;
	line-height: 2;
	font-size: 180%;
	margin-bottom: 22px;
}

.page-id-128 .area_problem_solving h2 {
	color: #db1a20;
}

.page-id-128 .area_problem_solving p {
	text-align: center;
}

.page-id-128 .gk_in_solving {
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.page-id-128 .gk_in_solving:hover {
	opacity: 0.7;
}

.page-id-128 .area_problem_solving .solving1 {
	margin: 80px 0 0 20%;
	width: 80%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem1.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	background-size: 62%;
}

.page-id-128 .area_problem_solving .solving2 {
	margin: 110px 20% 0 0;
	width: 80%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem4.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	text-align: right;
	background-size: 62%;
}

.page-id-128 .area_problem_solving .solving3 {
	margin: 110px 0 100px 20%;
	width: 80%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem3.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	background-size: 62%;
}

.page-id-128 .area_problem_solving .solving4 {
	margin: 110px 20% 0 0;
	width: 80%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem2.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	text-align: right;
	background-size: 62%;
}

.page-id-128 .area_problem_solving .solving5 {
	margin: 110px 0 100px 20%;
	width: 80%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem5.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	background-size: 62%;
}

.page-id-128 .area_problem_solving .solving6 {
	margin: 110px 0 100px 20%;
	width: 80%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem7.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	text-align: left;
	background-size: 62%;
}

.page-id-128 .area_problem_solving .solving7 {
	margin: 110px 20% 0 0;
	width: 80%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem6.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	text-align: right;
	background-size: 62%;
}

.page-id-128 .area_problem_solving .solving8 {
	margin: 110px 0 100px 20%;
	width: 80%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/pho_problem8.png);
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	text-align: right;
	background-size: 62%;
}

.page-id-128 .area_problem_solving .solving1 .in_solving {
	width: 45%;
	background-color: #db1a20;
	padding: 70px;
	display: inline-block;
	margin-top: 0;
	background-image: none;
}

.page-id-128 .area_problem_solving .solving3 .in_solving {
	width: 45%;
	background-color: #db1a20;
	padding: 70px;
	display: inline-block;
	margin-top: 0;
	background-image: none;
}

.page-id-128 .area_problem_solving .solving2 .in_solving {
	width: 45%;
	background-color: #db1a20;
	padding: 70px;
	display: inline-block;
	margin-top: 0;
	background-image: none;
	text-align: left;
}

.page-id-128 .area_problem_solving .solving4 .in_solving {
	width: 45%;
	background-color: #db1a20;
	padding: 70px;
	display: inline-block;
	margin-top: 0;
	background-image: none;
	text-align: left;
}

.page-id-128 .area_problem_solving .solving5 .in_solving {
	width: 45%;
	background-color: #db1a20;
	padding: 70px;
	display: inline-block;
	margin-top: 0;
	background-image: none;
}

.page-id-128 .area_problem_solving .solving6 .in_solving {
	width: 45%;
	background-color: #db1a20;
	padding: 70px;
	display: inline-block;
	margin-top: 0;
	background-image: none;
}

.page-id-128 .area_problem_solving .solving7 .in_solving {
	width: 45%;
	background-color: #db1a20;
	padding: 70px;
	display: inline-block;
	margin-top: 0;
	background-image: none;
}

.page-id-128 .area_problem_solving .solving8 .in_solving {
	width: 45%;
	background-color: #db1a20;
	padding: 70px;
	display: inline-block;
	margin-top: 0;
	background-image: none;
	text-align: left;
}

.page-id-128 .area_problem_solving .solving6 .in_solving h3 {
	text-align: left;
}

.page-id-128 .area_problem_solving .solving7 .in_solving {
	width: 45%;
	background-color: #db1a20;
	padding: 70px;
	display: inline-block;
	margin-top: 0;
	background-image: none;
}

.page-id-128 .solvingtype {
	background-color: #ffffff;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/bg_lt.png), url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/bg_rb.png);
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
	color: #db1a20;
	padding: 2px 15px;
	font-weight: bold;
	display: inline;
	letter-spacing: 2px;
	font-size: 120%;
}

.page-id-128 .area_problem_solving h3 {
	position: relative;
	margin: 0;
	padding: 10px 0;
	font-size: 140%;
	color: #ffffff;
	border-bottom: 3px solid #ffffff;
	border-top: none;
	border-left: none;
	border-right: none;
}

.page-id-128 .area_problem_solving h3:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 70px;
	height: inherit;
	border-bottom: 3px solid #840010;
}

.page-id-128 .area_problem_solving .ktb {
	border: none;
	letter-spacing: 1px;
	padding: 20px 0;
	font-size: 115% !important;
	line-height: 1.6;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_check.png);
	background-repeat: no-repeat;
	background-position: top 10px left 0;
}

.page-id-128 .area_problem_solving .ktb span {
	color: #f5dc19;
}

.page-id-128 .area_problem_solving .in_solving .wp-block-button .wp-element-button{
	display: block;
	width: 220px;
	height: 49px;
	background-color: #ffffff;
	border: 2px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	color: #db1a20;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_s.png);
	background-position: left 8% center;
	background-repeat: no-repeat;
	font-size: 88%;
	text-align: center;
	line-height: 19px;
	margin: 15px auto 0;
}

.page-id-128 .area_problem_solving .in_solving p {
	text-align: left;
	color: #fff;
	font-size: 90%;
	margin: 0;
}

.parent-pageid-128 .entry-title {
	display: none;
}

.shp_renewal {
	max-width: 1100px;
	margin: 0 auto !important;
	text-align: center;
}

.shp_renewal h1 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/h_under.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	line-height: 2;
	font-size: 200%;
	margin: 50px auto 60px !important;
	padding-bottom: 15px;
	text-align: center;
}

.shp_renewal h1 .red_t {
	font-size: 75%;
	display: block;
	margin-bottom: -95px;
}

.bp_navi {
	background-color: #f7f7f7;
	margin: 40px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

.in_bp_navi {
	max-width: 1100px !important;
	width: 100%;
}

.in_bp_navi a {
	text-decoration: none;
	color: #000000;
	display: block;
	transition: all 0.3s ease-in-out;
	height: 60px;
	padding-top: 12px;
	position: relative;
}

.in_bp_navi a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 3px;
	background:#db1a20;
	transition: all .3s;
	transform: scale(0, 1);/*X方向0、Y方向1*/
	transform-origin: center top;/*上部中央基点*/
}

.in_bp_navi a:hover {
	background-color: transparent;
}

.in_bp_navi a:hover::after {
	transform: scale(1, 1);/*X方向にスケール拡大*/
}

.page-id-720 .in_bp_navi .wp-block-column:first-child a {
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 3px solid #db1a20;
}

.page-id-720 .in_bp_navi .wp-block-column:first-child a::after {
	bottom: -3px;
}

.shp_renewal h2 {
	background-color: transparent;
	font-size: 160%;
	line-height: 1.5;
	padding-bottom: 0;
	margin-bottom: 20px;
}

.shp_renewal .calling {
	background-color: #db1a20;
	color: #ffffff;
	width: 60%;
	margin: 45px auto 30px;
	font-size: 130%;
}

.shp_renewal .calling_list {
	text-align: left;
}

.shp_renewal .calling_list li {
	list-style: none;
	font-size: 20px;
	line-height: 2;
}

.shp_renewal .calling_list li:first-child:before {
	content: "ー ";
	color: #63a538;
	font-weight: bolder;
}

.shp_renewal .calling_list li:nth-child(2):before {
	content: "ー ";
	color: #f5dc19;
	font-weight: bolder;
}

.shp_renewal .calling_list li:last-child:before {
	content: "ー ";
	color: #be1a20;
	font-weight: bolder;
}

.area_advice {
	background-color: #fff4e6;
	border-radius: 20px;
	margin: 90px auto 75px !important;
	padding: 40px 80px;
	width: 95%;
}

.area_advice p {
	text-align: left;
	font-size: 120%;
	line-height: 1.8;
	margin-top: 25px;
}

.shp_renewal h3 {
	font-size: 28px;
	background-color: transparent !important;
	position: relative;
	width: 100%;
	margin: 0 auto 30px;
	padding: 10px;
	border-bottom: 3px solid #de8c8f;
	text-align: left;
	border-top: none;
	border-right: none;
	border-left: none;
}

.shp_renewal h3:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 27%;
	height: inherit;
	border-bottom: 3px solid #be1a20;
}

.shp_renewal p {
	text-align: left;
	font-size: 18px;
	font-weight: 500;
}

.shp_renewal .area_checklist {
	background-color: #fcfff8;
	border: 2px solid #cccccc;
	border-radius: 10px;
	padding: 30px 40px;
	text-align: left;
	list-style: none;
}

.shp_renewal .area_checklist li {
	list-style-type: none;
	position: relative;
	padding-left: 20px;
	line-height: 2;
	font-size: 20px;
	list-style-position: inside;
}

.shp_renewal .area_checklist li:before {
	border-radius: 50%;
	width: 19px;
	height: 19px;
	display: block;
	position: absolute;
	left: -5px;
	top: 3px;
	content: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_check.png);
}

.shp_renewal h4 {
	border-left: 7px solid #be1a20;
	border-right: none;
	border-top: none;
	border-bottom: none;
	font-size: 130%;
	padding: 10px 20px;
	line-height: 1.5;
}

.shp_renewal table {
	width: 100%;
	margin-bottom: 70px;
}

.shp_renewal table td {
	border: 2px solid #cacaca;
	font-weight: 500;
	background-color: #ffffff;
	line-height: 1.5;
	padding: 15px;
}

.shp_renewal table .bgc_r {
	background-color: #c40000;
	color: #ffffff;
	font-weight: bold;
}

.shp_renewal table .bgc_g {
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
}

.shp_renewal table .bgc_p {
	background-color: #fff4e6;
	font-weight: bold;
}

.mdt_tt {
	text-align: center !important;
	font-size: 130% !important;
	line-height: 1.5;
	margin: 40px 0 70px !important;
}

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

.gss {
	width: 65%;
	margin: 0 auto;
}

.difference {
	max-width: 783px;
	width: 100%;
	margin: 0 auto;
	min-height: 219px;
}

.businessmodel1 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/solution/solution_figure3_1.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	max-width: 376px;
	border: 1px solid #db1a20;
}

.businessmodel1 .businessmodel_tit1 {
	background-color: #db1a20;
	color: #ffffff;
	text-align: center;
	padding: 1px 0 4px;
	margin: 0;
}

.businessmodel2 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/solution/solution_figure3_2.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	max-width: 376px;
	border: 1px solid #666666;
}

.businessmodel2 .businessmodel_tit2 {
	background-color: #666666;
	color: #ffffff;
	text-align: center;
	padding: 1px 0 4px;
	margin: 0;
}

.difference .bm_contents {
	margin: 0;
	text-align: center;
	font-size: 85%;
	padding: 7px 0;
}

.difference .in_bm_contents {
	margin: 0;
	font-size: 70%;
	padding: 25px;
	line-height: 1.6;
}

.mdt_tt_s {
	text-align: center !important;
	font-size: 110% !important;
	line-height: 1.5;
	margin: 40px 0 70px !important;
}

.shp_renewal .sbp-r {
	justify-content: center;
}

.shp_renewal .sbp-r .speech-balloon {
	padding: 40px 30px;
	background-color: transparent;
	border: 3px solid #db1a20;
	border-radius: 18px;
	max-width: 60%;
	line-height: 1.6;
}

.shp_renewal .sbp-r .speech-balloon p {
	font-size: 20px;
	font-weight: 600;
}

.shp_renewal .sbp-r .speech-balloon::before {
	right: -12px;
	left: auto;
	border-left-width: 12px;
	border-left-style: solid;
	border-right: none;
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.shp_renewal .sbp-r .speech-balloon::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 0 0 32px;
	border-color: transparent transparent transparent #db1a20;
	right: -32px;
	left: auto;
	top: 35px;
}

.shp_renewal .bt_red {
	display: block;
	margin: 0 0 90px;
}

.shp_renewal .bt_red a {
	width: 400px;
	display: block;
	border: 3px solid #db1a20;
	height: 68px;
	color: #ffffff;
	background-color: #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 13px 0;
	font-weight: 600;
	font-size: 110%;
}

.shp_renewal .bt_red a:hover {
	width: 400px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	height: 68px;
	color: #db1a20;
	margin: 0 auto;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	padding: 13px 0;
	font-size: 110%;
}

.client_voice {
	background-color: #f7fff3;
	padding: 55px 70px 70px;
	border-radius: 20px;
}

.client_voice h5 {
	font-size: 28px;
	background-color: transparent !important;
	position: relative;
	width: 100%;
	margin: 0 auto 30px;
	padding: 10px;
	border-bottom: 3px solid #b1d29b;
	text-align: left;
	border-top: none;
	border-right: none;
	border-left: none;
}

.client_voice h5:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 27%;
	height: inherit;
	border-bottom: 3px solid #63a538;
}

.client_voice .sbp-r {
	padding: 0 0 20px;
}

.client_voice .sbp-r .speech-balloon {
	border: none;
	padding: 40px 30px;
	background-color: #ffffff;
	border-radius: 18px;
	max-width: 60%;
	line-height: 1.6;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.4);
	color: #3f7a18;
}

.client_voice .sbp-r .speech-balloon p {
	font-size: 20px;
	font-weight: 600;
}

.client_voice .sbp-r .speech-balloon::before {
	right: -12px;
	left: auto;
	border-left-width: 12px;
	border-left-style: solid;
	border-right: none;
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.client_voice .sbp-r .speech-balloon::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 32px 0 0 32px;
	border-color: transparent transparent transparent #ffffff;
	right: -32px;
	left: auto;
	top: 35px;
	box-shadow: 0px 6px 8px -7px rgba(0,0,0,0.4);
}

.client_voice .sbp-r .speech-person {
	text-align: center;
}

.client_voice .sbp-r .speech-person p {
	font-size: 70%;
	text-align: center;
	margin: 0;
	line-height: 1.5;
}

.shp_renewal .bt_w .wp-block-button a {
	display: block;
	min-width: 200px;
	height: 52px;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	color: #db1a20;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	font-size: 88%;
	text-align: center;
	line-height: 19px;
}

.shp_renewal .bt_w .wp-block-button a:hover {
	background-color: #db1a20;
	color: #ffffff;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	min-width: 200px;
}

.shp_renewal .bt_w {
	text-align: center;
	display: block;
	margin: 50px auto;
}

.page-id-3042 .in_bp_navi .wp-block-column:nth-child(3) a {
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 3px solid #db1a20;
}

.page-id-3042 .in_bp_navi .wp-block-column:nth-child(3) a::after {
	bottom: -3px;
}

.page-id-3042 .shp_renewal .sbp-r .speech-balloon {
	max-width: 80%;
	border: none;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.4);
	padding: 60px 70px;
}

.page-id-3042 .shp_renewal .sbp-r .speech-balloon::after {
	border-color: transparent transparent transparent #ffffff;
	box-shadow: 0px 6px 8px -7px rgba(0,0,0,0.4);
}

.page-id-3042 .shp_renewal .sbp-r .speech-balloon p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 30px;
}

.page-id-3042 .shp_renewal h3 {
	border-left: 7px solid #be1a20;
	border-right: none;
	border-top: none;
	border-bottom: none;
	font-size: 115%;
	padding: 10px 20px;
	line-height: 1.5;
}

.page-id-3042 .shp_renewal h3:before {
	border-bottom: none;
}

.page-id-3042 .sbp-r .speech-person {
	text-align: center;
}

.page-id-3042 .sbp-r .speech-person p {
	font-size: 70%;
	text-align: center;
	margin: 0;
	line-height: 1.5;
}

.page-id-3042 .shp_renewal .attention_s {
	text-align: right;
	font-size: 70%;
	margin: 10px 100px 70px 0;
}

.page-id-3042 .shp_renewal .bt_red a, .page-id-3088 .shp_renewal .bt_red a {
	background-position: right 6% center;
	width: 580px;
	margin: 70px auto 80px !important;
}

.page-id-3088 .in_bp_navi .wp-block-column:last-child a {
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 3px solid #db1a20;
}

.page-id-3088 .in_bp_navi .wp-block-column:last-child a::after {
	bottom: -3px;
}

.page-id-3088 .qa, .page-id-3556 .qa {
	margin: 60px auto 0 !important;
}

.page-id-3088 .toggle_title, .page-id-3556 .toggle_title, .page-id-3662 .toggle_title {
	border: none;
}

.page-id-3088 .toggle_title p, .page-id-3556 .toggle_title p, .page-id-3662 .toggle_title p {
	font-size: 20px;
	font-weight: 600;
}

.page-id-3088 .toggle_contents dd, .page-id-3556 .toggle_contents dd, .page-id-3662 .toggle_contents dd {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/recruit/a.png);
	background-position: left 18px top 37px;
	background-repeat: no-repeat;
	padding: 30px 50px 30px 110px;
	border: none;
}

.page-id-3294 .in_bp_navi .wp-block-column:nth-child(2) a {
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-bottom: 3px solid #db1a20;
}

.page-id-3294 .in_bp_navi .wp-block-column:nth-child(2) a::after {
	bottom: -3px;
}

.p_reward h2 {
	margin-bottom: 60px;
}

.p_reward h3 {
	clear: both;
	margin: 10px auto 30px;
}

.p_reward img {
	margin: 50px auto;
}

.p_reward .glossmargin {
	width: 80%;
	margin: 0 auto;
	display: block;
	padding: 5px 0;
}

.p_reward .glossmargin .mdt_tt {
	text-align: left !important;
}

.p_reward .mdt_tt {
	font-size: 150% !important;
	margin: 60px 0 30px !important;
	font-weight: 600 !important;
	letter-spacing: 0.1em;
	position: relative;
}

.p_reward .mdt_tt_l {
	font-size: 150% !important;
	margin-top: 0 !important;
}

.p_reward .mdt_tt_ll {
	font-size: 210% !important;
	margin-top: 0 !important;
}

.p_reward .glossmargin .mdt_tt {
	font-size: 190% !important;
}

.p_reward .mdt_tt .kcf {
	font-size: 135% !important;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/solution/naminami.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 65px;
	display: inline-block;
}

.p_reward .glossmargin .mdt_tt .kcf {
	font-size: 100% !important;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/solution/naminami.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 65px;
	display: inline-block;
}

.p_reward .mdt_tt .nsh {
	display: inline-block;
	position: absolute;
	margin-top: -27px;
	font-size: 55%;
	background-color: #f9e5e5;
	border-radius: 50px;
	padding: 3px 9px;
	letter-spacing: 0.05em !important;
}

.p_reward .mdt_tt .s_kcf {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/solution/naminami.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	height: 61px;
	display: inline-block;
}

.p_reward .area_right {
	text-align: right;
	font-weight: 700;
	font-size: 120%;
	margin: -40px 31px 0 0;
}

.p_reward .mdt_tt span:nth-child(2) {
	margin-left: 10px;
}

.p_reward .mdt_tt span:nth-child(3) {
	margin-left: -10px;
}

.p_reward .mdt_tt span:nth-child(4) {
	margin-left: -15px;
}

.p_reward .mdt_tt span:nth-child(5) {
	margin-left: -10px;
}

.p_reward .mdt_tt span:nth-child(6) {
	margin-left: -10px;
}

.p_reward .mdt_tt span:nth-child(8) {
	margin-left: -10px;
}

.p_reward .mdt_tt b {
	font-size: 60%;
}

.p_reward .area_reliable {
	padding-bottom: 60px;
	margin: -20px 0 0;
}

.p_reward .li_reliable {
	text-align: center;
	display: inline-block;
	padding: 15px 0;
	margin: 0;
	border: solid 1px #cb0000;
	position: relative;
}

.p_reward .li_reliable:after{
	content: "";
	border: solid 2px #f9d6d7;
	position: absolute;
	top: 4px;
	left: 4px;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
}

.p_reward .li_reliable a {
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #000000;
}

.p_reward h4 {
	border-left: none;
	text-align: left;
	border-bottom: 1px solid #cccccc;
	color: #cc0000;
	font-size: 120%;
	padding: 0 0 10px 0;
	margin-top: 70px;
}

.p_reward h4 span {
	display: inline-block;
	color: #ffffff;
	background-color: #cc0000;
	padding: 2px 0 3px;
	width: 35px;
	margin-right: 10px;
	height: 35px;
	text-align: center;
	font-size: 90%;
}

.p_reward .t_notice {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/solution/icon_exclamation.png);
	background-position: left 11% center;
	background-repeat: no-repeat;
	background-color: #f4f4f4;
	text-align: center;
	width: 65%;
	margin: 15px auto;
	display: inline-block;
	padding: 15px 0 15px 4%;
	font-weight: 700;
	font-size: 105%;
}

.p_reward .s_note {
	font-size: 80%;
	text-align: left;
	margin: 0;
}

.p_reward .s_note_gb {
	border-bottom: 1px solid #cacaca;
	padding-bottom: 5px;
	display: inline-block;
	text-align: left;
	margin: 0;
	float: left;
	margin: 30px 0 60px;
}

.p_reward h5 {
	padding: 15px;
	background-color: #fff4e6;
	border: none;
	text-align: left;
	margin: 60px auto 30px;
}

.p_reward h5 span {
	display: inline-block;
	color: #ffffff;
	background-color: #cc0000;
	width: 107px;
	margin-right: 14px;
	height: 36px;
	text-align: center;
	font-size: 90%;
	line-height: 33px;
	border-radius: 50px;
}

.p_reward .gt caption {
	font-size: 20px;
	padding: 0 100px 7px 20px;
	position: relative;
	color: #ffffff;
	z-index: 1;
	width: 40%;
}

.p_reward .gt caption::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #999999;
	transform: scaleY(1.3) perspective(0.6em) rotateX(2deg);
	transform-origin: bottom left;
}

.p_reward .gt th {
	background: #f4f4f4;
	border: 2px solid #cacaca;
	width: 20%;
}

.p_reward .gt td {
	border: 2px solid #cacaca;
}

.p_reward .rt caption {
	font-size: 20px;
	padding: 0 100px 7px 20px;
	position: relative;
	color: #ffffff;
	z-index: 1;
	width: 40%;
}

.p_reward .rt {
	margin-bottom: 10px;
}

.p_reward .rt caption::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #be1a20;
	transform: scaleY(1.3) perspective(0.6em) rotateX(2deg);
	transform-origin: bottom left;
}

.p_reward .rt th {
	background: #f9e5e5;
	border: 2px solid #cacaca;
}

.p_reward .rt .nbh {
	width: 45%;
}

.p_reward .rt td {
	border: 2px solid #cacaca;
}

.p_reward h6 {
	border-left: 7px solid #be1a20;
	border-right: none;
	border-top: none;
	border-bottom: none;
	font-size: 130%;
	padding: 10px 20px;
	line-height: 1.5;
	text-align: left;
	margin: 70px 0 30px;
}

.parent-pageid-128 .area_nakaguro {
	background-color: #fff9f3;
	border: 2px solid #cccccc;
	border-radius: 10px;
	padding: 30px 40px;
	text-align: left;
	list-style: none;
}

.parent-pageid-128 .area_nakaguro li {
	list-style-type: none;
	position: relative;
	padding-left: 20px;
	font-size: 20px;
	list-style-position: inside;
}

.parent-pageid-128 .area_nakaguro li:before {
	border-radius: 50%;
	width: 5px;
	height: 5px;
	display: block;
	position: absolute;
	left: 5px;
	top: 0.8em;
	content: "";
	background: #de8c8f;
}

.style-circle img {
	border-radius: 50%;
}

.p_reward .flow {
	margin: 40px 0;
}

.p_reward .flow p {
	margin: 20px 0;
}

.p_reward .flow::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #b3b3b3 transparent transparent transparent;
	content: "";
	margin-top: 30px;
	display: inline-block;
}

.p_reward .flow::after:first-child {
	margin-top: 30px;
}

.p_reward .flow .tit_flow {
	font-size: 110%;
	font-weight: 600;
}

.p_reward .flow .tit_flow span {
	display: inline-block;
	background-color: #db1a20;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	line-height: 50px;
	text-align: center;
	color: #ffffff;
	margin-right: 15px;
}

.p_reward .flow .red_t {
	font-size: 85%;
}

.p_reward .bt_mailicon a {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_mail.png), url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white.png) !important;
	background-position: left 24% center, right 13% center !important;
	background-repeat: no-repeat, no-repeat;
	width: 380px !important;
	text-decoration: none;
	margin: 40px auto 10px !important;
}

.page-id-3294 .shp_renewal .bt_red a {
	background-position: right 6% center;
	width: 580px;
	margin: 0 auto;
}

.shp_renewal .bt_red_s {
	display: block;
	margin: 0 0 90px !important;
}

.shp_renewal .bt_red_s a {
	display: block;
	border: 3px solid #db1a20;
	height: 68px;
	color: #ffffff;
	background-color: #db1a20;
	border-radius: 50px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 13px 0;
	font-weight: 600;
	font-size: 110%;
	min-width: 40%;
}

.shp_renewal .bt_red_s a:hover {
	min-width: 40%;
	background-color: #ffffff;
	border: 3px solid #db1a20;
	height: 68px;
	color: #db1a20;
	margin: 0 auto;
	box-shadow: 0px 0px 13px -9px rgba(0,0,0,0.4);
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red_s.png);
	background-position: right 8% center;
	background-repeat: no-repeat;
	padding: 13px 0;
	font-size: 110%;
}

.shp_renewal .top_caption {
	display: inline-block;
	position: relative;
	border-bottom: solid 3px #db1a20;
	font-size: 140%;
	font-weight: 800;
	margin: 70px auto 0;
}

.shp_renewal .top_caption::before {
	content: "";
	position: absolute;
	top: -5px;
	bottom: -7px;
	left: 0;
	right: 0;
	border-bottom: solid 1px #db1a20;
	z-index: -1;
}

.shp_renewal .support_contents {
	border: 2px solid #cccccc;
	border-radius: 10px;
	padding: 30px 40px;
	text-align: left;
	list-style: none;
	margin-bottom: 110px;
}

.shp_renewal .support_contents li:nth-child(2n+1) {
	background-color: #fff4e6;
	padding: 15px 30px;
	font-size: 110%;
	font-weight: 600;
}

.shp_renewal .support_contents li:nth-child(2n) {
	margin: 20px 0 50px;
}

.shp_renewal .t_notice {
	background-color: #f4f4f4;
	text-align: center;
	width: 75%;
	margin: 15px auto;
	display: inline-block;
	padding: 15px 0 15px 4%;
	font-weight: 700;
	font-size: 105%;
	margin-top: 50px;
}

.shp_renewal .p_conversion {
	text-align: center;
	font-weight: 600;
	font-size: 125%;
	line-height: 1.5;
	margin-bottom: 100px;
}

.page-id-3556 .entry-title {
	display: block !important;
}

.shp_renewal .design_capture {
	width: 70%;
	margin: 0 auto;
	overflow-y: scroll;
	height: 600px;
	border: 3px solid #000000;
	border-radius: 21px;
	clip-path: inset(0 round 20px);
}

.shp_renewal .client_v-r .speech-balloon {
	max-width: 80%;
	border: none !important;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.4);
	padding: 60px 70px;
}

.shp_renewal .client_v-r .speech-balloon::after {
	border-color: transparent transparent transparent #ffffff !important;
	box-shadow: 0px 6px 8px -7px rgba(0,0,0,0.4);
}

.shp_renewal .client_v-r .speech-balloon p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	margin-bottom: 30px;
}

.shp_renewal .client_v-r .speech-balloon h3 {
	border-left: 7px solid #be1a20;
	border-right: none;
	border-top: none;
	border-bottom: none;
	font-size: 115%;
	padding: 10px 20px;
	line-height: 1.5;
}

.shp_renewal .client_v-r .speech-balloon h3:before {
	border-bottom: none;
}

.shp_renewal .client_v-r .speech-person {
	text-align: center;
}

.shp_renewal .client_v-r .speech-person p {
	font-size: 70%;
	text-align: center;
	margin: 0;
	line-height: 1.5;
}

.shp_renewal .attention {
	font-size: 80%;
	font-weight: 500;
}

.shp_renewal .flow, .shp_renewal .la_flow {
	margin: 40px 0;
}

.shp_renewal .flow p, .shp_renewal .la_flow p {
	margin: 20px 0;
}

.shp_renewal .flow:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #b3b3b3 transparent transparent transparent;
	content: "";
	margin-top: 30px;
	display: inline-block;
}

.shp_renewal .la_flow:after {
	width: 0;
	height: 0;
	border: none !important;
	content: "";
	margin-top: 30px;
	display: inline-block;
}

.shp_renewal .flow:first-child:after, .shp_renewal .la_flow:first-child:after {
	margin-top: 30px;
}

.shp_renewal .flow .tit_flow, .shp_renewal .la_flow .tit_flow {
	font-size: 110%;
	font-weight: 600;
}

.shp_renewal .flow .tit_flow span, .shp_renewal .la_flow .tit_flow span {
	display: inline-block;
	background-color: #db1a20;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	line-height: 50px;
	text-align: center;
	color: #ffffff;
	margin-right: 15px;
}

.shp_renewal .flow .red_t, .shp_renewal .la_flow .red_t {
	font-size: 85%;
}

.shp_renewal .bt_mailicon a {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_mail.png), url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_white.png) !important;
	background-position: left 24% center, right 13% center !important;
	background-repeat: no-repeat, no-repeat;
	width: 380px !important;
	text-decoration: none;
	margin: 40px auto 10px !important;
}

.page-id-3294 .shp_renewal .bt_red a {
	background-position: right 6% center;
	width: 580px;
	margin: 0 auto;
}

.k_introduction {
	width: 90%;
	margin: 0 auto 70px !important;
}

.k_introduction img {
	margin-bottom: 0;
}

.k_introduction p {
	font-size: 90%;
	padding: 0 20px;
	margin: 10px 0 0;
}

/* サイトマップ・プライバシーポリシー */

.spp_k {
	margin: 120px auto !important;
}

.spp_k h4 {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/tit_border2.png);
	background-position: left top;
	background-repeat: no-repeat;
	border: none;
	font-size: 130%;
	letter-spacing: 3px;
	margin: 0;
	padding: 30px 0 40px;
}

.spp_k h4::first-letter {
	color: #db1a20;
}

.spp_k ul {
	list-style: none;
}

.spp_k ul li ul li {
	list-style-type: "∟";
	font-size: 90%;
	font-weight: 500;
}

.spp_k .aioseo-html-post-sitemap h4 {
	margin-top: 60px;
}

.wp-block-embed-youtube {
	width: 58%;
}

/* カテゴリーページ */

.category .content {
	max-width: 1100px;
	margin: 0 auto;
}

.category .header-container-in.hlt-top-menu .navi {
	border-bottom: 1px solid #cccccc;
}

.category .breadcrumb, .page-id-1200 .breadcrumb {
	margin: 13px 0 0 -5px;
	max-width: 1100px;
	padding: 0 0 50px;
}

.category .entry-title, .archive-title {
	margin: 16px 0 25px;
}

/* LPページ */

.page-id-5648 .content {
	margin-top: 0;
}

.page-id-5648 .page .entry-content {
	max-width: 1920px;
	margin: 0 auto;
}

.page-id-5648 .entry-content .fv {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/lp/bg_fv.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	padding-bottom: 37px;
	margin: 0;
}

.page-id-5648 .entry-content .fv dl {
	margin: 0;
}

.page-id-5648 .entry-content .lp_wst img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: top;
}

.page-id-5648 .entry-content .lp_case {
	text-align: center;
}

.page-id-5648 .entry-content .lp_case img {
	width: 65%;
	height: auto;
	vertical-align: top;
}

.page-id-5648 .entry-content .lp_features {
	text-align: center;
}

.page-id-5648 .entry-content .lp_features img {
	vertical-align: top;
	width: 80%;
	height: auto;
}

.page-id-5648 .entry-content .lp_qa {
	text-align: center;
}

.page-id-5648 .entry-content .lp_qa img {
	max-width: 1246px;
	height: 100%;
	object-fit: none;
	vertical-align: top;
}

.page-id-5648 .entry-content .flow {
	margin-top: -90px;
}

.page-id-5648 .entry-content .contact {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/lp/bg_contact1.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	width: 100%;
	height: 742px;
	padding-top: 430px;
}

.page-id-5648 .entry-content .contact dl {
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	max-width: 1246px;
	max-height: 339px;
	margin: 0 auto;
	padding: 20px 0 7px;
}

.page-id-5648 .entry-content .contact_bv {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/lp/bg_contact2.png);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	width: 100%;
	height: 560px;
	padding-top: 270px;
	margin-bottom: -65px;
}

.page-id-5648 .entry-content .contact_bv dl {
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	max-width: 1246px;
	max-height: 339px;
	margin: 0 auto;
	padding: 20px 0 7px;
}

/* フッター */

.content-bottom {
	margin: 110px 0 0;
}

.cta {
	margin-top: 100px;
}

.single .cta {
	margin-top: 0;
}

.footer_top {
}

.footer_top .cc_footer {
	max-width: 1100px;
	margin: 0 auto;
	font-size: 80%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_home.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	display: block;
	text-decoration: none;
	color: #000000;
}

.in_footer_top {
	width: 100%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/bg_footer.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #db1a20;
	margin-top: 10px;
	color: #ffffff;
}

.in_footer_top dl {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/illust_footer.png);
	background-position: left top 30px;
	background-repeat: no-repeat;
	padding-left: 200px;
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	min-height: 310px;
}

.in_footer_top dl dt {
	font-size: 130%;
	min-width: 380px;
	margin-top: 60px;
	border-right: 2px solid #ffffff;
	height: 200px;
}

.in_footer_top dl dt span {
	color: #f5dc19;
}

.in_footer_top dl dd {
	margin-top: 52px;
	height: 200px;
	padding-left: 40px;
}

.in_footer_top dl dd p {
	font-size: 75%;
	padding-bottom: 10px;
}

.in_footer_top dl dd a {
	display: block;
	width: 400px;
	height: 70px;
	background-color: #63a538;
	border-radius: 5px;
	box-shadow: 0px 0px 16px -8px rgba(0,0,0,0.5);
	cursor: pointer;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	color: #fff;
	text-decoration: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_mail_m.png);
	background-position: left 22% center;
	background-repeat: no-repeat;
	font-size: 130%;
	text-align: center;
	line-height: 67px;
	padding-left: 10px;
	font-weight: 500;
}

.in_footer_top dl dd a:hover {
	opacity: 0.7;
}

#footer {
	background: #fff;
	padding: 20px 0;
	margin: 0;
	height: 350px;
}

.footer-in {
	max-width: 1100px;
	position: relative;
	margin: 0 auto;
}

.footer-in a {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.footer-in a:hover {
	opacity: 0.6;
}

.footer-widgets {
	width: 40%;
	position: absolute;
	padding-left: 50%;
	padding-top: 7px;
}

.footer-widgets li {
	border-left: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/bg_list.png);
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 2.1;
        padding-left: 5px;
	text-align: left;
	list-style-type: none;
}

.footer-widgets li a {
	padding: 0 10px;
	text-decoration: none;
	display: block;
	font-size: 14px;
	transition: all 0.3s ease-in-out;
}

.footer-left {
	width: 0;
	padding: 0;
}

.footer-center {
	width: 360px;
	white-space: nowrap;
}

.footer-right {
	width: 160px;
	white-space: nowrap;
}

.footer-bottom {
	margin-top: 0;
	padding: 0;
	position: relative;
	font-size: 14px;
	display: flex;
	width: 60%;
}

.footer-bottom-logo {
	float: none;
	bottom: auto;
	position: relative;
	width: 250px;
	display: block;
}

.footer-bottom-logo p {
	text-align: center;
	padding-top: 2px;
}

.footer-bottom-logo .area_sns {
	display: flex;
	justify-content: center;
	font-size: 170%;
	line-height: 1.2;
	font-weight: 400;
	padding-top: 5px;
	color: #bbbbbb;
}

.footer-bottom-logo .area_sns img {
	display: block !important;
	width: 29px;
	height: 29px;
}

.footer-bottom-logo img {
	display: none;
}

.footer-bottom-logo span::before {
	content: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/logo_footer.svg);
	vertical-align: middle;
	padding-right: 220px;
	font-family: 'Zen Antique Soft', serif;
}

.footer-bottom-content {
	float: none;
	text-align: left;
	padding-left: 28%;
}

.footer-bottom-content .navi-footer-in {
	text-align: left;
	padding-top: 30px;
}

.footer-bottom.fnm-text-width .menu-footer li {
}

.navi-footer-in > .menu-footer {
	display: block;
	text-align: left;
}

.navi-footer-in > .menu-footer li {
	border-left: none;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/bg_list.png);
	background-position: left center;
	background-repeat: no-repeat;
	line-height: 2.1;
        padding-left: 5px;
}

.navi-footer-in > .menu-footer #menu-item-1205 {
	display: none;
}

.navi-footer-in > .menu-footer li:last-child {
	border-right: none;
}

.navi-footer-in > .menu-footer li a:hover {
	background-color: transparent;
}

.footer-widgets #menu-item-784, .footer-widgets #menu-item-785, .footer-widgets #menu-item-786, .footer-widgets #menu-item-787, .footer-widgets #menu-item-4419, .footer-widgets #menu-item-4420, .footer-widgets #menu-item-4421, .footer-widgets #menu-item-4913, .footer-widgets #menu-item-4914, .footer-widgets #menu-item-4915, .footer-widgets #menu-item-4916 {
	background-image: none;
	width: 300px;
	padding: 0;
	display: flex;
	line-height: 1.6;
	font-size: 90%;
}

.footer-widgets #menu-item-789 a, .footer-widgets #menu-item-790 a, .footer-widgets #menu-item-791 a, .footer-widgets #menu-item-784 a, .footer-widgets #menu-item-785 a, .footer-widgets #menu-item-786 a, .footer-widgets #menu-item-787 a, .footer-widgets #menu-item-4419 a, .footer-widgets #menu-item-4420 a, .footer-widgets #menu-item-4421 a, .footer-widgets #menu-item-4913 a, .footer-widgets #menu-item-4914 a, .footer-widgets #menu-item-4915 a, .footer-widgets #menu-item-4916 a {
	font-size: 70%;
	font-weight: 500;
	color: #666666;
}

.footer-widgets #menu-item-789:before, .footer-widgets #menu-item-790:before, .footer-widgets #menu-item-791:before, .footer-widgets #menu-item-784:before, .footer-widgets #menu-item-785:before, .footer-widgets #menu-item-786:before, .footer-widgets #menu-item-787:before, .footer-widgets #menu-item-4419:before, .footer-widgets #menu-item-4420:before, .footer-widgets #menu-item-4421:before, .footer-widgets #menu-item-4913:before, .footer-widgets #menu-item-4914:before, .footer-widgets #menu-item-4915:before, .footer-widgets #menu-item-4916:before {
	content: "―";
	float: left;
	margin: -3px 0 0 0;
}

.footer-widgets #menu-item-789, .footer-widgets #menu-item-790, .footer-widgets #menu-item-791 {
	background-image: none;
	width: 150px;
	padding: 0;
	display: flex;
	line-height: 1.6;
	font-size: 90%;
}

.original-navi-footer {
	background-color: #eaeaea;
	font-size: 70%;
	text-align: right;
	padding: 10px 7%;
	margin: 70px 0 15px;
}

.original-navi-footer a {
	text-decoration: none;
}

.original-copyright {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	font-size: 70%;
	height: 50px;
}

.copyright {
	display: none;
}

.grecaptcha-badge {
	visibility: hidden;
}

.new-list-box {
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
}

.new-entry-cards {
	display: none;
}

.new-entry-cards .entry-date {
	background-color: #fff;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/* Sサイズ */
@media screen and (max-width: 750px) {

.slicknav_menu {
	background-image: none !important;
	}

.single .content {
	border-top: none;
	}

.single .date-tags {
	margin: 15px auto 30px;
	}

.toc {
	margin: 40px auto 5px !important;
	}

.single .addtoany_content_top {
	right: 0;
	position: relative;
	float: none;
	}

.bpt {
	padding: 30px 0 25px !important;
	}

.page-id-94 .wp-block-latest-posts li, .page-id-125 .wp-block-latest-posts li, .page-id-130 .wp-block-latest-posts li, .page-id-136 .wp-block-latest-posts li {
	background-image: none;
	}

.page-id-94 .wp-block-post-featured-image img, .page-id-125 .wp-block-post-featured-image img, .page-id-130 .wp-block-post-featured-image img, .page-id-136 .wp-block-post-featured-image img {
	max-width: 100%;
	}

.page-id-94 .wp-block-latest-posts li .wp-block-latest-posts__post-title, .page-id-125 .wp-block-latest-posts li .wp-block-latest-posts__post-title, .page-id-130 .wp-block-latest-posts li .wp-block-latest-posts__post-title, .page-id-136 .wp-block-latest-posts li .wp-block-latest-posts__post-title {
	margin-bottom: 0;
	}

.page-id-130 .wp-block-post-featured-image img {
	padding-bottom: 30px;
}

.page-id-94 .wp-block-post-excerpt .wp-block-post-excerpt__excerpt, .page-id-125 .wp-block-post-excerpt .wp-block-post-excerpt__excerpt, .page-id-130 .wp-block-post-excerpt .wp-block-post-excerpt__excerpt, .page-id-136 .wp-block-post-excerpt .wp-block-post-excerpt__excerpt {
	display: -webkit-box !important;
	overflow: hidden !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	}

.page-id-94 .wp-block-latest-posts__post-excerpt, .page-id-125 .wp-block-latest-posts__post-excerpt, .page-id-130 .wp-block-latest-posts__post-excerpt, .page-id-136 .wp-block-latest-posts__post-excerpt {
	margin-block-start: 10px;
	}

/* LPページ */

.pc_area {
	display: none;
	}

.page-id-5648 .content {
	margin-top: -6px;
	}

.page-id-5648 .header-container-in.hlt-top-menu .navi {
	border-bottom: none !important;
	}

.page-id-5648 .page .entry-content {
	width: 100%;
	}

.page-id-5648 .entry-content .lp_wst .wst2 {
	width: auto;
	height: 170px;
	margin-left: -10px;
	}

.page-id-5648 .entry-content .lp_wst .wst3 {
	width: auto;
	height: 235px;
	}

.page-id-5648 .entry-content .lp_wst .wst5 {
	width: auto;
	height: 92px;
	}

.page-id-5648 .entry-content .lp_wst .wst6 {
	width: auto;
	height: 180px;
	}

.page-id-5648 .entry-content .lp_wst .wst7 {
	width: auto;
	height: 180px;
	}

.page-id-5648 .entry-content .lp_wst .wst8 {
	width: auto;
	height: 180px;
	}

.page-id-5648 .entry-content .lp_wst .wst9 {
	width: auto;
	height: 180px;
	}

.page-id-5648 .entry-content .lp_wst .wst10 {
	width: auto;
	height: 275px;
	}

.page-id-5648 .entry-content .lp_case dl {
	margin-bottom: 0;
	}

.page-id-5648 .entry-content .lp_case img {
	width: 100%;
	height: auto;
	vertical-align: top;
	}

.page-id-5648 .entry-content .contact {
	background-size: 150%;
	background-color: #25335c;
	height: auto;
	padding-top: 140px;
	padding-bottom: 25px;
	}

.page-id-5648 .entry-content .contact dl {
	padding: 10px 10px 0;
	width: 85%;
	flex-direction: column;
	}

.page-id-5648 .entry-content .contact dl dt:nth-child(2) {
	margin: -12px 0 -10px;
	}

.page-id-5648 .entry-content .lp_features dl {
	margin: -20px 0 0;
	}

.page-id-5648 .entry-content .lp_features img {
	vertical-align: top;
	width: 100%;
	height: auto;
	}

.page-id-5648 .entry-content .lp_features img:first-child {
	width: 95%;
	}

.page-id-5648 .entry-content .flow {
	margin-top: -52px;
	}

.page-id-5648 .entry-content .flow .sp_area {
	margin-top: -30px;
	}

.page-id-5648 .entry-content .flow dl {
	margin-bottom: 0;
	}

.page-id-5648 .entry-content .flow dl dt:first-child img {
	width: auto;
	height: 140px;
	}

.page-id-5648 .entry-content .lp_qa .sp_area img {
	width: 100%;
	object-fit: cover;
	margin-top: -30px;
	}

.page-id-5648 .entry-content .contact_bv {
	background-size: 150%;
	background-color: #258c91;
	height: auto;
	padding-top: 92px;
	padding-bottom: 75px;
	}

.page-id-5648 .entry-content .contact_bv dl {
	padding: 10px 10px 0;
	width: 85%;
	flex-direction: column;
	}

.page-id-5648 .entry-content .contact_bv dl dt:nth-child(2) {
	margin: -12px 0 -10px;
	}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/* Sサイズ、タブレット : Small Devices, Tablets */
@media screen and (max-width: 1200px) {

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

body {
	width:100%;
	word-break: break-all;
	overflow-x: hidden;
	}

body.page-id-2 #container {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/bg_smartphone.png);
	background-position: center top 40px;
	background-repeat: no-repeat;
	background-size: 100%;
	}

body.page-id-2 .content {
	margin-top: 0;
	}

main.main, div.sidebar {
	padding: 0;
	}

.mainarea {
	background: none;
	}

.entry-content {
	margin: 0 auto;
	width: 95%;
	}

.banner {
	display: none;
	}

.banner-icon {
	font-size: 28px;
	}

.banner-body {
        width: 100%;
	border-radius: 0px;
	}

.banner-back {
        width: 100%;
        margin: 0px;
	border-radius: 0px;
	}

.banner-top {
        padding: 5px;
	border-radius: 0px;
	}

.banner-bottom {
	padding: 10px 10px 18px 10px;
	}

.banner-copy {
	font-size: 15px;
	}

.banner-close {
        top: 8px;
	right: 15px;
	}

.banner-copy-br {
	display: none;
	}

/* 共通 */

.article ul, .article ol {
	padding-left: 0;
}

.new-entry-cards {
}

.area_webmarketing .wp-block-button {
}

.slicknav_nav ul, .slicknav_nav {
	height: 100vh;
	text-align: center;
	}

.slicknav_nav .slicknav_nav {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	}

.slicknav_nav li {
	display: block;
	width: 100vw;
	font-size: 120%;
	font-weight: 500;
	height: 40px;
	}

.slicknav_nav li:nth-child(10) {
	border: 3px solid #be1a20;
	background: #ffffff;
	width: 80%;
	height: 50px;
	border-radius: 8px;
	margin: 40px 0 20px 11.5%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_document.png), url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_red.png);
	background-position: left 21% center, right 8% center;
	background-repeat: no-repeat, no-repeat;
	}

.slicknav_nav li:nth-child(10) a {
	color: #be1a20;
	line-height: 1;
	font-weight: 600;
	}

.slicknav_nav li:last-of-type {
	border: 3px solid #63a538;
	background: #ffffff;
	width: 80%;
	height: 50px;
	border-radius: 8px;
	margin: 20px 0 20px 11.5%;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_mail_green.png), url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/icon_arrow_green_m.png);
	background-position: left 22% center, right 8% center;
	background-repeat: no-repeat, no-repeat;
	}

.slicknav_nav li:last-of-type a {
	color: #63a538;
	line-height: 1;
	font-weight: 600;
	}

.slicknav_nav li:last-of-type a:before {
	content: "ご相談はこちら";
	}

.slicknav_nav li:last-of-type .caption-wrap .item-label {
	display: none;
	}

.slicknav_nav li a {
	margin: 8px 5px 8px 15px;
	}

.slicknav_nav a:hover {
	background: transparent;
	color: #ffffff;
}

.slicknav_menu {
	background: #db1a20;
	position: fixed;
	top: 0;
	right: 0;
	width: auto;
	z-index: 9999;
	padding: 5px;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/webcompany.svg);
	background-repeat: no-repeat;
	background-size: 35%;
	background-position: left 20px top 20px;
	}

.page-id-2 .slicknav_btn {
	margin: 5px 0 8px !important;
	}

.slicknav_btn {
	margin: 5px 0 8px !important;
        background-color: #db1a20;
        top: 0;
        right: 0;
        width: auto;
        padding: 7px 10px;
	}

.slicknav_menu .slicknav_menutxt {
	font-weight: 500;
	text-shadow: none;
	position: absolute;
	font-size: 75%;
	padding: 16px 0 0 0;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	}

.slicknav_menu .slicknav_open .slicknav_menutxt {
	width: 38px;
	overflow: hidden;
	white-space: nowrap;
	}

.slicknav_menu .slicknav_open .slicknav_menutxt:before {
	content: "CLOSE"
	}

.slicknav_menu .slicknav_icon {
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	margin: 0;
	}

.slicknav_menu .slicknav_icon-bar {
	background-color: #ffffff;
	box-shadow: none;
	border-radius: unset;
	display: block;
	width: 2em;
	height: 0.06em;
	margin-bottom: 5px;
	outline: 3px solid #db1a20;
	}

.slicknav_menu .slicknav_open {
	right: 32px;
	}

.slicknav_menu .slicknav_open .slicknav_icon {
	position: relative;
	width: 1px;
	height: 35px;
	background: #ffffff;
	transform: rotate(-45deg);
	left: 17px;
	top: -16px;
	}

.slicknav_menu .slicknav_open .slicknav_icon::after {
	content: "";
	position: absolute;
	top: 17px;
	left: -18px;
	width: 37px;
	height: 1px;
	background: #ffffff;
	}

.slicknav_menu .slicknav_open .slicknav_icon-bar {
	display: none;
	}

#header {
	display: block;
	width: 100%;
	height: 56px;
	border-bottom: 1px solid #cccccc;
	top: 0;
	position: fixed;
	z-index: 9998;
	background-color: rgb(255,255,255,0.7);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	}

#header-right {
	display: none;
	}

.article-header .entry-title {
	padding: 40px 10px 30px;
	font-size: 150%;
	line-height: 1.3;
	}

#breadcrumb {
	display: none;
	}

.logo {
	text-align: left;
	}

.header-container-in.hlt-top-menu .logo-header span::before {
	display: block;
	padding: 6px 0 0 10px;
	width: 280px;
	}

#navi .navi-in > .menu-mobile {
	display: none;
	}

.page_1c h2 {
	margin: 40px auto 25px !important;
	}

.page-child .article-header, .page-id-1200 .article-header {
	background-image: none !important;
	text-align: center;
	border-bottom: none;
	}

.shp_renewal .bt_red a {
	width: 300px;
	}

/* トップページ */

.mainarea {
	min-height: auto;
	width: 94%;
	padding: 0 3%;
	margin-top: 270px !important;
	}

.mainarea h1 {
	font-size: 1.3rem;
	color: #ffffff;
	padding-left: 10px;
	font-weight: 600;
	}

.mainarea h1 span {
	background: #db1a20;
	padding: 0 5px 3px;
	}

.mainarea p {
	color: #000000;
	font-size: 11px;
	}

.mainarea p span {
	font-size: 15px;
	}

.mainarea p span strong {
	color: #db1a20;
	}

.mainarea .wp-block-buttons {
	text-align: center;
	display: block;
}

.bt_type1 a {
	width: 300px;
	height: 50px;
	background-position: right 5% center;
	background-size: 8%;
	font-size: 110%;
	line-height: 17px;
	font-weight: 500;
	}

.contents_sh {
	width: 94%;
	margin: 50px auto 0;
	background-image: none;
	margin-bottom: 0 !important;
	}

.contents_sh .greeting_t p {
	line-height: 1.5;
	font-weight: 500;
	font-size: 18px;
	}

.contents_sh .tsh {
	font-size: 150% !important;
	white-space: break-spaces;
	font-weight: 600 !important;
	line-height: 2.2 !important;
	}

.webproducer {
	display: none;
	}

.illust_meeting {
        width: 100%;
	}

.area_obsession {
	object-fit: cover;
	min-height: 350px;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/bg_obsession_sp.png), url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/bg_obsession.jpg);
	background-position: center top, left top;
	background-repeat: no-repeat, repeat;
	background-size: 100%, auto;
	padding-bottom: 50px;
	}

.area_obsession .obmd {
	font-size: 120%;
	padding: 50px 30px 80px;
	}

.in_obsession {
	width: 94%;
	}

.in_obsession .is-layout-flow {
	margin-bottom: 80px;
	}

.area_achievement, .area_problem_solving {
	margin: 30px auto 0;
	width: 94%;
	}

.area_webmarketing {
	margin: 30px auto 0;
	width: 100%;
	}

.area_webmarketing p {
	width: 94%;
	}

.area_webmarketing h2 {
	margin-bottom: 0;
	}

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

.achievementlist .kts {
	min-height: auto;
	}

.page-id-128 .area_achievement, .area_problem_solving {
	margin: 0 auto !important;
	}

body.page-id-2 .area_problem_solving .solving1, body.page-id-2 .area_problem_solving .solving2, body.page-id-2 .area_problem_solving .solving3, body.page-id-2 .area_problem_solving .solving4, body.page-id-2 .area_problem_solving .solving5, body.page-id-2 .area_problem_solving .solving8 {
	margin: 0;
	width: 100%;
	background-image: none;
	position: relative;
	padding: 0;
	}

.page-id-128 .area_problem_solving .solving1, .page-id-128 .area_problem_solving .solving2, .page-id-128 .area_problem_solving .solving3, .page-id-128 .area_problem_solving .solving4, .page-id-128 .area_problem_solving .solving5, .page-id-128 .area_problem_solving .solving6, .page-id-128 .area_problem_solving .solving7, .page-id-128 .area_problem_solving .solving8 {
	margin: 0;
	width: 100%;
	background-image: none;
	position: relative;
	padding: 0;
	}

.area_problem_solving .solving1 .tit_sol1, .tit_sol2, .area_problem_solving .solving3 .tit_sol3, .area_problem_solving .solving4 .tit_sol4, .area_problem_solving .solving5 .tit_sol5, .area_problem_solving .solving6 .tit_sol6, .area_problem_solving .solving7 .tit_sol7, .area_problem_solving .solving8 .tit_sol8 {
	display: none;
	}

.page-id-128 .area_problem_solving .solving7 {
	text-align: left;
	}

.area_problem_solving .solving1 .in_solving, .area_problem_solving .solving2 .in_solving, .area_problem_solving .solving3 .in_solving, .area_problem_solving .solving4 .in_solving, .area_problem_solving .solving5 .in_solving, .area_problem_solving .solving6 .in_solving, .area_problem_solving .solving7 .in_solving, .area_problem_solving .solving8 .in_solving {
	width: 100%;
	padding: 20px;
	margin: 0 auto 20px !important;
	}

.page-id-128 .area_problem_solving .solving1 .in_solving, .page-id-128 .area_problem_solving .solving2 .in_solving, .page-id-128 .area_problem_solving .solving3 .in_solving, .page-id-128 .area_problem_solving .solving4 .in_solving, .page-id-128 .area_problem_solving .solving5 .in_solving, .page-id-128 .area_problem_solving .solving6 .in_solving, .page-id-128 .area_problem_solving .solving7 .in_solving, .page-id-128 .area_problem_solving .solving8 .in_solving {
	width: 100%;
	padding: 20px;
	margin: 0 auto 20px;
	}

.area_problem_solving .solving1 .in_solving {
	background-image: none !important;
	}

.area_problem_solving .solving2 .in_solving {
	background-image: none !important;
	}

.area_problem_solving .solving3 .in_solving {
	background-image: none !important;
	}

.area_problem_solving .solving4 .in_solving {
	background-image: none !important;
	}

.area_problem_solving .solving5 .in_solving {
	background-image: none !important;
	}

.area_problem_solving .solving6 .in_solving {
	background-image: none !important;
	}

.area_problem_solving .solving7 .in_solving {
	background-image: none !important;
	}

.area_problem_solving .solving8 .in_solving {
	background-image: none !important;
	}

.area_problem_solving h3 {
	margin: 0 0 10px;
	}

.area_problem_solving .ktb {
	text-indent: 1.5em;
	}

.area_problem_solving .solving1 .in_solving .ktb {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_check.png);
	background-position: left 0 top 10px;
        background-repeat: no-repeat;
	}

.area_problem_solving .solving2 .in_solving .ktb {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_check.png);
	background-position: left 0 top 10px;
        background-repeat: no-repeat;
	}

.area_problem_solving .solving3 .in_solving .ktb {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_check.png);
	background-position: left 0 top 10px;
        background-repeat: no-repeat;
	}

.area_problem_solving .solving4 .in_solving .ktb {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_check.png);
	background-position: left 0 top 10px;
        background-repeat: no-repeat;
	}

.area_problem_solving .solving5 .in_solving .ktb {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_check.png);
	background-position: left 0 top 10px;
        background-repeat: no-repeat;
	}

.area_problem_solving .solving8 .in_solving .ktb {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/top/icon_check.png);
	background-position: left 0 top 10px;
        background-repeat: no-repeat;
	}

.page-id-128 .area_problem_solving h3 {
	margin: 0 auto 10px;
	}

.swiper-wrapper {
	margin: 20px 30px 0 0 !important;
	position: relative;
	width: 9999px;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
	flex-wrap: nowrap;
	justify-content: space-around;
	flex-direction: row;
	}

.swiper {
	padding-left: 27px !important;
	}

.area_webmarketing .slick-track .carousel-entry-card {
	min-height: 150px;
	margin: 0 5px 10px !important;
}

.carousel-entry-card-title, .blogcard-snippet {
	padding: 5px 8px;
	height: 59px;
	line-height: 1.2;
	font-size: 90%;
}

.is-list-horizontal.large-thumb .widget-entry-card-link, .is-list-horizontal.large-thumb-on .widget-entry-card-link {
	margin-right: 0;
	}

.is-list-horizontal {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	}

.is-list-horizontal .swiper-button-next {
	width: 50px;
	height: 50px;
	left: calc(100% - 65px);
	background-size: 50px;
	}

.is-list-horizontal .swiper-button-next:hover {
	width: 50px;
	height: 50px;
	left: calc(100% - 65px);
	background-size: 50px;
	}

.is-list-horizontal .swiper-button-prev {
	width: 50px;
	height: 50px;
	left: calc(100% - 805px);
	background-size: 50px;
	}

.is-list-horizontal .swiper-button-prev:hover {
	width: 50px;
	height: 50px;
	left: calc(100% - 809px);
	background-size: 50px;
	}

.is-list-horizontal .swiper-button-prev::before {
	width: 50px;
	height: 50px;
	background-size: 50px;
	}

.area_webmarketing {
	padding-bottom: 25px
	}

.area_news {
	background-position: center top -20px;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 120%;
	}

.area_news h2 {
	padding: 0;
	}

.area_news .wp-block-buttons {
	display: block;
	text-align: right;
	padding: 0 10px 0 0;
	}

.area_news .wp-block-buttons .wp-block-button {
	
	}

.area_news .wp-block-button a {
	font-size: 80%;
	background-position: right 9px center;
	background-size: 20px;
	}

.area_news .info-list-item {
	padding: 14px 0 30px;
	}

.area_news .info-list-item-content {
	text-align: left;
	}

.home .area_news .info-list-item-categorys {
	position: absolute;
	margin: 20px 0 0 5px;
	}

.home .area_news .info-list-item-categorys .entry-category:first-child {
	color: transparent;
	}

.st_pt2_c .sbp-l .speech-balloon {
	margin-left: 10px;
	padding: 20px;
	}

/* お知らせページ */

.tab{
	padding: 10px 0 7px;
}

.tab.is-active{
	padding-bottom: 15px;
}

/* お問い合わせページ */

.page_1c .wct_s dl label {
	display: block;
	}

.page_1c .wct_s dl dd {
	display: block;
	}

.page_1c .wct_s {
	width: 95%;
	}

.page_1c .wct_s dl dt {
	width: 100%;
	}

.article dd {
	margin-left: 0;
	}

.page_1c .wct_s dl dd input {
	min-width: 80%;
	}

.page_1c .wct_s dl .w_any {
	margin: 0;
	}

.page_1c .wct_s dl dd textarea {
	min-width: 80%;
	}

/* 資料ダウンロードページ */

.download_area {
	background-image: none;
	}

.page-id-1200 .article-header h1, .page-child .article-header h1 {
	margin: 0 auto;
	padding: 60px 0 20px 0;
	}

/* 事例一覧 */

.page-id-94 .wp-block-latest-posts li, .page-id-125 .wp-block-latest-posts li, .page-id-130 .wp-block-latest-posts li, .page-id-136 .wp-block-latest-posts li {
	background-position: right 10px center;
	margin: 0 auto 30px;
	}

.page-id-94 .wp-block-latest-posts li .wp-block-latest-posts__post-title, .page-id-125 .wp-block-latest-posts li .wp-block-latest-posts__post-title, .page-id-130 .wp-block-latest-posts li .wp-block-latest-posts__post-title, .page-id-136 .wp-block-latest-posts li .wp-block-latest-posts__post-title {
	position: inherit;
	max-width: 100%;
	display: inline-block;
	padding: 2px 0 0 3%;
	font-size: 130%;
	margin-top: -5px;
	}

.page-id-94 .wp-block-latest-posts__post-excerpt, .page-id-125 .wp-block-latest-posts__post-excerpt, .page-id-130 .wp-block-latest-posts__post-excerpt, .page-id-136 .wp-block-latest-posts__post-excerpt {
	position: inherit;
	width: 100%;
	font-size: 80%;
	font-weight: 500;
	padding-bottom: 20px;
	}

.page-id-94 .wp-block-latest-posts__featured-image a, .page-id-125 .wp-block-latest-posts__featured-image a, .page-id-130 .wp-block-latest-posts__featured-image a, .page-id-136 .wp-block-latest-posts__featured-image a {
	width: 100%;
	}

.alignwide {
	gap: 0;
	}

/* 課題解決サービス */

.client_voice {
	padding: 20px 20px 30px;
	}

.client_voice .sbp-r .speech-balloon {
	padding: 20px;
	}

.sbp-r:not(.is-not-stacked-on-mobile)>.wp-block-column {
	flex-basis: 0 !important;
	}

.sbp-l:not(.is-not-stacked-on-mobile)>.wp-block-column {
	flex-basis: 0 !important;
	}

.shp_renewal h1 {
	line-height: 1.3;
	}

.shp_renewal h1 .red_t {
	display: inline-block;
	}

.bp_navi {
	margin: -30px 0;
	}

.bp_navi .in_bp_navi {
	gap: 0;
	}

.bp_navi .in_bp_navi .wp-block-column {
	}

.area_advice {
	padding: 40px;
	}

.difference {
	flex-direction: column;
	}

.difference .bm_contents {
	padding: 7px 0 20px;
	}

.parent-pageid-128 .shp_renewal .sbp-r {
	flex-direction: row-reverse;
	}

.parent-pageid-128 .shp_renewal .sbp-r .speech-balloon {
	padding: 10px;
	margin-right: 30px;
	}

.page-id-3042 .shp_renewal .attention_s {
	margin: 10px 10px 50px 0;
	}

.page-id-3042 .shp_renewal .bt_red a, .page-id-3088 .shp_renewal .bt_red a {
	width: 360px;
	padding: 10px 30px 10px 10px;
	line-height: 1.3;
	}

.p_reward .area_reliable {
	flex-direction: column;
	gap: 8px;
	}

.shp_renewal .bt_w .wp-block-button a {
	display: inline;
	min-width: 100px;
	}

.shp_renewal .t_notice {
	text-align: left;
	width: 100%;
	margin: 0 auto;
	padding: 15px 15px 15px 65px;
	}

.p_reward .gt caption {
	padding: 0 5px 7px 15px;
	width: 100%;
	text-align: left;
	}

.p_reward .rt caption {
	padding: 0 5px 7px 15px;
	width: 100%;
	text-align: left;
	}

.glossmargin .mdt_tt {
	display: none;
	}

.glossmargin .red_t area_right {
	display: none;
	}

.p_reward .glossmargin {
	width: 100%;
	}

.shp_renewal .bt_mailicon a {
	width: 350px !important;
	}

.page-id-3294 .shp_renewal .bt_red a {
	width: 350px;
	padding: 10px 30px 10px 10px;
	line-height: 1.3;
	}

.shp_renewal .bt_red_s a {
	width: 350px;
	}


/* 採用情報 */

.recruit_detail .recruit_form {
	background-position: center top 20px;
	display: inline-block;
	}

.recruit_detail .recruit_form a {
	width: auto;
	margin-top: 120px;
	display: block;
	}

.pc_message img {
	right: 20px;
	width: 20%;
	}

.in_message {
	padding: 40px 20px 20px 20px;
	}

.r_voice img {
	top: -80px;
	width: 44%;
	}

.toggle_contents dd {
	padding: 30px;
	}

.bp_t_area {
	background-position: right top 50px;
	background-size: 20%;
	width: 100%;
	padding: 40px 25% 80px 0;
	}

.page_1c .notes {
	padding: 20px 30px 30px;
	}

.page_1c .cfbm {
	margin: 50px 0 70px;
	}

.wct_s .cb_area {
	display: block;
	}

.cb_area_eg .wpcf7-form-control-wrap {
	display: block;
	}

.recruit_detail .recruit_form a {
	margin-top: 20px;
	}

.cp_top ul {
	background-image: none;
	}

/* CTA */

.single .cta {
	margin: 0 auto;
	width: 95%;
	display: block;
	}

.single_contact .is-layout-flex {
	display: flex;
	flex-direction: column;
	}

.single_contact .si_c_c .wp-block-button a {
	width: 300px;
	background-position: left 15% center;
	}

.single_contact p {
	padding: 30px 0 20px;
	}

.single_contact .si_c_c {
	padding: 30px 0 0;
	}

.single_contact .si_c_d {
	padding-top: 20px;
	}

.single_contact .si_c_d .wp-block-button a {
	width: 300px;
	background-position: left 15% center;
	}

.single_contact .si_c_t {
	min-height: auto;
	margin: 0;
	}

.single_contact p {
	padding: 30px 0;
	line-height: 1.3;
	}

.single_contact .si_c_t a {
	display: block;
	background-position: left 95px top 8px;
	}

/* 実績 */

.categoryid-21 .entry-categories-tags .cat-link {
	padding: 5px 15px;
	font-size: 80%;
	}

.categoryid-21 .entry-categories-tags {
	margin: 850px auto;
	background-color: transparent;
	}

.case_detail .case_table .wp-block-table tr td:first-child {
	padding-left: 15px;
	}

.case_detail .case_table {
	gap: 0;
	}

.case_detail {
	padding-bottom: 250px;
	}

.b_case_detail .case_md1 {
	padding: 30px 0 0 55px;
	}

.b_case_detail .design_capture {
	width: 100%;
	gap: 20px;
	flex-direction: column;
	align-items: center;
	}

.b_case_detail .design_capture .is-layout-flow:last-child figure img {
	width: 100%;
	}

/* 会社案内 */

.overview dl {
	gap: 0;
	flex-direction: column;
	}

.overview dl dt {
	width: 100%;
	padding: 15px 0 0;
	}

.overview dl dd {
	width: 100%;
	padding: 0 0 15px;
	}

/* 記事ページ共通 */

.single .addtoany_content_bottom {
	float: none;
	margin: -280px 0 0 23%;
	width: 50%;
	text-align: center;
	position: absolute;
	}

.single .pager-post-navi {
	margin: 0 auto;
	display: table;
	}

.single .pager-post-navi a.prev-post {
	margin: -185px 0 0 0;
	text-align: center;
	display: block;
	min-width: 300px;
	width: 300px;
	position: relative;
	}

.categoryid-21 .pager-post-navi a.prev-post {
	margin: -125px 0 0 0;
	}

.single .single_pagesend {
	margin: 80px auto 0;
	display: block;
	}

.single .single_pagesend .single_bt_list a {
	display: block;
	margin: 70px auto 0 !important;
	position: relative;
	width: 300px;
	}

.single .pager-post-navi a.next-post {
	margin: 85px 0 0 0;
	text-align: center;
	display: block;
	min-width: 300px;
	width: 300px;
	position: relative;
	}

/* フッター */

#footer {
	height: auto;
	}

.footer_top .cc_footer {
	display: none;
	}

.in_footer_top dl {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/illust_footer.png);
	background-position: right top 30px;
	background-repeat: no-repeat;
	background-size: 40%;
	min-height: auto;
	padding-left: 0;
	flex-direction: column;
	}

.in_footer_top dl dt {
	font-size: 100%;
	min-width: auto;
	margin-top: 60px;
	border-right: none;
	height: auto;
	padding: 0 0 0 20px;
}

.in_footer_top dl dd {
	margin-top: 45px;
	height: auto;
	padding: 0 20px 30px;
	}

.in_footer_top dl dd a {
	width: auto;
	margin-top: 15px;
	}

.footer-bottom {
	width: auto;
}

.footer-bottom-content {
	display: none;
	}

.footer-bottom-logo {
	width: 100%;
}

.footer-bottom-logo .area_sns {
	padding-top: 10px;
	}

.footer-bottom-logo span::before {
	content: '';
	vertical-align: middle;
	padding-right: 0;
	width: 250px;
	height: 210px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 95%;
	background-position: center top;
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/logo_footer.svg);
	}

.logo-footer {
	text-align: center;
	}

.footer-widgets {
	display: none;
	}

.original-navi-footer {
	text-align: center;
	}

.original-navi-footer a {
	text-decoration: none;
	}

.banner {
	display: none !important;
	}

.go-to-top {
	display: none !important;
	}

/* 下層ページ 共通 */

.page .article-header {
	background-image: url(https://www.web-company.jp/wp-content/themes/cocoon-master/img/common/bg_b_title_sp.png);
	}
}

/*1022px以下*/
@media screen and (max-width: 1022px){

#navi .navi-in > .menu-mobile {
	display: none;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {

.illust_meeting {
	display: none;
	}

.pho_solvingtype {
	display: none;
	}

.glossmargin_sp {
	display: none;
	}
}

@media only screen and (min-width: 751px) {

.sp_area {
	display: none;
	}
}