body, input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, .has-drop-cap:not(:focus)::first-letter, .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large, .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments *, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt, .entry-content cite, .entry-content figcaption, .entry-content .wp-caption-text, .comment-content p, .comment-content ol, .comment-content ul, .comment-content dl, .comment-content dt, .comment-content cite, .comment-content figcaption, .comment-content .wp-caption-text, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text,
th, td{
    font-family: "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Roboto", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1.8;
    font-weight: 500;
    font-size: 1.6rem;
    color: #333333;
}

.wp-block-image img,.wp-block-image {
	max-width: 100%;
	width: 100%;
}

table, th, td{ border-color: #cdcdcd; overflow: auto; }
select{ padding: 10px; }
.entry-content p img{ display: inline-block; }

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file, .entry-content p
{
	/* 明朝体の場合 */
    font-family: "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Roboto", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 1.8;
    font-weight: 500;
}

.req{ color:#ff0000;}
dl.entry-form dd{margin:0 auto 2rem; padding-bottom: 2rem; border-bottom: 1px solid #eee;}
dl.entry-form dd .wpcf7-radio .wpcf7-list-item{ margin:0 1rem 0 0;}
dl.entry-form dd .wpcf7-radio .wpcf7-list-item label{ padding:1rem 2rem; background:#e1f3fb; cursor: pointer; }

.entry-content h3{ border-bottom: 2px solid #28c3d4; }


.required{ padding: 0.4rem; background: #e62b00; color: #ffffff; font-size: 1.20rem; }

.post-author.meta-wrapper{display:none;}
/*========================================
	layout
========================================*/
header#site-header{ position: fixed; z-index: 100; width: 100%; box-shadow: 0 1px 2px rgba(78, 78, 78, 0.5); }
.menu-modal.show-modal.active{ z-index: 110; }

body:not(.overlay-header) .primary-menu li{ padding: 0.8rem 1rem 0.8rem 0.5rem; }
.primary-menu li.nav-officetel,.mobile-menu li.nav-officetel{ background-color: #28c3d4; }
.primary-menu li.nav-enatel,.mobile-menu li.nav-enatel{ background-color: #4ba571; }
.primary-menu li.nav-contact,.mobile-menu li.nav-contact{ background-color: rgb(244, 126, 0); }
.primary-menu li.nav-officetel a,.mobile-menu li.nav-officetel a,
.primary-menu li.nav-enatel a,.mobile-menu li.nav-enatel a,
.primary-menu li.nav-contact a,.mobile-menu li.nav-contact a{  display: block; color: #fff !important; text-decoration: none !important; }
.mobile-menu li{ text-align: center; }
.primary-menu li img,.mobile-menu li img{ display: inline-block; vertical-align: middle; }

.bgimage-heading{
	margin: 0 auto 4rem;
	position: relative;
	width: 100% !important;
	max-width: 100% !important;
	vertical-align: baseline;
	background-image: linear-gradient(to left, rgba(0, 113, 163, 0.9), rgba(22, 0, 163, 0.9));
	
}

.bgimage-heading .bg_image,
.bgimage-heading .title{ margin: 0 auto; position: absolute; display: block; width: 100%; height: 100%; text-align: center; }

.bgimage-heading .bg_image{ opacity:0.1; }
.bgimage-heading .title{ display: flex; justify-content: center; align-items: center; color: #fafafa; }
.bgimage-heading .title h2{ margin: 0; padding:3rem 2rem; display: block; vertical-align: middle; line-height: 1.6; }

.form-list dd{ margin-left: 0; }
.form-list input[type="submit"].wpcf7-submit{ margin: 1rem auto; padding: 2rem 6rem; display: block; }

#site-footer{
	border: none;
	color: #fafafa;
}

/*========================================
	content
========================================*/
body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide).wpcf7{ margin: 1rem auto; padding:1rem 2rem; max-width: 100rem; width: auto; }
.wp-block-buttons .wp-block-button,
.wp-block-buttons .wp-block-button a.wp-block-button__link{ margin: 1rem auto; display: block; }

.feature-list{  }

.youtubeseminar h3{ font-size: 26px; }
span.red{ margin-left:10px; color: #ff0000; }

/*========================================
	@media
========================================*/
@media (max-width: 699px){
	main#site-content{ padding-top: 180px; }
	.bgimage-heading{ min-height: 18rem; }
	.pc{ display: none; }
}
@media (min-width: 700px){
	.sp{ display: none; }
	.wp-block-columns:not(.alignwide):not(.alignfull){ margin-top: 0; margin-bottom: 0; }
	.site-logo img { max-height: 5rem; }
	main#site-content{ padding-top: 80px; }
	.home .entry-header { padding: 14rem 0; }
	.bgimage-heading{ min-height: 20rem; }
	body.template-full-width .entry-content > .wp-block-group.download:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: 780px; }

}
@media (min-width: 600px) and (max-width: 999px){
	.table-company tr:first-child{ min-height: 120px; height: 120px; }
	.table-company td:first-child{ width: 200px; }
	.table-company td:first-child { width: 120px; }
}
@media (min-width: 1000px){
	.header-inner { padding: 1.4rem 0; }
	.primary-menu li { font-size: 1.65rem; }
	.primary-menu li.nav-enatel,.primary-menu li.nav-contact{ margin-left: 0; }
	.table-company tr:first-child{ min-height: 80px; height: 80px; }
}
@media (min-width: 1220px){
	.primary-menu > li { margin: 0.3rem 0 0 1.5rem; }
	h1, .heading-size-1 {
	    font-size: 6.4rem;
	}
	.entry-content > .alignfull.front-cover {
	    margin-top: 0rem;
	}
}

.service-list .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter){ margin: 0.5rem auto; }
.entry-content .service-list h5{ margin-top: 0; }
.table-price th{ background: #1e7fbf; color: #ffffff; }
.table-price th,.table-price td{ padding:1.5rem; }

.faq {  margin-bottom: 32px; }

.faq__dt{
    position:relative;
    background:#d2e9f7;
    padding:10px;
    text-align:left;
    color:#FFFFFF;
    font-size:30px;
    font-weight:bold;
}
.faq__dt:before{ margin-right:0.5rem; content:'Q.'; color:#246e9c; }
.faq__dt:after{
    margin-left: -10px;
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    border-top-color:#d2e9f7;
    top:100%;
    left:4rem;
}
.faq__dd{ margin:1.5rem 0 3rem 0.8rem; }
.faq__dd::before {  margin-right:0.5rem; content: 'A.';  color: #f48c1c; }

.flow-content {
  margin: 0 auto; padding: 0; display: flex; justify-content: center; align-items: center;
}
.flow-content ul.flow {  margin:0 auto; padding: 0;}
.flow-content ul.flow li { margin-left: 0; list-style-type: none; }
.flow-content .flow {  border: 3px solid rgb(107,144,219);}
.flow-content .flow > li {  padding: 30px;}
.flow-content .flow > li:not(:last-child) {  border-bottom: 3px solid rgb(107,144,219);  position: relative;}
.flow-content .flow > li:not(:last-child)::before,
.flow-content .flow > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 15%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flow-content .flow > li:not(:last-child)::before {  border-width: 22px;  border-top-color: rgb(107,144,219);}
.flow-content .flow > li:not(:last-child)::after {  border-width: 18px;  border-top-color: #fff;}
.flow-content .flow > li dl {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flow-content .flow > li dl dt {
  margin-right: 1vw; font-size: 20px;
  font-weight: 600;
  color: rgb(107,144,219); -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  text-align: center;
}
.flow-content .flow > li dl dd { margin-left: 0; flex-basis: 80%; }
.flow-content .flow > li dl dt .icon {
  font-size: 12px;
  color: #fff;
  background: rgb(107,144,219);
  background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
  background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
  background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
}

#wpforms-submit-545{ margin: 0 auto; padding: 0.75rem 1.8rem; color: #fff; background-color: #1262a6; border-radius: 0.25rem; border: 1px solid #0d6efd;
    display: inline-block; font-weight: 400; font-size: 18px; line-height: 1.5;
    text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
#wpforms-submit-545:hover{ color: #fff; background-color: #1e89c8; border-color: #0a58ca;}

.wp-block-buttons .wp-block-button.btn-form a.wp-block-button__link{ display:block; width:200px; }
@media screen and (max-width:699px){
	.flow-content .flow > li dl{ display:block; }
	.flow-content .flow > li dl dt{ width:100%; }
}
@media screen and (min-width:800px){
	#wpforms-545{width:800px; margin:0 auto;}
}