/*common*/
.sp_item,.tb_item {
	display: none;
}
#Wrapper {
    min-height: 0vh;
}
.plpr {
	padding: 0 8% 0 8%;
}
.flex_box {
	display: flex;
}
.flex_justify {
justify-content: space-between;
}
.mt4em {
	margin-top: 4em;
}
@media only screen and (max-width: 735px) {
	.pc_item {
		display: none;
	}
	.sp_item {
		display: inherit;
	}
	.flex_box {
	display: block;
}
	.top_useful video {
		display: none;
	}
}

/*header menu*/
.global-nav .drawer-nav .contact-btn li a {
    font-size: 16px;
}
.global-nav .drawer-nav .contact-btn li {
    width: 125px;
    padding: 4px;
    margin-left: 5px;
}
.global-nav .drawer-nav .contact-btn li:nth-child(1) {
    background:none;
    width: 220px;
    display: inline-block;
    padding: 0px;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #fff;
	margin-right: 3px;
    margin-left: 7px;
}
.global-nav .drawer-nav .contact-btn li a::before {
	display: none;
}
@media only screen and (max-width: 1333px) {
	.global-nav .drawer-nav .contact-btn li:nth-child(1) {
    width: 210px;
	}
	.global-nav .drawer-nav .contact-btn li:nth-child(1) {
    width: 157px;
	}
}
@media only screen and (max-width: 1157px) {
	.global-nav .drawer-nav .contact-btn li:nth-child(1) {
    width: 157px;
	}
	.global-nav .drawer-nav .contact-btn li a {
  font-size: 12px;
}
	.global-nav .drawer-nav .header-nav li a {
  font-size: 13px;
}
}
@media only screen and (max-width: 1100px) {
	.global-nav .drawer-nav .contact-btn li {
  width: 100px;
	}
	.global-nav .drawer-nav .header-nav li a {
  font-size: 12px;
}
}
@media only screen and (max-width: 1024px) {
	.global-nav .drawer-nav .contact-btn li:nth-child(1) {
    width: 220px;
	}
	.global-nav .drawer-nav .contact-btn li a {
  font-size: 14px;
}
	.global-nav .drawer-nav .header-nav li a {
  font-size: 14px;
}
	.global-nav .drawer-nav .contact-btn li {
  width: 125px;
	}
}

/*　TopFVフォーム付き2023　*/
.top_img2023 {
    width: 100%;
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    padding-right: 1%;
    background-image: url(/wp-content/uploads/2023/09/back01.jpg.webp);
    background-repeat: no-repeat;
    background-position: left;
    padding-top: 50px;
    background-size: cover;
}
.top_img2023 .img2023 {
    text-align: right;
    padding-right: 50px;
	margin-left: 25%;
}
.top_img2023 .img2023 img {
	width: 673px;
}
.top_img2023 .form2023 {
    padding: 20px;
    border-radius: 7px;
    background-color: #fff;
}
.top_img2023 .hs_recaptcha {
	margin-top: 10px;
}
.d_none {
	display: none;
}
.top_img2023 textarea {
  height: 100px;
	max-width: 500px;
}
.top_img2023 input[type="text"] {
	padding: 0.8em 0.8em;
}
.top_img2023 label {
	font-size: 0.95em;
}
.form2023 input[type="submit"] {
    border: 1.5px solid #eb6030;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #ff7444;
    color: #fff;
    cursor: pointer;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 60px;
    height: 60px;
    text-align: center;
    width: 415px;
    margin-top: 25px;
    transition: background 0.5s;
}
.form2023 input[type="submit"]:hover {
	background-color: #9E2700;
}

/*　TopFV2023_12　*/

.top_img202312 {
    width: 100%;
    margin-top: 80px;
    display: flex;
    flex-direction: row;
background-color: #314e7a;
}
.img202312_left {
	width: 40%;
	 background-image: url(../image/top/header_l_202312.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
}
.img202312 {
    width: 40%;
    padding-top: 1%;
    padding-bottom: 1.5%;
}
.header_tx202312 img {
	text-align: center;
}

/*　TopFVボタン付き2022　*/

.header_cv_bt a {
	font-size: 28px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #4A932B;
    border: solid 0px #4A932B;
    border-radius: 50px;
    padding: 10px;
	padding-left: 1em;
    padding-right: 1em;
	width: 100%;
	transition: background 0.5s;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.header_cv_bt a:hover {
	background-color: #29680E;
	box-shadow: 0 0 0 6px #5BC030;
	text-decoration: none;
}
.header_cv_bt {
	margin-top: 5%;
}
.header_sec {
	display: flex;
	margin-top: 90px;
}
.header_l_box {
	width: 44%;
	padding-left: 60px;
	text-align: center;
}
.header_l_box img {
	width: 85%;
}
.header_r_box {
	width: 56%;
}
.header_cv_bt a {
    animation: shakes 2s infinite;
}
@keyframes shakes {
    0% {
        transform: translate(2px, 0px);
    }
    5% {
        transform: translate(-2px, 0px);
    }
    10% {
        transform: translate(2px, 0px);
    }
    15% {
        transform: translate(-2px, 0px);
    }
    20% {
        transform: translate(2px, 0px);
    }
    25% {
        transform: translate(-2px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
@media only screen and (max-width: 1500px) {
	.top_img2023 .img2023 {
	margin-left: 15%;
}
	.img202312 {
    width: 50%;
	}
}
@media only screen and (max-width: 1360px) {
	.header_cv_bt a {
	font-size: 23px;
    padding: 15px;
	padding-left: 25px;
    padding-right: 25px;
}
		.top_img2023 .img2023 {
	margin-left: 10%;
	    padding-right: 20px;
    padding-left: 15px;
}
	.top_img2023 .form2023 {
    margin-right: 15px;
}
}
@media only screen and (max-width: 1325px) {
	.header_cv_bt a {
	font-size: 20px;
    padding: 12px;
	padding-left: 25px;
    padding-right: 25px;
}
.top_img2023 {
	    background-position: -122px;
}
	}
@media only screen and (max-width: 1160px) {
	.header_cv_bt a {
	font-size: 18px;
    padding: 10px;
	padding-left: 25px;
    padding-right: 25px;
}
		.top_img2023 .img2023 {
	margin-left: 0%;
}
	.top_img2023 {
    background-position: -263px;
		padding-top: 30px;
}
}
	@media only screen and (max-width: 735px) {
	.header_sec {
	display: inherit;
}
		.header_cv_bt {
    margin-top: 10px;
    margin-bottom: 20px;
}
		.header_cv_bt a {
    padding: 12px;
	margin-left: 15px;
			margin-right: 15px;
			width: 92%;
}
		.header_l_box {
	width: 100%;
		padding-left: 0px;
}
		.header_l_box img {
	width: 100%;
	margin-top: -20px;
}
	.header_r_box {
	display: none;
}
		.header_sp {
	margin-top: 64px;
}
		.seminar-guide h2 {
			font-size: 1.3em;
		}
		.seminar-guide .flex_wrap {
			display: block;
		}
		.seminar-guide .crm-ttl {
			display: none;
		}
		.cta-sp {
			text-align: center;
        padding-bottom: 0.5em;
			background: linear-gradient(180deg, transparent 0%, transparent 50%, #fdecb7 50%, #fdecb7 100%);
		}
		.cta-sp img {
			width: 70%;
			margin-top: 2em;
			margin-bottom: 0.8em;
		}
}

/* top CSS
----------------------------------------------- */
/*　logoスライド　*/
.logo-slide img{
	height: 50px;
}
.slick-list {
	padding-bottom:0px !important;
}
@media only screen and (max-width: 735px) {
.logo-slide img{
	height: 30px;
	width: auto;
}
}

/*　logoスライド1枚版　*/
.loop_wrap {
  display: flex;
    width: 290vw;
    height: 135px;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 50px;
}
.logo_banner_box {
	margin: 0 calc(50% - 50vw);
    width: 99vw;
    position: relative;
	overflow: hidden;
}

.loop_wrap img {
  width: auto;
  height: 100%;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.loop_wrap img:first-child {
  animation: loop 100s -50s linear infinite;
}

.loop_wrap img:last-child {
  animation: loop2 100s linear infinite;
}

@media only screen and (max-width: 735px) {
	.loop_wrap {
    width: 432vw;
		margin-top: 15px;
    margin-bottom: 25px;
		height: 100px;
	}
}

/*　clock　*/
.clock-guide{
	background-image: url(../image/top/clock_bg.webp);
	position: relative;
	width: 100%;
	height: 15.6vw;
	max-height: 300px;
	margin-top:15px;
}
.clock-img{
	width: 20vw;
	max-width: 392px;
	height: 23.5vw;
	max-height: 453px;
	position: absolute;
	top: 0.7vw;
	left: 20%;
	z-index: 20;
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.clock-box img{
		max-height: 70px;
	}
}

/*　3分でわかるうちでのこづち動画　*/

.mov-3min {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 3em;
	padding-left: 1em;
	padding-right: 1em;
}
/*　うちでのこづちとは　*/
.frontWrap .about-guide{
	position: relative;
	background-color: #BC1A29;
	z-index: 30;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 0;
}
.frontWrap .about-guide .h2_ttl{
	color: #ffffff;
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
}
.frontWrap .about-guide .text{
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin-bottom: 60px;
}
.frontWrap .about-guide .view-Img img{
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.frontWrap .about-guide .slick-slide{
	transition: .3s ease;
	transform: scale(.80);
}
.frontWrap .about-guide .slick-current{
	transform: scale(1);
}
.frontWrap .about-guide .slick-dots{
	bottom: -40px;
}
.frontWrap .about-guide .slick-dots li button:before{
	color: #fff;
	font-size: 20px;
	width: 40px;
    height: 40px;
}
.page-id-141 .frontWrap .slick-next {
	display:none!important;
}
@media only screen and (max-width: 735px) {
	.frontWrap .about-guide{
		padding: 8% 0 12% 0;
	}
	.frontWrap .about-guide .h2_ttl{
		font-size: 5vw;
		margin-bottom: 5%;
	}
	.frontWrap .about-guide .text{
		font-size: 3.26vw;
		margin-bottom: 5%;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.frontWrap .about-guide{
		padding: 40px 0;
	}
	.frontWrap .about-guide .h2_ttl{
		font-size: 28px;
		margin-bottom: 30px;
	}
	.frontWrap .about-guide .text{
		font-size: 15px;
		margin-bottom: 60px;
	}
}
/*　01　*/
.frontWrap .cooperation-guide{
	background-image: url(../image/top/cooperation-bg.webp);
	background-size: cover;
	background-position: center bottom;
	padding: 60px 0;
}
@media only screen and (min-width: 736px){
.frontWrap .cooperation-guide{
	height: 900px;
}
}
.frontWrap .cooperation-guide .h2_ttl{
	color: #ffffff;
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
}
.frontWrap .cooperation-guide .cooperation-inner{
	padding: 0 40px;
}
.frontWrap .cooperation-guide .cooperation-item{
	background-color: #F4F4F4;
	border-radius: 10px;
	margin: 0 5px;
	height: 350px;
}
@media screen and (min-width:1600px) and (max-width:2000px){
.frontWrap .cooperation-guide .cooperation-item{
	height: 390px;
}
}
.frontWrap .cooperation-guide .cooperation-item .cooperation-text{
	padding: 10px;
}
.frontWrap .cooperation-guide .cooperation-item .cooperation-text h3{
	font-size: 16px;
}
.frontWrap .cooperation-guide .cooperation-item .cooperation-text p{
	font-size: 14px;
}
.frontWrap .cooperation-guide .slick-prev{
	left: -40px;
	width: 40px;
	height: 40px;
	z-index: 3;
}
.frontWrap .cooperation-guide .slick-next{
	right: -40px;
	width: 40px;
	height: 40px;
	z-index: 3;
}
.frontWrap .cooperation-guide .slick-prev:before,
.frontWrap .cooperation-guide .slick-next:before{
	font-family: "Font Awesome 5 Free";
	color: #bc1a28;
	opacity: 1;
	font-size: 40px;
	font-weight: 900;
	text-shadow: 3px 2px 6px rgba(0, 0, 0, 0.3);
}
.frontWrap .cooperation-guide .slick-prev:before{
	content: "\f0a8";
}
.frontWrap .cooperation-guide .slick-next:before{
	content: "\f0a9";
}
@media only screen and (max-width: 735px) {
	.frontWrap .cooperation-guide{
		padding-top: 8%;
		padding-bottom: 15%;
	    padding-left: 5%;
	    padding-right: 5%;
		margin-bottom: -50px
	}
	.frontWrap .cooperation-guide .h2_ttl{
		font-size: 5vw;
		background-size: 120px 80px;
		margin-bottom: 5%;
	}
	.frontWrap .cooperation-guide .cooperation-item{
		height: auto;
	}
	.frontWrap .cooperation-guide .cooperation-item .cooperation-text h3{
		font-size: 15px;
	}
	.frontWrap .cooperation-guide .cooperation-item .cooperation-text p{
		font-size: 13px;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.frontWrap .cooperation-guide{
		padding: 40px 0;
	}
	.frontWrap .cooperation-guide .h2_ttl{
		font-size: 28px;
		background-size: 166px 130px;
		margin-bottom: 30px;
	}
	.frontWrap .cooperation-guide .cooperation-item .cooperation-text h3{
		font-size: 15px;
	}
	.frontWrap .cooperation-guide .cooperation-item .cooperation-text p{
		font-size: 13px;
	}
}
/*　02　*/
.frontWrap .design-guide{
	padding: 0px 0px;
}
.frontWrap .design-guide .h2_ttl{
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 60px;
	padding: 60px 0;
}
@media only screen and (max-width: 735px) {
	.frontWrap .design-guide{
		padding: 0 0 ;
	}
	.frontWrap .design-guide .h2_ttl{
		font-size: 5vw ;
		padding: 10px 0 ;
		background-size: 120px 80px ;
		margin-bottom: 5% ;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.frontWrap .design-guide{
		padding: 40px 0;
	}
	.frontWrap .design-guide .h2_ttl{
		font-size: 28px;
		background-size: 198px 120px;
		padding: 10px 0;
		margin-bottom: 30px;
	}
}
.cooperation_cont {
	display: flex;
	background-color:#FFF;
	border: solid 0px;
	border-radius: 5px;
	width: 100%;
	padding: 0.8em;
	margin-bottom: 15px;
	box-shadow: 2px 2px 4px #B8B8B8;
}
.cooperation-img_sp {
	width: 25%;
}
.cooperation-text_sp {
	width: 75%;
    padding-left: 5px;
}
.cooperation-text_sp p {
	font-size: 0.9em;
    line-height: 140%;
}

.frontWrap .method-guide{
	padding: 60px 0;
}
.frontWrap .method-guide .method-inner{
	padding: 0 40px;
}
.frontWrap .method-guide .method-item{
	 position: relative;
	 width: 32%;
	 margin: 0.5%;
}
.frontWrap .method-guide .method-item::after{
	background: rgba(0, 0, 0, 0.4);
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.frontWrap .method-guide .method-item .contantArea{
	width: calc(100% - 20px);
	position: absolute;
	left: 10px;
	bottom: 10px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 500;
	z-index: 2;
}
.frontWrap .method-guide .method-item .contantArea .more_btn{
	text-align: right;
	margin-top: auto;
}
.frontWrap .method-guide .method-item .contantArea .more_btn a{
	background: #000000;
	color: #ffffff;
	font-size: 16px;
	padding: 2px 30px;
	text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.frontWrap .method-guide .method-item .contantArea .more_btn a i{
	margin-right: 10px;
}
@media only screen and (max-width: 735px) {
	.frontWrap .method-guide{
		padding: 8% 0;
	}
	.frontWrap .method-guide .h2_ttl{
		font-size: 5vw;
		padding: 13% 0 13% 0;
		background-size: 120px 80px;
		margin-bottom: 2%;
	}
	.frontWrap .method-guide .method-item{
		 width: 48%;
		 margin: 1%;
	}
	.frontWrap .method-guide .method-item .contantArea{
		font-size: 3.4vw;
	}
	.frontWrap .method-guide .method-item .contantArea .more_btn a{
		font-size: 3.4vw;
		padding: 2px 15px;
	}
	.frontWrap .method-guide .method-item .contantArea .more_btn a i{
		margin-right: 10px;
	}
	.frontWrap .method-guide .method-inner {
    padding: 0 20px;
}
	.frontWrap .method-guide .imgArea {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.frontWrap .method-guide{
		padding: 40px 0;
	}
	.frontWrap .method-guide .h2_ttl{
		font-size: 28px;
		background-size: 198px 120px;
		margin-bottom: 30px;
	}
	.frontWrap .method-guide .method-item{
		 width: 48%;
		 margin: 1%;
	}
	.frontWrap .method-guide .method-item .contantArea{
		font-size: 16px;
	}
	.frontWrap .method-guide .method-item .contantArea .more_btn a{
		font-size: 15px;
		padding: 2px 20px;
	}
	.frontWrap .method-guide .method-item .contantArea .more_btn a i{
		margin-right: 10px;
	}
}
/*　03　*/
.frontWrap .design-guide{

}
.frontWrap .design-guide .h2_ttl3{
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 60px;
	padding: 60px;
}
@media only screen and (max-width: 735px) {
	.frontWrap .design-guide{
		padding: 8% 0;
	}
	.frontWrap .design-guide .h2_ttl3{
		font-size: 5vw;
		padding: 75px 0px 30px 0px !important;
		background-position: center 50px !important;
		background-size: 120px 80px;
		margin-bottom: 5%;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.frontWrap .design-guide{
		padding: 40px 0;
	}
	.frontWrap .design-guide .h2_ttl3{
		font-size: 28px;
		background-size: 198px 120px;
		margin-bottom: 30px;
	}
}
/*　04　*/
.frontWrap .system-guide{
	padding: 30px 0;
	background-color: #eeecdd;
}
.frontWrap .system-guide .h2_ttl{
	color: #131313;
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
	padding: 60px 0;
}
.system-list {
	margin-right: auto;
	margin-left: auto;
}
.system-guide .contentArea {
	color: #131313;
}
@media only screen and (max-width: 735px) {
.system-list {
	width: 95%;
	}
}
@media only screen and (max-width: 735px) {
	.frontWrap .system-guide{
		padding: 8% 0;
		margin-top: -3em;
	}
	.frontWrap .system-guide .h2_ttl {
    FONT-VARIANT: JIS04;
    font-size: 5vw;
    padding-top: 14px;
    background-size: 120px 80px;
    margin-bottom: 10px;
    padding-bottom: 15px;
    margin-top: 56px;
}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.frontWrap .system-guide{
		padding: 40px 0;
	}
	.frontWrap .system-guide .h2_ttl{
		font-size: 28px;
		background-size: 198px 120px;
		margin-bottom: 30px;
	}
}

/*　05　*/
.frontWrap .support-guide .support_txt {
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 1em;
}
.frontWrap .support-guide .h2_ttl{
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 24px;
	padding: 55px 0px 50px 0px;
}
@media only screen and (max-width: 735px) {
	.frontWrap .support-guide{
		padding: 0 10px 0 10px;
	}
	.frontWrap .support-guide .h2_ttl{
		    font-size: 5vw;
    padding: 60px 0px 25px 0px;
    background-position: center 50px;
    background-size: 120px 80px;
    margin-bottom: 0.5em;
	}
.frontWrap .support-guide .support_txt {
    font-size: 0.9em;
    font-weight: bold;
    padding-top: 0.7em;
    line-height: 130%;
    margin-bottom: 1.2em;
    text-align: left;
}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.frontWrap .support-guide{
		padding: 40px 0;
	}
	.frontWrap .support-guide .h2_ttl{
		font-size: 28px;
		background-size: 198px 120px;
		margin-bottom: 30px;
	}
}

/*EC通販のお悩みを解決*/

.h2_ttl2{
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	padding-top: 1.8em;
    padding-bottom: 0.5em;
}
@media only screen and (max-width: 735px) {
	.h2_ttl2{
	font-size: 5vw;
        padding: 60px 15px 25px 15px;
	padding-top: 1.8em;
    padding-bottom: 0.5em;
}
}

/*　導入企業　*/
.frontWrap .introduction-guide{
	position: relative;
	overflow: hidden;
	padding: 60px 0;
}
.frontWrap .introduction-guide .h2_ttl{
	color: #000000;
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
	background-image: none;
}
.frontWrap .introduction-guide .block_btn{
	margin-top: 20px;
}
.frontWrap .introduction-guide .block_btn li{
	max-width: 380px;
}
.frontWrap .introduction-guide .block_btn .btn{
	font-size: 26px;
	line-height: 2.6;
	padding: 0;
	box-shadow: 2px 2px 4px #828282;
}
.frontWrap .introduction-guide .block_btn .btn::before{
	width: 40px;
	height: 16px;
	border: 8px solid transparent;
	border-left: 16px solid #fff;
}
@media only screen and (max-width: 735px) {
	.frontWrap .introduction-guide {
		padding: 10px 0px 60px 0;
	}
	.frontWrap .introduction-guide .h2_ttl{
		font-size: 5vw;
		margin-bottom: 5%;
	}
	.frontWrap .introduction-guide .block_btn{
		margin-top: 5%;
	}
	.frontWrap .introduction-guide .block_btn li {
		max-width: 90%;
	}
	.frontWrap .introduction-guide .block_btn .btn{
		font-size: 4.4vw;
		padding: 0;
	}
	.frontWrap .introduction-guide .block_btn .btn::before{
		width: 12px;
		height: 12px;
		border: 8px solid transparent;
		border-left: 8px solid #fff;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.frontWrap .introduction-guide{
		position: relative;
	}
	.frontWrap .introduction-guide .h2_ttl{
		font-size: 28px;
	}
	.frontWrap .introduction-guide .block_btn{
		margin-top: 10px;
	}
	.frontWrap .introduction-guide .block_btn li{
		width: 300px;
	}
	.frontWrap .introduction-guide .block_btn .btn{
		font-size: 22px;
		padding: 0;
	}
	.frontWrap .introduction-guide .block_btn .btn::before{
		width: 16px;
		height: 16px;
		border: 8px solid transparent;
		border-left: 8px solid #fff;
	}
}
/*　ご利用までの流れ　*/
.frontWrap .flow-guide{
	background-color: #F0F0E8;
	padding: 80px 0;
}
.frontWrap .flow-guide .h2_ttl{
	color: rgba(0,0,0,1);
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0px;
	background-image: none;
	padding-bottom: 0px;
    padding-top: 0px;
}
.frontWrap .flow-guide .flow-grid{
	background-image: url(../image/top/pc_arrow.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.frontWrap .flow-guide .flow-list{
	 width: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	padding-right: 20%;
}
.frontWrap .flow-guide .flow-item{
	width: 25%;
	padding: 0 0.5%;
}
.frontWrap .flow-guide .flow-item-step{
	position: relative;
	color: #828282;
	top: 0;
	font-size: 38px;
	font-weight: 700;
}
.frontWrap .flow-guide .flow-item-step span{
	font-size: 26px;
	letter-spacing: 2px;
}
.frontWrap .flow-guide .flow-note{
	color: rgba(0,0,0,1);
	font-size: 16px;
	font-weight: 700;
	text-align: right;
}
@media only screen and (max-width: 735px) {
	.frontWrap .flow-guide{
		padding: 8% 0;
	}
	.frontWrap .flow-guide .flow-grid {
		background-size: 75%;
		background-position: 85px center;
	}
	.frontWrap .flow-guide .h2_ttl{
		font-size: 5vw;
		margin-bottom: 5%;
	}
	.frontWrap .flow-guide .flow-item-step{
		font-size: 5vw;
	}
	.frontWrap .flow-guide .flow-item-step span{
		font-size: 4vw;
	}
	.frontWrap .flow-guide .flow-note{
		 font-size: 0.8em;
    text-align: left;
    font-weight: normal;
    line-height: 1.3em;
    padding-top: 0.7em;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.frontWrap .flow-guide{
		padding: 40px 0;
	}
	.frontWrap .flow-guide .h2_ttl{
		font-size: 28px;
		margin-bottom: 30px;
	}
	.frontWrap .flow-guide .flow-item-step{
		font-size: 28px;
	}
	.frontWrap .flow-guide .flow-item-step span{
		font-size: 20px;
	}
	.frontWrap .flow-guide .flow-note{
		font-size: 14px;
	}
}
/*　セミナー情報　*/
.frontWrap .seminar-guide{
	padding: 80px 0;
}
.frontWrap .seminar-guide .h2_ttl{
	color: #000000;
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 60px;
	background-image: none;
}
.frontWrap .seminar-guide .post-list .post-items{
	background: #f8f8f8;
	width: 47%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.frontWrap .seminar-guide .post-list .post-items:nth-child(2n){
	margin-right: 0;
}
.frontWrap .seminar-guide .post-list .post-items .imgArea{
	position: relative;
	overflow: hidden;
	padding-top: 40%;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.frontWrap .seminar-guide .post-list .post-items .imgArea img{
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.frontWrap .seminar-guide .post-list .post-items .contentArea{
	padding: 0;
	display: flex;
}
.frontWrap .seminar-guide .post-list .post-items .contentArea .h3_ttl a{
	font-size: 18px;
	color: #333333;
}
.frontWrap .seminar-guide .post-list .post-items .crm-date{
	width: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #bc1a29;
	color: #ffffff;
	border-bottom-left-radius: 10px;
}
.frontWrap .seminar-guide .post-list .post-items .crm-date .radio-crm-date{
	text-align: center;
	font-size: 20px;
	line-height: 1.4;
}
.frontWrap .seminar-guide .post-list .post-items .radio-crm-date span{
	display: block;
}
.frontWrap .seminar-guide .post-list .post-items .crm-ttl{
	width: calc(100% - 120px);
	padding: 15px;
}
.frontWrap .seminar-guide .post-list .post-items .more_btn{
	text-align: right;
	margin-top: auto;
}
.frontWrap .seminar-guide .post-list .post-items .more_btn a{
	background: #000000;
	color: #ffffff;
	font-size: 16px;
	padding: 2px 30px;
	text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.frontWrap .seminar-guide .post-list .post-items .more_btn a i{
	margin-right: 10px;
}
.frontWrap .seminar-guide .block_btn{
	margin-top: 20px;
}
.frontWrap .seminar-guide .block_btn li{
	max-width: 380px;
}
.frontWrap .seminar-guide .block_btn .btn{
	font-size: 26px;
	line-height: 2.6;
	padding: 0;
	box-shadow: 2px 2px 4px #828282;
}
.frontWrap .seminar-guide .block_btn .btn::before{
	width: 40px;
	height: 16px;
	border: 8px solid transparent;
	border-left: 16px solid #fff;
}
@media only screen and (max-width: 735px) {
	.frontWrap .seminar-guide{
		padding: 8% 0;
	}
	.frontWrap .seminar-guide .h2_ttl{
		font-size: 5vw;
		margin-bottom: 5%;
	}
	.frontWrap .seminar-guide .post-list .post-items{
		width: 100%;
		margin-right: 0;
		margin-bottom: 5%;
	}
	.frontWrap .seminar-guide .post-list .post-items .crm-date{
		width: 20%;
	}
	.frontWrap .seminar-guide .post-list .post-items .crm-date .radio-crm-date{
		font-size: 4vw;
	}
	.frontWrap .seminar-guide .post-list .post-items .crm-ttl{
		width: calc(100% - 20%);
		padding: 3%;
	}
	.frontWrap .seminar-guide .post-list .post-items .crm-ttl .h3_ttl a{
		font-size: 3.6vw;
	}
	.frontWrap .seminar-guide .post-list .post-items .more_btn a{
		font-size: 3.4vw;
		padding: 2px 15px;
	}
	.frontWrap .seminar-guide .post-list .post-items .more_btn a i{
		margin-right: 10px;
	}
	.frontWrap .seminar-guide .block_btn{
		margin-top: 5%;
	}
	.frontWrap .seminar-guide .block_btn .btn{
		font-size: 4.4vw;
		padding: 0;
	}
	.frontWrap .seminar-guide .block_btn .btn::before{
		width: 12px;
		height: 12px;
		border: 8px solid transparent;
		border-left: 8px solid #fff;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.frontWrap .seminar-guide{
		padding: 40px 0;
	}
	.frontWrap .seminar-guide .h2_ttl{
		font-size: 28px;
		margin-bottom: 30px;
	}
	.frontWrap .seminar-guide .post-list .post-items{
		width: 49%;
	}
	.frontWrap .seminar-guide .post-list .post-items:nth-child(3n){
		margin-right: 2%;
	}
	.frontWrap .seminar-guide .post-list .post-items:nth-child(2n){
		margin-right: 0;
	}
	.frontWrap .seminar-guide .post-list .post-items .crm-date{
		width: 80px;
	}
	.frontWrap .seminar-guide .post-list .post-items .crm-date .radio-crm-date{
		font-size: 18px;
	}
	.frontWrap .seminar-guide .post-list .post-items .crm-ttl{
		width: calc(100% - 80px);
		padding: 10px;
	}
	.frontWrap .seminar-guide .post-list .post-items .crm-ttl .h3_ttl a{
		min-height: 66px;
		font-size: 16px;
	}
	.frontWrap .seminar-guide .post-list .post-items .more_btn a{
		font-size: 15px;
		padding: 2px 20px;
	}
	.frontWrap .seminar-guide .post-list .post-items .more_btn a i{
		margin-right: 10px;
	}
	.frontWrap .seminar-guide .block_btn{
		margin-top: 10px;
	}
	.frontWrap .seminar-guide .block_btn li{
		width: 300px;
	}
	.frontWrap .seminar-guide .block_btn .btn{
		font-size: 22px;
		padding: 0;
	}
	.frontWrap .seminar-guide .block_btn .btn::before{
		width: 16px;
		height: 16px;
		border: 8px solid transparent;
		border-left: 8px solid #fff;
	}
}
/*　ニュース　*/
.frontWrap .front-news{
	background-image: url(../img/top-news-back@2x.webp);
	background-size: cover;
	padding: 40px 0;
}
.frontWrap .front-news .h2_ttl{
	color: #ffffff;
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 60px;
	background-image: none;
}
.frontWrap .front-news .news-items{
	margin-bottom: 20px;
}
.frontWrap .front-news .news-items a{
	width: 100%;
	color: #ffffff;
	align-items: center;
}
.frontWrap .front-news .news-items .news-deta{
	width: 360px;
	align-items: center;
}
.frontWrap .front-news .news-items .news-deta .date{
	font-size: 20px;
	font-weight: 700;
}
.frontWrap .front-news .news-items .the_terms li{
	width: 160px;
	margin: 0 20px;
	color: #BC1A29;
	background-color: #fff;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}
.frontWrap .front-news .news-items .news-ttl{
	width: calc(100% - 360px);
	font-size: 20px;
	font-weight: 700;
}
.frontWrap .front-news .block_btn{
	margin-top: 60px;
}
.frontWrap .front-news .block_btn li{
	max-width: 380px;
}
.frontWrap .front-news .block_btn .btn{
	background-color: #fff;
	color: #BC1A29;
	font-size: 26px;
	line-height: 2.6;
	padding: 0;
}
.frontWrap .front-news .block_btn .btn::before{
	width: 40px;
	height: 16px;
	border: 8px solid transparent;
	border-left: 16px solid #BC1A29;
}
@media only screen and (max-width: 735px) {
	.frontWrap .front-news{
		background-image: none;
		background-color: #7e7e7e;
		padding: 5% 0;
	}
	.frontWrap .front-news .h2_ttl{
		font-size: 5vw;
		margin-bottom: 5%;
	}
	.frontWrap .front-news .news-items{
		margin-bottom: 3%;
	}
	.frontWrap .front-news .news-items a{
		display: block;
	}
	.frontWrap .front-news .news-items .news-deta{
		display: flex;
		margin-bottom: 5px;
	}
	.frontWrap .front-news .news-items .news-deta .date{
		font-size: 3.6vw;
	}
	.frontWrap .front-news .news-items .the_terms li{
		width: 120px;
		margin: 0 20px;
		font-size: 3.26vw;
	}
	.frontWrap .front-news .news-items .news-ttl{
		width: 100%;
		font-size: 3.6vw;
	}
	.frontWrap .front-news .block_btn{
		margin-top: 5%;
	}
	.frontWrap .front-news .block_btn li{
		max-width: 90%;
	}
	.frontWrap .front-news .block_btn .btn{
		font-size: 4.4vw;
		padding: 0;
	}
	.frontWrap .front-news .block_btn .btn::before{
		width: 12px;
		height: 12px;
		border: 8px solid transparent;
		border-left: 8px solid #BC1A29;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.frontWrap .front-news{
		padding: 30px 0;
	}
	.frontWrap .front-news .h2_ttl{
		font-size: 28px;
		margin-bottom: 30px;
	}
	.frontWrap .front-news .news-items{
		margin-bottom: 10px;
	}
	.frontWrap .front-news .news-items a{
		display: block;
	}
	.frontWrap .front-news .news-items .news-deta{
		margin-bottom: 5px;
	}
	.frontWrap .front-news .news-items .news-deta .date{
		font-size: 16px;
	}
	.frontWrap .front-news .news-items .the_terms li{
		width: 120px;
		margin: 0 20px;
		font-size: 14px;
	}
	.frontWrap .front-news .news-items .news-ttl{
		width: 100%;
		font-size: 16px;
	}
	.frontWrap .front-news .block_btn{
		margin-top: 40px;
	}
	.frontWrap .front-news .block_btn li{
		width: 300px;
	}
	.frontWrap .front-news .block_btn .btn{
		font-size: 22px;
		padding: 0;
	}
	.frontWrap .front-news .block_btn .btn::before{
		width: 16px;
		height: 16px;
		border: 8px solid transparent;
		border-left: 8px solid #BC1A29;
	}
}
/**
/* 通販CRMラボ CSS
----------------------------------------------- */
.page_tsuuhan-crm-lab .header-view h2{
	text-align: center;
	margin-bottom: 30px;
}
.page_tsuuhan-crm-lab .header-view h2 img{
	max-width: 217px;
}
.page_tsuuhan-crm-lab .header-view{
	background: url(../image/slider_bg.webp) center top no-repeat;
	padding: 140px 0 40px 0;
}
.page_tsuuhan-crm-lab .header-view .view-Img img{
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.page_tsuuhan-crm-lab .header-view .slick-slide{
	transition: .3s ease;
	transform: scale(.85);
}
.page_tsuuhan-crm-lab .header-view .slick-current{
	transform: scale(1);
}
.page_tsuuhan-crm-lab .header-view .slick-active::after{
	background: -moz-linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.1) 60%,rgba(0, 0, 0, 0.8)); 
	background: -webkit-linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.1) 60%,rgba(0, 0, 0, 0.8)); 
	background: linear-gradient(to bottom,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.1) 60%,rgba(0, 0, 0, 0.8)); 
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.page_tsuuhan-crm-lab .header-view .desc{
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	z-index: 2;
}
.page_tsuuhan-crm-lab .slick-prev{
	left: 20%;
	z-index: 3;
}
.page_tsuuhan-crm-lab .slick-next{
	right: 20%;
	z-index: 3;
}
.recommend-guide .h2_ttl,
.blog-guide .h2_ttl{
	color: #000000;
	font-size: 29px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 60px;
}
.page_tsuuhan-crm-lab .blog-guide{
	background: #fbfbfb;
	padding: 80px 0;
}
.blog-guide .post-grid .block_btn{
	margin-top: 20px;
}
.blog-guide .post-grid .block_btn li{
	max-width: 380px;
}
.blog-guide .post-grid .block_btn .btn{
	font-size: 26px;
	line-height: 2.6;
	padding: 0;
	box-shadow: 2px 2px 4px #828282;
}
.blog-guide .post-grid .block_btn .btn::before{
	width: 40px;
	height: 16px;
	border: 8px solid transparent;
	border-left: 16px solid #fff;
}
.bnr-guide .bnr-link .bnr-items{
	width: 49%;
}
.bnr-guide .bnr-link .bnr-items a{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #ffffff;
	box-shadow: 2px 2px 10px #00000066;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
}
.bnr-guide .bnr-link .bnr-items a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 3%;
	width: 15px;
	height: 15px;
	margin: -7px 0 0 0;
	border-top: solid 3px #bb1929;
	border-right: solid 3px #bb1929;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.bnr-guide .bnr-link .bnr-items .imgArea{
	width: 40%;
	overflow: hidden;
}
.bnr-guide .bnr-link .bnr-items .imgArea img{
	width: auto;
	height: 100%;
	object-fit: cover;
}
.bnr-guide .bnr-link .bnr-items .contentArea{
	width: 60%;
	padding: 0 3% 0 3%;
}
.bnr-guide .bnr-link .bnr-items .contentArea h3{
	border-bottom: none;
	color: #bb1929;
	font-size: 18px;
	font-weight: 700;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	letter-spacing: -0.02em;
}
.bnr-guide .bnr-link .bnr-items .contentArea .desc{
	color: #222222;
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	line-height: 1.8;
}
@media only screen and (max-width: 735px) {
	.page_tsuuhan-crm-lab .header-view{
		padding: 90px 0 5% 0;
	}
	.page_tsuuhan-crm-lab .header-view h2{
		margin-bottom: 3%;
	}
	.page_tsuuhan-crm-lab .header-view h2 img{
		width: 140px;
	}
	.page_tsuuhan-crm-lab .header-view .desc{
		left: 3%;
		bottom: 3%;
		font-size: 3.26vw;
	}
	.page_tsuuhan-crm-lab .slick-prev{
		left: 8%;
	}
	.page_tsuuhan-crm-lab .slick-next{
		right: 8%;
	}
	.recommend-guide .h2_ttl,
	.blog-guide .h2_ttl{
		font-size: 5vw;
		margin-bottom: 5%;
	}
	.page_tsuuhan-crm-lab .blog-guide{
		padding: 8% 0;
	}
	.blog-guide .post-grid .block_btn{
		margin-top: 5%;
	}
	.blog-guide .post-grid .block_btn .btn{
		font-size: 4.4vw;
		padding: 0;
	}
	.blog-guide .post-grid .block_btn .btn::before{
		width: 12px;
		height: 12px;
		border: 8px solid transparent;
		border-left: 8px solid #fff;
	}
	.bnr-guide .bnr-link .bnr-items{
		width: 100%;
		margin-bottom: 3%;
	}
	.bnr-guide .bnr-link .bnr-items a{
		padding: 3%;
		box-shadow: 2px 2px 6px #00000066;
	}
	.bnr-guide .bnr-link .bnr-items a:after{
		right: 10px;
		width: 10px;
		height: 10px;
		margin: -4px 0 0 0;
		border-top: solid 2px #bb1929;
		border-right: solid 2px #bb1929;
	}
	.bnr-guide .bnr-link .bnr-items .imgArea{
		width: 35%;
	}
	.bnr-guide .bnr-link .bnr-items .imgArea img{
		height: 100%;
	}
	.bnr-guide .bnr-link .bnr-items .contentArea{
		width: 65%;
		padding: 0 20px 0 3%;
	}
	.bnr-guide .bnr-link .bnr-items .contentArea h3{
		font-size: 3.8vw;
		margin-bottom: 2%;
	}
	.bnr-guide .bnr-link .bnr-items .contentArea .desc{
		font-size: 3.4vw;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.page_tsuuhan-crm-lab .header-view{
		padding: 110px 0 30px 0;
	}
	.page_tsuuhan-crm-lab .header-view h2{
		margin-bottom: 20px;
	}
	.page_tsuuhan-crm-lab .header-view h2 img{
		width: 160px;
	}
	.page_tsuuhan-crm-lab .header-view .desc{
		left: 20px;
		bottom: 15px;
		font-size: 20px;
	}
	.page_tsuuhan-crm-lab .slick-prev{
		left: 8%;
	}
	.page_tsuuhan-crm-lab .slick-next{
		right: 8%;
	}
	.recommend-guide .h2_ttl,
	.blog-guide .h2_ttl{
		font-size: 28px;
		margin-bottom: 30px;
	}
	.page_tsuuhan-crm-lab .blog-guide{
		padding: 40px 0;
	}
	.blog-guide .post-grid .block_btn{
		margin-top: 10px;
	}
	.blog-guide .post-grid .block_btn li{
		width: 300px;
	}
	.blog-guide .post-grid .block_btn .btn{
		font-size: 22px;
		padding: 0;
	}
	.blog-guide .post-grid .block_btn .btn::before{
		width: 16px;
		height: 16px;
		border: 8px solid transparent;
		border-left: 8px solid #fff;
	}
	.bnr-guide .bnr-link .bnr-items{
		width: 49%;
	}
	.bnr-guide .bnr-link .bnr-items a{
		padding: 10px;
		min-height: 155px;
	}
	.bnr-guide .bnr-link .bnr-items a:after{
		right: 12px;
		width: 12px;
		height: 12px;
		margin: -6px 0 0 0;
		border-top: solid 2px #bb1929;
		border-right: solid 2px #bb1929;
	}
	.bnr-guide .bnr-link .bnr-items .imgArea{
		width: 40%;
	}
	.bnr-guide .bnr-link .bnr-items .imgArea img{
		height: 100%;
	}
	.bnr-guide .bnr-link .bnr-items .contentArea{
		width: 60%;
		padding: 0 15px 0 10px;
	}
	.bnr-guide .bnr-link .bnr-items .contentArea h3{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.bnr-guide .bnr-link .bnr-items .contentArea .desc{
		font-size: 13px;
	}
}
/**
/* 投稿一覧 CSS
----------------------------------------------- */
.blog .page-header,
.archive .page-header{
	background: #bb1929;
}
.post-grid .post-list .post-items{
	width: 31.3333%;
	background: #ffffff;
	box-shadow: 2px 2px 8px #0000004f;
	margin-bottom: 60px;
	margin-right: 3%;
}
.post-grid .post-list .post-items:nth-child(3n){
	margin-right: 0;
}
.post-list .post-items .contentArea{
	padding: 15px;
}
.post-list .post-items .contentArea .h3_ttl{
	color: #55555d;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 20px;
}
.post-list .post-items .contentArea .post-terms{
	line-height: 1.2;
}
.post-list .post-items .contentArea .post-terms li{
	display: inline-block;
	margin: 0 5px 5px 0;
}
.post-list .post-items .contentArea .post-terms li a{
	color: #bb1929;
	font-size: 14px;
	font-weight: 700;
}
@media only screen and (max-width: 735px) {
	.post-grid .post-list .post-items{
		width: 49%;
		margin-bottom: 3%;
		margin-right: 2%;
		box-shadow: 2px 2px 6px #0000004f;
	}
	.post-grid .post-list .post-items:nth-child(3n){
		margin-right: 2%;
	}
	.post-grid .post-list .post-items:nth-child(2n){
		margin-right: 0;
	}
	.post-list .post-items .contentArea{
		padding: 5%;
	}
	.post-list .post-items .contentArea .h3_ttl{
		font-size: 3.4vw;
		margin-bottom: 3%;
	}
	.post-list .post-items .contentArea .post-terms li{
		margin: 0 1% 1% 0;
	}
	.post-list .post-items .contentArea .post-terms li a{
		font-size: 2.8vw;
	}
	.seminar-guide .post-grid .post-list .post-items {
        width: 100%;
        margin-top: 0.7em;
    }
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.post-grid .post-list .post-items{
		width: 32%;
		margin-bottom: 3%;
		margin-right: 2%;
	}
	.post-grid .post-list .post-items:nth-child(3n){
		margin-right: 0;
	}
	.post-list .post-items .contentArea{
		padding: 15px;
	}
	.post-list .post-items .contentArea .h3_ttl{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.post-list .post-items .contentArea .post-terms li{
		margin: 0 5px 5px 0;
	}
	.post-list .post-items .contentArea .post-terms li a{
		font-size: 14px;
	}
}
/**
/* EC通販用語集 CSS
----------------------------------------------- */
/*　　頭文字から探す　　*/
.page_glossary .page-header{
	background: url(../image/glossary_bg.webp) center center no-repeat;
	background-size: cover;
}
.glossary-guide .glossary-search .search-items{
	margin-bottom: 80px;
}
.glossary-guide .glossary-search .search-items:last-child{
	margin-bottom: 40px;
}
.glossary-guide .glossary-search h2{
	color: #000000;
	font-size: 29px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
}
.glossary-guide .glossary-search h2 span{
	font-size: 22px;
	font-weight: 500;
}
.glossary-guide .glossary-search .search-box{
	background: #f3f3f3;
	padding: 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.glossary-guide .glossary-search .search-box ul.ja{
	max-width: 800px;
	margin: auto;
	-webkit-justify-content: center;
	justify-content: center;
}
.glossary-guide .glossary-search .search-box ul.ja li{
	margin: 15px 20px;
}
.glossary-guide .glossary-search .search-box ul.en{
	max-width: 1200px;
	margin: auto;
}
.glossary-guide .glossary-search .search-box ul.en li{
	width: 8%;
	margin: 15px 1%;
}
.glossary-guide .glossary-search .search-box ul li a{
	display: block;
	background: #ffffff;
	border: 4px solid #bb1929;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #000000;
	font-size: 28px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	box-shadow: 2px 2px 4px #828282;
}
.glossary-guide .glossary-search .search-box ul.ja li a{
	padding: 10.5px 15px;
}
.glossary-guide .glossary-search .search-box ul.en li a{
	padding: 15px 0;
}
.glossary-guide .glossary-search .search-box ul li a:first-letter{
	font-size: 34px;
}
.glossary-guide .glossary-list .glossary-items{
	border-bottom: solid 3px #f3f3f3;
	margin-bottom: 40px;
}
.glossary-guide .glossary-list .glossary-items h3{
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
}
.glossary-guide .glossary-list .glossary-items h3:first-letter{
	font-size: 28px;
}
.glossary-guide .glossary-list .glossary-items ul li{
	width: 33%;
	margin: 0 0 25px 0;
}
.glossary-guide .glossary-list .glossary-items ul li a{
	display: block;
	position: relative;
	color: #ba1928;
	font-size: 20px;
	font-weight: 500;
	padding: 0 0 0 35px;
}
.glossary-guide .glossary-list .glossary-items ul li a:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 15px;
	height: 15px;
	margin: -6px 0 0 0;
	border-top: solid 3px #ba1928;
	border-right: solid 3px #ba1928;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.related_tx1 {
  font-size: 1em;
  background-color: #9F9F9F;
  padding: 0.2em;
  margin-bottom: 0px;
  color: #fff;
  padding-left: 0.7em;
		margin-top: 3em;
}
.related_box {
    display: flex;
    border: solid 1px #9F9F9F;
}
.related_img {
   width: 35%;
		margin-bottom: 0px;
}
.related_box2 {
    width: 65%;
	display: flex;
  justify-content: left;
  align-items: center;
}
.related_tx2 a {
			display: block;
			font-size: 1.1em;
				font-weight: bold;
	line-height: 135%;
			padding-left: 15px;
			padding-right: 15px;
			text-decoration: none;
			color: #C10003;
	transition: 0.8s;
		}
.related_tx2 a :hover {
	color: #212121;
}

@media only screen and (max-width: 735px) {
	.glossary-guide .glossary-search .search-items{
		margin-bottom: 8%;
	}
	.glossary-guide .glossary-search .search-items:last-child{
		margin-bottom: 5%;
	}
	.glossary-guide .glossary-search h2{
		font-size: 5.4vw;
		margin-bottom: 3%;
	}
	.glossary-guide .glossary-search h2 span{
		font-size: 4vw;
	}
	.glossary-guide .glossary-search .search-box{
		padding: 5%;
	}
	.glossary-guide .glossary-search .search-box ul.ja li{
		width: 20%;
		margin: 1.5%;
	}
	.glossary-guide .glossary-search .search-box ul.en li{
		width: 14%;
		margin: 1.5% 1%;
	}
	.glossary-guide .glossary-search .search-box ul li a{
		border: 3px solid #bb1929;
		font-size: 4vw;
	}
	.glossary-guide .glossary-search .search-box ul.ja li a{
		padding: 10px 0;
	}
	.glossary-guide .glossary-search .search-box ul.en li a{
		padding: 10px 0;
	}
	.glossary-guide .glossary-search .search-box ul li a:first-letter{
		font-size: 6vw;
	}
	.glossary-guide .glossary-list .glossary-items{
		border-bottom: solid 2px #f3f3f3;
		margin-bottom: 3%;
	}
	.glossary-guide .glossary-list .glossary-items h3{
		font-size: 4vw;
		margin-bottom: 3%;
	}
	.glossary-guide .glossary-list .glossary-items h3:first-letter{
		font-size: 5.4vw;
	}
	.glossary-guide .glossary-list .glossary-items ul li{
		width: 50%;
		margin: 0 0 3% 0;
	}
	.glossary-guide .glossary-list .glossary-items ul li a{
		font-size: 3.6vw;
		padding: 0 0 0 15px;
	}
	.glossary-guide .glossary-list .glossary-items ul li a:before{
		width: 8px;
		height: 8px;
		margin: -3px 0 0 0;
		border-top: solid 2px #ba1928;
		border-right: solid 2px #ba1928;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.glossary-guide .glossary-search .search-items{
		margin-bottom: 60px;
	}
	.glossary-guide .glossary-search .search-items:last-child{
		margin-bottom: 30px;
	}
	.glossary-guide .glossary-search h2{
		font-size: 28px;
		margin-bottom: 20px;
	}
	.glossary-guide .glossary-search h2 span{
		font-size: 22px;
	}
	.glossary-guide .glossary-search .search-box{
		padding: 20px;
	}
	.glossary-guide .glossary-search .search-box ul.ja li{
		margin: 10px;
	}
	.glossary-guide .glossary-search .search-box ul.en li{
		width: 8%;
		margin: 10px 1%;
	}
	.glossary-guide .glossary-search .search-box ul li a{
		border: 4px solid #bb1929;
		font-size: 22px;
	}
	.glossary-guide .glossary-search .search-box ul.ja li a{
		padding: 15px 10px;
	}
	.glossary-guide .glossary-search .search-box ul.en li a{
		padding: 10px 0;
	}
	.glossary-guide .glossary-search .search-box ul li a:first-letter{
		font-size: 32px;
	}
	.glossary-guide .glossary-list .glossary-items{
		margin-bottom: 30px;
	}
	.glossary-guide .glossary-list .glossary-items h3{
		font-size: 22px;
		margin-bottom: 10px;
	}
	.glossary-guide .glossary-list .glossary-items h3:first-letter{
		font-size: 32px;
	}
	.glossary-guide .glossary-list .glossary-items ul li{
		width: 25%;
		margin: 0 0 15px 0;
	}
	.glossary-guide .glossary-list .glossary-items ul li a{
		font-size: 18px;
		padding: 0 0 0 20px;
	}
	.glossary-guide .glossary-list .glossary-items ul li a:before{
		width: 10px;
		height: 10px;
		margin: -4px 0 0 0;
		border-top: solid 2px #ba1928;
		border-right: solid 2px #ba1928;
	}
}
/*　　一覧　　*/
.tax-glossary-category .page-header{
	background: url(../image/glossary_bg.webp) center center no-repeat;
	background-size: cover;
}
.tax-glossary-category .glossary-guide h2{
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 20px;
}
.glossary-guide .glossary-tag .tag-list li{
	font-size: 20px;
	font-weight: 500;
	border-bottom: 2px dotted #f3f3f3;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
@media only screen and (max-width: 1260px){
	.tax-glossary-category .glossary-guide h2{
		font-size: 26px;
		margin-bottom: 20px;
	}
	.glossary-guide .glossary-tag .tag-list li{
		font-size: 18px;
		margin-bottom: 15px;
		padding-bottom: 15px
	}
}
@media only screen and (max-width: 735px) {
	.tax-glossary-category .glossary-guide h2{
		font-size: 5vw;
		margin-bottom: 3%;
	}
	.glossary-guide .glossary-tag .tag-list li{
		font-size: 3.6vw;
		margin-bottom: 3%;
		padding-bottom: 3%;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.tax-glossary-category .glossary-guide h2{
		font-size: 22px;
		margin-bottom: 20px;
	}
	.glossary-guide .glossary-tag .tag-list li{
		font-size: 16px;
		margin-bottom: 15px;
		padding-bottom: 15px
	}
}
/**
/* EC通販用語集　詳細 CSS
----------------------------------------------- */
.single .page-header{
	background: #bb1929;
}
.single-guide .entry-body #toc_container{
	width: 100%;
	background: #fbfbfb url(../image/index_icon.webp) right bottom no-repeat;
	padding: 30px;
	border: none;
	margin-bottom: 40px;
}
.single-guide .entry-body #toc_container .toc_title{
	color: #bb1929;
	font-size: 24px;
	font-weight: 700;
	text-align: left;
}
.single-guide .entry-body #toc_container .toc_list a{
	display: block;
	font-size: 18px;
	font-weight: 700;
	padding: 0;
	margin: 10px 0;
}
.single-guide .entry-body .bnr-link{
	margin: 40px 0;
}
.single-guide .entry-body .bnr-link .bnr-items{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #ffffff;
	box-shadow: 2px 2px 10px #00000066;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
}
.single-guide .entry-body .bnr-link .bnr-items:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 12px;
	height: 12px;
	margin: -4px 0 0 0;
	border-top: solid 3px #bb1929;
	border-right: solid 3px #bb1929;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.single-guide .entry-body .bnr-link .bnr-items .imgArea{
	width: 25%;
	overflow: hidden;
}
.single-guide .entry-body .bnr-link .bnr-items .imgArea img{
	width: auto;
	height: 100%;
	object-fit: cover;
}
.single-guide .entry-body .bnr-link .bnr-items .contentArea{
	width: 75%;
	padding: 0 30px 0 15px;
}
.single-guide .entry-body .bnr-link .bnr-items .contentArea h3,
.single-guide .entry-body .bnr-link .bnr-items .contentArea h3 a{
	border-bottom: none;
	color: #bb1929;
	font-size: 18px;
	font-weight: 700;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}
.single-guide .entry-body .bnr-link .bnr-items .contentArea .desc{
	color: #222222;
	font-size: 14px;
	font-weight: 700;
	margin: 0;
}
.single-guide .entry-body .entry-tips{
	background: #fdf1e6;
	padding: 20px;
	margin-bottom: 40px;
}
.single-guide .entry-body .entry-tips h2{
	background: initial;
	border-left: none;
	color: #bb1929;
	font-size: 24px;
	font-weight: 700;
	padding: 0;
	margin: 0 0 10px 0;
}
.single-guide .entry-body .entry-tips p{
	margin: 0;
}
.single-guide .entry-body .block_btn{
	text-align: left;
}
.single-guide .entry-body .block_btn li{
	width: auto;
}
.single-guide .entry-body .block_btn .btn{
	font-size: 18px;
	line-height: 2;
	padding: 0 30px;
}
.single-guide .entry-body .block_btn .btn::before{
	width: 20px;
	height: 20px;
	border: 10px solid transparent;
	border-left: 10px solid #fff;
}
.single-guide .download-grid h2{
	color: #bb1929;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 30px;
	text-align: center;
}
.single-guide .download-grid h2 small{
	display: block;
	font-size: 16px;
}
.single-guide .download-grid .download-items{
	width: 94%;
	margin: auto;
	background: #ffffff;
	box-shadow: 2px 2px 10px #00000066;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 40px 30px;
	align-items: center;
}
.single-guide .download-grid .download-items .imgArea{
	width: 43%;
	text-align: center;
}
.single-guide .download-grid .download-items .contentArea{
	width: 57%;
	display: flex;
	flex-direction: column;
	padding-left: 30px;
}
.single-guide .download-grid .download-items .p_text{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 30px;
}
.single-guide .download-grid .download-items .block_btn{
	margin-top: auto;
}
.single-guide .download-grid .download-items .block_btn .btn{
	font-size: 25px;
	line-height: 2;
	padding: 0;
	box-shadow: 2px 2px 4px #828282;
}
.single-guide .download-grid .download-items .block_btn .btn::before{
	width: 24px;
	height: 24px;
	border: 12px solid transparent;
	border-left: 12px solid #fff;
}
.single-guide .bottom-grid{
	background: url(../image/bottom_bg.webp) center bottom no-repeat;
	background-size: cover;
	padding: 170px 0 50px 0;
}
.single-guide .bottom-grid .nav-items{
	width: 50%;
	padding: 20px;
	text-align: center;
}
.single-guide .bottom-grid .nav-items h3{
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 30px;
}
.single-guide .bottom-grid .nav-items h3 small{
	display: block;
	font-size: 16px;
}
.single-guide .bottom-grid .nav-items .imgArea a{
	display: block;
}
.single-guide .bottom-grid .nav-items .imgArea img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 10px #00000066;
}
@media only screen and (max-width: 735px) {
	.single-guide .entry-body #toc_container{
		background-size: 160px 145px;
		padding: 5%;
		margin-bottom: 5%;
	}
	.single-guide .entry-body #toc_container .toc_title{
		font-size: 5vw;
	}
	.single-guide .entry-body #toc_container .toc_list a{
		font-size: 4vw;
		margin: 3% 0;
	}
	.single-guide .entry-body .bnr-link{
		margin: 5% 0;
	}
	.single-guide .entry-body .bnr-link .bnr-items{
		padding: 3%;
		box-shadow: 2px 2px 6px #00000066;
	}
	.single-guide .entry-body .bnr-link .bnr-items:after{
		right: 10px;
		width: 10px;
		height: 10px;
		margin: -4px 0 0 0;
		border-top: solid 2px #bb1929;
		border-right: solid 2px #bb1929;
	}
	.single-guide .entry-body .bnr-link .bnr-items .imgArea{
		width: 35%;
	}
	.single-guide .entry-body .bnr-link .bnr-items .contentArea{
		width: 65%;
		padding: 0 20px 0 3%;
	}
	.single-guide .entry-body .bnr-link .bnr-items .contentArea h3,
	.single-guide .entry-body .bnr-link .bnr-items .contentArea h3 a{
		font-size: 3.8vw;
		margin-bottom: 2%;
	}
	.single-guide .entry-body .bnr-link .bnr-items .contentArea .desc{
		font-size: 3.4vw;
	}
	.single-guide .entry-body .entry-tips{
		padding: 5%;
		margin-bottom: 3%;
	}
	.single-guide .entry-body .entry-tips h2{
		font-size: 4.4vw;
		margin: 0 0 2% 0;
	}
	.single-guide .entry-body .block_btn .btn{
		font-size: 3.8vw;
		padding: 0 20px;
	}
	.single-guide .entry-body .block_btn .btn::before{
		width: 12px;
		height: 12px;
		border: 6px solid transparent;
		border-left: 6px solid #fff;
	}
	.single-guide .download-grid h2{
		font-size: 5vw;
		margin-bottom: 5%;
	}
	.single-guide .download-grid h2 small{
		font-size: 3.4vw;
	}
	.single-guide .download-grid .download-items{
		width: 100%;
		padding: 5%;
	}
	.single-guide .download-grid .download-items .imgArea{
		width: 100%;
		margin-bottom: 5%;
	}
	.single-guide .download-grid .download-items .contentArea{
		width: 100%;
		padding-left: 0;
	}
	.single-guide .download-grid .download-items .p_text{
		font-size: 3.4vw;
		line-height: 1.6;
		margin-bottom: 5%;
	}
	.single-guide .download-grid .download-items .block_btn .btn{
		font-size: 4vw;
		line-height: 2;
		padding: 0;
	}
	.single-guide .download-grid .download-items .block_btn .btn::before{
		width: 12px;
		height: 12px;
		border: 6px solid transparent;
		border-left: 6px solid #fff;
	}
	.single-guide .bottom-grid{
		padding: 20% 0 8% 0;
	}
	.single-guide .bottom-grid .nav-items{
		width: 100%;
		padding: 0 5%;
		margin-top: 8%;
	}
	.single-guide .bottom-grid .nav-items h3{
		font-size: 5vw;
		margin-bottom: 5%;
	}
	.single-guide .bottom-grid .nav-items h3 small{
		font-size: 3.4vw;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.single-guide .entry-body #toc_container{
		background-size: 200px 175px;
		padding: 20px;
		margin-bottom: 30px;
	}
	.single-guide .entry-body #toc_container .toc_title{
		font-size: 24px;
	}
	.single-guide .entry-body #toc_container .toc_list a{
		font-size: 18px;
		margin: 10px 0;
	}
	.single-guide .entry-body .bnr-link{
		margin: 30px 0;
	}
	.single-guide .entry-body .bnr-link .bnr-items{
		padding: 15px;
	}
	.single-guide .entry-body .bnr-link .bnr-items:after{
		right: 12px;
		width: 12px;
		height: 12px;
		margin: -6px 0 0 0;
		border-top: solid 2px #bb1929;
		border-right: solid 2px #bb1929;
	}
	.single-guide .entry-body .bnr-link .bnr-items .imgArea{
		width: 23%;
	}
	.single-guide .entry-body .bnr-link .bnr-items .contentArea{
		width: 77%;
		padding: 0 15px 0 10px;
	}
	.single-guide .entry-body .bnr-link .bnr-items .contentArea h3,
	.single-guide .entry-body .bnr-link .bnr-items .contentArea h3 a{
		font-size: 18px;
		margin-bottom: 5px;
	}
	.single-guide .entry-body .bnr-link .bnr-items .contentArea .desc{
		font-size: 15px;
	}
	.single-guide .entry-body .entry-tips{
		padding: 20px;
		margin-bottom: 20px;
	}
	.single-guide .entry-body .entry-tips h2{
		font-size: 22px;
		margin: 0 0 5px 0;
	}
	.single-guide .entry-body .block_btn .btn{
		font-size: 20px;
		padding: 0;
	}
	.single-guide .entry-body .block_btn .btn::before{
		width: 16px;
		height: 16px;
		border: 8px solid transparent;
		border-left: 8px solid #fff;
	}
	.single-guide .download-grid h2{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.single-guide .download-grid h2 small{
		font-size: 15px;
	}
	.single-guide .download-grid .download-items{
		width: 100%;
		padding: 30px 20px;
	}
	.single-guide .download-grid .download-items .imgArea{
		width: 40%;
	}
	.single-guide .download-grid .download-items .contentArea{
		width: 60%;
		padding-left: 20px;
	}
	.single-guide .download-grid .download-items .p_text{
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	.single-guide .download-grid .download-items .block_btn .btn{
		font-size: 18px;
		padding: 0 20px;
	}
	.single-guide .download-grid .download-items .block_btn .btn::before{
		width: 16px;
		height: 16px;
		border: 8px solid transparent;
		border-left: 8px solid #fff;
	}
	.single-guide .bottom-grid{
		padding: 100px 0 30px 0;
	}
	.single-guide .bottom-grid .nav-items{
		width: 50%;
		padding: 15px;
	}
	.single-guide .bottom-grid .nav-items h3{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.single-guide .bottom-grid .nav-items h3 small{
		font-size: 15px;
	}
}
/**
/* 機能一覧 CSS
----------------------------------------------- */
.page_functions .page-header{
	background: url(../image/glossary_bg.webp) center center no-repeat;
	background-size: cover;
}
.functions-guide{
	padding: 0 0 40px 0;
}
.functions-guide .nav-grid{
	background: url(../image/functions/functions_bg.webp) no-repeat;
	background-position: 50% -40px;
	padding: 80px 0 0 0;
}
.functions-guide .nav-grid .nav-items{
	width: 48%;
	height: 280px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	box-shadow: 2px 2px 10px #00000066;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0 4% 60px 0;
}
.functions-guide .nav-grid .nav-items:nth-child(2n){
	margin: 0 0 60px 0;
}
.functions-guide .nav-grid .nav-items a{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	padding: 0 10px;
}
.functions-guide .nav-grid .nav-items .imgArea{
	width: 35%;
	text-align: center;
}
.functions-guide .nav-grid .nav-items:nth-child(2) a{
	align-items: flex-end;
}
.functions-guide .nav-grid .nav-items .contentArea{
	width: 65%;
	padding: 25px 15px;
}
.functions-guide .nav-grid .nav-items h3{
	color: #b81926;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 10px;
}
.functions-guide .nav-grid .nav-items .desc{
	color: #000000;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
}
.functions-guide .nav-grid .nav-items .icon{
	text-align: right;
}
.functions-guide .nav-grid .nav-items .icon i{
	color: #bc1a29;
    font-size: 42px;
}
.functions-guide .system-flow-grid{
	padding: 40px 0;
}
.functions-guide .system-flow-grid h2{
	color: #0c0c0c;
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 50px;
}
.functions-guide .system-flow-grid .imgArea{
	text-align: center;
}
@media only screen and (max-width: 735px) {
	.functions-guide{
		padding: 0 0 5% 0;
	}
	.functions-guide .nav-grid{
		background-position: 50% -120px;
		padding: 8% 0 0 0;
	}
	.functions-guide .nav-grid .nav-items{
		width: 100%;
		height: auto;
		margin: 0 0 5% 0;
	}
	.functions-guide .nav-grid .nav-items:nth-child(2n){
		margin: 0 0 5% 0;
	}
	.functions-guide .nav-grid .nav-items a{
		padding: 0 3%;
	}
	.functions-guide .nav-grid .nav-items .imgArea{
		width: 30%;
	}
	.functions-guide .nav-grid .nav-items .imgArea img{
		width: 80%;
	}
	.functions-guide .nav-grid .nav-items .contentArea{
		width: 70%;
		padding: 5% 3%;
	}
	.functions-guide .nav-grid .nav-items h3{
		font-size: 4.4vw;
		margin-bottom: 5px;
	}
	.functions-guide .nav-grid .nav-items .desc{
		font-size: 3.4vw;
		margin-bottom: 2%;
	}
	.functions-guide .nav-grid .nav-items .icon i{
	    font-size: 7vw;
	}
	.functions-guide .system-flow-grid{
		padding: 5% 0;
	}
	.functions-guide .system-flow-grid h2{
		font-size: 5.4vw;
		margin-bottom: 5%;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.functions-guide{
		padding: 0 0 30px 0;
	}
	.functions-guide .nav-grid{
		background-position: 50% -120px;
		padding: 60px 0 0 0;
	}
	.functions-guide .nav-grid .nav-items{
		width: 49%;
		height: 246px;
		margin: 0 2% 40px 0;
	}
	.functions-guide .nav-grid .nav-items:nth-child(2n){
		margin: 0 0 40px 0;
	}
	.functions-guide .nav-grid .nav-items a{
		padding: 0 10px;
	}
	.functions-guide .nav-grid .nav-items .imgArea{
		width: 35%;
	}
	.functions-guide .nav-grid .nav-items .contentArea{
		width: 65%;
		padding: 20px 10px 20px 15px;
	}
	.functions-guide .nav-grid .nav-items h3{
		font-size: 22px;
		margin-bottom: 5px;
	}
	.functions-guide .nav-grid .nav-items .desc{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.functions-guide .nav-grid .nav-items .icon i{
	    font-size: 36px;
	}
	.functions-guide .system-flow-grid{
		padding: 30px 0;
	}
	.functions-guide .system-flow-grid h2{
		font-size: 32px;
		margin-bottom: 30px;
	}
}
/**
/* CRM施策 CSS
----------------------------------------------- */
.marketing .page-header{
	background: #bb1929;
}
.marketing-guide{
	padding: 0 0 40px 0;
}
.marketing-guide .nav-grid{
	background: url(../image/functions/marketing_bg.webp) center center no-repeat;
	background-size: cover;
	padding: 80px 0;
}
.marketing-guide .nav-grid .nav-list{
	border-top: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}
.marketing-guide .nav-grid .nav-list li{
	width: 25%;
	background: #ffffff;
	border-bottom: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
}
.marketing-guide .nav-grid .nav-list li a{
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 500;
	padding: 20px 30px;
}
.marketing-guide .nav-grid .nav-list li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 10px;
	height: 10px;
	margin: -7px 0 0 0;
	border-top: solid 2px #bc1a29;
	border-right: solid 2px #bc1a29;
	-webkit-transform: rotate(135deg);
	        transform: rotate(135deg);
}
.marketing-guide .marketing-grid{
	padding: 80px 0;
}
.marketing-guide .marketing-video{
	padding: 0 0 60px 0;
}
.marketing-guide .marketing-video .video{
	position: relative;
	max-width: 800px;
	margin: auto;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.marketing-guide .marketing-video .video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.marketing-guide .marketing-video .video img{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	max-width: initial;
}
.marketing-guide .marketing-list .marketing-items{
	padding: 80px 0 60px 0;
}
.marketing-guide .marketing-list .marketing-items:nth-child(odd){
	background: #fbfbfb;
}
.marketing-guide .marketing-list .marketing-items:nth-child(odd) .marketing-inner{
	webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.marketing-guide .marketing-list .marketing-items .imgArea{
	width: 50%;
}
.marketing-guide .marketing-list .marketing-items .contentArea{
	width: 50%;
	padding: 0 0 0 40px;
}
.marketing-guide .marketing-list .marketing-items:nth-child(odd) .contentArea{
	padding: 0 40px 0 0;
}
.marketing-guide .marketing-list .marketing-items h2{
	color: #b81926;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
}
.marketing-guide .marketing-list .marketing-items h3{
	color: #212121;
	font-size: 23px;
	font-weight: 700;
	margin-bottom: 20px;
}
.marketing-guide .marketing-list .marketing-items .marketing-text p{
	color: #52525d;
	font-size: 16px;
	font-weight: 500;
}
@media only screen and (max-width: 735px) {
	.marketing-guide{
		padding: 0 0 5% 0;
	}
	.marketing-guide .nav-grid{
		padding: 5% 0;
	}
	.marketing-guide .nav-grid .nav-list li{
		width: 100%;
		border-right: none;
	}
	.marketing-guide .nav-grid .nav-list li a{
		font-size: 3.4vw;
		padding: 20px 30px;
	}
	.marketing-guide .nav-grid .nav-list li a:after {
		right: 20px;
		width: 10px;
		height: 10px;
		margin: -7px 0 0 0;
	}
	.marketing-guide .marketing-grid{
		padding:  5% 0;
	}
	.marketing-guide .marketing-list .marketing-items{
		padding: 5% 0;
	}
	.marketing-guide .marketing-list .marketing-items .imgArea{
		width: 100%;
		text-align: center;
		margin-bottom: 3%;
	}
	.marketing-guide .marketing-list .marketing-items .imgArea img{
		width: 70%;
		max-width: 300px;;
	}
	.marketing-guide .marketing-list .marketing-items .contentArea{
		width: 100%;
		padding: 0;
	}
	.marketing-guide .marketing-list .marketing-items h2{
		font-size: 4.2vw;
		margin-bottom: 2%;
		text-align: center;
	}
	.marketing-guide .marketing-list .marketing-items h3{
		font-size: 4.4vw;
		margin-bottom: 3%;
	}
	.marketing-guide .marketing-list .marketing-items .marketing-text p{
		font-size: 3.4vw;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.marketing-guide{
		padding: 0 0 30px 0;
	}
	.marketing-guide .nav-grid{
		padding: 40px 0;
	}
	.marketing-guide .nav-grid .nav-list li{
		width: 33.3333%;
	}
	.marketing-guide .nav-grid .nav-list li a{
		font-size: 14px;
		padding: 20px 15px;
	}
	.marketing-guide .nav-grid .nav-list li a:after {
		right: 15px;
		width: 8px;
		height: 8px;
		margin: -5px 0 0 0;
	}
	.marketing-guide .marketing-grid{
		padding: 40px 0 0 0;
	}
	.marketing-guide .marketing-video .video{
		width: 90%;
		margin: auto;
	}
	.marketing-guide .marketing-list .marketing-items{
		padding: 60px 0 30px 0;
	}
	.marketing-guide .marketing-list .marketing-items .imgArea{
		width: 45%;
	}
	.marketing-guide .marketing-list .marketing-items .contentArea{
		width: 55%;
		padding: 0 20px;
	}
	.marketing-guide .marketing-list .marketing-items h2{
		font-size: 19px;
		margin-bottom: 10px;
	}
	.marketing-guide .marketing-list .marketing-items h3{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.marketing-guide .marketing-list .marketing-items .marketing-text p{
		font-size: 14px;
	}
}
/**
/* jstabs CSS
----------------------------------------------- */
.page-guide .jstabs{
	max-width: 840px;
    margin: 40px auto 80px auto;
	background: #ffffff;
	border: 4px solid #bb1929;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 10px 60px;
}
.page-guide .jstabs .js-tab-btn{
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}
.page-guide .jstabs .js-tab-btn.current{
	color: #bb1929;
}
.page-guide .group-tab-contents,
.page-guide .js-tab-contents{
	display: none;
}
.page-guide .group-tab-contents.current,
.page-guide .js-tab-contents.current{
	display: block;
}
@media only screen and (max-width: 735px) {
	.page-guide .jstabs{
	    margin: 2% auto 8% auto;
		border: 2px solid #bb1929;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		padding: 3%;
		display: flex;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	.page-guide .jstabs .js-tab-btn{
		font-size: 3.4vw;
		margin: 0 3%;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.page-guide .jstabs{
	    margin: 20px auto 40px auto;
		border: 3px solid #bb1929;
		padding: 10px 40px;
	}
	.page-guide .jstabs .js-tab-btn{
		font-size: 15px;
	}
}
/**
/* 活用方法 CSS
----------------------------------------------- */
/*　　一覧　　*/
.page_scenes .page-header{
	background: #bb1929;
}
.page_scenes .page-header:before{
	position:absolute;
	bottom: 0;
	right: 0;
	display: block;
	content: '';
	width: 100%;
	max-width: 400px;
	height: 220px;
	background: url(../image/scenes/scenes-header-bg.webp) no-repeat;
	background-size: cover;
}
.scenes-guide .scenes-list .scenes-items{
	width: 31.3333%;
	background: #ffffff;
	box-shadow: 2px 2px 8px #0000004f;
	margin-bottom: 60px;
	margin-right: 3%;
}
.scenes-guide .scenes-list .scenes-items:nth-child(3n){
	margin-right: 0;
}
.scenes-guide .scenes-list .scenes-items .imgArea{
	position: relative;
}
.scenes-guide .scenes-list .scenes-items .the_terms{
	position: absolute;
	bottom: 0;
	right: 0;
}
.scenes-guide .scenes-list .scenes-items .the_terms li{
	background: #b91927;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 20px;
	text-align: center;
}
.scenes-guide .scenes-list .scenes-items .contentArea{
	padding: 20px;
}
.scenes-guide .scenes-list .scenes-items .scenes-ttl{
	color: #bb1929;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 20px;
}
.scenes-guide .scenes-list .scenes-items .scenes-text{
	font-size: 15px;
	font-weight: 500;
}
@media only screen and (max-width: 1260px){
	.page_scenes .page-header:before{
		width: 28%;
		max-width: initial;
		height: 200px;
	}
}
@media only screen and (max-width: 735px) {
	.page_scenes .page-header:before{
		content: none;
	}
	.scenes-guide .scenes-list .scenes-items{
		width: 49%;
		margin-bottom: 3%;
		margin-right: 2%;
		box-shadow: 2px 2px 6px #0000004f;
	}
	.scenes-guide .scenes-list .scenes-items:nth-child(3n){
		margin-right: 2%;
	}
	.scenes-guide .scenes-list .scenes-items:nth-child(2n){
		margin-right: 0;
	}
	.scenes-guide .scenes-list .scenes-items .the_terms li{
		font-size: 2.8vw;
		padding: 5px 10px;
	}
	.scenes-guide .scenes-list .scenes-items .contentArea{
		padding: 5%;
	}
	.scenes-guide .scenes-list .scenes-items .scenes-ttl{
		font-size: 3.6vw;
		margin-bottom: 3%;
	}
	.scenes-guide .scenes-list .scenes-items .scenes-text{
		font-size: 3.26vw;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.page_scenes .page-header:before{
		width: 25%;
		height: 200px;
	}
	.scenes-guide .scenes-list .scenes-items{
		width: 32%;
		margin-bottom: 40px;
		margin-right: 2%;
	}
	.scenes-guide .scenes-list .scenes-items .the_terms li{
		font-size: 12px;
		padding: 5px 20px;
	}
	.scenes-guide .scenes-list .scenes-items .contentArea{
		padding: 15px;
	}
	.scenes-guide .scenes-list .scenes-items .scenes-ttl{
		font-size: 17px;
		margin-bottom: 15px;
	}
	.scenes-guide .scenes-list .scenes-items .scenes-text{
		font-size: 14px;
	}
}
/*　　詳細　　*/
.single-sceneslist .scenes-header{
	background: #f9f9f9;
	padding: 90px 0 0 0;
	align-items: center;
}
.single-sceneslist .scenes-header .imgArea{
	width: 50%;
	overflow: hidden;
}
.single-sceneslist .scenes-header .imgArea img{
	width: auto;
	height: 100%;
	object-fit: cover;
}
.single-sceneslist .scenes-header .contentArea{
	width: 50%;
	padding: 0 20px 0 40px;
}
.single-sceneslist .scenes-header .contentArea h3{
	color: #b91927;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.03em;
	margin-bottom: 20px;
}
.single-sceneslist .scenes-header .contentArea .header-text{
	color: #000000;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.03em;
}
.single-sceneslist .scenes-guide{
	padding: 0;
}
.scenes-guide .scenes-start{
	position: relative;
	background: #bb1929;
	padding: 60px 0;
}
.scenes-guide .scenes-start:after{
	position: absolute;
	bottom: -35px;
	right: 50%;
	width: 0;
	height: 0;
	content: '';
	border-width: 35px 35px 0 35px;
	border-style: solid;
	border-color: #bb1929 transparent transparent transparent;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	z-index: 3;
}
.scenes-guide .scenes-start:before{
	position:absolute;
	bottom: 0;
	right: 0;
	display: block;
	content: '';
	width: 100%;
	max-width: 640px;
	height: 143px;
	background: url(../image/scenes/start_bg.webp) no-repeat;
	background-size: cover;
}
.scenes-guide .scenes-start .caption{
	position: relative;
	text-align: center;
	margin-bottom: 40px;
}
.scenes-guide .scenes-start .caption:before {
	position: absolute;
	bottom: -15px;
	left: calc(50% - 30px);
	width: 60px;
	height: 4px;
	content: '';
	border-radius: 3px;
	background: #ffffff;
}
.scenes-guide .scenes-start .caption span{
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.03em;
}
.scenes-guide .scenes-start .h2-ttl{
	color: #ffffff;
	font-size: 38px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-align: center;
	margin-bottom: 60px;
}
.scenes-guide .scenes-start .start-items{
	align-items: center;
	width: 48%;
	background: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
}
.scenes-guide .scenes-start .start-items h3{
	width: 30%;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.2;
	text-align: center;
}
.scenes-guide .scenes-start .scenes-task h3{
	color: #006384;
}
.scenes-guide .scenes-start .scenes-point h3{
	color: #c71429;
}
.scenes-guide .scenes-start .start-items .start-text{
	width: 70%;
	font-size: 15px;
	font-weight: 500;
	padding: 10px 0 10px 20px;
}
.scenes-guide .scenes-start .scenes-task .start-text{
	border-left: 3px solid #006384;
}
.scenes-guide .scenes-start .scenes-point .start-text{
	border-left: 3px solid #c71429;
}
.scenes-guide .scenes-measure{
	position: relative;
	background: #ffffff;
	padding: 80px 0 60px 0;
}
.scenes-guide .scenes-measure:after{
	position: absolute;
	bottom: -35px;
	right: 50%;
	width: 0;
	height: 0;
	content: '';
	border-width: 35px 35px 0 35px;
	border-style: solid;
	border-color: #ffffff transparent transparent transparent;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	z-index: 2;
}
.scenes-guide .scenes-measure .h2-ttl{
	color: #0c0c0c;
	font-size: 38px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-align: center;
}
.scenes-guide .scenes-measure .scenes-nav{
	width: 100%;
	overflow: hidden;
	display: flex;
	margin: 40px 0 80px 0;
}
.scenes-guide .scenes-measure .scenes-nav li{
	width: 19%;
	position:relative;
	background: #fedcde;
	padding: 1em 0.5em 1em 2em;
	color: #fff;
	text-align: center;
}
.scenes-guide .scenes-measure .scenes-nav li:before,
.scenes-guide .scenes-measure .scenes-nav li:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 41px solid transparent;
	border-bottom: 41px solid transparent;
	position: absolute;
	top: 50%;
	margin-top: -41px;
	left: 100%;
}
.scenes-guide .scenes-measure .scenes-nav li:before{
	border-left: 30px solid #fedcde;
	z-index: 2;
}
.scenes-guide .scenes-measure .scenes-nav li:after{
	border-left: 30px solid #fff;
	margin-left: 1px;
	z-index: 1;
}
.scenes-guide .scenes-measure .scenes-nav li:nth-child(2){
	background: #feb2b5;
}
.scenes-guide .scenes-measure .scenes-nav li:nth-child(2):before{
	border-left: 30px solid #feb2b5;
}
.scenes-guide .scenes-measure .scenes-nav li:nth-child(3){
	background: #fd9d97;
}
.scenes-guide .scenes-measure .scenes-nav li:nth-child(3):before{
	border-left: 30px solid #fd9d97;
}
.scenes-guide .scenes-measure .scenes-nav li:nth-child(4){
	background: #fc6c65;
}
.scenes-guide .scenes-measure .scenes-nav li:nth-child(4):before{
	border-left: 30px solid #fc6c65;
}
.scenes-guide .scenes-measure .scenes-nav li:nth-child(5){
	background: #c71429;
}
.scenes-guide .scenes-measure .scenes-nav li:nth-child(5):before{
	border-left: 30px solid #c71429;
}
.scenes-guide .scenes-measure .scenes-nav li a{
	display: block;
	position: relative;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-align: center;
}
.scenes-guide .scenes-measure .scenes-nav li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	width: 0;
	height: 0;
	margin: -8px 0 0 0;
	border-top: 12px solid #fff;
	border-left: 12px solid transparent;
	-webkit-transform: rotate(135deg);
	        transform: rotate(135deg);
}
.scenes-guide .measure-list .measure-items{
	border-bottom: 2px solid #dddddd;
	margin-bottom: 60px;
	padding: 0 20px 60px 20px;
}
.scenes-guide .measure-list .measure-items:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding: 0 20px 0 20px;
}
.scenes-guide .measure-list .measure-items h3{
	position: relative;
	display: inline-block;
	color: #c61328;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.03em;
}
.scenes-guide .measure-list .measure-items h3:after{
	content: '';
	position: absolute;
	bottom: 0;
	display: inline-block;
	width: 100px;
	height: 2px;
	background-color: #c61328;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
.scenes-guide .measure-list .measure-items h3:after{
	left: 80%;
}
.scenes-guide .measure-list .measure-items .contentArea{
	align-items: flex-start;
	padding-left: 100px;
	padding-top: 30px;
}
.scenes-guide .measure-list .measure-items .measure-text{
	width: 50%;
	padding-right: 20px;
	font-size: 16px;
	line-height: 2;
	font-weight: 500;
}
.scenes-guide .measure-list .measure-items .imgArea{
	width: 50%;
}
.scenes-guide .scenes-goal{
	position: relative;
	background: #bb1929;
	padding: 60px 0;
}
.scenes-guide .scenes-goal:before{
	position:absolute;
	bottom: 0;
	right: 0;
	display: block;
	content: '';
	width: 100%;
	max-width: 640px;
	height: 190px;
	background: url(../image/scenes/goal_bg.webp) no-repeat;
	background-size: cover;
}
.scenes-guide .scenes-goal .goal-items{
	width: 80%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	background: #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	margin: auto;
}
.scenes-guide .scenes-goal .goal-items .imgArea{
	width: 35%;
}
.scenes-guide .scenes-goal .goal-items .contentArea{
	width: 65%;
	padding: 0 0 0 20px;
}
.scenes-guide .scenes-goal .goal-items h3{
	border-bottom: none;
	color: #bb1929;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	letter-spacing: -0.02em;
}
.scenes-guide .scenes-goal .goal-items .goal-text{
	color: #222222;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	line-height: 1.8;
}
.relation-guide{
	background: #fbfbfb;
	padding: 60px 0;
}
.relation-guide h2{
	color: #0c0c0c;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-align: center;
	margin-bottom: 40px;
}
.relation-guide .relation-list .relation-items{
	width: 31.3333%;
	margin: 0 0.5%;
}
.relation-guide .relation-list .relation-items .imgArea{
	position: relative;
}
.relation-guide .relation-list .relation-items .the_terms{
	position: absolute;
	bottom: 0;
	right: 0;
}
.relation-guide .relation-list .relation-items .the_terms li{
	background: #b91927;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 20px;
	text-align: center;
}
.relation-guide .relation-list .relation-items .contentArea{
	padding: 20px;
}
.relation-guide .relation-list .relation-items .scenes-ttl{
	color: #bb1929;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 20px;
}
.relation-guide .relation-list .relation-items .scenes-text{
	font-size: 15px;
	font-weight: 500;
}
@media only screen and (max-width: 1260px){
	.single-sceneslist .scenes-header{
		padding: 70px 0 0 0;
	}
}
@media only screen and (max-width: 735px) {
	.single-sceneslist .scenes-header{
		padding: 65px 0 0 0;
	}
	.single-sceneslist .scenes-header .imgArea{
		width: 100%;
		height: auto;
	}
	.single-sceneslist .scenes-header .imgArea img{
		width: 100%;
		height: auto;
	}
	.single-sceneslist .scenes-header .contentArea{
		width: 100%;
		padding: 5%;
	}
	.single-sceneslist .scenes-header .contentArea h3{
		font-size: 4.4vw;
		margin-bottom: 3%;
	}
	.single-sceneslist .scenes-header .contentArea .header-text{
		font-size: 3.8vw;
	}
	.scenes-guide .scenes-start{
		padding: 8% 0 3% 0;
	}
	.scenes-guide .scenes-start:after{
		bottom: -15px;
		border-width: 15px 15px 0 15px;
	}
	.scenes-guide .scenes-start:before{
		width: 300px;
		height: 67px;
	}
	.scenes-guide .scenes-start .caption{
		margin-bottom: 8%;
	}
	.scenes-guide .scenes-start .caption:before {
		bottom: -10px;
		left: calc(50% - 20px);
		width: 40px;
		height: 3px;
	}
	.scenes-guide .scenes-start .caption span{
		font-size: 4vw;
	}
	.scenes-guide .scenes-start .h2-ttl{
		font-size: 4.6vw;
		margin-bottom: 5%;
	}
	.scenes-guide .scenes-start .start-items{
		display: flex;
		width: 100%;
		padding: 5%;
		margin-bottom: 3%;
	}
	.scenes-guide .scenes-start .start-items h3{
		width: 35%;
		font-size: 4.4vw;
	}
	.scenes-guide .scenes-start .start-items .start-text{
		width: 65%;
		font-size: 3.26vw;
		padding: 3% 0 3% 5%;
	}
	.scenes-guide .scenes-start .scenes-task .start-text{
		border-left: 2px solid #006384;
	}
	.scenes-guide .scenes-start .scenes-point .start-text{
		border-left: 2px solid #c71429;
	}
	.scenes-guide .scenes-measure{
		padding: 10% 0 5% 0;
	}
	.scenes-guide .scenes-measure:after{
		bottom: -15px;
		border-width: 15px 15px 0 15px;
	}
	.scenes-guide .scenes-measure .h2-ttl{
		font-size: 5vw;
	}
	.scenes-guide .scenes-measure .scenes-nav{
		margin: 3% 0 5% 0;
		flex-wrap: wrap;
	}
	.scenes-guide .scenes-measure .scenes-nav li{
		width: 32%;
		padding: 0.6em 0 0.6em 0.6em;
	}
	.scenes-guide .scenes-measure .scenes-nav li:before,
	.scenes-guide .scenes-measure .scenes-nav li:after{
		border-top: 20px solid transparent;
		border-bottom: 20px solid transparent;
		margin-top: -20px;
	}
	.scenes-guide .scenes-measure .scenes-nav li:before{
		border-left: 10px solid #fedcde;
	}
	.scenes-guide .scenes-measure .scenes-nav li:after{
		border-left: 10px solid #fff;
	}
	.scenes-guide .scenes-measure .scenes-nav li:nth-child(2):before{
		border-left: 10px solid #feb2b5;
	}
	.scenes-guide .scenes-measure .scenes-nav li:nth-child(3):before{
		border-left: 10px solid #fd9d97;
	}
	.scenes-guide .scenes-measure .scenes-nav li:nth-child(4):before{
		border-left: 10px solid #fc6c65;
	}
	.scenes-guide .scenes-measure .scenes-nav li:nth-child(5):before{
		border-left: 10px solid #c71429;
	}
	.scenes-guide .scenes-measure .scenes-nav li a{
		font-size: 3.4vw;
	}
	.scenes-guide .scenes-measure .scenes-nav li a:after {
		left: 8px;
		margin: -5px 0 0 0;
		border-top: 8px solid #fff;
		border-left: 8px solid transparent;
	}
	.scenes-guide .measure-list .measure-items{
		margin-bottom: 5%;
		padding: 0 0 5% 0;
	}
	.scenes-guide .measure-list .measure-items:last-child{
		padding: 0;
	}
	.scenes-guide .measure-list .measure-items h3{
		font-size: 4.4vw;
	}
	.scenes-guide .measure-list .measure-items h3:after{
		width: 40px;
	}
	.scenes-guide .measure-list .measure-items h3:after{
		left: 75%;
	}
	.scenes-guide .measure-list .measure-items .contentArea{
		padding-left: 0;
		padding-top: 20px;
	}
	.scenes-guide .measure-list .measure-items .measure-text{
		width: 100%;
		padding-right: 0;
		font-size: 3.4vw;
		margin-bottom: 3%;
	}
	.scenes-guide .measure-list .measure-items .imgArea{
		width: 100%;
	}
	.scenes-guide .scenes-goal{
		padding: 8% 0;
	}
	.scenes-guide .scenes-goal:before{
		width: 200px;
		height: 61px;
	}
	.scenes-guide .scenes-goal .goal-items{
		display: block;
		width: 100%;
		padding: 3%;
	}
	.scenes-guide .scenes-goal .goal-items .imgArea{
		width: 100%;
	}
	.scenes-guide .scenes-goal .goal-items .contentArea{
		width: 100%;
		padding: 3% 0;
	}
	.scenes-guide .scenes-goal .goal-items h3{
		font-size: 3.8vw;
		margin-bottom: 2%;
	}
	.scenes-guide .scenes-goal .goal-items .goal-text{
		font-size: 3.26vw;
	}
	.relation-guide{
		padding: 8% 0;
	}
	.relation-guide .relation-grid{
		width: 86%;
	}
	.relation-guide h2{
		font-size: 5vw;
		margin-bottom: 5%;
	}
	.relation-guide .relation-list .relation-items{
		width: 31.3333%;
		margin: 0 0.5%;
	}
	.relation-guide .relation-list .relation-items .the_terms li{
		font-size: 2.8vw;
		padding: 5px 10px;
	}
	.relation-guide .relation-list .relation-items .contentArea{
		padding: 3%;
	}
	.relation-guide .relation-list .relation-items .scenes-ttl{
		font-size: 3.8vw;
		margin-bottom: 3%;
	}
	.relation-guide .relation-list .relation-items .scenes-text{
		font-size: 3.4vw;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.single-sceneslist .scenes-header{
		padding: 65px 0 0 0;
	}
	.single-sceneslist .scenes-header .imgArea{
		width: 45%;
		height: 220px;
		overflow: hidden;
	}
	.single-sceneslist .scenes-header .contentArea{
		width: 55%;
		padding: 0 20px;
	}
	.single-sceneslist .scenes-header .contentArea h3{
		font-size: 19px;
		margin-bottom: 20px;
	}
	.single-sceneslist .scenes-header .contentArea .header-text{
		font-size: 16px;
	}
	.scenes-guide .scenes-start{
		padding: 40px 0;
	}
	.scenes-guide .scenes-start:after{
		bottom: -20px;
		border-width: 20px 20px 0 20px;
	}
	.scenes-guide .scenes-start:before{
		width: 300px;
		height: 67px;
	}
	.scenes-guide .scenes-start .caption{
		margin-bottom: 30px;
	}
	.scenes-guide .scenes-start .caption:before {
		bottom: -10px;
		left: calc(50% - 20px);
		width: 40px;
		height: 3px;
	}
	.scenes-guide .scenes-start .caption span{
		font-size: 20px;
	}
	.scenes-guide .scenes-start .h2-ttl{
		font-size: 26px;
		margin-bottom: 30px;
	}
	.scenes-guide .scenes-start .start-items{
		width: 49%;
		padding: 15px;
	}
	.scenes-guide .scenes-start .start-items h3{
		width: 35%;
		font-size: 20px;
	}
	.scenes-guide .scenes-start .start-items .start-text{
		width: 65%;
		font-size: 14px;
		padding: 10px 0 10px 15px;
	}
	.scenes-guide .scenes-measure{
		padding: 60px 0 30px 0;
	}
	.scenes-guide .scenes-measure:after{
		bottom: -20px;
		border-width: 20px 20px 0 20px;
	}
	.scenes-guide .scenes-measure .h2-ttl{
		font-size: 32px;
	}
	.scenes-guide .scenes-measure .scenes-nav{
		margin: 30px 0 50px 0;
	}
	.scenes-guide .scenes-measure .scenes-nav li{
		padding: 0.8em 0 0.8em 1.5em;
	}
	.scenes-guide .scenes-measure .scenes-nav li:before,
	.scenes-guide .scenes-measure .scenes-nav li:after{
		border-top: 31px solid transparent;
		border-bottom: 31px solid transparent;
		margin-top: -31px;
	}
	.scenes-guide .scenes-measure .scenes-nav li:before{
		border-left: 20px solid #fedcde;
	}
	.scenes-guide .scenes-measure .scenes-nav li:after{
		border-left: 20px solid #fff;
	}
	.scenes-guide .scenes-measure .scenes-nav li:nth-child(2):before{
		border-left: 20px solid #feb2b5;
	}
	.scenes-guide .scenes-measure .scenes-nav li:nth-child(3):before{
		border-left: 20px solid #fd9d97;
	}
	.scenes-guide .scenes-measure .scenes-nav li:nth-child(4):before{
		border-left: 20px solid #fc6c65;
	}
	.scenes-guide .scenes-measure .scenes-nav li:nth-child(5):before{
		border-left: 20px solid #c71429;
	}
	.scenes-guide .scenes-measure .scenes-nav li a{
		font-size: 16px;
	}
	.scenes-guide .scenes-measure .scenes-nav li a:after {
		left: 8px;
		margin: -7px 0 0 0;
		border-top: 10px solid #fff;
		border-left: 10px solid transparent;
	}
	.scenes-guide .measure-list .measure-items{
		margin-bottom: 40px;
		padding: 0 10px 40px 10px;
	}
	.scenes-guide .measure-list .measure-items:last-child{
		padding: 0 10px 0 10px;
	}
	.scenes-guide .measure-list .measure-items h3{
		font-size: 20px;
	}
	.scenes-guide .measure-list .measure-items h3:after{
		width: 50px;
	}
	.scenes-guide .measure-list .measure-items h3:after{
		left: 70%;
	}
	.scenes-guide .measure-list .measure-items .contentArea{
		padding-left: 70px;
		padding-top: 20px;
	}
	.scenes-guide .measure-list .measure-items .measure-text{
		padding-right: 15px;
		font-size: 15px;
	}
	.scenes-guide .scenes-goal{
		padding: 40px 0;
	}
	.scenes-guide .scenes-goal:before{
		width: 300px;
		height: 88px;
	}
	.scenes-guide .scenes-goal .goal-items{
		width: 90%;
		padding: 10px;
	}
	.scenes-guide .scenes-goal .goal-items .imgArea{
		width: 30%;
	}
	.scenes-guide .scenes-goal .goal-items .contentArea{
		width: 70%;
		padding: 0 0 0 20px;
	}
	.scenes-guide .scenes-goal .goal-items h3{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.scenes-guide .scenes-goal .goal-items .goal-text{
		font-size: 15px;
	}
	.relation-guide{
		padding: 40px 0;
	}
	.relation-guide .relation-grid{
		width: 90%;
	}
	.relation-guide h2{
		font-size: 24px;
		margin-bottom: 30px;
	}
	.relation-guide .relation-list .relation-items{
		width: 31.3333%;
		margin: 0 0.5%;
	}
	.relation-guide .relation-list .relation-items .the_terms li{
		font-size: 12px;
		padding: 5px 20px;
	}
	.relation-guide .relation-list .relation-items .contentArea{
		padding: 15px;
	}
	.relation-guide .relation-list .relation-items .scenes-ttl{
		font-size: 17px;
		margin-bottom: 15px;
	}
	.relation-guide .relation-list .relation-items .scenes-text{
		font-size: 14px;
	}
}
/**
/* 導入事例 CSS
----------------------------------------------- */
.cases-header{
	position: relative;
	margin-top: 90px;
}
.cases-header .slider-view{
	position: relative;
}
.cases-header .slick-prev{
	left: 30px;
}
.cases-header .slick-next{
	right: 30px;
}
.cases-header .header-view-bgImg{
	position: relative;
	background-position: center center;
	background-size: cover; 
	background-repeat: no-repeat;
	max-height: 100vh;
	height: 500px;
}
.cases-header .header-view-bgImg >img {
	visibility: hidden;
	width: 100%;
}
.cases-header .header-view{
	position: absolute;
	right: 50%;
	top: 50%;
	background-color: rgba(255, 255, 255, 0.5); 
	border: 5px solid #ffffff;
	transform: translate(50%, -50%);
	-webkit-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	padding: 40px 30px;
}
.cases-header .header-view h2{
	color: #ba1928;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 30px;
}
.cases-header .header-view .header-text{
	color: #000000;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 10px;
}
.cases-header .header-view .header-company{
	color: #54545d;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
}
@media only screen and (max-width: 735px) {
	.cases-header{
		margin-top: 65px;
	}
	.cases-header .slick-prev{
		left: 3%;
	}
	.cases-header .slick-next{
		right: 3%;
	}
	.cases-header .header-view-bgImg{
		height: 77.88889vw;
	}
	.cases-header .header-view{
		width: 70%;
		border: 3px solid #ffffff;
		padding: 5%;
	}
	.cases-header .header-view h2{
		font-size: 4vw;
		margin-bottom: 5%;
	}
	.cases-header .header-view .header-text{
		font-size: 3.6vw;
		margin-bottom: 3%;
	}
	.cases-header .header-view .header-company{
		font-size: 3.4vw;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.cases-header{
		margin-top: 65px;
	}
	.cases-header .slick-prev{
		left: 20px;
	}
	.cases-header .slick-next{
		right: 20px;
	}
	.cases-header .header-view-bgImg{
		height: 380px;
	}
	.cases-header .header-view{
		width: 70%;
		border: 5px solid #ffffff;
		padding: 30px 20px;
	}
	.cases-header .header-view h2{
		font-size: 22px;
		margin-bottom: 20px;
	}
	.cases-header .header-view .header-text{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.cases-header .header-view .header-company{
		font-size: 14px;
	}
}
/*　　一覧　　*/
.page_cases .cases-guide{
	background: url(../image/bottom_bg.webp) center bottom no-repeat;
	background-size: 100% 300px;
}
.page_cases .grouptabs{
	width: 100%;
	max-width: 600px;
	background: #ffffff;
	box-shadow: 2px 2px 8px #0000004f;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: auto;
	padding: 5px;
}
.page_cases .grouptabs .group-tab-btn{
	width: 50%;
	font-size: 20px;
	font-weight: 700;
	background: #ffffff;
	color: #55555d;
	text-align: center;
	padding: 10px;
}
.page_cases .grouptabs .group-tab-btn:first-child{
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.page_cases .grouptabs .group-tab-btn:last-child{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.page_cases .grouptabs .group-tab-btn.current{
	background: #bb1929;
	color: #ffffff;
}
.cases-guide .cases-list .cases-items{
	width: 31.3333%;
	background: #ffffff;
	box-shadow: 2px 2px 8px #0000004f;
	margin-bottom: 60px;
	margin-right: 3%;
}
.cases-guide .cases-list .cases-items:nth-child(3n){
	margin-right: 0;
}
.cases-guide .cases-list .cases-items .imgArea{
	position: relative;
}
.cases-guide .cases-list .cases-items .contentArea{
	padding: 20px;
}
.cases-guide .cases-list .cases-items .cases-ttl{
	color: #bb1929;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 20px;
}
.cases-guide .cases-list .cases-items .cases-text{
	font-size: 15px;
	font-weight: 500;
}
@media only screen and (max-width: 735px) {
	.page_cases .grouptabs{
		display: flex;
		box-shadow: 2px 2px 6px #0000004f;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		padding: 5px;
		margin-bottom: 5%;
	}
	.page_cases .grouptabs .group-tab-btn{
		font-size: 3.6vw;
		padding: 3% 0;
	}
	.page_cases .grouptabs .group-tab-btn:first-child{
		border-top-left-radius: 6px;
	    border-bottom-left-radius: 6px;
	}
	.page_cases .grouptabs .group-tab-btn:last-child{
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}
	.cases-guide .cases-list .cases-items{
		width: 49%;
		margin-bottom: 3%;
		margin-right: 2%;
		box-shadow: 2px 2px 6px #0000004f;
	}
	.cases-guide .cases-list .cases-items:nth-child(3n){
		margin-right: 2%;
	}
	.cases-guide .cases-list .cases-items:nth-child(2n){
		margin-right: 0;
	}
	.cases-guide .cases-list .cases-items .contentArea{
		padding: 5%;
	}
	.cases-guide .cases-list .cases-items .cases-ttl{
		font-size: 3.6vw;
		margin-bottom: 3%;
	}
	.cases-guide .cases-list .cases-items .cases-text{
		font-size: 3.26vw;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.page_cases .grouptabs{
		padding: 5px;
		margin-bottom: 30px;
	}
	.page_cases .grouptabs .group-tab-btn{
		font-size: 18px;
		padding: 10px;
	}
	.cases-guide .cases-list .cases-items{
		width: 32%;
		margin-bottom: 40px;
		margin-right: 2%;
	}
	.cases-guide .cases-list .cases-items .contentArea{
		padding: 15px;
	}
	.cases-guide .cases-list .cases-items .cases-ttl{
		font-size: 17px;
		margin-bottom: 15px;
	}
	.cases-guide .cases-list .cases-items .cases-text{
		font-size: 14px;
	}
}
/**
/* お知らせ CSS
----------------------------------------------- */
/*　　一覧　　*/
.page_news .news-guide{
	background: url(../image/bottom_bg.webp) center bottom no-repeat;
	background-size: 100% 300px;
}
.page_news .page-header{
	background: #bb1929;
}
.news-guide .news-list .news-items{
	background: #ffffff;
	box-shadow: 2px 2px 8px #0000004f;
	padding: 30px;
	margin-bottom: 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.news-guide .news-list .news-items .news-deta{
	align-items: center;
	margin-bottom: 10px;
}
.news-guide .news-list .news-items .news-deta .date{
	font-size: 16px;
	font-weight: 500;
}
.news-guide .news-list .news-items .the_terms{
	margin-left: 20px;
}
.news-guide .news-list .news-items .the_terms li{
	display: inline-block;
	background: #b91927;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	padding: 2px 30px;
	margin-right: 5px;
	text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.news-guide .news-list .news-items .news-ttl{
	color: #414141;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 10px;
}
.news-guide .news-list .news-items .news-text{
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 10px;
}
.news-guide .news-list .news-items .more_btn{
	text-align: right;
}
.news-guide .news-list .news-items .more_btn a{
	background: #000000;
	color: #ffffff;
	font-size: 16px;
	padding: 2px 30px;
	text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.news-guide .news-list .news-items .more_btn a i{
	margin-right: 10px;
}
@media only screen and (max-width: 735px) {
	.news-guide .news-list .news-items{
		padding: 5%;
		margin-bottom: 5%;
		box-shadow: 2px 2px 6px #0000004f;
	}
	.news-guide .news-list .news-items .news-deta{
		display: flex;
		margin-bottom: 3%;
	}
	.news-guide .news-list .news-items .news-deta .date{
		font-size: 3.4vw;
		white-space: nowrap;
	}
	.news-guide .news-list .news-items .the_terms{
		margin-left: 10px;
	}
	.news-guide .news-list .news-items .the_terms li{
		font-size: 3.26vw;
		padding: 2px 10px;
		margin-right: 5px;
	}
	.news-guide .news-list .news-items .news-ttl{
		font-size: 3.8vw;
		margin-bottom: 3%;
	}
	.news-guide .news-list .news-items .news-text{
		font-size: 3.26vw;
		margin-bottom: 3%;
	}
	.news-guide .news-list .news-items .more_btn a{
		font-size: 3.4vw;
		padding: 2px 15px;
	}
	.news-guide .news-list .news-items .more_btn a i{
		margin-right: 10px;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.news-guide .news-list .news-items{
		margin-bottom: 40px;
	}
	.news-guide .news-list .news-items{
		padding: 20px;
		margin-bottom: 20px;
	}
	.news-guide .news-list .news-items .news-deta{
		margin-bottom: 10px;
	}
	.news-guide .news-list .news-items .news-deta .date{
		font-size: 15px;
	}
	.news-guide .news-list .news-items .the_terms{
		margin-left: 20px;
	}
	.news-guide .news-list .news-items .the_terms li{
		font-size: 15px;
		padding: 2px 20px;
		margin-right: 5px;
	}
	.news-guide .news-list .news-items .news-ttl{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.news-guide .news-list .news-items .news-text{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.news-guide .news-list .news-items .more_btn a{
		font-size: 15px;
		padding: 2px 20px;
	}
	.news-guide .news-list .news-items .more_btn a i{
		margin-right: 10px;
	}
}
/**
/*  うちでのこづちとは CSS
----------------------------------------------- */
.overview-guide .nav{
	padding: 40px 0;
}
.overview-guide .nav li{
	width: 29.3333%;
	margin: 0 2%;
}
.overview-guide .overview-block{
	padding: 40px 0;
}
.overview-guide .overview-block .block-top h3{
	border-bottom: none;
	margin: 0;
	padding: 50px 30px 30px 30px;
	color: #ffffff;
}
.overview-guide .overview-block .block-top h3 img{
	margin: 0 auto 10px auto;
}
.overview-guide .overview-block .block-top .block-box{
	background: rgb(244, 244, 244);
	padding: 40px;
}
.overview-guide .overview-block .block-box .flex-left{
	padding-right: 30px;
}
.overview-guide .overview-block h4{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 30px;
}
.overview-guide #section01 .block-top h3{
	background: rgb(222, 95, 95);
}
.overview-guide #section02 .block-top h3{
	background: rgb(188, 134, 205);
}
.overview-guide #section03 .block-top h3{
	background: rgb(179, 204, 106);
}
.overview-guide .overview-block .block-bottom{
	padding: 40px 0;
}
.overview-guide .overview-block .block-bottom .flex-left{
	padding-right: 30px;
}
.overview-guide .upb_row_bg .flex a{
	width: 29.3333%;
	margin: 0 2%;
}
@media only screen and (max-width: 735px) {
	.overview-guide .nav{
		padding: 3% 0;
	}
	.overview-guide .nav li{
		width: 90%;
		margin: 0 5% 2% 5%;
	}
	.overview-guide .overview-block{
		padding: 5% 0;
	}
	.overview-guide .overview-block .block-top h3{
		padding: 8% 5% 5% 5%;
	}
	.overview-guide .overview-block .block-top h3 img{
		margin: 0 auto 10px auto;
	}
	.overview-guide .overview-block .block-top .block-box{
		padding: 8% 5% 5% 5%;
	}
	.overview-guide .overview-block .block-box .flex-left{
		padding-right: 0;
		margin-bottom: 5%;
	}
	.overview-guide .overview-block h4{
		font-size: 4.4vw;
		margin-bottom: 3%;
	}
	.overview-guide .overview-block .block-bottom{
		padding: 8% 0 3% 0;
	}
	.overview-guide .overview-block .block-bottom .flex-left{
		padding-right: 0;
		margin-bottom: 5%;
	}
	.overview-guide .upb_row_bg .flex{
		display: block;
	}
	.overview-guide .upb_row_bg .flex a{
		width: 80%;
		margin: 0 auto 2% auto;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.overview-guide .nav{
		padding: 20px 0;
	}
	.overview-guide .nav li{
		width: 32.3333%;
		margin: 0 0.5%;
	}
	.overview-guide .overview-block{
		padding: 20px 0;
	}
	.overview-guide .overview-block .block-top h3{
		padding: 40px 20px 20px 20px;
	}
	.overview-guide .overview-block .block-top h3 img{
		margin: 0 auto 10px auto;
	}
	.overview-guide .overview-block .block-top .block-box{
		padding: 30px;
	}
	.overview-guide .overview-block .block-box .flex-left{
		padding-right: 20px;
	}
	.overview-guide .overview-block h4{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.overview-guide .overview-block .block-bottom{
		padding: 30px 0;
	}
	.overview-guide .overview-block .block-bottom .flex-left{
		padding-right: 20px;
	}
	.overview-guide .upb_row_bg{
		padding: 20px 0;
	}
	.overview-guide .upb_row_bg .flex{
		display: block;
	}
	.overview-guide .upb_row_bg .flex a{
		width: 60%;
		margin: 0 auto 10px auto;
	}
}
/**
/*  料金体系 CSS
----------------------------------------------- */
.price-guide .upb_row_bg .flex a{
	width: 29.3333%;
	margin: 0 2%;
}
@media only screen and (max-width: 735px) {
	.price-guide .upb_row_bg .flex{
		display: block;
	}
	.price-guide .upb_row_bg .flex a{
		width: 80%;
		margin: 0 auto 2% auto;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.price-guide .upb_row_bg .flex{
		display: block;
	}
	.price-guide .upb_row_bg .flex a{
		width: 60%;
		margin: 0 auto 10px auto;
	}
}
/**
/*  EC通販CRMとは CSS
----------------------------------------------- */
.crm-guide .crm-block01,
.crm-guide .crm-block02{
	padding: 20px 0;
}
.crm-guide .crm-block01 h3,
.crm-guide .crm-block02 h3{
	border-bottom: none;
	font-size: 30px;
	margin: 20px 0 30px 0;
}
.crm-guide .crm-block01 h4,
.crm-guide .crm-block02 h4{
	font-size: 24px;
}
.crm-guide .crm-block01 .section,
.crm-guide .crm-block02 .section{
	padding: 40px 0 0 0;
}
.crm-guide .crm-block01 .text-bg,
.crm-guide .crm-block02 .text-bg{
	font-size: 22px;
}
.crm-guide .crm-block01 .crm-top{
	background: rgb(213, 31, 17);
	padding: 20px 0;
}
.crm-guide .crm-block01 .crm-top h3{
	color: #ffffff;
}
.crm-guide .crm-block01 .section02 .bg{
	background: rgb(120, 120, 120);
	color: #ffffff;
	padding: 40px 0 30px 0;
}
.crm-guide .crm-block01 .crm-bottom{
	background: rgb(230, 230, 230);
	padding: 40px 0 30px 0;
}
.crm-guide .crm-block02 .crm-top{
	background: rgb(234, 233, 194);
	padding: 20px 0;
}
.crm-guide .crm-block02 .section01 .flex{
	margin-top: 60px;
}
.crm-guide .crm-block02 .section01 .flex .flex-left{
	padding-right: 40px;
}
.crm-guide .crm-block02 .section02 .section-list{
	margin-bottom: 60px;
}
.crm-guide .crm-block02 .section02 .section-list .flex{
	padding: 60px 0;
}
.crm-guide .upb_row_bg .flex a{
	width: 29.3333%;
	margin: 0 2%;
}
@media only screen and (max-width: 735px) {
	.crm-guide .crm-block01,
	.crm-guide .crm-block02{
		padding: 3% 0;
	}
	.crm-guide .crm-block01 h3,
	.crm-guide .crm-block02 h3{
		font-size: 4.4vw;
		margin: 2% 0 5% 0;
	}
	.crm-guide .crm-block01 h4,
	.crm-guide .crm-block02 h4{
		font-size: 4vw;
	}
	.crm-guide .crm-block01 .section,
	.crm-guide .crm-block02 .section{
		padding: 5% 0 0 0;
	}
	.crm-guide .crm-block01 .text-bg,
	.crm-guide .crm-block02 .text-bg{
		font-size: 3.8vw;
	}
	.crm-guide .crm-block01 .crm-top{
		padding: 3% 0 1% 0;
	}
	.crm-guide .crm-block01 .section02 .bg{
		padding: 5% 0 3% 0;
	}
	.crm-guide .crm-block01 .crm-bottom{
		padding: 5% 0 3% 0;
	}
	.crm-guide .crm-block02 .crm-top{
		padding: 3% 0;
	}
	.crm-guide .crm-block02 .section01 .flex{
		margin-top: 8%;
	}
	.crm-guide .crm-block02 .section01 .flex .flex-left{
		padding-right: 0;
		margin-bottom: 5%;
	}
	.crm-guide .crm-block02 .section02 .section-list{
		margin-bottom: 8%;
	}
	.crm-guide .crm-block02 .section02 .section-list .flex{
		padding: 8% 0 5% 0;
	}
	.crm-guide .crm-block02 .section02 .section-list .col-sm-3{
		width: 100%;
		padding: 3% 0;
	}
	.crm-guide .upb_row_bg .flex{
		display: block;
	}
	.crm-guide .upb_row_bg .flex a{
		width: 60%;
		margin: 0 auto 10px auto;
	}
	.crm-guide .upb_row_bg .flex{
		display: block;
	}
	.crm-guide .upb_row_bg .flex a{
		width: 80%;
		margin: 0 auto 2% auto;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.crm-guide .crm-block01,
	.crm-guide .crm-block02{
		padding: 20px 0;
	}
	.crm-guide .crm-block01 h3,
	.crm-guide .crm-block02 h3{
		font-size: 24px;
		margin: 20px 0;
	}
	.crm-guide .crm-block01 h4,
	.crm-guide .crm-block02 h4{
		font-size: 20px;
	}
	.crm-guide .crm-block01 .section,
	.crm-guide .crm-block02 .section{
		padding: 20px 0 0 0;
	}
	.crm-guide .crm-block01 .text-bg,
	.crm-guide .crm-block02 .text-bg{
		font-size: 18px;
	}
	.crm-guide .crm-block01 .crm-top{
		padding: 20px 0;
	}
	.crm-guide .crm-block01 .section02 .bg{
		padding: 30px 0 20px 0;
	}
	.crm-guide .crm-block01 .crm-bottom{
		padding: 30px 0 20px 0;
	}
	.crm-guide .crm-block02 .crm-top{
		padding: 20px 0;
	}
	.crm-guide .crm-block02 .section01 .flex{
		margin-top: 40px;
	}
	.crm-guide .crm-block02 .section01 .flex .flex-left{
		padding-right: 30px;
	}
	.crm-guide .crm-block02 .section02 .section-list{
		margin-bottom: 40px;
	}
	.crm-guide .crm-block02 .section02 .section-list .flex{
		padding: 40px 0;
	}
	.crm-guide .upb_row_bg .flex{
		display: block;
	}
	.crm-guide .upb_row_bg .flex a{
		width: 60%;
		margin: 0 auto 10px auto;
	}
}
/**
/*  他社比較表 CSS
----------------------------------------------- */
.compare-guide .compare_box1{
	margin-bottom: 80px;
}
.compare-guide .compare_box1 .compare_block{
	background: rgb(255, 243, 243);
	padding: 15px;
	margin: 40px 0;
}
.compare-guide .compare_box2 .img_wrapper{
	background: rgb(241, 240, 226);
	padding: 30px;
	margin: 40px 0;
}
.compare-guide .upb_row_bg .flex a{
	width: 46%;
	margin: 0 2%;
}
@media only screen and (max-width: 735px) {
	.compare-guide .compare_box1{
		margin-bottom: 8%;
	}
	.compare-guide .compare_box1 .compare_block{
		padding: 3%;
		margin: 5% 0;
	}
	.compare-guide .compare_box2 .img_wrapper{
		padding: 3%;
		margin: 5% 0;
	}
	.compare-guide .upb_row_bg{
		padding: 3% 0 3% 0;
	}
	.compare-guide .upb_row_bg p{
		font-size: 4vw;
	}
	.compare-guide .upb_row_bg .flex a{
		width: 96%;
		margin: 0 2%;
		margin-bottom: 3%;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.compare-guide .compare_box1{
		margin-bottom: 60px;
	}
	.compare-guide .compare_box1 .compare_block{
		padding: 10px;
		margin: 30px 0;
	}
	.compare-guide .compare_box2 .img_wrapper{
		padding: 20px;
		margin: 30px 0;
	}
	.compare-guide .upb_row_bg .flex a{
		width: 46%;
		margin: 0 2%;
	}
}
/**
/*  料金体系 CSS
----------------------------------------------- */
.price-guide .plan-block{
	background: rgb(249, 249, 249);
	padding: 20px 0 40px 0;
}
.price-guide .plan-block .inner{
	background: #ffffff;
}
.price-guide .plan-block h3{
	border-bottom: none;
	background-color: #f79991;
	color: #ffffff;
	margin: 20px 0 30px 0;
	padding: 10px;
}
.price-guide .plan-block .flex{
	padding: 40px;
}
.price-guide .plan-block .flex-left{
	padding-right: 20px;
}
.price-guide .plan-block .flex-right{
	padding-left: 20px;
}
.price-guide .plan-block .flex table{
	margin-bottom: 20px;
}
.price-guide .plan-block .flex table th,
.price-guide .plan-block .flex table td{
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
.price-guide .plan-block .flex table td{
	text-align: right;
}
.price-guide .plan-block .flex .p-note{
	margin: 0;
	line-height: 1.4;
}
.price-guide .upb_row_bg2{
	background: rgb(242, 240, 229);
	padding: 10px 0 30px 0;
}
.price-guide .upb_row_bg2 .flex a{
	width: 46%;
	margin: 0 2%;
}
.price-guide .support-block{
	padding: 80px 0 40px 0;
}
.price-guide .support-block .support-top{
	background: rgb(238, 238, 238);
	align-items: center;
	padding: 0 40px;
}
.price-guide .support-block .support-top img{
	margin: 0;
}
.price-guide .support-block h2{
	margin: 20px 0 40px 0;
}
.price-guide .support-block .flex{
	margin-bottom: 60px;
}
.price-guide .support-block h3{
	border-bottom: none;
	border-left: 8px solid #999;
	margin: 20px 0 30px 0;
	padding-left: 15px;
	line-height: 1.4;
}
.price-guide .support-block .support-bottom{
	border-top: 1px solid #eee;
	padding-top: 40px;
}
.price-guide .support-block .top_icon_box .icon_holder{
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.price-guide .support-block .top_icon_box .icon_holder .icon_center{
	position: absolute;
	z-index: 100;
	top: 0;
	width: 100%;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	} .top_icon_box i.icon {
	display: block;
	width: auto;
	height: auto;
	vertical-align: inherit;
	margin: 0;
}
.price-guide .support-block .top_icon_box .icon_holder .icon_bgr{
	margin: 0px auto 24px auto;	
	text-align: center;
	width: 100px;
	height: 100px;
	border-radius: 100px;
	border: 3px solid white;
	background-color: #cc0000;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));
	background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.05));
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.price-guide .support-block .top_icon_box:hover .icon_holder .icon_bgr{
	border: 2px solid #cc0000;
	background: #fff;
}
.price-guide .support-block .top_icon_box .icon_holder .icon_bgr:after{
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	top: 0;
	left: 0;
	padding: 0;
	border: 2px solid #cc0000;
	opacity: 0.5;
	z-index: -1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.price-guide .support-block .top_icon_box:hover .icon_holder .icon_bgr:after{
	opacity: 0;
	border: 2px solid #cc0000;
	z-index: 1;
	-webkit-transition:  1s ease;
	-moz-transition:  1s ease;
	-o-transition:  1s ease;
	-ms-transition:  1s ease;
	transition:  1s ease;	
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}
.price-guide .support-block .top_icon_box .icon_holder i{
	font-size: 46px;
	line-height: 100px;
	color: #fff;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.price-guide .support-block .top_icon_box:hover .icon_holder i{
	color: #cc0000;
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}
.price-guide .support-block h4{
	position: relative;
	padding-bottom: 15px;
    margin-bottom: 15px;
}
.price-guide .support-block h4:after{
	display: block;
	content: "";
	width: 60px;
	height: 2px;
	background-color: rgba(0,0,0,0.07);
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.price-guide .support-block h4:hover:after {
	width: 100px;
	margin-left: -50px;
}
@media only screen and (max-width: 735px) {
	 .entry-body .price-guide h2{
		margin: 5%;
	}
	.price-guide .plan-block{
		padding: 3% 0 5% 0;
	}
	.price-guide .plan-block h3{
		margin: 2% 0 3% 0;
		padding: 3%;
	}
	.price-guide .plan-block .flex{
		padding: 5%;
	}
	.price-guide .plan-block .flex-left{
		padding-right: 0;
		margin-bottom: 3%;
	}
	.price-guide .plan-block .flex-right{
		padding-left: 0;
	}
	.price-guide .plan-block .flex table{
		margin-bottom: 3%;
	}
	.price-guide .plan-block .flex table th,
	.price-guide .plan-block .flex table td{
		font-size: 4vw;
		padding: 2%;
	}
	.price-guide .plan-block .flex .p-note{
		line-height: 1.4;
	}
	.price-guide .upb_row_bg2{
		padding: 3% 0 3% 0;
	}
	.price-guide .upb_row_bg2 p{
		font-size: 4vw;
	}
	.price-guide .upb_row_bg2 .flex a{
		width: 96%;
		margin: 0 2%;
		margin-bottom: 3%;
	}
	.price-guide .support-block{
		padding: 8% 0 5% 0;
	}
	.price-guide .support-block .support-top{
		padding: 8% 5%;
	}
	.price-guide .support-block .support-top .flex-left{
		margin-bottom: 5%;
	}
	.price-guide .support-block .support-top img{
		margin: 0;
	}
	.price-guide .support-block h2{
		margin: 3% 0 8% 0;
	}
	.price-guide .support-block .flex{
		margin-bottom: 8%;
	}
	.price-guide .support-block .flex .flex-left{
		margin-bottom: 5%;
	}
	.price-guide .support-block h3{
		margin: 3% 0 5% 0;
		padding-left: 5%;
	}
	.price-guide .support-block .support-bottom{
		padding-top: 8%;
	}
	.price-guide .support-block .support-bottom .col-sm-3{
		width: 100%;
		margin-bottom: 8%;
		padding: 0;
	}
	.price-guide .support-block .top_icon_box .icon_holder .icon_bgr{
		margin: 0px auto 15px auto;	
		width: 80px;
		height: 80px;
		border-radius: 80px;
	}
	.price-guide .support-block .top_icon_box .icon_holder i{
		font-size: 36px;
		line-height: 80px;
	}
	.price-guide .support-block h4{
		padding-bottom: 15px;
	    margin-bottom: 15px;
	}
	.price-guide .support-block h4:after{
		width: 50px;
		height: 2px;
		margin-left: -25px;
	}
	.price-guide .support-block h4:hover:after{
		width: 80px;
		margin-left: -40px;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.price-guide .plan-block{
		padding: 20px 0 30px 0;
	}
	.price-guide .plan-block h3{
		margin: 10px 0 20px 0;
		padding: 10px;
	}
	.price-guide .plan-block .flex{
		padding: 30px;
	}
	.price-guide .plan-block .flex-left{
		padding-right: 15px;
	}
	.price-guide .plan-block .flex-right{
		padding-left: 15px;
	}
	.price-guide .plan-block .flex table{
		margin-bottom: 15px;
	}
	.price-guide .plan-block .flex table th,
	.price-guide .plan-block .flex table td{
		font-size: 18px;
		padding: 5px;
	}
	.price-guide .upb_row_bg2 .flex a{
		width: 46%;
		margin: 0 2%;
	}
	.price-guide .support-block{
		padding: 40px 0 20px 0;
	}
	.price-guide .support-block .support-top{
		padding: 0 30px;
	}
	.price-guide .support-block h2{
		margin: 20px 0 40px 0;
	}
	.price-guide .support-block .flex{
		margin-bottom: 40px;
	}
	.price-guide .support-block h3{
		margin: 10px 0 20px 0;
		padding-left: 15px;
	}
	.price-guide .support-block .support-bottom{
		padding-top: 30px;
	}
	.price-guide .support-block .top_icon_box .icon_holder .icon_bgr{
		margin: 0px auto 15px auto;	
		width: 80px;
		height: 80px;
		border-radius: 80px;
	}
	.price-guide .support-block .top_icon_box .icon_holder i{
		font-size: 36px;
		line-height: 80px;
	}
	.price-guide .support-block h4{
		padding-bottom: 15px;
	    margin-bottom: 15px;
	}
	.price-guide .support-block h4:after{
		width: 50px;
		height: 2px;
		margin-left: -25px;
	}
	.price-guide .support-block h4:hover:after{
		width: 80px;
		margin-left: -40px;
	}
}
/**
/*  LINE@連携サービス CSS
----------------------------------------------- */
.line-guide .line_top{
	margin-bottom: 40px;
}
.line-guide .line_box1{
	background-image: url(../image/line_back2.webp);
	background-repeat: repeat-x;
	background-position: -30px -30px;
}
.line-guide .line_box1 .flex-left{
	width: 72%;
}
.line-guide .line_box1 .flex-right{
	width: 28%;
	margin-top: 30px;
}
.line-guide .line_box2{
	padding: 20px 0;
}
.line-guide .line_box2 .line_block{
	margin-bottom: 40px;
}
.line-guide .line_box2 .line_block h3{
	margin: 20px 0 60px 0;
}
.line-guide .line_box2 .line_block1 h4{
	margin: 0 0 20px 0;
}
.line-guide .line_box2 .line_block1 p{
	line-height: 1.6;
}
.line-guide .line_box2 .line_block2 .flex{
	margin-bottom: 60px;
}
.line-guide .line_box2 .line_block2 .flex:last-child{
	margin-bottom: 0;
}
.line-guide .line_box2 .line_block2 .flex .flex-right{
	padding-left: 30px;
}
.line-guide .line_box2 .line_block3 table,
.line-guide .line_box2 .line_block3 p{
	max-width: 640px;
	margin: auto;
}
.line-guide .line_box2 .line_block3 table{
	border: 1px solid #999;
	margin-bottom: 40px;
}
.line-guide .line_box2 .line_block3 table th,
.line-guide .line_box2 .line_block3 table td{
	border: 1px solid #999;
	padding: 15px;
	font-size: 16px;
	text-align: center;
}
.line-guide .line-contact{
	background: rgb(200, 20, 40);
	padding: 20px 0;
}
.entry-body .line-guide .line-contact p{
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
}
.entry-body .line-guide .line-contact p a{
	display: inline-block;
	font-size: 17px;
	padding: 18px 39px;
}
@media only screen and (max-width: 735px) {
	.line-guide .line_top{
		margin-bottom: 5%;
	}
	.line-guide .line_box1{
		background-position: -20px -20px;
	}
	.line-guide .line_box1 .flex-left{
		width: 100%;
		text-align: center;
	}
	.line-guide .line_box1 .flex-right{
		width: 100%;
		margin-top: 8%;
		text-align: center;
	}
	.line-guide .line_box2{
		padding: 3% 0;
	}
	.line-guide .line_box2 .line_block{
		margin-bottom: 5%;
	}
	.line-guide .line_box2 .line_block h3{
		margin: 3% 0 5% 0;
	}
	.line-guide .line_box2 .line_block1 h4{
		margin: 0 0 3% 0;
	}
	.line-guide .line_box2 .line_block2 .flex{
		margin-bottom: 5%;
	}
	.line-guide .line_box2 .line_block2 .flex .flex-right{
		padding-left: 0;
		margin-top: 5%;
	}
	.line-guide .line_box2 .line_block3 table{
		margin-bottom: 5%;
	}
	.line-guide .line_box2 .line_block3 table th,
	.line-guide .line_box2 .line_block3 table td{
		font-size: 3.4vw;
		padding: 3%;
	}
	.line-guide .line-contact{
		padding: 5%;
	}
	.entry-body .line-guide .line-contact p{
		font-size: 4vw;
	}
	.entry-body .line-guide .line-contact p a{
		font-size: 3.4vw;
		padding: 3% 5%;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.line-guide .line_top{
		margin-bottom: 30px;
	}
	.line-guide .line_box1{
		background-position: -20px -20px;
	}
	.line-guide .line_box1 .flex-left{
		width: 60%;
	}
	.line-guide .line_box1 .flex-right{
		width: 40%;
		margin-top: 30px;
	}
	.line-guide .line_box2{
		padding: 20px 0;
	}
	.line-guide .line_box2 .line_block{
		margin-bottom: 30px;
	}
	.line-guide .line_box2 .line_block h3{
		margin: 20px 0 30px 0;
	}
	.line-guide .line_box2 .line_block1 h4{
		margin: 0 0 20px 0;
	}
	.line-guide .line_box2 .line_block2 .flex{
		margin-bottom: 60px;
	}
	.line-guide .line_box2 .line_block2 .flex .flex-right{
		padding-left: 30px;
	}
	.line-guide .line_box2 .line_block3 table{
		margin-bottom: 40px;
	}
	.line-guide .line_box2 .line_block3 table th,
	.line-guide .line_box2 .line_block3 table td{
		font-size: 15px;
		padding: 15px;
	}
	.line-guide .line-contact{
		padding: 20px;
	}
	.entry-body .line-guide .line-contact p{
		font-size: 20px;
	}
	.entry-body .line-guide .line-contact p a{
		font-size: 16px;
		padding: 15px 30px;
	}
}
/**
/*  よくあるご質問 CSS
----------------------------------------------- */
.faq-guide .grouptabs{
	width: 100%;
	background: #ffffff;
	border: 1px solid #e1e1e1;
	border-bottom: none;
	padding: 5px;
}
.faq-guide .grouptabs .group-tab-btn{
	width: 50%;
	font-size: 20px;
	font-weight: 700;
	background: #ffffff;
	color: #55555d;
	text-align: center;
	padding: 10px;
}
.faq-guide .grouptabs .group-tab-btn.current{
	background: #bb1929;
	color: #ffffff;
}
.faq-guide .group-tab-contents{
	background: #ffffff;
	border: 1px solid #e1e1e1;
	border-top: none;
	padding: 40px;
}
.faq-guide .group-tab-contents .faq-items{
	margin-bottom: 30px;
}
.faq-guide .group-tab-contents .faq-items .dl_table{
	width: 100%;
	display: table;
}
.faq-guide .group-tab-contents .faq-items .dl_table dt,
.faq-guide .group-tab-contents .faq-items .dl_table dd{
	display: table-cell;
	vertical-align: top;
}
.faq-guide .group-tab-contents .faq-items .question{
	background-color: #ececec;
	margin-bottom: 15px;
}
.faq-guide .group-tab-contents .faq-items .question dt{
	width: 40px;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
}
.faq-guide .group-tab-contents .faq-items .question dt span{
	display: block;
	color: #bb1929;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 700;
}
.faq-guide .group-tab-contents .faq-items .question dd{
	width: calc(100% - 40px);
	font-size: 18px;
	font-weight: 400;
	padding: 5px;
}
.faq-guide .group-tab-contents .faq-items .answer dt{
	width: 40px;
	text-align: center;
	padding: 5px;
}
.faq-guide .group-tab-contents .faq-items .answer dt span{
	display: block;
	color: #949494;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 700;
}
.faq-guide .group-tab-contents .faq-items .answer dd{
	width: calc(100% - 40px);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	padding: 5px;
}
.faq-guide .group-tab-contents .faq-items .answer dd p{
	margin-bottom: 10px;
}
.faq-guide .group-tab-contents .faq-items .answer dd p:last-child{
	margin-bottom: 0;
}
@media only screen and (max-width: 735px) {
	.faq-guide .grouptabs{
		display: flex;
		padding: 5px;
	}
	.faq-guide .grouptabs .group-tab-btn{
		font-size: 3.6vw;
		padding: 3% 0;
	}
	.faq-guide .group-tab-contents{
		padding: 3%;
	}
	.faq-guide .group-tab-contents .faq-items{
		margin-bottom: 5%;
	}
	.faq-guide .group-tab-contents .faq-items .question{
		margin-bottom: 2%;
	}
	.faq-guide .group-tab-contents .faq-items .question dt{
		width: 8%;
		padding: 5px 0;
	}
	.faq-guide .group-tab-contents .faq-items .question dt span{
		font-size: 4vw;
	}
	.faq-guide .group-tab-contents .faq-items .question dd{
		width: calc(100% - 8%);
		font-size: 3.6vw;
		padding: 5px 0;
	}
	.faq-guide .group-tab-contents .faq-items .answer dt{
		width: 30px;
		padding: 5px;
	}
	.faq-guide .group-tab-contents .faq-items .answer dt span{
		font-size: 4vw;
	}
	.faq-guide .group-tab-contents .faq-items .answer dd{
		width: calc(100% - 30px);
		font-size: 3.4vw;
		padding: 5px;
	}
	.faq-guide .group-tab-contents .faq-items .answer dd p{
		margin-bottom: 3%;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.faq-guide .grouptabs{
		padding: 5px;
	}
	.faq-guide .grouptabs .group-tab-btn{
		font-size: 18px;
		padding: 10px;
	}
	.faq-guide .group-tab-contents{
		padding: 20px;
	}
	.faq-guide .group-tab-contents .faq-items{
		margin-bottom: 20px;
	}
	.faq-guide .group-tab-contents .faq-items .question{
		margin-bottom: 10px;
	}
	.faq-guide .group-tab-contents .faq-items .question dt{
		width: 30px;
		padding: 5px;
	}
	.faq-guide .group-tab-contents .faq-items .question dt span{
		font-size: 20px;
	}
	.faq-guide .group-tab-contents .faq-items .question dd{
		width: calc(100% - 30px);
		font-size: 17px;
		padding: 5px;
	}
	.faq-guide .group-tab-contents .faq-items .answer dt{
		width: 30px;
		padding: 5px;
	}
	.faq-guide .group-tab-contents .faq-items .answer dt span{
		font-size: 20px;
	}
	.faq-guide .group-tab-contents .faq-items .answer dd{
		width: calc(100% - 30px);
		font-size: 15px;
		padding: 5px;
	}
	.faq-guide .group-tab-contents .faq-items .answer dd p{
		margin-bottom: 10px;
	}
}
/**
/* ラジオCRMラボ CSS
----------------------------------------------- */
.page_radio-crm-lab .page-header{
	background-size: cover;
}
.page_radio-crm-lab .page-header .header-view{
	padding-top: 45px;
}
.page_radio-crm-lab .page-header .header-view .comment p{
	padding-top: 0;
}
.radio-crm-guide .h2_ttl{
	color: #000000;
	font-size: 29px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 60px;
}
.radio-crm-guide .pickup-grid .post-list .post-items{
	background: #ffffff;
	width: 80%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: auto;
	margin-top: -80px;
}
.radio-crm-guide .pickup-grid .post-list .post-items .imgArea,
.radio-crm-guide .pickup-grid .post-list .post-items .imgArea img{
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.radio-crm-guide .pickup-grid .post-list .post-items .contentArea{
	position: relative;
	padding: 0;
	display: flex;
}
.radio-crm-guide .pickup-grid .post-list .post-items .contentArea .now{
	font-size: 18px;
	color: #bc1a29;
	font-weight: 500;
}
.radio-crm-guide .pickup-grid .post-list .post-items .contentArea .h3_ttl{
	font-size: 24px;
}
.radio-crm-guide .pickup-grid .post-list .post-items .crm-date{
	width: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #bc1a29;
	color: #ffffff;
	border-bottom-left-radius: 10px;
}
.radio-crm-guide .pickup-grid .post-list .post-items .crm-date .radio-crm-date{
	text-align: center;
	font-size: 20px;
	line-height: 1.4;
}
.radio-crm-guide .pickup-grid .post-list .post-items .radio-crm-date span{
	display: block;
}
.radio-crm-guide .pickup-grid .post-list .post-items .more_btn{
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.radio-crm-guide .pickup-grid .post-list .post-items .crm-ttl{
	width: calc(100% - 120px);
	padding: 15px;
}
.radio-crm-guide .upcoming-guide{
	padding: 100px 0 40px 0;
}
.radio-crm-guide .upcoming-guide .post-list .post-items{
	background: #f8f8f8;
	width: 47%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.radio-crm-guide .upcoming-guide .post-list .post-items:nth-child(3n){
	margin-right: 3%;
}
.radio-crm-guide .upcoming-guide .post-list .post-items:nth-child(2n){
	margin-right: 0;
}
.radio-crm-guide .upcoming-guide .post-list .post-items .imgArea{
	position: relative;
	overflow: hidden;
	padding-top: 40%;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.radio-crm-guide .upcoming-guide .post-list .post-items .imgArea img{
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.radio-crm-guide .upcoming-guide .post-list .post-items .contentArea{
	padding: 0;
	display: flex;
}
.radio-crm-guide .upcoming-guide .post-list .post-items .contentArea .h3_ttl{
	font-size: 18px;
}
.radio-crm-guide .upcoming-guide .post-list .post-items .crm-date{
	width: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #bc1a29;
	color: #ffffff;
	border-bottom-left-radius: 10px;
}
.radio-crm-guide .upcoming-guide .post-list .post-items .crm-date .radio-crm-date{
	text-align: center;
	font-size: 20px;
	line-height: 1.4;
}
.radio-crm-guide .upcoming-guide .post-list .post-items .radio-crm-date span{
	display: block;
}
.radio-crm-guide .upcoming-guide .post-list .post-items .crm-ttl{
	width: calc(100% - 120px);
	padding: 15px;
}
.radio-crm-guide .post-list .post-items .more_btn{
	text-align: right;
	margin-top: auto;
}
.radio-crm-guide .post-list .post-items .more_btn a{
	background: #000000;
	color: #ffffff;
	font-size: 16px;
	padding: 2px 30px;
	text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.radio-crm-guide .post-list .post-items .more_btn a i{
	margin-right: 10px;
}
.radio-crm-guide .past-guide{
	background: #fbfbfb;
	padding: 80px 0;
}
.radio-crm-guide .past-guide .post-list .post-items{
	display: flex;
	flex-direction: column;
}
.radio-crm-guide .past-guide .post-list .post-items .imgArea{
	position: relative;
	overflow: hidden;
	padding-top: 55%;
}
.radio-crm-guide .past-guide .post-list .post-items .imgArea img{
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.radio-crm-guide .past-guide .post-list .post-items .radio-crm-date{
	margin-top: auto;
	padding: 0 15px 15px 15px;
	color: #bb1929;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}
.radio-crm-guide .post-grid .block_btn{
	margin-top: 20px;
}
.radio-crm-guide .post-grid .block_btn li{
	max-width: 380px;
}
.radio-crm-guide .post-grid .block_btn .btn{
	font-size: 26px;
	line-height: 2.6;
	padding: 0;
	box-shadow: 2px 2px 4px #828282;
}
.radio-crm-guide .post-grid .block_btn .btn::before{
	width: 40px;
	height: 16px;
	border: 8px solid transparent;
	border-left: 16px solid #fff;
}
@media only screen and (max-width: 735px) {
	.radio-crm-guide .h2_ttl{
		font-size: 5vw;
		margin-bottom: 5%;
	}
	.radio-crm-guide .h2_ttl{
		font-size: 5vw;
		margin-bottom: 5%;
	}
	.page_radio-crm-lab .page-header .header-view{
		padding-top: 32px;
	}
	.page_radio-crm-lab .page-header .header-view .comment p{
		padding-top: 0;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items{
		width: 100%;
		margin-top: -80px;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .contentArea .now{
		font-size: 3.6vw;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .contentArea .h3_ttl{
		font-size: 4vw;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .crm-date{
		width: 20%;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .crm-date .radio-crm-date{
		font-size: 4vw;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .crm-ttl .radio-crm-date{
		font-size: 3.6vw;
		margin-bottom: 3%;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .more_btn{
		position: relative;
		bottom: auto;
		right: auto;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .crm-ttl{
		width: calc(100% - 20%);
		padding: 3%;
	}
	.radio-crm-guide .upcoming-guide{
		padding: 12% 0 5% 0;
	}
	.radio-crm-guide .upcoming-guide .post-list .post-items{
		width: 100%;
		margin-right: 0;
		margin-bottom: 5%;
	}
	.radio-crm-guide .upcoming-guide .post-list .post-items:nth-child(3n){
		margin-right: 0;
	}
	.radio-crm-guide .upcoming-guide .post-list .post-items .crm-date{
		width: 20%;
	}
	.radio-crm-guide .upcoming-guide .post-list .post-items .crm-date .radio-crm-date{
		font-size: 4vw;
	}
	.radio-crm-guide .upcoming-guide .post-list .post-items .crm-ttl{
		width: calc(100% - 20%);
		padding: 3%;
	}
	.radio-crm-guide .upcoming-guide .post-list .post-items .crm-ttl .h3_ttl{
		font-size: 3.6vw;
	}
	.radio-crm-guide .post-list .post-items .more_btn a{
		font-size: 3.4vw;
		padding: 2px 15px;
	}
	.radio-crm-guide .post-list .post-items .more_btn a i{
		margin-right: 10px;
	}
	.radio-crm-guide .past-guide{
		padding: 8% 0;
	}
	.radio-crm-guide .past-guide .post-list .post-items .radio-crm-date{
		padding: 0 5% 5% 5%;
		font-size: 3.4vw;
	}
	.radio-crm-guide .post-grid .block_btn{
		margin-top: 5%;
	}
	.radio-crm-guide .post-grid .block_btn .btn{
		font-size: 4.4vw;
		padding: 0;
	}
	.radio-crm-guide .post-grid .block_btn .btn::before{
		width: 12px;
		height: 12px;
		border: 8px solid transparent;
		border-left: 8px solid #fff;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.radio-crm-guide .h2_ttl{
		font-size: 28px;
		margin-bottom: 30px;
	}
	.page_radio-crm-lab .page-header .header-view{
		padding-top: 35px;
	}
	.page_radio-crm-lab .page-header .header-view .comment p{
		padding-top: 0;
	}
	.radio-crm-guide .h2_ttl{
		font-size: 28px;
		margin-bottom: 30px;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items{
		width: 90%;
		margin-top: -80px;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .contentArea .now{
		font-size: 16px;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .contentArea .h3_ttl{
		font-size: 20px;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .crm-date{
		width: 80px;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .crm-date .radio-crm-date{
		font-size: 18px;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .crm-ttl .radio-crm-date{
		font-size: 16px;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .more_btn{
		position: absolute;
		bottom: 15px;
		right: 15px;
	}
	.radio-crm-guide .pickup-grid .post-list .post-items .crm-ttl{
		width: calc(100% - 80px);
		padding: 15px;
	}
	.radio-crm-guide .upcoming-guide{
		padding: 80px 0 30px 0;
	}
	.radio-crm-guide .upcoming-guide .post-list .post-items{
		width: 49%;
	}
	.radio-crm-guide .upcoming-guide .post-list .post-items:nth-child(3n){
		margin-right: 2%;
	}
	.radio-crm-guide .upcoming-guide .post-list .post-items:nth-child(2n){
		margin-right: 0;
	}
	.radio-crm-guide .upcoming-guide .post-list .post-items .crm-date{
		width: 80px;
	}
	.radio-crm-guide .upcoming-guide .post-list .post-items .crm-date .radio-crm-date{
		font-size: 18px;
	}
	.radio-crm-guide .upcoming-guide .post-list .post-items .crm-ttl{
		width: calc(100% - 80px);
		padding: 10px;
	}
	.radio-crm-guide .upcoming-guide .post-list .post-items .crm-ttl .h3_ttl{
		min-height: 66px;
		font-size: 16px;
	}
	.radio-crm-guide .post-list .post-items .more_btn a{
		font-size: 15px;
		padding: 2px 20px;
	}
	.radio-crm-guide .post-list .post-items .more_btn a i{
		margin-right: 10px;
	}
	.radio-crm-guide .past-guide{
		padding: 40px 0;
	}
	.radio-crm-guide .past-guide .post-list .post-items .radio-crm-date{
		padding: 0 15px 15px 15px;
		font-size: 16px;
	}
	.radio-crm-guide .post-grid .block_btn{
		margin-top: 10px;
	}
	.radio-crm-guide .post-grid .block_btn li{
		width: 300px;
	}
	.radio-crm-guide .post-grid .block_btn .btn{
		font-size: 22px;
		padding: 0;
	}
	.radio-crm-guide .post-grid .block_btn .btn::before{
		width: 16px;
		height: 16px;
		border: 8px solid transparent;
		border-left: 8px solid #fff;
	}
}
/**
/*  CSS
----------------------------------------------- */
.crm_marketing .page-header .caption{
	color: #ffffff;
	font-size: 20px;
}
.crm_marketing .entry-body h2{
	font-size: 30px;
}
.crm_marketing .entry-body h3{
	font-size: 32px;
}
.crm_marketing .entry-body h4{
	background: #fbfbfb;
	border-left: 8px solid #bb1929;
	font-size: 24px;
	font-weight: 700;
	text-align: left;
	padding: 5px 5px 5px 15px;
	margin: 30px 0 20px 0;
}
@media only screen and (max-width: 735px) {
	.crm_marketing .page-header .caption{
		font-size: 3.4vw;
	}
	.crm_marketing .entry-body h2{
		font-size: 5vw;
	}
	.crm_marketing .entry-body h3{
		font-size: 5.2vw;
	}
	.crm_marketing .entry-body h4{
		border-left: 4px solid #bb1929;
		font-size: 4vw;
		padding: 2% 2% 2% 3%;
		margin: 3% 0;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.crm_marketing .page-header .caption{
		font-size: 18px;
	}
	.crm_marketing .entry-body h2{
		font-size: 24px;
	}
	.crm_marketing .entry-body h3{
		font-size: 26px;
	}
	.crm_marketing .entry-body h4{
		border-left: 6px solid #bb1929;
		font-size: 22px;
		padding: 5px 5px 5px 10px;
		margin: 20px 0 10px 0;
	}
}
/**
/*  CSS
----------------------------------------------- */
@media only screen and (max-width: 735px) {
	
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	
}
/**
/*  CSS
----------------------------------------------- */
@media only screen and (max-width: 735px) {
	
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	
}
/**
/* NEWS CSS
----------------------------------------------- */

@media only screen and (max-width: 735px) {
	
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	
}
/**
/*  共通ページCSS
----------------------------------------------- */
.common-guide .entry-body img{
	width: auto;
}
.common-guide .entry-body p{
	margin: 1em 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.8;
}
.common-guide .entry-body p strong{
	font-size: 20px;
}
.common-guide .entry-body figure {
	margin: 40px 5%;
}
.common-guide .entry-body figcaption {
	font-size: 90%;
	color: #888888;
}
@media only screen and (max-width: 480px) {
	.common-guide .entry-body p{
		font-size: 4.5vw;
	}
	.common-guide .entry-body p strong{
		font-size: 4.5vw;
	}
	.common-guide .entry-body img.alignleft,
	.common-guide .entry-body img.alignright{
		display: block;
		float: none;
		margin: auto;
	}
	.common-guide .entry-body figure {
		margin: 3%;
	}
}
@media only screen and (min-width: 736px) and (max-width: 1024px){
	.common-guide .entry-body p{
		font-size: 15px;
	}
	.common-guide .entry-body p strong{
		font-size: 18px;
	}
	.common-guide .entry-body figure {
		margin: 20px 3%;
	}
}

/*202106-*/

.news-guide .news-list .news-items .more_btn a:hover {
   background: #da5414;
}
.page-guide .jstabs .js-tab-btn:hover {
    color: #ba1928;
}

/*case page*/

.case_read {
	font-size: 130%;
	font-weight:bold;
}
.case_name {
	font-size:110%;
	margin-top:1em;
	margin-bottom: 2em;
}
.q_text {
	font-weight:bold !important;
	color: #bb1929;
	font-size:130% !important;
	line-height: 135% !important;
}
.case_f_left {
	float:left;
	margin-right:1em;
	margin-bottom: 1em;
}
.case_f_right {
	float:right;
	margin-left:1em;
	margin-bottom: 1em;
}
.clear {
	clear:both;
}
.case_page h2 {
	font-size:200% !important;
	line-height: 135%;
}
.case_page p,
.case_text {
	overflow:hidden;
}
.case_page .btn_red {
	font-size: 20px;
    padding: 8px 20px;
	width: 30%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}
	
@media only screen and (max-width: 1024px) {
	.case_f_left,
	.case_f_right {
	float:none;
}
.case_page .btn_red {
	width: 80%;
    font-size: 18px;
    padding: 6px 15px;
    margin-top: 1em;
}
.case_page h2 {
	font-size:120% !important;
	line-height: 135%;
}
.q_text {
	font-size:110% !important;
}
}

/*top page*/

.global-header .top_img {
    margin-top: 90px;
    width: 100%;
}
.smp_img {
	display:none;
}
.mt80 {
	margin-top:80px;
}

@media only screen and (max-width: 735px) {
	.pc_img {
	display:none;
}
.smp_img {
	display:inherit;
}
	}
	
/*contact page*/

.privacy_policy {
    overflow: scroll;
    width: 80%;
    height: 250px;
    background-color: #ffffff;
    border-radius: 3px 3px 3px 3px;
    border: solid 1px #dddddd;
    margin-bottom: 20px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
	margin-top:20px;
}
.privacy_policy p {
	font-size:1em !important;
	font-weight:normal !important;
}
.privacy_policy h2 {
	font-size:1.5em !important;
	text-align:center;
}
.cap {
	font-size:80%;
}
.t_org {
	color:#C30;
}
.privacy_policy_s {
    overflow: scroll;
    height: 250px;
    background-color: #ffffff;
    border-radius: 3px 3px 3px 3px;
    border: solid 1px #dddddd;
    margin-bottom: 20px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
	margin-top:20px;
}
.privacy_policy_s p {
	font-size:0.9em !important;
	font-weight:normal !important;
}
.privacy_policy_s h2 {
	font-size:1em !important;
	text-align:center;
}
.privacy_policy_s h3 {
	font-size:1em !important;
	border-bottom: solid 1px #5B5B5B !important;
}
.privacy_policy_s h4 {
	font-size:1em !important;
}

/*HubSpot contact page*/

.contact_lf .input {
    display: inline-block;
    width: 90%;
    padding: 0px 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #33475b;
    border: 1px solid #cbd6e2;
    border-radius: 3px;
	background-color: #f5f8fa;
margin-top: 5px;
}
.contact_lf .hs-form-required {
	color:#F33;
}
.contact_lf .hs-error-msg,
.contact_lf .hs-main-font-element {
	font-size:0.8em;
	color:#F33;
}
.contact_lf .hs-input:not([type=file]) {
    background-color: #f5f8fa;
}
.contact_lf .form-columns-1,
.contact_lf .form-columns-2 {
	margin-bottom:20px !important;
}
.contact_lf .form-columns-2 {
	margin-top:20px !important;
}
.contact_lf .hs_crm______ .input,
.contact_lf .hs_recaptcha .input,
.contact_lf .hs_industry01 .input,
.contact_lf .hs_sales01 .input{
	background-color:#FFF;
	border:none;
}
.contact_lf .hs_wake01.hs-input {
    display: inline-block;
    width: 90%;
    max-width: 500px;
    height: 40px;
    padding: 9px 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #33475b;
    border: 1px solid #cbd6e2;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
.contact_lf select {
	border:none;
font-size: 1em;
padding: 10px;
}
.contact_lf .actions {
text-align: center;
margin-bottom:35px;
}
.contact_lf input[type="submit"] {
    border: 1.5px solid #4a932b ;
	 -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	background-color: #4a932b;
    color: #fff;
    cursor: pointer;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 60px;
    height: 60px;
    text-align: center;
    width: 290px;
margin-top: 25px;
	transition: background 0.5s;
}
.contact_lf input[type="submit"]:hover {
	background-color:#060;
	color:#FFF;
	border: 1.5px solid #4a932b ;
}
.contact_lf {
	padding-top:0px;
}
.contact_lf input[type="text"] {
	font-size:1em
}
#label-jobtitle-f8ad2525-dbcd-4716-8af1-eb692257adf3,
#label-industry01-f8ad2525-dbcd-4716-8af1-eb692257adf3,
#label-jobtitle-d3a09961-8bcf-44fc-8f58-0f9fa57cc845,
#label-industry01-d3a09961-8bcf-44fc-8f58-0f9fa57cc845 {
	display:block;
}
.contact_lf li {
	list-style-type: none!important;
}
.contact_img {
	float: left;
	padding-right: 30px;
}

@media only screen and (max-width: 735px) {
	.contact_lf .input {
    width: 100% !important;
	}
	.privacy_policy {
    width: 96%;
	}
.privacy_policy h2 {
	font-size:1.1em !important;
	text-align:center;
}
.privacy_policy h3 {
	font-size:1em !important;
	border-bottom: solid 1px #5B5B5B !important;
}
.privacy_policy h4 {
	font-size:1em !important;
}
	.contact_img {
	float: none;
		padding-right: 0px;
}
	}

@media only screen and (max-width: 480px) {
.contact_lf input[type="submit"] {
	width: 100%;
}
}
	
/*PROJECT GOAL*/
	
.scenes-guide .project_goal .scenes-start .h2-ttl {
	display:none;
}
.scenes-guide .project_goal .scenes-start .scenes-point h3,
.scenes-guide .project_goal .scenes-start .scenes-task h3 {
	border:none !important;
} 
.scenes-guide .project_goal .scenes-start {
    padding: 30px 0;
}
.scenes-guide .project_goal p:empty:before {
    display: none;
}
.scenes-guide .project_goal .scenes-start .start-items h3 {
    font-size: 24px;
padding:0px;
}
.scenes-guide .project_goal .start-text p {
    font-size: 15px;
    line-height: 1;
}
.scenes-guide .project_goal .scenes-start .start-items {
    padding: 10px;
    margin-bottom: 15px;
}

/*Partner*/

.center {
	text-align:center;
}
.partner h2 {
	color:#cc0000;
	font-size:2.3em !important;
	font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	text-align:center;
	line-height:130%;
}
.partner h3 {
	padding-top: 2em !important;
	margin-bottom: 2em !important;
}
.partner .numeral {
	color:#cc0000;
	font-size:10em !important;
	font-family:"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	text-align:center;
	margin-top: -0.3em !important;
	margin-bottom: -0.3em !important;
	padding-top: 0em;
	padding-bottom: 0em;
}
.partner th,
.partner td {
	padding:25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
}
.partner table {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt40 {
	margin-top:40px;
}
.pt30 {
	padding-top: 30px;
}
.partner .inq_button {
	width:50%;
	margin-right: auto;
	margin-left: auto;	
}
@media only screen and (max-width: 735px) {
	.partner h2 {
	font-size:1.3em !important;
	}
	.partner .numeral {
		font-size:5em !important;
		margin-top: -0.5em !important;
	margin-bottom: -0.5em !important;
	}
	.partner th,
.partner td {
	padding:10px;
	font-size: 3.4vw;
}
.partner .inq_button {
	width:90%;
	margin-right: auto;
	margin-left: auto;
}
	}
	
/*kagoochi*/

.kagoochi h2 {
	font-size:2em !important;
}
.kagoochi h3 {
	font-size:2em !important;
	text-align:center !important;
	border-bottom:none !important;
	margin-bottom:1em;
}
.kagoochi .tx70 {
	font-size:3em;
	color:#ff6000;
	line-height: 1em;
}
.kagoochi .txp {
	font-size:2em;
	color:#ff6000;
}
.banner700 {
	margin-top:100px;
}
.kagoochi .copy01 {
	font-size:2.6em !important;
	font-weight:bold !important;
	line-height:1.5em !important;
	margin-bottom:0em !important;
}
.kagoochi .copy02 {
	font-size:1.5em !important;
	font-weight:bold !important;
}
.kagoochi .copy03 {
	font-size:0.3em !important;
}
.kagoochi .copy04 {
	font-size:2em !important;
	font-weight:bold !important;
	color:#cc0000;
	margin-top:2.5em !important;
}

@media only screen and (max-width: 735px) {
	.kagoochi h2 {
	font-size:1em !important;
}
.kagoochi h3 {
	font-size:1em !important;
}
.kagoochi .copy01 {
	font-size:1em !important;
}
.kagoochi .copy02 {
	font-size:1.5em !important;
}
.kagoochi .copy03 {
	font-size:0.3em !important;
}
.kagoochi .copy04 {
	font-size:1em !important;
	margin-top:1.5em !important;
}
.banner700 {
	margin-top:40px;
}
.mt80 {
	margin-top:35px;
}
}

/*support page*/

.page-id-3993 .pageWrap .page-header{
	display: none;
}
.page-id-3993 p:empty:before {
    display: none;
}
.support_main_back {
	margin: 0 calc(50% - 50vw);
width: 100vw;
	background-color: #FFF5D2;
}
.support_main {
	background-image: url(https://www.uchideno-kozuchi.com/wp-content/uploads/2022/03/support_page_01.png.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	max-width: 1127px; 
	margin-left: auto;
	margin-right: auto;
}
.support_main h1 {
    font-size: 2.5em;
    padding-top: 8%;
    padding-bottom: 2%;
    line-height: 135%;
}
.support-cv_bt {
	padding-bottom: 6%;
}
.support_main .support-cv_bt a,
.support_cv .support-cv_bt a{
    font-size: 25px;
    font-weight: bold;
    text-decoration: none;
    background-color: #BF0000;
    background-image: url(https://www.uchideno-kozuchi.com/wp-content/uploads/2022/03/support_arrow.png.webp);
    background-repeat: no-repeat;
    background-position: 27px 23px;
    color: #fff;
    padding: 15px;
    border: solid 0px;
    border-radius: 18px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
}
.support_main .support-cv_bt a {
	width: 35%;
}
.support_cv .support-cv_bt a {
	width: 55%;
}
.support-cv_bt a:hover{
	background-color: #9E0000;
}
.support_cv .support-cv_bt {
	padding-bottom: 0%;
	padding-top: 2.5%;
}
.support_sys {
	text-align: center;
}
.page-guide .support_sys h2 {
	font-size: 36px;
}
.page-guide .support_sys p {
	font-size: 24px;
	font-weight: bold;
	line-height: 135%;
	margin-top: 1.5em;
}
.support_menu_box {
	max-width: 1100px;
	margin-left: auto;
    margin-right: auto;
}
.support_menu1 {
	margin: 0 calc(50% - 50vw);
width: 100vw;
	background-image: url(https://www.uchideno-kozuchi.com/wp-content/uploads/2022/03/support_page_40.jpg.webp);
	background-repeat: no-repeat;
	background-position: center top;
}
.page-guide .support_menu1 h2,.page-guide .support_menu2 h2,
.page-guide .support_menu3 h2{
	font-size: 36px;
	text-align: center;
	padding-top: 1em;
	margin-bottom: -10px;
}
.page-guide .support_menu1 h3,.page-guide .support_menu2 h3,
.page-guide .support_menu3 h3 {
	font-size: 24px;
	text-align: center;
	font-weight: normal;
	border-bottom: none;
}
.support_menu2 {
	margin: 0 calc(50% - 50vw);
width: 100vw;
	background-image: url(https://www.uchideno-kozuchi.com/wp-content/uploads/2022/03/support_page_41.jpg.webp);
	background-repeat: no-repeat;
	background-position: center top;
}
.support_menu3 {
	margin: 0 calc(50% - 50vw);
width: 100vw;
	background-image: url(https://www.uchideno-kozuchi.com/wp-content/uploads/2022/03/support_page_42.jpg.webp);
	background-repeat: no-repeat;
	background-position: center top;
}
.support_menu1 .s_box1,.support_menu2 .s_box1,
.support_menu3 .s_box1 {
	border-radius: 18px;
	background-color: #fff;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
}
.support_menu1 .s_box1 {
	border: solid 1px #FF9361;
}
.support_menu2 .s_box1 {
	border: solid 1px #D0D0D0;
}
.support_menu3 .s_box1 {
	border: solid 1px #FD9D95;
}
.s_box1 .img015 {
    margin-left: auto;
    margin-right: auto;
}
.support_menu1 h4,.support_menu2 h4,
.support_menu3 h4{
	font-size: 24px;
	text-align: center;
}
.support_cv_back {
	margin: 0 calc(50% - 50vw);
width: 100vw;
	background-image: url(https://www.uchideno-kozuchi.com/wp-content/uploads/2022/03/support_page_023.png.webp);
	background-repeat: repeat-x;
	background-position: center 20px;
}
.support_cv {
    max-width: 1015px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.1%;
    margin-top: 60px;
}
.page-guide .support_cv h2 {
	font-size: 27px;
    line-height: 135%;
    margin-top: 3%;
}
.support-staff h2,.support-achieve h2,
.support-voice h2 {
	font-size: 36px;
	text-align: center;
}
.support-staff_box {
	background-color: #F2F0E8;
	padding-top: 40px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 1px;
	margin-bottom: 60px;
}
.page-guide .support-staff h3 {
	font-size: 24px;
	border-bottom: solid 1px #AFAFAF;
	padding-bottom: 18px;
	    margin-top: 0px;
}
.support-staff h4 {
	font-size: 20px;
	text-align: right;
}
.support-achieve {
	background-color: #FEFAEE;
	padding-top: 10px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 20px;
    margin-bottom: 40px
}
.support-achieve .achieve_box {
	border: solid 1px #FEFAEE;
	box-shadow: 0 0 8px gray;
	background-color: #FEFAEE;
	border-radius: 20px;
	text-align: center;
	padding: 20px;
}
.page-guide .achieve_box h4 {
	font-size: 25px;
	line-height: 135%;
	border-bottom: solid 1px #707070;
	display: block;
	padding-bottom: 10px;
	margin-bottom: 0px;
}
.support-achieve1 .support-data {
	font-size: 70px;
	font-weight: bold;
	color: #BF0000;
}
.page-guide .achieve_box p {
	font-size: 25px;
	margin-top: -20px;
}
.page-guide .support-achieve2 {
	font-size: 31px;
    font-weight: bold;
    margin-top: -50px;
    margin-bottom: -7px;
}
.support-voice_box {
	border-top: solid 1px #AFAFAF;
	padding-top: 30px;
}
.common-guide .staff_profile {
	font-size: 14px;
	text-align: right;
}
.support-voice_box img {
	padding-top: 50px;
}

/*support page-tb*/
@media only screen and (max-width: 1024px){
	.tb_item {
		display: inherit;
	}
	.support_main h1 {
    font-size: 2em;
	}
	.page-guide .support_sys h2 {
		font-size: 28px;
	}
	.page-guide .support_sys p {
    font-size: 20px;
	}
	.support_menu_box {
    margin-left: 20px;
    margin-right: 20px;
}
	.support_cv {
    max-width: 740px;
	}
	.page-guide .support_cv h2 {
    font-size: 26px;
	}
	.support_cv .support-cv_bt a {
    width: 80%;
}
	.support-achieve1 .support-data {
    font-size: 40px;
	}
	.page-guide .achieve_box h4 {
    font-size: 20px;
	}
	.page-guide .achieve_box p {
    font-size: 20px;
    margin-top: -10px;
}
	.page-guide .support-achieve2 {
    font-size: 25px;
    margin-top: -35px;
}
	.support_cv .sp_item {
		margin-bottom: -35px;
	}
}
/*support page-sp*/
@media only screen and (max-width: 735px) {
.support_main {
	background-image: url(https://www.uchideno-kozuchi.com/wp-content/uploads/2022/03/support_page_smp02.png.webp);
	background-position: center 50%;
	background-size: contain;
}
.support_main h1 {
    font-size: 1.5em;
   padding-top: 5%;
    padding-bottom: 45%;
    line-height: 135%;
}
	.support_main .support-cv_bt a,
.support_cv .support-cv_bt a{
    font-size: 25px;
    background-position: 27px 23px;
    padding: 12px;
}
	.support_main .support-cv_bt a {
	width: 90%;
}
.support_cv .support-cv_bt a {
	width: 90%;
}
	.page-guide .support_sys h2,
	.page-guide .entry-body h2 {
    font-size: 22px;
    line-height: 1.4em;
}
	.page-guide .support_sys p {
    font-size: 18px;
	text-align: left;
	}
	.page-guide .support_menu1 h2, .page-guide .support_menu2 h2, .page-guide .support_menu3 h2 {
		font-size: 24px;
	}
	.page-guide .support_menu1 h3, .page-guide .support_menu2 h3, .page-guide .support_menu3 h3 {
		font-size: 18px;
	}
	.page-guide .support_menu1 h4, .page-guide .support_menu2 h4, 
	.page-guide .support_menu3 h4 {
    font-size: 24px;
	}
	.support_menu_box {
    margin-left: 15px;
    margin-right: 15px;
}
	.page-guide .support_cv h2 {
    font-size: 18px;
	}
	.support-staff_box {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
}
	.support-staff h4,
	.page-guide .support-staff h3 {
    font-size: 18px;
	}
	.support-achieve {
    background-color: #FEFAEE;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
	}
	.support-achieve1 .support-data {
    font-size: 50px;
	}
	.page-guide .support-achieve2 {
    font-size: 30px;
    margin-top: -46px;
    margin-bottom: -38px;
	}
	.support-voice_box img.aligncenter {
    margin-top: 0em;
    margin-bottom: 0em;
	}
	.common-guide .support-voice_box p,
	.common-guide .support-staff p {
		font-size: 15px;
		line-height: 150%;
	}
	.page-guide .s_box p {
		font-size: 15px;
	}
	.support_cv_back {
    background-position: center bottom;
    background-color: #FFF5D2;
    padding-left: 15px;
    padding-right: 15px;
}
	.support_sys .sp_item {
		margin-top: -30px;
	}
}

/*support page-sp2*/
@media only screen and (max-width: 480px) {
	.page-guide .achieve_box p {
    font-size: 18px;
    margin-top: -10px;
    display: inline;
}
.support-achieve1 .support-data {
    font-size: 30px;
}
.page-guide .support-achieve2 {
    font-size: 25px;
    display: inline;
}
.support-achieve .achieve_box {
    border-radius: 10px;
    padding: 5px;
}
	.support_cv_back {
		padding-bottom: 5px;
	}
}

/*ラジオCRMラボ 申し込み*/

.radio-crm-guide .pickup-grid {
	display: none;
}

.jecc_banner {
	text-align: center;
	margin-top: 60px;
}
.lab_e_h2 {
	margin-top: 40px;
}
.lab_hr {
	margin-top: 30px;
}
.lab-mb {
	margin-bottom: 30px;
	padding-bottom: 30px;
}

/*ラジオCRMラボ　セミナーLP*/

.lab_slp_form li {
	list-style: none;
}
.lab_slp_form .input {
	margin-bottom: 0.9em;
}
.lab_slp_form .hs-field-desc {
	font-size: 1em;
}
.lab_slp_form input[type="submit"] {
    border: 1.5px solid #4a932b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #4a932b;
    color: #fff;
    cursor: pointer;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 60px;
    height: 60px;
    text-align: center;
    width: 290px;
    margin-top: 25px;
    transition: background 0.5s;
}
.lab_slp_form input[type="submit"]:hover {
	background-color: #114300;
}
.lab_slp_form h3,
.radio-crm_date_place h3 {
    border-bottom: 1px solid #bb1929!important;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    padding: 5px 5px 5px 0px!important;
    margin: 30px 0;
}
.lab_slp_form .actions {
	text-align: center;
	margin-bottom: 40px;
}
.lab_slp_form select {
	height: 40px;
}
.lab_slp_form label {
    margin-bottom: 0.2em;
    display: block;
    margin-top: 10px;
}
.hs-form-required {
	color: #B70003;
}
.privacy_inc h2 {
	padding-bottom: 0.5em;
}
.privacy_inc h3 {
	padding-bottom: 0.3em;
}
.privacy_inc h4 {
	padding-top: 0.5em;
	padding-bottom: 0.3em;
}
.radio-crm_speakers,
.radio-crm_speakers_2 {
	display: flex;
	flex-direction: row;
	margin-bottom: 1.5em;
		}
.speaker_photo {
	width: 25%;
	margin-top: 15px;
		}
.speaker_profile_r {
	width: 75%;
	padding-left: 25px;
		}
.speaker_profile_l {
	width: 75%;
	padding-right: 25px;
		}
.speaker_profile_r p:first-child,
.speaker_profile_l p:first-child {
	border-top: dotted 1px #535353;
	padding-top: 15px;
}
.radio-crm-to_form a {
    margin-top: 40px;
    margin-bottom: 50px;
    font-size: 120%;
}
.radio-crm_s_end {
	background-color: #D9D9D9;
	font-weight: bold;
	padding: 20px;
	margin-top: 35px;
}
.speaker_name p {
	font-size: 120%!important;
	font-weight: bold!important;
}

/*ラジオCRMラボ　セミナーLP SMP*/
@media only screen and (max-width: 735px) {
.radio-crm-to_form a {
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 120%;
    width: 332px;
    padding: 12px;
}
	.radio-crm_speakers {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.5em;
}
	.radio-crm_speakers_2 {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 1.5em;
}
	.speaker_photo {
    width: 70%;
    margin-top: 15px;
}
	.speaker_profile_r {
	width: 100%;
	padding-left: 0px;
		}
.speaker_profile_l {
	width: 100%;
	padding-right: 0px;
		}
	.speaker_profile_r p,
.speaker_profile_l p {
	border-top: none;
	padding-top: 15px;
}
	.privacy_inc h2 {
    padding-bottom: 0.5em;
    font-size: 1.2em;
}
	.lab_slp_form h3 {
    font-size: 15px;
	}
	.privacy_inc h2 {
	padding-bottom: 0.3em;
	font-size: 1.2em !important;
}
.privacy_inc h3 {
	padding-bottom: 0.2em;
}
.privacy_inc h4 {
	padding-top: 0.4em;
	padding-bottom: 0.2em;
}
}

/*トップページ　便利な機能　動画*/
.top_useful {
	margin-left: 15%;
    margin-right: 15%;
}
.top_useful .useful_box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5em;
}
.useful_box .useful_txt {
	width: 55%;
}
.useful_box .useful_left {
	padding-left: 2em;
}
.useful_box .useful_right {
	padding-right: 2em;
}

.top_useful h2 {
	margin-bottom: 1.5em;
    text-align: center;
    font-size: 2em;
}
.useful_box .useful_txt h3 {
	font-size: 1.5em;
	color: #A61E00;
	padding-bottom: 1em;
	line-height: 1.5em;
}
.useful_box .useful_video {
	width: 45%;
}
.top_useful .block_btn {
	margin-bottom: 5em;
}
.top_useful .block_btn .btn {
    font-size: 26px;
    line-height: 2.6;
    padding: 0;
    box-shadow: 2px 2px 4px #828282;
}
.top_useful .block_btn li {
    width: 100%;
    max-width: 450px;
    display: inline-block;
}
.top_useful .block_btn .btn::before {
    width: 12px;
    height: 12px;
    border: 8px solid transparent;
    border-left: 8px solid #fff;
}
.top_useful-container {
	margin-left: 5%;
    margin-right: 5%;
	text-align: center;
}
.top_useful-container h3 {
	font-size: 2em;
	font-weight: bold;
	color: #D83C00;
	margin-bottom: 10px;
}
.top_useful-container p {
	font-weight: bold;
	    font-size: 1.1em;
    margin-bottom: 4em;
}
.m_center {
	margin-left: 10%;
	margin-right: 10%;
	border: solid 1px #C5C5C5;
	margin-top: 2.5em;
}

@media only screen and (max-width: 735px) {
	.top_useful {
	margin-left: 5%;
    margin-right: 5%;
}
	.top_useful .useful_box {
	display: flex;
	flex-direction: column;
	margin-bottom: 2em;
	margin-top: 0.5em;
}
	.useful_box .useful_txt {
	width: 100%;
	padding-right: 0em;
}
	.useful_box .useful_video {
	width: 100%;
}
	.top_useful h2 {
	margin-bottom: 0.7em;
    text-align: center;
    font-size: 1.5em;
    margin-top: 1em;
}
	.useful_box .useful_txt h3 {
    font-size: 1.3em;
	}
	.top_useful .block_btn .btn {
    font-size: 18px;
	}
	.useful_box .useful_left {
	padding-left: 0em;
}
.useful_box .useful_right {
	padding-right: 0em;
}
.top_useful-container h3 {
	font-size: 1.2em;
	line-height: 1.2em;
}
.top_useful-container p {
	    font-size: 0.9em;
    margin-bottom: 2em;
	text-align: left;
}
	.top_useful .block_btn {
    margin-bottom: 1em;
}
	.point_icon,.wp-image-4677 {
		width: 25%;
	}
	.m_center {
  margin-left: 5%;
  margin-right: 5%;
  border: solid 1px #C5C5C5;
  margin-top: 1.5em;
  width: 90%;
  margin-bottom: 1.5em;
}
}

/*CRMマーケティング*/

.crm_m_box {
	width: 30%;
    margin-left: 1%;
    margin-right: 1%;
}

/*顧客育成型クリエイティブ*/

.page-guide .entry-body .crm_c h3 {
    text-align: center;
    /* border: none; */
    border-bottom: 0px;
}
.page-guide .entry-body .crm_c h4 {
    font-size: 1.5em;
    margin-top: 80px;
    margin-bottom: 40px;
    border-top: solid 1px #cc0000;
    padding-top: 20px;
}
.crm_c h5 {
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 40px;
    color: saddlebrown;
}
.crm_c h6 {
	font-size: 1.1em;
    margin-bottom: 30px;
}
.crm_c_fv {
	text-align: center;
}
.crm_c_2 img {
    margin-left: auto;
    margin-right: auto;
    background-color: #88abda;
	display: block;
	    padding: 50px;
    border: 1px;
    border-radius: 25px;
}
.common-guide .entry-body .crm_c_4 .nv {
    font-size: 4em;
    color: #E0DBD1;
    margin-bottom: -37px;
    font-weight: bold;
    margin-top: 0px;
}
.crm_c_5 img {
	margin-left: auto;
    margin-right: auto;
	display: block;
}
.crm_c_6 {
	text-align: center;
}
.crm_c_6 img {
    margin-top: 15px;
    margin-bottom: 15px;
}
.crm_c_7 h4 {
	text-align: center;
}
.crm_c_8 {
	margin-top: 60px;
}
.crm_c_8 .inq_button {
	margin-top: 60px;
	width: 70%;
	margin-left: auto;
    margin-right: auto;
}
.box_half {
	width: 50%;
	margin-left: 10px;
	margin-right: 10px;
}
.box_3_1 {
	width: 33%;
	margin-left: 10px;
	margin-right: 10px;
}

/*CRMカレッジ*/

.college-top {
	background-image: url(/wp-content/uploads/2025/02/college-header.webp);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #BB1929;
    background-size: auto;
    width: 100%;
    padding-top: 6em;
    padding-bottom: 6em;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
    color: #fff;
}
.college-fv {
	text-align: center;
}
.college-fv h2 {
	margin-bottom: 1em;
}
.college-fv .college-read {
	margin-bottom: 4em;
}
.college-fv h3 {
	margin-bottom: 3em;
    border-top: dotted 2px #9f8053;
    padding-top: 1em;
}
.college-main .link-box {
	border: solid 1px #959595;
	border-radius: 5px;
	text-align: center;
    padding: 1em;
}
.thumb-img img {
	width: 100%;
    margin-bottom: 10px;
}
.video-rs {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.video-rs iframe,.video-rs1 iframe {
  width: 100%;
  height: 100%;
}
.video-rs1 {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: solid 1px #959595;
    border-radius: 5px;
    text-align: center;
    padding-left: 8em;
    padding-right: 8em;
    padding-top: 4.5em;
    padding-bottom: 4.5em;
    margin-bottom: 2.5em;
}
.college-cont h2 {
	font-size: 2em;
	margin-bottom: 2em;
	margin-top: 1em;
    border-bottom: dotted 2px #969696;
    padding-bottom: 0.5em;
}
.college-main .btn_red {
	width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
}
.college-main .btn_red a {
	font-size: 1.3em;
	color: #fff;
}
.college-main .t_red {
	color: #E60003;
}
.form-box h3 {
    font-size: 1.5em;
    margin-bottom: 2em;
    margin-top: 3em;
    border-bottom: dotted 2px #969696;
    padding-bottom: 0.5em;
    text-align: center;
}
.link-box-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* ボックス間の余白 */
    justify-content: space-between; /* 均等配置 */
}

.link-box {
    width: calc(33.33% - 20px); /* 3列にする */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.thumb-img img {
    max-width: 100%;
    height: auto;
}

.link-title {
    margin-top: 10px;
    font-size: 14px;
}
.hs-form-182b0fcc-e331-4aa3-ac8b-c3e775c87c65_2e9015ee-23d0-499a-a814-1d7f074190ea .hs-button {
    font-size: 20px;
}

@media only screen and (max-width: 735px) {
	.crm_c_2 img {
	    padding: 10px;
		border-radius: 15px;
}
	.page-guide .entry-body .crm_c h4 {
    font-size: 1.2em;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-top: 11px;
}
	.box_half {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
.box_3_1 {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}
	.common-guide .entry-body .crm_c_4 .nv {
    font-size: 3em;
    margin-bottom: -31px;
    margin-top: -29px;
}
	.crm_c h6 {
    font-size: 1.1em;
    margin-bottom: 15px;
    margin-top: 30px;
}
	.crm_c_8 .inq_button {
	margin-top: 30px;
	width: 100%;
}
	.jecc_banner {
    margin-top: 0px;
}
	.college-top {
		background-image: none;
	}
	.college-fv h2 {
    margin-bottom: 1em;
    font-size: 1.3em;
}
	.college-fv .college-read {
    margin-bottom: 3em;
    text-align: left;
}
	.college-fv h3 {
    margin-bottom: 1.5em;
    border-top: dotted 2px #9f8053;
    padding-top: 0.5em;
}
	.link-box {
    width: calc(50% - 10px); /* 2列にする */
}
	.link-title {
    margin-top: 5px;
    font-size: 13px;
    text-align: left;
}
	.college-main .link-box {
    padding: 0.7em;
}
	.link-box-container {
    margin-bottom: 1em;
}
	.college-cont h2 {
    font-size: 1.2em;
	}
	.video-rs1 {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: solid 1px #959595;
    border-radius: 5px;
    text-align: left;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 2.5em;
    font-size: 0.9em;
    line-height: 1.4em;
}
	.college-main .btn_red {
    width: 90%;
	}
	.form-box h3 {
    font-size: 1.2em;
    margin-bottom: 2em;
    margin-top: 2em;
}
}
