* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-family: Verdana,"Noto Sans JP",游ゴシック体,YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",游ゴシック,"Yu Gothic",メイリオ,Meiryo,sans-serif;
	font-size: 18px;
}
html, body {
	background: #FFF !important;
	overflow-x: hidden;
}
@media screen and (max-width: 428px) {
	* {
		font-size: 16px;
	}
}
a:hover img {
	opacity: 0.8;
	transition: 0.3s;
}

#main-visual {
	background: url("salesdemo/img/header@2x.jpg") no-repeat center center / cover;
	padding: 4rem 0 20rem;
}
h1 {
	margin-bottom: 0 !important;
	font-size: 2rem !important;
	font-weight: bold !important;
	color: #FFF !important;
}
@media screen and (max-width: 428px) {
h1 {
	font-size: 1.6rem !important;
}
}

#section-why,
#section-step,
#section-voice {
	background: linear-gradient(45deg,#0953D1,#289F9F);
}

#section-voice .bg-voice {
	height: 300px;
	background: url("salesdemo/img/fig-voice@2x.png") no-repeat center center / 90%;
}
.bg-voice h4 {
	padding: 70px 0 30px 0.8rem;
	font-size: 24px;
	color: #FFF;
}
.bg-voice h4.text-20 {
	padding-top: 75px;
}
.bg-voice p {
	width: 80%;
	margin: auto;
}

.txt-pink {
	color: #FD0076;
}
.txt-red {
	color: #BA0202;
}
.txt-navy {
	color: #062D77;
}
.txt-yellow {
	color: #FFC119;
}
.txt-white {
	 color: #FFF;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.text-13 { font-size: 13px;}
.text-20 { font-size: 20px !important;}
.text-23 { font-size: 23px !important;}
.text-33 { font-size: 33px !important;}
.line-2 { line-height: 2;}

/*contact section*/
.section-contact {
	background: #00A4EF;
}
.btn-primary {
	background: #F3BE00 !important;
	border: none !important;
	border-radius: 60px !important;
	border-bottom: 16px solid #6ABA25;
	padding: 0.5rem 5rem!important;
}
.btn-primary:hover {
	background: #6ABA25 !important;
}

/*faq*/
#section-faq dt {
	background: url("salesdemo/img/ico-q@2x.png") no-repeat 0 center / 2%;
	margin-bottom: 2rem;
	padding-left: 2rem;
	cursor: pointer;
}
#section-faq dd {
	background: url("salesdemo/img/ico-a@2x.png") no-repeat 0 2px / 2%;
	border-bottom: 1px dashed #CCC;
	margin-bottom: 2rem;
	padding-left: 2rem;
	padding-bottom: 2rem;
}
@media screen and (max-width: 428px) {
#section-faq dt { background-size: 6%;}
#section-faq dd { background-size: 6%;}
}
#page_top {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	z-index: 1000;
}

/******************************
 footer
******************************/
footer {
	background: linear-gradient(45deg,#0953D1,#289F9F);
	padding: 1rem;
	color: #FFF;
}
footer address {
	font-size: 18px;
}
footer p {
	margin-bottom: 0;
	font-size: 18px;
	text-align: right;
}
footer a {
	font-size: 18px;
	color: #FFF;
}
footer a:hover {
	color: #EEE;
}

/******************************
 common
******************************/
/*bg*/
.bg {
	padding: 3rem 1rem;
}
.bg-gray {
	background: #EDEDED;
}
.h2 {
	margin-bottom: 1.5rem !important;
	text-align: center;
	font-size: 40px !important;
	font-weight: bold !important;
}
.h2 span {
	font-size: 24px !important;
}
.h2white {
	margin-bottom: 1.5rem !important;
	text-align: center;
	font-size: 40px !important;
	font-weight: bold !important;
	color: #FFF;
}
.h3 {
	font-size: 22px !important;
	font-weight: bold !important;
	line-height: 1.5 !important;
}
.text-left { text-align: left!important;}
@media screen and (max-width: 428px) {
.h2 {
	font-size: 25px !important;
}
.h2 span {
	font-size: 16px !important;
	line-height: 1.8;
}
.h2white {
	font-size: 25px !important;
}
.h3 {
	font-size: 18px !important;
}
.text-23 { font-size: 18px !important;}
.text-33 { font-size: 26px !important;}
}
.js-fadein {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 1s;
}
.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}


.office-form-footer {
	display: none;
}

/*m365bp*/
.m365bp-body #section-netpro {
	background: #00B1FF;
}
.txt-blue {
	color: #00B1FF;
}
.m365bp-body .m365 h3 {
	min-height: 194px;
}
.m365bp-body .m365e3 {
	border: 4px solid #00B1FF;
	border-radius: 5px;
}
.m365bp-body .m365e3 h3 {
	min-height: 194px;
	background: #00B1FF;
}
.m365bp-body .m365 .list-1 { min-height: 123px;}
.m365bp-body .m365 .list-2 { min-height: 123px;}
.m365bp-body .m365 .list-3 { min-height: 123px;}
.m365bp-body .m365 .list-4 { min-height: 90px;}
.m365bp-body .m365 .list-5 { min-height: 330px;}
.m365bp-body .m365 .list-6 { min-height: 318px;}
.m365bp-body .m365 .list-7 { min-height: 123px;}
.m365bp-body footer {
	background: #00B1FF;
	padding: 1rem;
	color: #FFF;
}
/*m365spring*/
.m365spring-body #main-visual {
	background: #BBC5CE;
}
.m365spring-body #section-netpro {
	background: #E06DAB;
}
.m365spring-body #section-netpro h2 {
	font-size: 1.4rem !important;
}
.m365spring-body .m365 h3 {
	min-height: 100px;
	font-size: 1rem !important;
}
.m365spring-body .m365e3 {
	border: 4px solid #E06DAB;
}
.m365spring-body .m365e3 h3 {
	background: #E06DAB;
	padding: 23px 0;
}
.m365spring-body .m365e3 li {
	border-bottom: 1px solid #E3BAD0;
}
.m365spring-body .m365 .list-1 { min-height: 122px;}
.m365spring-body .m365 .list-2 { min-height: 122px;}
.m365spring-body .m365 .list-3 { min-height: 138px;}
.m365spring-body .m365 .list-4 { min-height: 90px;}
.m365spring-body .m365 .list-5 { min-height: 330px;}
.m365spring-body .m365 .list-6 { min-height: 290px;}
.m365spring-body .m365 .list-7 { min-height: 138px;}
.m365spring-body footer {
	background: #E06DAB;
	padding: 1rem;
	color: #FFF;
}

/*m365bp1228*/
.m365bp1228-body .m365 h3 {
	min-height: 195px;
}
.m365bp1228-body .m365 .list-1 {
	min-height: 123px;
}
.m365bp1228-body .m365 .list-5 {
	min-height: 327px;
}
.m365bp1228-body .m365 .list-6 {
	min-height: 292px;
}
.m365bp1228-body .m365 .list-7 {
	min-height: 148px;
}
.m365bp1228-body footer {
	background: #062D77;
	padding: 1rem;
	color: #FFF;
}
.list-no1 li {
	background: url("img/ico-no1@2x.png") no-repeat left center / 7%;
	margin-bottom: 1rem;
	padding-left: 66px;
	list-style: none;
}

@media screen and (max-width: 428px) {
.table-contact {
	width: 80%;
}
.table-contact th,
.table-contact td {
	display: block;
}
}

.bg-yellow {
	display: inline-block;
	background: #E0CA6D;
	padding: 0.5rem 1rem;
	font-size: 20px;
	font-weight: bold;
}
.list-styled li {
	font-size: 16px;
}






/*avd*/
.avd-body #main-visual {
	background: url("img/bg@2x.png") repeat-x center bottom / cover;
	padding: 5rem 0;
}

.bg-blue {
	background: #0178D4;
}
.rounded-5 {
	border-radius: 50px !important;
}

#section-detail h4 {
	padding-top: 0.3rem;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
}
#section-detail h4 span {
	font-size: 18px;
}
.table-plan thead th,
.table-plan tbody th {
	background: #0178D4;
	border-left: 2px solid #FFF;
	color: #FFF;
	vertical-align: middle;
}
.table-plan tbody td {
	border-left: 2px solid #D3D3D3; 
}

.avd-body footer {
	background: #0178D4;
}

@media screen and (max-width: 428px) {
#section-detail h4 {
	font-size: 18px;
	white-space: break-spaces;
}
#section-detail h4 span {
	font-size: 13px;
}
}