@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* =======================================================
*
* 	Template Style
*
* ======================================================= */
img {
  max-width: 100%;
  height: auto;
}

a img,
img {
  outline: none !important;
  -moz-outline-style: none;
}

body {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.7;
  color: #333333;
  background: #fbfaf7;
}

#page {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#page .page-inner {
  /*max-width: 1200px;*/
  background: #fff;
  margin: 0 auto;
  overflow-x: hidden;
}

.offcanvas #page {
  overflow: hidden;
  position: absolute;
}

.offcanvas #page:after {
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.7);
  content: "";
}

a {
  color: #e74c3c;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/*a:hover, a:active, a:focus {
  color: #e74c3c;
  outline: none;
  border-bottom: 1px solid #e74c3c;
  text-decoration: none;
}
*/

p {
  /* margin-bottom: 30px; */
  margin: 0 0 1.2em;
  line-height: 2.1;
}

h1,
h2,
h3,
h4,
h5,
h6,
figure {
  color: #555555;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 400;
  margin: 0 0 20px 0;
}

h1,
h2,
h3 {
  font-weight: bold !important;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.125rem;
}

::-webkit-selection {
  color: #fff;
  background: #e74c3c;
}

::-moz-selection {
  color: #fff;
  background: #e74c3c;
}

::selection {
  color: #fff;
  background: #e74c3c;
}

.gtco-container {
  max-width: 1140px;
  position: relative;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.gtco-nav {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  padding: 10px 0;
  z-index: 1001;
  background: rgba(255, 255, 255, 1);
  position: absolute;
  z-index: 1001;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);
  height: 65px;
  position: fixed;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .gtco-nav {
    padding: 10px 0;
    height: 60px;
  }
}

@media screen and (max-width: 480px) {
  .gtco-nav {
    padding: 10px 0;
    height: 55px;
  }
}

.gtco-nav #gtco-logo {
  font-size: 20px;
  margin: 0;
  padding: 5px 0;
  text-transform: uppercase;
  font-weight: bold;
}

.gtco-nav #gtco-logo em {
  color: #e74c3c;
}

.gtco-nav a {
  padding: 5px 10px;
  color: #fff;
}

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

  .gtco-nav .menu-1,
  .gtco-nav .menu-2 {
    display: none;
  }
}

.gtco-nav ul {
  padding: 0;
  margin: 2px 0 0 0;
}

.gtco-nav ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
  position: relative;
}

.gtco-nav ul li a,
.gtco-nav ul li>span {
  font-size: 14px;
  padding: 30px 10px;
  color: rgba(0, 0, 0, 0.7);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.gtco-nav ul li>span {
  padding: 30px 25px 30px 10px;
}

#gtco-offcanvas .offcanvas-has-dropdown span {
  position: relative;
  display: inline-block;
}

.gtco-nav ul li.has-dropdown:before,
#gtco-offcanvas .offcanvas-has-dropdown span:before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 14px;
  height: 14px;
  font-size: 9px;
  line-height: 14px;
  font-family: 'themify';
  content: "\e64b";
  text-align: center;
  z-index: 0;
}

.gtco-nav ul li.has-dropdown:before {
  color: rgba(0, 0, 0, 0.7);
  right: 8px;
}

#gtco-offcanvas .offcanvas-has-dropdown span:before {
  color: rgba(255, 255, 255, 0.7);
  right: -20px;
}

.gtco-nav ul li>span {
  cursor: pointer;
}

.gtco-nav ul li a:hover,
.gtco-nav ul li a:focus,
.gtco-nav ul li a:active {
  color: #265796;
  border: none;
  text-decoration: none;
}

.gtco-nav ul li.has-dropdown {
  position: relative;
}

.gtco-nav ul li.has-dropdown .dropdown {
  width: 160px;
  -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
  z-index: 1002;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 40px;
  left: 0;
  text-align: left;
  background: #fff;
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  border: solid 1px #ccc;
}

.gtco-nav ul li.has-dropdown .dropdown:after {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}

.gtco-nav ul li.has-dropdown .dropdown:before {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #ccc;
  border-width: 10px;
  margin-left: -10px;
}

.gtco-nav ul li.has-dropdown .dropdown li {
  display: block;
  margin-bottom: 7px;
}

.gtco-nav ul li.has-dropdown .dropdown li:last-child {
  margin-bottom: 0;
}

.gtco-nav ul li.has-dropdown .dropdown li a {
  padding: 2px 0;
  display: block;
  color: #999;
  line-height: 1.2;
  text-transform: none;
  font-size: 12px;
}

.gtco-nav ul li.has-dropdown .dropdown li a:hover {
  color: #265796;
}

.gtco-nav ul li.has-dropdown .dropdown li.active>a {
  color: #000 !important;
}

.gtco-nav ul li.has-dropdown:hover a,
.gtco-nav ul li.has-dropdown:focus a {
  color: #265796;
}

.gtco-nav ul li.btn-cta a {
  color: #e74c3c;
}

.gtco-nav ul li.btn-cta a span {
  border: 2px solid #265796;
  padding: 4px 20px;
  color: #fff;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  background-color: #265796;
}

.gtco-nav ul li.btn-cta a:hover span {
  background: #fff;
  color: #265796;
  border: 2px solid #265796;
}

.gtco-nav ul li.active>a {
  color: rgba(0, 0, 0, 0.7) !important;
  font-weight: bold;
}

#gtco-header {
  /*background: #fdd035;*/
}

@media screen and (max-width: 768px) {
  #gtco-header.gtco-cover {
    height: inherit !important;
    padding: 3em 0 0 !important;
  }
}

@media screen and (max-width: 480px) {
  #gtco-header .text-left {
    text-align: center !important;
  }

  #gtco-offcanvas ul li.offcanvas-has-dropdown>a {
    /* クリックを無効にしたい時 */
    pointer-events: none;
  }
}

@media screen and (max-width: 480px) {
  #gtco-header .btn {
    display: block;
    width: 100%;
  }
}

#gtco-header .mt-text {
  margin-top: 1em;
  /* margin-top: 3.5em; */
  margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
  #gtco-header .mt-text {
    margin-top: 0;
  }
}

#gtco-header .intro-text-small {
  font-size: 16px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
  letter-spacing: .15em;
  display: block;
  margin-bottom: 10px;
}

#gtco-header h1,
#gtco-header h2 {
  margin: 0;
  padding: 0;
  color: #444;
  text-align: left;

}

#gtco-header h1 {
  margin-bottom: 0px;
  font-size: 45px;
  line-height: 1.2;
  font-weight: 300;
  text-shadow: 1px 1px 0 #F7F7f7,
    -1px -1px 0 #F7F7f7,
    -1px 1px 0 #F7F7f7,
    1px -1px 0 #F7F7f7,
    0px 1px 0 #F7F7f7,
    0 -1px 0 #F7F7f7,
    -1px 0 0 #F7F7f7,
    1px 0 0 #F7F7f7;
}

@media screen and (max-width: 768px) {
  #gtco-header h1 {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
}

#gtco-header h2 {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 30px;
}

#gtco-header .form-wrap {
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}

#gtco-header .form-wrap .tab-menu {
  padding: 0 !important;
  margin: 0 0 -10px 0 !important;
  width: 100%;
  float: left;
  z-index: 12;
  position: relative;
}

#gtco-header .form-wrap .tab-menu li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline;
  float: left;
  width: 50%;
  text-align: center;
}

#gtco-header .form-wrap .tab-menu li a {
  padding: 10px 20px 20px 20px;
  float: left;
  width: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.5);
  color: #1a1a1a;
}

#gtco-header .form-wrap .tab-menu li a:hover {
  color: #1a1a1a;
}

#gtco-header .form-wrap .tab-menu li.active a {
  display: block;
  padding: 10px 20px 20px 20px;
  background: #fff;
  color: #e74c3c;
}

#gtco-header .form-wrap .tab-menu li.gtco-first a {
  border-top-left-radius: 7px;
}

#gtco-header .form-wrap .tab-menu li.gtco-second a {
  border-top-right-radius: 7px;
}

#gtco-header .form-wrap .tab-content {
  z-index: 10;
  position: relative;
  clear: both;
  background: #fff;
  padding: 30px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

#gtco-header .form-wrap .tab-content .tab-content-inner {
  display: none;
}

#gtco-header .form-wrap .tab-content .tab-content-inner.active {
  display: block;
}

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

  #gtco-header,
  #gtco-counter,
  .gtco-bg {
    background-size: cover !important;
    background-position: -20% !important;
    background-repeat: no-repeat !important;
    position: relative;
  }

  .gtco-cover {
    height: 500px;
    background-size: cover !important;
    background-position: -20% !important;
    background-repeat: no-repeat !important;
    position: relative;
  }

}

@media screen and (max-width: 480px) {

  #gtco-header,
  #gtco-counter,
  .gtco-bg {
    background-size: cover !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    position: relative;
  }

  .gtco-cover {
    height: 500px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
  }
}

.gtco-bg {
  background-position: center center;
  width: 100%;
  float: left;
  position: relative;
}

.gtco-video {
  height: 450px;
  overflow: hidden;
  margin-bottom: 30px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}

.gtco-video.gtco-video-sm {
  height: 250px;
}

.gtco-video a {
  z-index: 1001;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -45px;
  width: 90px;
  height: 90px;
  display: table;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.gtco-video a i {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 40px;
}

.gtco-video .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.gtco-video:hover .overlay {
  background: rgba(0, 0, 0, 0.7);
}

.gtco-video:hover a {
  position: relative;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.gtco-cover {
  /* height: 500px;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	*/
  position: relative;
  float: left;
  width: 100%;
}

.gtco-cover a {
  color: #e74c3c;
}

.gtco-cover a:hover {
  color: white;
}

.gtco-cover .overlay {
  z-index: 1;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;

  /* background: rgba(216, 216, 216, 0.2); */

  /* --- ドット（水玉）背景のBOX定義 ---------------------------- */
  /* margin: auto;
	max-width: 500px;
	height: 200px; */
  /* ドット（水玉）模様のCSS */
  /* background-color: #ffffff;
	background-image: radial-gradient(#e1eaf5 20%, transparent 37%),
		radial-gradient(#e1eaf5 20%, transparent 37%);
	background-position: 0 0,
		5px 5px;
	background-size: 10px 10px; */
  background-color: #fbfaf7;
  /* border-bottom: 1px dashed #cccccc; */
  box-shadow: 0 -1px 5px rgb(0 0 0 / 5%) inset;

}

.gtco-cover .overlay.top_ {
  z-index: 1;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(234, 234, 234, 0.6);
}

.gtco-cover>.gtco-container {
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .gtco-cover {
    height: 300px;
  }
}

.gtco-cover .display-t,
.gtco-cover .display-tc {
  height: 900px;
  display: table;
  width: 100%;
}

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

  .gtco-cover .display-t,
  .gtco-cover .display-tc {
    height: 600px;
  }
}

.gtco-cover.gtco-cover-sm {
  height: 600px;
}

/* .gtco-cover.gtco-cover-xxs_ {
	height: 260px;
}

@media screen and (max-width: 768px) {
	.gtco-cover.gtco-cover-sm {
		height: 400px;
	}

	.gtco-cover.gtco-cover-xxs_ {
		height: 200px;
	}
} */

.gtco-cover.gtco-cover-sm .display-t,
.gtco-cover.gtco-cover-sm .display-tc {
  height: 600px;
  display: table;
  width: 100%;
}

.gtco-cover.gtco-cover-xxs_ .display-t,
.gtco-cover.gtco-cover-xxs_ .display-tc {
  height: 260px;
  display: table;
  width: 100%;
}

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

  .gtco-cover.gtco-cover-sm .display-t,
  .gtco-cover.gtco-cover-sm .display-tc {
    height: 400px;
  }

  .gtco-cover.gtco-cover-xxs_ .display-t,
  .gtco-cover.gtco-cover-xxs_ .display-tc {
    height: 200px;
  }
}

.gtco-cover.gtco-cover-xs {
  height: 500px;
}

@media screen and (max-width: 768px) {
  .gtco-cover.gtco-cover-xs {
    height: inherit !important;
    padding: 3em 0;
  }
}

.gtco-cover.gtco-cover-xs .display-t,
.gtco-cover.gtco-cover-xs .display-tc {
  height: 500px;
  display: table;
  width: 100%;
}

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

  .gtco-cover.gtco-cover-xs .display-t,
  .gtco-cover.gtco-cover-xs .display-tc {
    padding: 3em 0;
    height: inherit !important;
  }
}

.gtco-staff {
  text-align: center;
  margin-bottom: 7em;
  float: left;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .gtco-staff {
    margin-bottom: 3em;
  }
}

.gtco-staff img {
  width: 100px;
  margin-bottom: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.gtco-staff h3 {
  font-size: 24px;
  margin-bottom: 5px;
}

.gtco-staff p {
  margin-bottom: 30px;
}

.gtco-staff .role {
  color: #bfbfbf;
  margin-bottom: 30px;
  font-weight: normal;
  display: block;
}

.gtco-social-icons {
  margin: 0;
  padding: 0;
}

.gtco-social-icons li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.gtco-social-icons li a {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  color: #e74c3c;
  padding-left: 10px;
  padding-right: 10px;
}

.gtco-social-icons li a i {
  font-size: 20px;
}

.gtco-contact-info {
  margin-bottom: 30px;
  float: left;
  width: 100%;
  position: relative;
}

.gtco-contact-info ul {
  padding: 0;
  margin: 0;
}

.gtco-contact-info ul li {
  padding: 0 0 0 50px;
  margin: 0 0 30px 0;
  list-style: none;
  position: relative;
}

.gtco-contact-info ul li:before {
  color: #cccccc;
  position: absolute;
  left: 0;
  top: .05em;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gtco-contact-info ul li.address:before {
  font-size: 30px;
  content: "\e9d1";
}

.gtco-contact-info ul li.phone:before {
  font-size: 23px;
  content: "\e9f4";
}

.gtco-contact-info ul li.email:before {
  font-size: 23px;
  content: "\e9da";
}

.gtco-contact-info ul li.url:before {
  font-size: 23px;
  content: "\e9af";
}

form label {
  font-weight: normal !important;
}

#gtco-header .display-tc,
#gtco-counter .display-tc,
.gtco-cover .display-tc {
  display: table-cell !important;
  vertical-align: middle;
}

#gtco-header .display-tc .intro-text-small,
#gtco-counter .display-tc .intro-text-small,
.gtco-cover .display-tc .intro-text-small {
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: .15em;
  display: block;
  margin-bottom: 10px;
}

#gtco-header .display-tc h1,
#gtco-header .display-tc h2,
#gtco-counter .display-tc h1,
#gtco-counter .display-tc h2,
.gtco-cover .display-tc h1,
.gtco-cover .display-tc h2 {
  margin: 0;
  padding: 0;
  color: white;
}

#gtco-header .display-tc h1,
#gtco-counter .display-tc h1,
.gtco-cover .display-tc h1 {
  margin-bottom: 0px;
  font-size: 59px;
  line-height: 1;
  font-weight: 300;
}

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

  #gtco-header .display-tc h1,
  #gtco-counter .display-tc h1,
  .gtco-cover .display-tc h1 {
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 10px;
  }
}

#gtco-header .display-tc h2,
#gtco-counter .display-tc h2,
.gtco-cover .display-tc h2 {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 30px;
}

#gtco-counter {
  text-align: center;
}

#gtco-counter .counter {
  font-size: 50px;
  margin-bottom: 10px;
  color: #e74c3c;
  font-weight: 100;
  display: block;
}

#gtco-counter .counter-label {
  margin-bottom: 0;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: .1em;
}

@media screen and (max-width: 768px) {
  #gtco-counter .feature-center {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 480px) {
  #gtco-counter .feature-center {
    margin-bottom: 25px;
  }
}

#gtco-counter .icon {
  width: 70px;
  height: 70px;
  text-align: center;
  margin-bottom: 20px;
  background: none !important;
  border: none !important;
}

#gtco-counter .icon i {
  height: 70px;
}

#gtco-counter .icon i:before {
  color: #cccccc;
  display: block;
  text-align: center;
  margin-left: 3px;
}

#gtco-features,
#gtco-features-2,
#gtco-products,
#gtco-services,
#gtco-subscribe,
#gtco-subscribe_blog,
#gtco-footer,
.gtco-section {
  padding: 5em 0;
  clear: both;
  position: relative;
}

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

  #gtco-features,
  #gtco-features-2,
  #gtco-products,
  #gtco-services,
  #gtco-subscribe,
  #gtco-subscribe_blog,
  #gtco-footer,
  .gtco-section {
    padding: 2em 0;
  }
}

.border-bottom {
  border-bottom: 1px solid #e6e6e6;
}

.border-top {
  border-top: 1px solid #e6e6e6;
}

#gtco-features-2 {
  background: #efefef;
  position: relative;
  float: left;
  width: 100%;
}

.feature-center {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 100%;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .feature-center {
    margin-bottom: 50px;
  }
}

.feature-center .icon {
  width: 90px;
  height: 90px;
  display: table;
  text-align: center;
  margin: 0 auto 20px auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.feature-center .icon i {
  display: table-cell;
  vertical-align: middle;
  height: 90px;
  font-size: 40px;
  line-height: 40px;
  color: #cccccc;
}

.feature-center .plan_icon_ i {
  display: table-cell;
  vertical-align: middle;
  height: 90px;
  font-size: 60px;
  line-height: 40px;
  color: #b1b1b1;
}

.feature-center p,
.feature-center h3 {
  margin-bottom: 30px;
}

.feature-center h3 {
  font-size: 20px;
  margin-bottom: 20px;
  color: #e74c3c;
  position: relative;
}

.feature-left {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}

.feature-left .icon {
  float: left;
  text-align: center;
  width: 15%;
}

.feature-left .icon i {
  display: table-cell;
  vertical-align: middle;
  font-size: 40px;
  color: #e74c3c;
}

.feature-left .feature-copy {
  float: right;
  width: 80%;
}

.feature-left .feature-copy h3 {
  font-size: 18px;
  color: #1a1a1a;
  margin-bottom: 10px;
}

.gtco-heading {
  margin-bottom: 5em;
}

.gtco-heading.gtco-heading-sm {
  margin-bottom: 2em;
}

.gtco-heading h2 {
  font-size: 36px;
  margin-bottom: 10px;
  line-height: 1.5;
  font-weight: 300;
  color: #555555;
  position: relative;
}

@media screen and (max-width: 768px) {
  .gtco-heading h2 {
    font-size: 26px;
  }
}

.gtco-heading p {
  font-size: 20px;
  /* line-height: 1.6em;
	color: gray; */
  line-height: 1.8;
  color: #333333;
}

.gtco-heading .free_text_box {
  text-align: center !important;
}

.gtco-heading .recaptcha-policy p {
  text-align-last: left !important;
}

#gtco-products {
  background: #008ee0;
}

#gtco-products .item img {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}

#gtco-products .gtco-heading h2 {
  color: #fff;
}

#gtco-products .gtco-heading p {
  color: rgba(255, 255, 255, 0.8);
}

#gtco-subscribe {
  background: #fbfaf7;
}

#gtco-subscribe_blog {
  background-color: #265796;
}

#gtco-subscribe_blog .form-control {
  background: #ffffff;
  color: #333333;
  font-size: 16px !important;
  width: 100%;
  border: 2px solid #f0d67d !important;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  height: 60px;
}

#gtco-subscribe .form-control {
  background: #ffffff;
  color: #777777;
  font-size: 16px !important;
  width: 100%;
  border: 2px solid rgb(124, 124, 124) !important;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#gtco-subscribe_blog .form-control:focus {
  background: #ffffff;
  /* border: 2px solid #f0d67d !important; */
  box-shadow: 0 0 0 0.2rem #f0d67d;
}

#gtco-subscribe .form-control:focus {
  background: #ffffff;
  border: 2px solid #e74c3c !important;
}

#gtco-subscribe .form-control::-webkit-input-placeholder {
  color: #cccccc;
}

#gtco-subscribe .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #cccccc;
}

#gtco-subscribe .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #cccccc;
}

#gtco-subscribe .form-control:-ms-input-placeholder {
  color: #cccccc;
}

#gtco-subscribe .btn {
  height: 46px;
  border: none !important;
  background: #e74c3c;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  padding-left: 50px;
  padding-right: 50px;
}

#gtco-subscribe_blog .btn {
  width: 100%;
  height: 46px;
  border: none !important;
  background: #f0d67d;
  color: #e74c3c;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 50px;
  padding-right: 50px;
}

#gtco-subscribe_blog .help-block {
  color: #f0d67d;
  font-weight: bold;
  margin: 20px 0;
}

#gtco-subscribe p.alert-success,
#gtco-subscribe_blog p.alert-success {
  background-color: #f0d67d !important;
  color: #e74c3c !important;
  font-weight: bold;
}

#gtco-subscribe .btn.disabled,
#gtco-subscribe .btn[disabled],
#gtco-subscribe fieldset[disabled] .btn {
  opacity: 0.8;
  background-color: #869791 !important;
}

#gtco-subscribe_blog .btn.disabled,
#gtco-subscribe_blog .btn[disabled],
#gtco-subscribe_blog fieldset[disabled] .btn {
  opacity: 0.8;
  background-color: #d6d6d6 !important;
}

.btn.disabled {
  cursor: not-allowed;
}

#gtco-subscribe_blog .sab_ {
  color: #ffffff;
}

.f_color_yellow {
  color: #f0d67d;
  font-weight: bold;
}

#gtco-subscribe_blog .f_color_wh {
  color: #ffffff;
}

#gtco-subscribe_blog .f_color_wh a {
  color: #f0d67d !important;
}

#gtco-subscribe .form-inline .form-group,
#gtco-subscribe_blog .form-inline .form-group {
  width: 100% !important;
  margin-bottom: 20px;
}

#gtco-subscribe .form-inline .form-group .form-control,
#gtco-subscribe_blog .form-inline .form-group .form-control {
  width: 100%;
}

#gtco-subscribe .gtco-heading {
  margin-bottom: 30px;
}

#gtco-container #trial {
  color: #e74c3c !important;
  font-size: 2.5rem !important;
  text-align: center !important;
}

#gtco-subscribe_blog h2 {
  color: #f0d67d;
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 2.5rem;
}

#gtco-subscribe_blog p {
  color: rgba(255, 255, 255, 1);
}

#gtco-subscribe_blog p.f_color_black {
  color: #333333;
}

#gtco-subscribe_blog .free_text_box {
  text-align: center !important;
}

#gtco-subscribe_blog .recaptcha-policy p {
  text-align-last: center !important;
}

#gtco-footer .gtco-footer-links {
  padding: 0;
  margin: 0 0 20px 0;
  float: left;
  width: 100%;
}

#gtco-footer .gtco-footer-links li {
  padding: 0;
  margin: 0 0 15px 0;
  list-style: none;
  line-height: 1;
  font-size: 0.8em;
}

#gtco-footer .gtco-footer-links li a {
  text-decoration: none;
}

#gtco-footer .gtco-footer-links li a:hover {
  text-decoration: underline;
}

#gtco-footer .gtco-widget {
  margin-bottom: 30px;
}

#gtco-footer .gtco-widget h3 {
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#gtco-footer .gtco-widget .gtco-quick-contact {
  padding: 0;
  margin: 0;
}

#gtco-footer .gtco-widget .gtco-quick-contact li {
  padding: 0;
  margin: 0 0 10px 0;
  list-style: none;
}

#gtco-footer .gtco-widget .gtco-quick-contact li i {
  width: 30px;
  float: left;
  font-size: 18px;
  position: relative;
  margin-top: 4px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#gtco-footer .footer-logo span {
  color: #e74c3c;
}

#gtco-footer .copyright {
  color: #b3b3b3;
  padding-top: 3em;
  margin-top: 3em;
  border-top: 1px solid #f2f2f2;
}

/* 送信中のアニメーション */
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}

.loader {
  color: #ffffff;
  font-size: 10px;
  /* margin: 80px auto; */
  position: relative;
  /* text-indent: -9999em; */
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  display: inline-block;
  left: 180px;
  top: -20px;
}

.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}

.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 3.5em;
}

@-webkit-keyframes load7 {

  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }

  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

@keyframes load7 {

  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }

  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

/* 送信中のアニメーション end */

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

  #gtco-footer .copyright .pull-left,
  #gtco-footer .copyright .pull-right {
    float: none !important;
    text-align: center;
  }

  #gtco-footer .gtco-footer-links {
    float: none;
  }
}

#gtco-footer .copyright .block {
  display: block;
}

#gtco-offcanvas {
  position: absolute;
  z-index: 1901;
  width: 270px;
  background: black;
  top: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 45px 20px 20px 20px;
  overflow-y: auto;
  display: none;
  -moz-transform: translateX(270px);
  -webkit-transform: translateX(270px);
  -ms-transform: translateX(270px);
  -o-transform: translateX(270px);
  transform: translateX(270px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

@media screen and (max-width: 768px) {
  #gtco-offcanvas {
    display: block;
  }
}

.offcanvas #gtco-offcanvas {
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

#gtco-offcanvas a,
#gtco-offcanvas .offcanvas-has-dropdown>span {
  color: rgba(255, 255, 255, 0.7);
}

#gtco-offcanvas a:hover {
  color: rgba(255, 255, 255, 0.9);
}

#gtco-offcanvas ul {
  padding: 0;
  margin: 0;
}

#gtco-offcanvas ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}

#gtco-offcanvas ul li>ul {
  padding-left: 20px;
  display: none;
}

#gtco-offcanvas ul li.offcanvas-has-dropdown>a {
  display: block;
  position: relative;
}

#gtco-offcanvas ul li.offcanvas-has-dropdown>a:after {
  position: absolute;
  right: 0px;
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e921";
  font-size: 20px;
  color: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#gtco-offcanvas ul li.offcanvas-has-dropdown.active a:after {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.uppercase {
  font-size: 14px;
  color: #000;
  margin-bottom: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.gototop {
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

@media screen and (max-width: 768px) {
  .gototop {
    bottom: 20px;
  }
}

.gototop.active {
  opacity: 1;
  visibility: visible;
}

.gototop a {
  width: 50px;
  height: 50px;
  display: table;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.gototop a i {
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}

.gototop a:hover,
.gototop a:active,
.gototop a:focus {
  text-decoration: none;
  outline: none;
}

.gtco-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
}

.gtco-nav-toggle.active i::before,
.gtco-nav-toggle.active i::after {
  background: #444;
}

.gtco-nav-toggle:hover,
.gtco-nav-toggle:focus,
.gtco-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}

.gtco-nav-toggle i {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 2px;
  color: #252525;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #252525;
  transition: all .2s ease-out;
}

.gtco-nav-toggle i::before,
.gtco-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 2px;
  background: #252525;
  position: absolute;
  left: 0;
  transition: all .2s ease-out;
}

.gtco-nav-toggle.gtco-nav-white>i {
  color: #666;
  background: #666;
}

.gtco-nav-toggle.gtco-nav-white>i::before,
.gtco-nav-toggle.gtco-nav-white>i::after {
  background: #666;
}

.gtco-nav-toggle i::before {
  top: -7px;
}

.gtco-nav-toggle i::after {
  bottom: -7px;
}

.gtco-nav-toggle:hover i::before {
  top: -10px;
}

.gtco-nav-toggle:hover i::after {
  bottom: -10px;
}

.gtco-nav-toggle.active i {
  background: transparent;
}

.gtco-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.gtco-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.gtco-nav-toggle {
  position: absolute;
  right: 0px;
  top: 10px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important;
}

@media screen and (max-width: 768px) {
  .gtco-nav-toggle {
    display: block;
    top: 5px;
    position: fixed;
  }
}

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 30px;
}

.btn.btn-md {
  padding: 8px 20px !important;
}

.btn.btn-lg {
  padding: 18px 20px !important;
}

.btn:hover,
.btn:active,
.btn:focus {
  box-shadow: none !important;
  outline: none !important;
}

.btn-primary {
  background: #e74c3c;
  color: #fff;
  border: 2px solid #e74c3c !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: #fff !important;
  color: #e74c3c;
  border-color: #e74c3c !important;
}

.btn-primary.btn-outline {
  background: transparent;
  color: #e74c3c;
  border: 2px solid #e74c3c;
}

.btn-primary.btn-outline:hover,
.btn-primary.btn-outline:focus,
.btn-primary.btn-outline:active {
  background: #e74c3c !important;
  color: #fff !important;
}

.btn-success {
  background: #fff;
  color: #265796;
  border: 2px solid #265796;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background: #265796 !important;
  border-color: #265796 !important;
}

.btn-success.btn-outline {
  background: transparent;
  color: #265796;
  border: 2px solid #265796;
}

.btn-success.btn-outline:hover,
.btn-success.btn-outline:focus,
.btn-success.btn-outline:active {
  background: #265796;
  color: #fff;
}

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background: #46b8da !important;
  border-color: #46b8da !important;
}

.btn-info.btn-outline {
  background: transparent;
  color: #5bc0de;
  border: 2px solid #5bc0de;
}

.btn-info.btn-outline:hover,
.btn-info.btn-outline:focus,
.btn-info.btn-outline:active {
  background: #5bc0de;
  color: #fff;
}

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background: #eea236 !important;
  border-color: #eea236 !important;
}

.btn-warning.btn-outline {
  background: transparent;
  color: #f0ad4e;
  border: 2px solid #f0ad4e;
}

.btn-warning.btn-outline:hover,
.btn-warning.btn-outline:focus,
.btn-warning.btn-outline:active {
  background: #f0ad4e;
  color: #fff;
}

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background: #d43f3a !important;
  border-color: #d43f3a !important;
}

.btn-danger.btn-outline {
  background: transparent;
  color: #d9534f;
  border: 2px solid #d9534f;
}

.btn-danger.btn-outline:hover,
.btn-danger.btn-outline:focus,
.btn-danger.btn-outline:active {
  background: #d9534f;
  color: #fff;
}

.btn-white {
  background: #fff;
  color: #000;
  border: 2px solid #fff;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active {
  color: #000;
  background: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
}

.btn-white.btn-outline {
  color: #fff;
  border: 2px solid #fff;
}

.btn-white.btn-outline:hover,
.btn-white.btn-outline:focus,
.btn-white.btn-outline:active {
  background: #fff;
  color: #000;
  border: 2px solid #fff;
}

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
  box-shadow: none;
}

.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.btn.with-arrow i {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn.with-arrow:hover {
  padding-right: 50px;
}

.btn.with-arrow:hover i {
  color: #fff;
  right: 18px;
  visibility: visible;
  opacity: 1;
}

.form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 46px;
  font-size: 16px;
  font-weight: 300;
  padding-left: 15px;
  padding-right: 15px;
}

.seminar-contact-form-item-container .form-control {
  background: #f9f9f9;
}

.seminar-contact-form-item-container {
  margin-bottom: 20px;
}

.form-control:active,
.form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #e74c3c;
}

.row-mt-15em {
  margin-top: 15em;
}

.mt-6rem {
  margin-top: 6rem;
}

.mt-1_5rem {
  margin-top: 1.5rem;
}

@media screen and (max-width: 768px) {
  .row-mt-15em {
    margin-top: 7em;
  }

  .mt-6rem {
    margin-top: 4rem;
  }
}

.mt-mm {
  margin-top: 10em;
}

@media screen and (max-width: 768px) {
  .mt-mm {
    margin-top: 6em;
  }
}

.mt-sm {
  margin-top: 4em;
  /* margin-top: 5em; */
}

@media screen and (max-width: 768px) {
  .mt-sm {
    /* margin-top: 3em; */
    margin-top: 2em;
  }
}

.mt-xsm {
  margin-top: 4em;
}

@media screen and (max-width: 768px) {
  .mt-xsm {
    margin-top: 2em;
  }
}

.row-pb-md {
  padding-bottom: 4em !important;
}

.row-pb-sm {
  padding-bottom: 2em !important;
}

.gtco-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loader.gif) center no-repeat #fff;
}

.js .animate-box {
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .gtco-nav .gtco-contact {
    text-align: left !important;
  }
}

.gtco-nav .gtco-contact ul {
  padding: 0;
  margin: 0 0 20px 0;
}

.gtco-nav .gtco-contact ul li {
  padding: 0;
  margin: 0;
}

.gtco-nav .gtco-contact ul li a {
  font-size: 14px;
  font-weight: bold !important;
  margin-left: 0px;
}

.gtco-nav .gtco-contact ul li a i {
  color: #e74c3c;
}

.gtco-nav .gtco-contact ul li a:hover i {
  color: #fff;
}

.gtco-flex {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  float: left;
}

/* Owl Override Style */
.owl-carousel .owl-controls,
.owl-carousel-posts .owl-controls {
  margin-top: 0;
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  top: 50%;
  margin-top: -39px;
  z-index: 9999;
  position: absolute;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  top: 24%;
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-next {
  right: 20px;
}

.owl-carousel .owl-controls .owl-nav .owl-next:hover,
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover {
  margin-right: -10px;
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  left: 20px;
}

.owl-carousel .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover {
  margin-left: -10px;
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i {
  color: #444;
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i {
  color: #000;
}

.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i {
  color: #fff;
}

.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .owl-theme .owl-controls .owl-nav {
    display: none;
  }
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: none !important;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] i {
  font-size: 24px;
  background: #e74c3c !important;
  padding: 12px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover i,
.owl-theme .owl-controls .owl-nav [class*="owl-"]:focus i {
  background: #e74c3c !important;
}

.owl-theme .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.owl-carousel-fullwidth.owl-theme .owl-dots {
  bottom: 0;
  margin-bottom: -2.5em;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: #e74c3c;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border: 2px solid transparent;
}

.owl-theme .owl-dots .owl-dot span:hover {
  background: none;
  border: 2px solid #e74c3c;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: none;
  border: 2px solid #e74c3c;
}

.fh5co-project-item {
  display: block;
  width: 100%;
  position: relative;
  background: #fff;
  overflow: hidden;
  z-index: 9;
  bottom: 0;
  margin-bottom: 30px;
  border: 1px solid #e6e6e6;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.fh5co-project-item figure {
  height: auto;
  overflow: hidden;
  z-index: 12;
  position: relative;
}

.fh5co-project-item figure .overlay {
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}

.fh5co-project-item figure .overlay i {
  z-index: 12;
  color: #fff;
  font-size: 30px;
  position: absolute;
  margin-left: -15px;
  margin-top: -45px;
  top: 50%;
  left: 50%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.fh5co-project-item img {
  z-index: 8;
  opacity: 1;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.fh5co-project-item .fh5co-text {
  padding: 0px 10px 10px 20px;
  text-align: center;
}

.fh5co-project-item .fh5co-text h2,
.fh5co-project-item .fh5co-text span {
  text-decoration: none !important;
}

.fh5co-project-item .fh5co-text h2 {
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 10px 0;
  color: #444444;
}

.fh5co-project-item .fh5co-text span {
  color: #b3b3b3;
  font-size: 16px;
  font-weight: 400;
}

.fh5co-project-item .fh5co-text p {
  color: #333333;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.fh5co-project-item:hover,
.fh5co-project-item:focus {
  bottom: 7px;
  text-decoration: none;
  -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.19);
  -ms-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.19);
  -o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.19);
}

.fh5co-project-item:hover img,
.fh5co-project-item:focus img {
  -webkot-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.fh5co-project-item:hover figure .overlay,
.fh5co-project-item:focus figure .overlay {
  opacity: 1;
  visibility: visible;
}

.fh5co-project-item:hover figure .overlay i,
.fh5co-project-item:focus figure .overlay i {
  margin-top: -15px;
}

.fh5co-project-item:hover h2,
.fh5co-project-item:hover span,
.fh5co-project-item:focus h2,
.fh5co-project-item:focus span {
  text-decoration: none !important;
}

@media screen and (max-width: 768px) {
  .macbook-wrap img {
    max-width: 100%;
  }
}

.price-box {
  background: #fff;
  border: 2px solid #ECEEF0;
  text-align: center;
  padding: 30px;
  /* margin-bottom: 40px; */
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.price-box.popular {
  border: 2px solid #e74c3c;
}

.price-box.popular .popular-text {
  top: 0;
  left: 50%;
  margin-left: -54px;
  margin-top: -2em;
  position: absolute;
  padding: 4px 20px;
  background: #e74c3c;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.price-box.popular .popular-text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-top: 10px solid black;
  border-top-color: #e74c3c;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.pricing-plan {
  margin: 0 0 20px 0;
  padding: 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
}

.price {
  font-size: 20px;
  color: #333333;
}

.price .currency {
  font-size: 20px;
  top: -1.2em;
}

.price small {
  font-size: 16px;
}

.price .big_ {
  font-size: 50px;
  line-height: 1em;
}

.pricing-info {
  padding: 0;
  margin: 0 0 30px 0;
}

.pricing-info li {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.fh5co-faq-list {
  margin: 0;
  padding: 0;
}

.fh5co-faq-list li {
  margin: 0 0 40px 0;
  padding: 0;
  line-height: 1.5;
  list-style: none;
}

.fh5co-faq-list li .icon {
  margin-right: 5px;
  font-size: 0.9em;
  color: #275896;
}

@media screen and (max-width: 768px) {
  .fh5co-faq-list li {
    margin: 0 0 20px 0;
  }

  .price-box {
    padding: 15px;
  }
}

.fh5co-faq-list li h2 {
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .fh5co-faq-list li h2 {
    font-size: 26px;
  }
}

/*# sourceMappingURL=style.css.map */


/***** matsui追加記述分  ************************************************/

#gtco-counter,
.gtco-bg {
  background: url("../images/performance_img.png")repeat-x;
}

#gtco-counter .counter-label {
  font-weight: bold;
  font-size: 120%;
}

#gtco-counter .counter {
  font-weight: bold;
}

.red_border {
  border: 1px solid #e74c3c;
  padding: 20px;
}

.red_border_bottom {
  border-bottom: 1px solid #e74c3c;
  padding-bottom: 1px;
}

.red_border02 {
  border: 1px solid #e74c3c;
}

.blue_border {
  border: 1px solid #265796;
}

.red_border15 {
  border: 1.5px solid #e74c3c;
}

.blue_border15 {
  border: 1.5px solid #265796;
}

.f_blue {
  color: #265796;
  font-weight: bold;
}

.f_red {
  color: #e74c3c !important;
}

.f_size10 {
  font-size: 10px !important;
}

.f_size12 {
  font-size: 12px !important;
}

.f_size14 {
  font-size: 14px !important;
}

.f_size16 {
  font-size: 16px !important;
}

.f_size17 {
  font-size: 17px !important;
}

.f_size18 {
  font-size: 18px !important;
}

.f_size20 {
  font-size: 20px !important;
}

.f_size21 {
  font-size: 21px !important;
}

.f_size22 {
  font-size: 22px !important;
}

.f_size30 {
  font-size: 30px !important;
}

.f_size35 {
  font-size: 35px !important;
}

.f_size40 {
  font-size: 40px !important;
}

.f_size45 {
  font-size: 45px !important;
}

.f_size50 {
  font-size: 50px !important;
}

.LHeight15 {
  line-height: 1.5em !important;
}

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

.f_normal {
  font-weight: normal !important;
}

.text_super {
  vertical-align: super;
  font-size: 8px;
}

.ver_middle {
  vertical-align: middle !important;
}

.wid_20 {
  width: 20% !important;
}

h3 img {
  width: 80%;
}

.img-responsive {
  margin: 0 auto !important;
}

.txt_left {
  text-align: left;
}

.txt_center {
  text-align: center;
}

.text-justify-last {
  text-align-last: justify !important;
}

.f13 {
  font-size: 13px;
}

.f14 {
  font-size: 14px;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.f20 {
  font-size: 20px;
}

.pd20 {
  padding: 20px;
}

.annotationRed {
  color: #e74c3c;
}

.annotationRightBlue {
  color: #008ee0;
}

.annotationRightBlueUnder {
  border-bottom: #008ee0 1px solid;
}

.Bluemarker {
  background: linear-gradient(transparent 87%, #008ee0 87%);
  font-weight: bold;
  border-radius: 6px;
}

.form-control {
  font-weight: bold;
}

.form-control#name,
.form-control#email,
.form-control#tel,
.form-control#accountId,
.form-control#message,
.form-control#furigana,
.form-control#company,
.form-control#zipCode,
.form-control#pref,
.form-control#address {
  font-weight: normal;
}

/*********************/
/*    chrome斜体設定      */
/*********************/
@font-face {
  font-family: Meiryo;
  src: local('Meiryo'), local('メイリオ');
}

.italic {
  font-family: Meiryo, "メイリオ", sans-serif;
  font-style: italic;
}


/*********************/
/*    ブログ記事      */
/*********************/
.ListNum {
  display: inline-block;
  color: #7F7F7F;
  background: #F2F2F2;
  padding: 0 12px;
  font-weight: 400;
  font-size: 1.2rem;
  margin-right: 5px;
}

.NumChild {
  margin-left: 20px;
}

.NumGrandChild {
  margin-left: 30px;
}

.ListTitle {
  margin-bottom: 1em;
}

ol.ContentsList {
  width: 100%;
  border-top: dotted #ddd 1px;
  border-bottom: dotted #ddd 1px;
  font-size: 14px;
  padding: 3em 2em 3em 2.5em;
  margin: 8% 0 10% 0;
}

ol.ContentsList li {
  line-height: 2em;
  padding: 0.5em 0;
  list-style: none;
}

ul.checkBox {
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 40px;
}

ul.checkBox02 {
  padding: 10px 0;
  margin: 0;
  list-style-type: none;
}

ul.checkBox li {
  list-style: none;
  line-height: 2.5em;
  font-weight: bold;
}

ul.checkBox li.line_h_2_5 {
  line-height: 2.5em;
}

ul.checkBox li span {
  border-bottom: #e74c3c solid 1px;
  padding-bottom: 5px;
}

ul.checkBox li .no-underline {
  border-bottom: none;
  padding-bottom: 5px;
}

.check_icon:before {
  padding-right: 20px;
}

.check_icon {
  color: #e74c3c;
  vertical-align: middle;
  /* margin-right: 8px; */
  font-size: 1.5em;
}

.checkBox_2column {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  border: #f2e6c6 1px solid;
  background-color: #fcf9f2;
  padding: 20px;
}

.checkBox_2column li {
  width: 50%;
}

.marker {
  background: linear-gradient(transparent 87%, #f0d67d 87%);
  font-weight: bold;
  border-radius: 6px;
}

ol.ListNumber {
  counter-reset: item;
  list-style-type: none;
  padding: 40px 20px;
}

ol.ListNumber li {
  text-indent: -1.3em;
  padding-left: 1.3em;
  line-height: 2.2em;
  text-align: left;
}

ol.ListNumber li:before {
  counter-increment: item;
  content: counter(item)'.';
  content: counter(item)'.';
  padding-right: .5em;
  font-weight: bold;
  color: #e74c3c;
}


.blog_img_box {
  margin: 50px auto 60px auto !important;
  text-align: center;
  display: block;
  width: 100%;
  border: #86b4cf 1px solid;
  background: #eef4f8;
  padding: 20px;
}

.blog_img_box img {
  margin-bottom: 0 !important;
}

.blog_img_box02 {
  margin: 50px auto 60px auto !important;
  text-align: center;
  display: block;
  width: 85%;
  border: #86b4cf 1px solid;
  background: #eef4f8;
  padding: 20px;
}

.blog_img_box02 img {
  margin-bottom: 0 !important;
}

.blog_img_box03 {
  margin: 50px auto 60px auto !important;
  text-align: center;
  display: block;
  width: 65%;
  border: #86b4cf 1px solid;
  background: #eef4f8;
  padding: 20px;
}

.blog_img_box03 img {
  margin-bottom: 0 !important;
}

.blog_Exbox {
  margin: 50px auto 60px auto !important;
  text-align: center;
  display: block;
  width: 100%;
  border-top: #e74c3c 2px dashed;
  border-bottom: #e74c3c 2px dashed;
  /* padding: 10px; */
  padding: 40px 0 20px;
}

/* .blog_Exbox p {
	padding: 20px;
	line-height: 2em;
	margin: 0;
} */

.blog_topic {
  border: #e74c3c 1.5px solid;
}

ul.blog_topic,
ol.blog_topic,
ul.blog_topicBlue01 {
  padding: 20px;
  margin-bottom: 40px;
}


ul.blog_topic li,
ol.blog_topic li,
ul.blog_topicBlue01 li {
  margin-left: 20px;
  font-weight: bold;
  color: #444444;
  font-size: 18px;
  line-height: 2em;
}


ul.blog_topic li a,
ol.blog_topic li a,
ul.blog_topicBlue01 a {
  color: #444444;
}

.BorderDottend {
  border: dotted !important;
}

.BorderDottendBlue {
  border: dotted #265796 !important;
}

.BorderDottendRed {
  border: dotted #e74c3c !important;
}

.blog_topic01 {
  border: #e74c3c 1.5px solid;
}

.blog_topicBlue,
.blog_topicBlue01 {
  border: #265796 1.5px solid;
}

.blog_topicBlueBox {
  border: #265796 1.5px solid;
  padding: 20px 20px;
}

.blog_topicRedBox {
  border: #e74c3c 1.5px solid;
  padding: 20px 20px;
}

.blog_topicYerrowBox {
  border: #f0d67d 1.5px solid;
  padding: 20px 20px;
}

.YerrowBoxBg {
  background: #fdf8e8;
}

.RedBoxBg {
  background: #fbefed;
}

.BlueBoxBg {
  background: #f1f7ff;
}

.blog_topicGreenBox {
  border: #808a7f 1px solid;
  padding: 20px 20px;
}

.GreenBoxBg {
  background: #eef2ee;
}

.blog_annotation {
  border: #e74c3c 1.5px solid;
  padding: 10px;
}

.blog_annotation p {
  font-size: 14px;
  margin-bottom: 0;
}

ul.bgYerrow {
  padding: 20px;
  margin-bottom: 40px;
  border: #f2e6c6 1px solid;
  background: #fcf9f2;
}

ul.bgYerrow li {
  margin-left: 25px;
  font-weight: bold;
  color: #444444;
  font-size: 18px;
  line-height: 2.2em;
}

ul.bgYerrow li::marker {
  color: #daba62 !important;
}

ul.bgRblue {
  padding: 20px;
  margin-bottom: 40px;
  border: #86b4cf 1px solid;
  background: #eef4f8;
}

ul.bgRblue li {
  margin-left: 25px;
  font-weight: bold;
  color: #444444;
  font-size: 18px;
  line-height: 2.2em;
}

ul.bgRblue li::marker {
  color: #86b4cf !important;
}

ul.bgRblue.ListNumColor li::marker,
ol.bgRblue.ListNumColor li::marker {
  color: #3d6c89 !important;
}

ul.bgGreen,
ol.bgGreen {
  padding: 20px;
  margin-bottom: 40px;
  border: #808a7f 1px solid;
  background: #eef2ee;
}

ul.bgGreen li,
ol.bgGreen li {
  text-decoration: none;
  margin-left: 25px;
  font-weight: bold;
  color: #444444;
  font-size: 18px;
  line-height: 2.2em;
}

ul.bgGreen li::marker,
ol.bgGreen li::marker {
  color: #808a7f !important;
}

ul.bgGreen.ListNumColor li::marker,
ol.bgGreen.ListNumColor li::marker {
  color: #508c4a !important;
}

.ColorGreen {
  color: #808a7f !important;
}

.ColorRblue {
  color: #86b4cf !important;
}

.ColorRed {
  color: #e74c3c !important;
}

.PointImgBox {
  margin: 50px auto 60px auto !important;
  padding-top: 50px;
  display: block;
  width: 50%;
}

.PointImgBox02 {
  margin: 50px auto 60px auto !important;
  padding-top: 50px;
  display: block;
  width: 25%;
}

.PointImgBox55 {
  margin: 50px auto 60px auto !important;
  padding-top: 50px;
  display: block;
  width: 55%;
}

.PointImgBox60 {
  margin: 50px auto 60px auto !important;
  padding-top: 50px;
  display: block;
  width: 60%;
}

.PointImgBox70 {
  margin: 50px auto 60px auto !important;
  padding-top: 50px;
  display: block;
  width: 70%;
}

.PointImgBox80 {
  margin: 50px auto 60px auto !important;
  padding-top: 50px;
  display: block;
  width: 80%;
}

.PointImgBox90 {
  margin: 50px auto 60px auto !important;
  padding-top: 50px;
  display: block;
  width: 90%;
}

.PointImgBox100 {
  margin: 50px auto 60px auto !important;
  padding-top: 50px;
  display: block;
  width: 100%;
}

.topicTitle {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 5px;
  color: #555;
}

ul.blog_topic01,
ul.blog_topicBlue {
  padding: 20px;
  margin-bottom: 40px;
}

ul.blog_topic01 li,
ul.blog_topicBlue li {
  list-style-type: none;
  margin-left: 10px;
  font-weight: bold;
  color: #444;
  font-size: 18px;
  line-height: 2em;
}

ul.blog_topic02 {
  padding: 20px;
  margin-bottom: 40px;
  border: #e74c3c 1.5px solid;
}

ul.blog_topic02 li {
  margin-left: 20px;
  font-weight: bold;
  color: #555;
  font-size: 14px;
  line-height: 2em;
}

.blog_sample,
.blog_sampleTexLeft {
  border: #f2e6c6 1px solid;
  background: #fcf9f2;
  padding: 25px 20px 20px 20px;
  margin-bottom: 40px;
}

.blog_sample p,
.blog_sampleTexLeft p {
  color: #444444;
  text-align: center;
  margin-bottom: 0;
}

.blog_sampleTexLeft p {
  text-align: left;
}

p.stop {
  text-decoration: underline;
  color: #e74c3c;
  text-align: center;
}

table.Ex caption {
  font-weight: bold;
  border-bottom: none;
}

table.Ex th {
  background: #eef4f8
}

table.Ex tr,
th {
  border: solid 1px #ddd !important;
  padding: 10px;
  text-align: center;
}

table.Ex td {
  border: solid 1px #ddd !important;
  padding: 10px;
  font-size: 14px;
  text-align: left;
}

.Sp_None {
  display: none;
}

.code_box {
  white-space: pre-wrap;
  padding: 0 20px;
  box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
  .Pc_None {
    display: block;
  }
}


@media screen and (max-width: 559px) {
  ol.ContentsList {
    font-size: 11px;
    padding: 1em;
  }

  #gtco-header .intro-text-small {
    /* margin-top: 60px; */
    font-size: 12px;
    text-align: left;
  }

  .Sp_None {
    display: block;
  }

  .Pc_None {
    display: none;
  }


}

/*********************/
/* ブログカテゴリー無限スクロール */
/*********************/

.e {
  opacity: 0;
}

.e-v {
  animation: fadeIn 1s ease forwards;
}

.e img.loading {
  animation: fadeIn 1s ease forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/*********************/
/* ブログカテゴリー無限スクロール end */
/*********************/

/*********************/
/* ブログ引用文 */
/*********************/

blockquote {
  position: relative;
  padding: 40px 20px 20px 20px;
  background: #fff;
  border: 3px solid #86b4cf;
  color: #777777;
}

blockquote:before {
  font-family: "Font Awesome 5 Free";
  content: "\f10d";
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 15px;
  color: #86b4cf;
  font-size: 28px;
  font-weight: 900;
}

blockquote:after {
  font-family: "Font Awesome 5 Free";
  content: "\f10e";
  display: inline-block;
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: #86b4cf;
  font-size: 28px;
  font-weight: 900;
}

blockquote p,
blockquote li {
  padding: 0;
  margin: 20px;
  font-size: 16px;
}

blockquote cite {
  font-size: 13px;
  text-align: left;
  color: #888888;
  font-style: italic;
}

/*********************/
/* ブログ引用文 end */
/*********************/

/*********************/
/* ブログ思い浮かべる吹き出し */
/*********************/
.balloon4 {
  position: relative;
  margin: 2em 0 2em 40px;
  padding: 20px;
  background: #fcf9f2;
  border-radius: 30px;
  border: 2px dashed #f2e6c6;
}

.balloon4:before {
  content: "";
  position: absolute;
  left: -38px;
  width: 13px;
  height: 12px;
  bottom: 0;
  background: #fcf9f2;
  border-radius: 50%;
  border: 2px dashed #f2e6c6;
}

.balloon4:after {
  content: "";
  position: absolute;
  left: -24px;
  width: 20px;
  height: 18px;
  bottom: 3px;
  background: #fcf9f2;
  border-radius: 50%;
  border: 2px dashed #f2e6c6;
}

.balloon4 p,
.balloon4_blue p {
  margin: 0;
  padding: 0;
  font-size: 18px;
}

/* ブログ思い浮かべる吹き出し(青ver) */
.balloon4_blue {
  position: relative;
  margin: 2em 0 2em 40px;
  padding: 20px;
  background: #f5fbfd;
  border-radius: 30px;
  border: 2px dashed #65a4d9;
}

.balloon4_blue:before {
  content: "";
  position: absolute;
  left: -38px;
  width: 13px;
  height: 12px;
  bottom: 0;
  background: #f5fbfd;
  border-radius: 50%;
  border: 2px dashed #65a4d9;
}

.balloon4_blue:after {
  content: "";
  position: absolute;
  left: -24px;
  width: 20px;
  height: 18px;
  bottom: 3px;
  background: #f5fbfd;
  border-radius: 50%;
  border: 2px dashed #65a4d9;
}


/*********************/
/* ブログ思い浮かべる吹き出し end */
/*********************/

/**** 年末年始用style ****/
.EndyearSection h2.notice {
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  padding: 12px;
  background: #e74c3c;
  text-align: center;
}

.EndyearSection .caption {
  font-weight: bold;
}



/**** 年末年始用style ****/
@media (min-width: 992px) {
  .col-md-42 {
    width: 25%;
    float: left;
  }

  .clearfix:after {
    content: "";
    clear: both;
    display: block;
  }
}

h2,
figure {
  font-size: 28px;
}

.gtco-heading h2 {
  font-size: 28px;
}

.bg_rightblue {
  background: #e8f3f5;
}

.bg_rightgray {
  background: #f6f6f6;
}

.bg_gray {
  background-color: #fbfaf7;
}

.function_table_ {
  border: #ddd solid 1px;
  word-break: break-all;
  table-layout: fixed;
  border-collapse: collapse;
}

.function_table_ th {
  border: #ddd solid 1px;
}

.function_table_ td {
  border: #ddd solid 1px;
}

.function_table_ th.gray {
  background-color: #dddddd;
  color: #333;
  vertical-align: middle;
}

.function_table_ td.gray {
  color: #333;
  font-weight: bold;
  vertical-align: middle;
  width: 22%;
  padding: 15px 15px 13px
}

caption.recruit {
  padding: 8px 0 8px 5px !important;
  color: #333 !important;
  font-size: 16px !important;
  text-align: left !important;
  font-weight: bold;
  text-align: center !important;
}

table.recruot {
  font-family: "Roboto", Arial, sans-serif;
}

table.recruit td {
  font-size: 16px;
  line-height: 1.5em;
  text-align: left;
}

table.recruit dl {
  margin-top: 20px;
  text-align: left;
  line-height: 1.6em;
}

table.recruit dl dd {
  margin-bottom: 20px;
  line-height: 1.6em;
}

table.recruit dt {
  margin-bottom: 10px;
}

table.recruit ul {
  font-size: 14px;
  line-height: 1.6em;
  text-align: left;
}

dd ul {
  margin: 0 0 60px 0;
  padding: 0;
}

dd ul.last {
  margin: 0;
  padding: 0;
}

dd ul li {
  list-style-type: none;
}

td ul {
  padding: 0;
}

td ul li {
  list-style-type: none;
  text-align: left;
}

.entryBtn {
  margin-bottom: 140px;
}

/*********************/
/*     新料金表       */
/*********************/
.price_menu {
  margin-bottom: 100px;
}

.price_menu p {
  line-height: 2em;
  margin-bottom: 0;
  font-size: 15px;
}

.price_menu p.ind {
  text-indent: 12px;
}

.price_table {
  table-layout: fixed;
  border: 1px solid #ddd;
  margin-bottom: 0px;
}

.price_table th {
  background: #265796;
  color: #FFF;
  vertical-align: middle;
  font-size: 16px;
  border: 1px solid #ddd;
}

.price_table th,
td {
  text-align: center;
  border-top: 1px solid #ddd;
  vertical-align: middle !important;
}

.price_table td img {
  width: 99%;
}

.price_tittle {
  padding: 15px 5px !important;
  font-weight: bold;
}

.price_table td ul {
  margin-bottom: 0;
  padding-left: 40px;
}

.price_table td ul li {
  list-style: disc;
  padding-left: 8px;
}

p.contact_area_Btn {
  width: 80%;
  margin: 0 auto;
}

p.contact_area_Btn a {
  display: block;
  text-decoration: none;
  color: rgba(38, 87, 150, 1);
  padding: 5px;
  font-size: 1rem;
  font-weight: bold;
  z-index: 0;
  left: 1rem;
  background: none;
  border: 1px solid rgba(38, 87, 150, 1);
  text-align: center;
  border-radius: 5px;
  transition: .3s;
  background: #FFF;
}

p.contact_area_Btn a:hover {
  display: block;
  background: rgba(38, 87, 150, 1);
  color: #FFF;
}

.function_name_ a {
  text-decoration: none;
  color: #265796 !importannt;
  border-bottom: 5px solid rgba(0, 0, 0, 0) !importannt;
}

.function_name_ a:hover {
  text-decoration: none;
  border-bottom: 1px solid #265796 !importannt;
}

.price_container .column,
.price_container .price_head {
  display: flex;
}

.price_container .price_head {
  color: #265796;
  font-weight: bold;
  border-bottom: 2px solid #265796;
}

.f_size24_price {
  font-size: 24px;
}

/*********************/
/* 新料金部分 240308 */
/*********************/
/* .price_table_box {
  overflow: visible;
} */

.price_table_inner {
  table-layout: fixed;
}

.price_table_inner th,
.price_table_inner td {
  border: none !important;
}

.price_table_inner .plan_width {
  width: 186.4px;
  overflow: visible;
}

.price_table_inner th {
  color: #265796;
}

.price_table_inner>tbody>tr:nth-of-type(odd) {
  background-color: #f2f2f2;
}

.price_table_inner th:first-child {
  position: sticky;
  left: 0;
  background-color: white;
  width: 170px;
  z-index: 9999;
  color: #265796;
}

.price_table_inner .bg-color-gray {
  background-color: #f2f2f2 !important;
}

.plan_box {
  border-top: 1px solid #265796;
  border-bottom: 1px solid #265796;
}

.num {
  font-size: 2.1em;
  font-weight: bold;
  line-height: 1em;
}

.popular_plan {
  background-color: #e74c3c;
  color: #ffffff;
  padding: 5px;
  font-size: 12px;
  margin-bottom: 5px;
}

.price_diff_box {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

.price_diff_box li {
  display: flex;
}

.price_diff_list {
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 20px;
  border: 1px solid #265796;
}

.price_diff_list h3 {
  background-color: #265796;
  color: #ffffff;
  margin: -20px -20px 0;
  padding: 25px 10px 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 20px;
}

.price_diff_list p {
  line-height: 1.8em;
}

/* .price_diff_list h3 .price_diff_num {
  font-size: 16px;
  position: absolute;
  top: 0px;
  left: 5px;
  background-color: #ffffff;
  color: #265796;
  padding: 2px 8px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
} */

ol.price_diff_box {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}

.price_diff_box li {
  font-size: 16px;
  line-height: 1.5;
  padding-left: 30px;
  position: relative;
}

.price_diff_box li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #ffffff;
  border: 2px solid;
  border-color: #265796;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  color: #265796;
  font-size: 30px;
  line-height: 1;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  -webkit-border-radius: ;
  -moz-border-radius: ;
  -ms-border-radius: ;
  -o-border-radius: ;
}

/*** matsui 追記 ***/
.OptionPriceText {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 10px;
}

@media screen and (max-width: 480px) {
  .price_step_inner {
    background-color: transparent;
  }

  .price_step_box p {
    text-align: center !important;
    line-height: 1.3em;
  }

  .price_step_box_02 p {
    text-align: center !important;
    line-height: 1.3em;
  }

  .price_step_box,
  .price_step_box_02 {
    background-color: #ffffff;
    padding: 20px;
  }

  .base_plan_ {
    font-size: 35px !important;
    font-weight: 100 !important;
  }

  .base_plan_.f_size20 {
    font-size: 20px !important;
    color: #e74c3c;
  }

  .price_container .left {
    justify-content: center;
  }

  .tit_price_h4 {
    text-align: left;
  }

  /*** matsui 追記 ***/
  .OptionPriceText {
    font-size: 10px;
  }
}

/*********************/
/* 料金表のマーカーアニメーション */
/*********************/
/* アニメーション前のスタイル */
.js-marker {
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #f0d67d, #f0d67d);
  /* 単色の場合は同じ色、グラデーションさせる場合は別々の色 */
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 30%;
  /* '30%'の部分にマーカーの太さを記入 */
  transition: all 1s ease-in-out;
  /* マーカーを引く速度を調整 */
  font-weight: bold;
  /* ついでに太字にしたい場合 */
}

/* アニメーション発火時 */
.js-marker.inview {
  background-size: 100% 30%;
  /* '30%'の部分は上で設定した太さに合わせる */
}


/*********************/
/* 料金表のマーカーアニメーション end */
/*********************/


/*********************/
/* 料金表のふきだし */
/*********************/
.cheap .price_arrow_box {
  position: absolute;
  background: #fbfaf7;
  border: 4px solid #265796;
  font-weight: bold;
  color: #265796;
  top: -80px;
  left: 20px;
  padding: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transform: translate(-35%, -50%);
  -moz-transform: translate(-35%, -50%);
  -ms-transform: translate(-35%, -50%);
  -o-transform: translate(-35%, -50%);
}

.cheap .price_arrow_box:after,
.cheap .price_arrow_box:before {
  right: 35%;
  top: 140%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.cheap .price_arrow_box:after {
  border-color: rgba(231, 76, 60, 0);
  border-top-color: #265796;
  border-width: 14px;
  margin-top: -14px;
}

.cheap .price_arrow_box:before {
  border-color: rgba(231, 76, 60, 0);
  border-top-color: #265796;
  border-width: 15px;
  margin-top: -15px;
}


.cheap .popular {
  background: #fbfaf7;
  border: 4px solid #e74c3c;
  font-weight: bold;
  color: #e74c3c;
  top: 30px;
  right: -62px;
}

.cheap .popular:after {
  border-color: rgba(231, 76, 60, 0);
  border-right-color: #e74c3c;

}

.cheap .popular:before {
  border-color: rgba(231, 76, 60, 0);
  border-right-color: #e74c3c;

}



/* 揺れアニメーション */
.swing3 {
  margin-top: 10px;
  margin-left: 20px;
  animation-name: swing3;
  animation-duration: 2s;
  animation-delay: 1s;
  animation-iteration-count: infinite;
}

@-webkit-keyframes swing3 {
  0% {
    -webkit-transform: rotate(0deg);
  }

  55% {
    -webkit-transform: rotate(0deg);
  }

  60% {
    -webkit-transform: rotate(-10deg);
  }

  65% {
    -webkit-transform: rotate(8deg);
  }

  70% {
    -webkit-transform: rotate(-5deg);
  }

  75% {
    -webkit-transform: rotate(4deg);
  }

  80% {
    -webkit-transform: rotate(-3deg);
  }

  85% {
    -webkit-transform: rotate(2deg);
  }

  90% {
    -webkit-transform: rotate(-1deg);
  }

  95% {
    -webkit-transform: rotate(1deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
  }
}

/* スマホ時の最安プランと人気のボックス */
@media screen and (max-width: 480px) {
  .cheap .price_arrow_box_top {
    position: relative;
    width: 100%;
    background: #fbfaf7;
    border: 2px solid #265796;
    border-top: 1px solid #265796;
    font-weight: bold;
    color: #265796;
    padding: 5px;
    text-align: center;
  }

  .cheap .price_arrow_box_top:after,
  .cheap .price_arrow_box_top:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
  }

  .cheap .price_arrow_box_top:after {
    border-color: rgba(231, 76, 60, 0);
    border-top-color: #265796;
    border-width: 10px;
    margin-top: 1px;
  }

  .cheap .price_arrow_box_top:before {
    border-color: rgba(231, 76, 60, 0);
    border-top-color: #265796;
    border-width: 11px;
    margin-top: 2px;
  }


  .cheap .popular_top {
    background: #fbfaf7;
    border: 2px solid #e74c3c;
    font-weight: bold;
    color: #e74c3c;
  }

  .cheap .popular_top:after {
    border-color: rgba(231, 76, 60, 0);
    border-top-color: #e74c3c;

  }

  .cheap .popular_top:before {
    border-color: rgba(231, 76, 60, 0);
    border-top-color: #e74c3c;

  }
}

/*********************/
/* 料金表のふきだし end */
/*********************/

@media screen and (max-width: 768px) {
  .price_table th {
    width: 22%;
  }

  .price_table th,
  td {
    font-size: 14px;
  }

  .price_table td img {
    width: 100%;
  }

  .price_menu {
    padding: 0 15px;
  }

  .price_menu p {
    font-size: 12px;
  }

  .price_table td ul {
    padding-left: 20px;
  }

  .price_table td ul li {
    padding-left: 0px;
  }

  /* 新price */
  .price_container .left,
  .price_container .right {
    padding: 10px;
  }
}

@media screen and (max-width: 480px) {

  .price_container .left,
  .price_container .right {
    padding: 10px;
    width: 50%;
  }

  .price_container .left {
    flex-direction: column;
  }

  .price_container .left p {
    margin-bottom: 0 !important;
    line-height: 2em;
  }

  .price_container .left p:nth-of-type(2) {
    line-height: 1.2em;
  }

  .price_container .left .cost {
    padding: 0;
  }

  .f_size40 {
    font-size: 36px !important;
  }

  .sp_letter_space_01 {
    letter-spacing: -1px;
  }
}


/*********************/
/* 各プランで使える機能 */
/*********************/
.use_menu {
  padding: 10px;
}

.use_table {
  table-layout: fixed;
  background: #FFF;
  border: 1px solid #ddd;
  border-collapse: collapse;
  word-wrap: break-word;
}

.use_table tr {
  border-collapse: collapse;
}

.use_table th {
  background: #265796;
  color: #FFF;
  vertical-align: middle;
  font-size: 16px;
  padding: 15px 8px !important;
  border: 1px solid #ddd;
}

.use_table td {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 15px 8px !important;
}

.use_table th.item {
  background: #265796;
  color: #fff;
  padding: 20px;
}

.use_table tr.nborder {
  border-bottom: none;
}

.use_table tr .different {
  background: #ddd;
  color: #777;
  padding: 20px;
}

tr.different_sub td {
  color: #777;
}

tr.different_sub td a:hover {
  text-decoration: none;
  color: #e74c3c;
  border-bottom: #e74c3c solid 1px;
}

tr.different_sub td a:visited {
  color: #e74c3c;
  transition: none;
  border-bottom: 0;
}

.use_table .different_sub {
  background: #efefef;
  color: #777;
}

.use_table th,
td {
  text-align: center;
  border-top: 1px solid #ddd;
  vertical-align: middle !important;
}

.gtopborder {
  border-top: #ddd solid 1px;
}

.noneborder {
  border-top: 0 !important;
}

.noneRightborder {
  border-right: 0 !important;
}

.border_top_white {
  border-top: solid 1px #FFF !important;
}

.border_bottom_white {
  border-bottom: solid 1px #FFF !important;
}

.border_right_white {
  border-right: solid 1px #FFF !important;
}

.noneborder_bottom {
  border-bottom: 0 !important;
}


@media screen and (max-width: 768px) {}

p.price_area_Btn {
  width: 100%;
  margin: 0 auto;
}

p.price_area_Btn a {
  display: block;
  text-decoration: none;
  color: rgba(0, 142, 224, 1);
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  z-index: 0;
  left: 1rem;
  background: none;
  border: 1px solid rgba(0, 142, 224, 1);
  text-align: center;
  border-radius: 5px;
  transition: .3s;
  background: #FFF;
}

p.price_area_Btn_free a {
  color: #ffffff;
  border: 1px solid #e74c3c;
  background: #e74c3c;

}

p.price_area_Btn a:hover {
  display: block;
  background: rgba(0, 142, 224, 1);
  color: #FFF;
}

p.price_area_Btn_free a:hover {
  background: #ffffff;
  color: #e74c3c;
}

p.price_common_Btn {
  width: 80%;
  display: block;
  margin: 0 auto !important;
}

p.price_common_Btn a {
  width: 80%;
  display: block;
  margin: 0 auto !important;
  text-decoration: none;
  color: rgba(0, 142, 224, 1);
  padding: 15px;
  font-weight: bold;
  z-index: 0;
  left: 1rem;
  background: none;
  border: 1px solid rgba(0, 142, 224, 1);
  text-align: center;
  border-radius: 5px;
  transition: .3s;
  background: #FFF;
}

p.price_common_Btn a:hover {
  display: block;
  background: rgba(0, 142, 224, 1);
  color: #FFF;
}

p.use_common_Btn {
  width: 96%;
  display: block;
  margin: 0 auto !important;
}

p.use_common_Btn a {
  width: 96%;
  display: block;
  margin: 20px auto !important;
  text-decoration: none;
  color: rgba(0, 142, 224, 1);
  padding: 15px;
  font-weight: bold;
  z-index: 0;
  left: 1rem;
  background: none;
  border: 1px solid rgba(0, 142, 224, 1);
  text-align: center;
  border-radius: 5px;
  transition: .3s;
  background: #FFF;
}

p.use_common_Btn_free a {
  color: #ffffff;
  border: 1px solid #e74c3c;
  background: #e74c3c;
}

p.use_common_Btn a:hover {
  display: block;
  background: rgba(0, 142, 224, 1);
  color: #FFF;
}

p.use_common_Btn_free a:hover {
  background: #ffffff;
  color: #e74c3c;
}

p.use_function_Btn {
  width: 96%;
  display: block;
  margin: 0 auto !important;
}

p.use_function_Btn a {
  width: 96%;
  display: block;
  margin: 20px auto !important;
  text-decoration: none;
  color: rgba(119, 119, 119, 1);
  padding: 15px;
  font-weight: bold;
  z-index: 0;
  left: 1rem;
  background: none;
  border: 1px solid rgba(119, 119, 119, 1);
  text-align: center;
  border-radius: 5px;
  transition: .3s;
  background: #FFF;
}

p.use_function_Btn a:hover {
  display: block;
  background: rgba(119, 119, 119, 1);
  color: #FFF;
}


@media screen and (min-width: 1100px) {
  .SP_none {
    display: none !important;
  }
}


@media screen and (max-width: 1080px) {
  .PC_none {
    display: none !important;
  }
}


/*********************/
/*お問い合わせ(contact)*/
/*********************/
@media screen and (max-width: 768px) {
  .m_cernter {
    display: block;
    margin: 0 auto;
    width: 90%;
  }

  .use_table th,
  td {
    font-size: 14px;
  }

  .use_table td img {
    width: 100%;
  }

  .use_table {
    padding: 0 10px;
  }

  .use_table p {
    font-size: 12px;
  }

  p.price_area_Btn.f_18 {
    font-size: 18px;
    line-height: 1.6em;
  }

  p.price_area_Btn.f_22 {
    font-size: 22px;
    line-height: 1.8em;
  }

}


@media screen and (max-width: 320px) {}


/***** matsui追加記述分  ************************************************/

/***** tsujita追加記述分  ************************************************/
.text-indet-01 {
  padding-left: 1em !important;
  text-indent: -1em !important;
}

.text-indet-01_5 {
  padding-left: 1.5em !important;
  text-indent: -1.5em !important;
}

.text-indet-02 {
  padding-left: 2em !important;
  text-indent: -2em !important;
}

.text-indet-02_2 {
  padding-left: 2.2em !important;
  text-indent: -2.2em !important;
}

.text-indet-02_5 {
  padding-left: 2.5em !important;
  text-indent: -2.5em !important;
}

.text-indet-02_8 {
  padding-left: 2.8em !important;
  text-indent: -2.8em !important;
}


@media screen and (max-width: 768px) {
  p {
    margin-bottom: 15px;
  }
}

/*********************/
/*トップページ(index)*/
/*********************/

.btn_back_red {
  background-color: #e74c3c;
  color: #ffffff !important;
  border-color: #e74c3c;
  transition: 0.3s;
}

.btn_back_red:hover {
  color: #e74c3c !important;
  background: rgba(255, 255, 255, 1);
  border-color: #e74c3c;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.top-container {
  width: 100%;
  padding-top: 100px;
  padding-bottom: 50px;
}

.top-container h1 {
  line-height: 1.3em;
  font-weight: bold;
}

.main_free_copy {
  font-size: 24px;
  text-align: center;
  color: #555555;
  margin-bottom: 40px;
  line-height: 1.4em;
}

.install_box {
  border-top: 1px solid #265796;
  border-bottom: 1px solid #265796;
  font-weight: bold;
  text-align: center !important;
}

.h1_sub_copy {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .h1_sub_copy {
    font-size: 17px;
  }

  .install_box {
    font-size: 14px;
    letter-spacing: -1px;

  }

}


.install_box i {
  color: #debc4e;
}

.btn_main_free p {
  margin: 0 auto;
}

.top-container .shiny-btn4 {
  margin-bottom: 0;
}

.bg-color-blue {
  background-color: #265796;
}

.bg-color-blue02 {
  background-color: #e1eaf5 !important;
}

.bg-color-green {
  background-color: #7bb106;
}

.bg-color-wh {
  background-color: #ffffff;
}

.bg-color-yellow02 {
  background-color: #fae9b1 !important;
}

.bg-color-orange {
  background-color: #e74c3c !important;
}

.bg-color-whgray {
  background-color: #f9f9f9;
}

.bg-color-black_4 {
  background-color: #444444;
}

.f_color_wh {
  color: #ffffff !important;
}

.f_color_orange {
  color: #e74c3c;
}

.f_color_blue {
  color: #265796;
}

.f_color_light_blue {
  color: #86b4cf !important;
}

.f_color_light_green {
  color: #808a7f !important;
}

.f_color_black {
  color: #333333;
}

.f_color_gray {
  color: #777777;
}

.f_color_gray01 {
  color: #555;
}

.text-decoration {
  text-decoration: underline;
}

.w-3 {
  width: 30%;
}

.w-4 {
  width: 40%;
}

.posi_relative {
  position: relative;
}

.tit_new_case {
  width: 130px;
  max-width: 100%;
  position: absolute;
  top: -57px;
  left: 0;
}

.p_20 {
  padding: 20px;
}

.f_size24 {
  font-size: 24px;
}

.d-none {
  display: none !important;
}

.btn_contact_red {
  background-color: #e74c3c;
  color: #ffffff !important;
  transition: 0.3s;
  border: 2px solid #e74c3c;
}

.btn_contact_red:hover {
  color: #e74c3c !important;
  background: rgba(255, 255, 255, 1);
  border: 2px solid #e74c3c;
}

.pc_tab_block {
  display: block;
}

.tab_block {
  display: none;
}

.sp_block {
  display: none !important;
}

.pc_block {
  display: block;
}

.sp_tab_block {
  display: none !important;
}

.block_dl dt {
  color: #265796;
  margin-bottom: 10px;
}

.block_dl {
  margin-bottom: 40px;
}

.top_semi_box {
  width: 550px;
}

.line_h_1 {
  line-height: 1em !important;
}

.line_h_1_2 {
  line-height: 1.2em !important;
}

.line_h_1_5 {
  line-height: 1.5em !important;
}

.line_h_1_7 {
  line-height: 1.7em !important;
}

.line_h_2_5 {
  line-height: 2.5em !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.mb-m40 {
  margin-bottom: -40px;
}

.relief_point {
  list-style: none;
  text-align: left;
  padding-left: 120px;
}

.relief_point li {
  font-weight: bold;
  text-indent: -0.8em;
  padding-left: 2em;
}

@media screen and (max-width: 820px) {
  .relief_point {
    padding-left: 0;
  }
}




/* .relief_point {
	position: relative;
	padding: 1rem;
	text-align: left;
	border: 3px solid #265796;
	border-radius: 0 10px 10px 10px;
	display: inline-block;
	margin-top: 40px;
	background-color: #fdf0c3;
	margin-bottom: 35px;
}

.relief_point:before {
	font-size: 15px;
	font-size: 1rem;
	position: absolute;
	top: -31px;
	left: -3px;
	height: 24px;
	padding: 0 1em 1.9em;
	content: '安心POINT';
	color: #fff;
	border-radius: 10px 10px 0 0;
	background: #265796;
}



@media screen and (max-width: 480px) {

	.relief_point {
		padding: 0.5rem;
		margin-bottom: 15px;
	}
} */

/*********************/
/*トップページ(gmailガイドライン)*/
/*********************/
#gmail_guide_inr {
  border-left: 10px solid #4285F4;
  border-bottom: 10px solid #EA4335;
  border-right: 10px solid #FBBC05;
  border-top: 10px solid #34A853;

  background-color: #ffffff;
}

#gmail_guide_inr div {
  text-align: center;
  padding: 20px;
}

#gmail_guide_inr div p {
  margin: 0;
}

/*********************/
/*トップページ(gmailガイドライン)end*/
/*********************/

/*********************/
/*top 代行押し*/
/*********************/
.acting_tit_h2 {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: bold;
  font-size: 2.5rem;
  color: #333333;
  text-align: left;
}

.acting_tit_h3 {
  position: relative;
  color: #333333;
  /* border-radius: 10px;
	background: #ffffff; */
  display: block;
  font-weight: bold;
  font-size: 24px;
  text-align: left;
}

/* .acting_tit_h3:after {
	position: absolute;
	bottom: -9px;
	left: 50%;
	width: 0;
	height: 0;
	content: '';
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #ffffff transparent transparent transparent;
	transform: translateX(-50%);
} */

.acting_list_box {
  color: #333333;
  text-align: left;
  list-style: none;
  padding: 0;
  margin-bottom: 40px;
}

.acting_list_box li {
  line-height: 2em;
  font-size: 1.125rem;
}

.acting_list_box .fa-check:before {
  padding-left: 1.5em !important;
  text-indent: -1.5em !important;
  font-size: 24px;
}

.acting_list_box .icon_margin-right_ {
  margin-right: 1rem;
}

.btn_acting {
  background-color: #f0d67d;
  border: 1px solid #f0d67d;
  color: #e74c3c;
  font-weight: bold;
  padding: 0.8rem 3.5rem;
}

.btn_acting:hover {
  background-color: #e6e6e6;
  border: 1px solid #f0d67d;
  color: #265796;
}

.acting_p {
  color: #333333;
  text-align: left;
  line-height: 1.5rem;
  margin-bottom: 40px;
}

#gtco-subscribe .free_trial_email {
  height: 60px;
  border-color: #e74c3c !important;
}

#gtco-subscribe .free_trial_email:focus {
  box-shadow: 0 0 0 0.2rem #E74C3C;
}

.btn.btn_large_blue {
  padding: 15px 30px !important;
  margin: 0;
}

.ml-lg-150 {
  margin-left: 150px;
}

/***********************/
/* Top Dkim 欄 (matsui)*/
/***********************/

.BlueLineBtn {
  padding: 15px 10px !important;
  margin: 0;
  width: 100%;
}

.BlueLineBtn02 {
  padding: 10px 20px !important;
  margin: 0;
  width: 100%;
  background-color: #ffffff !important;
  color: #265796 !important;
  border: 2px solid #265796;
}

.BlueLineBtn02:hover {
  background-color: #265796;
  color: #ffffff !important;
  border: 2px solid #265796 !important;
}

.SpBrBlock {
  display: none;
}

@media screen and (max-width: 768px) {
  .SpBrBlock {
    display: block;
  }
}


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


@media screen and (max-width: 820px) {
  .acting_list_box {
    width: 100%;
    margin: 0 auto 20px;
  }

  .ml-lg-150 {
    margin-left: 0;
  }
}

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

  .acting_tit_h2,
  .acting_tit_h3,
  .acting_p {
    text-align: center;
  }

  .acting_tit_h2 {
    margin-top: 30px;

  }

  .acting_list_box {
    width: 100%;
    margin: 0 auto 20px;
  }

  .ml-lg-150 {
    margin-left: 0;
  }
}

@media screen and (max-width: 480px) {
  .acting_tit_h2 {
    font-size: 1.75rem;
    margin-top: 20px;
  }

  .acting_tit_h3 {
    font-size: 1.15rem;
  }

  .acting_list_box {
    width: 100%;
  }
}

/*********************/
/*トップの無料トライアル*/
/*********************/
.link_blank span {
  border-bottom: solid;
  /*下線を点線にする*/
  border-color: #777777;
  border-width: 1px;
  margin-right: 5px;
}

.link_blank_02 span {
  border-bottom: solid;
  /*下線を点線にする*/
  border-color: #ffffff;
  border-width: 1px;
  margin-right: 5px;
}

.link_blank:hover {
  text-decoration: none;
}

a.link_blank span:hover {
  border-color: #0056b3;
}

#gtco-subscribe_blog .f_color_wh .link_blank_02 {
  color: #ffffff !important;
}

.free_step_tit div {
  line-height: 1em;
}

.free_step_tit {
  display: flex;
  align-items: center;
}

.speechBubble {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  padding: 24px 16px;
  border-radius: 9999px;
  /* border: 2px solid #f2e6c6; */
  background-color: #e1eaf5;
  text-align: left;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.5;
  color: #265796;
}

.speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #e1eaf5 transparent transparent;
  translate: calc(-50% - 0.4px) 100%;
}

/*********************/
/*ナビゲーションの無料トライアル*/
/*********************/
.btn_nav_free_box .shiny-btn4 {
  margin: 0 !important;
  padding: 5px 10px !important;
  font-weight: normal;
  box-shadow: 0 2px 0 0 rgb(102 34 27);
}

/*********************/
/*htmlエディタの動画*/
/*********************/
.editor-area {
  max-width: 914px;
  width: 100%;
  height: auto;
  box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%),
    0 1px 3px 1px rgb(60 64 67 / 15%);
  ;
}

/*********************/
/*particles js*/
/*********************/

#canvas {
  height: 100%;
  width: 100%;
  background-color: #fbfaf7;
  position: absolute;

}

/* #particles-js {
	height: 100vh;
	width: 100vw;
	background-color: #fbfaf7;
	position: absolute;

} */

/*********************/
/* 全ページ対象 無料で試してみるボタン */
/*********************/
.floating-banner {
  max-width: 250px;
  width: 100%;
  max-height: 75px;
  height: 100%;
  position: fixed;
  z-index: 99999;
  bottom: 45px;
  right: 10px;
}

.banner {
  display: flex;
  align-items: center;
}

.banner picture {
  width: 60px;
  height: 60px;
  padding: 5px 10px 5px 10px;
  box-sizing: border-box;
  background-image: url(/images/icon_free.png);
  background-size: cover;
  margin-right: 5px;

}


a:hover .banner picture {
  background-image: url(/images/icon_free_red.png);
}


.floating-banner:hover {
  opacity: .9;
}

.floating-banner a {
  text-decoration: none;
  /* リンクに下線が入らないように */

  width: 100%;
}

.floating-banner p {
  margin: 0;
  line-height: 1em;
  text-align: left;
  font-size: 26px;
  margin-top: -5px;
}


.shiny-btn6 {
  display: block;
  position: relative;
  /*ボタンの幅*/
  padding: 10px 0;
  margin: 30px auto;
  background-color: #e74c3c;
  /*ボタンの色*/
  box-shadow: 0 3px 0 0 rgb(102 34 27);
  /*影の色(rgbaの値を変更)*/
  border: 2px solid #e74c3c !important;
  font-weight: bold;
  font-size: 24px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: 0.2s;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.shiny-btn6:hover {
  text-decoration: none;
  color: #e74c3c !important;
  opacity: 0.7;
  box-shadow: none;
  background-color: #ffffff !important;
  -webkit-transform: translateY(3px);
}

.shiny-btn6::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn4 4s ease-in-out infinite;
  -webkit-animation: shiny-btn4 4s ease-in-out infinite;
}

@-webkit-keyframes shiny-btn6 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.7;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

/* ふわふわ */
.anim-box.poyopoyo {
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}

@keyframes poyopoyo {

  0%,
  40%,
  60%,
  80% {
    transform: scale(1.0);
  }

  50%,
  70% {
    transform: scale(0.95);
  }
}


@media screen and (max-width: 768px) {
  .floating-banner {
    display: none;
  }
}

/* 吹き出し部分 */
.floating-banner_btn {
  color: #fff;
  /* background: #008ee0; */
  padding: .3em .5em;
  border-radius: .3em;
  text-align: center;
  display: table;
  cursor: pinter;
  text-shadow: 2px 2px 0 #008ee0,
    -2px -2px 0 #008ee0,
    -2px 2px 0 #008ee0,
    2px -2px 0 #008ee0,
    0px 2px 0 #008ee0,
    0 -2px 0 #008ee0,
    -2px 0 0 #008ee0,
    2px 0 0 #008ee0;
}

.floating-banner_btn:hover {
  cursor: pinter;
}

/* .floating-banner_btn:active {
	background: #008ee0;
} */

.floating-banner_box {
  display: inline-block;
  position: absolute;
  bottom: 0;
  background: #008ee0;
  padding: 10px;
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  line-height: 1.3rem;

}

.floating-banner_box:after {
  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;
  margin-left: -10px;
  border-top-color: #008ee0;
  top: 100%;
  left: 50%;
}

/* close button */
.action-close {
  position: relative;
  margin-top: 2em;
}

.action-close .floating-banner_btn {
  position: absolute;
  right: 110px;
  top: -3.8em;
  z-index: 120;
  font-size: 30px;
  cursor: pointer;
}

.action-close .floating-banner_box {
  margin-bottom: 1em;
  border: 2px solid #ffffff;
}

/* checkbox 非表示 */
.add-control .checkbox {
  display: none;
}

/* close button's control */
.add-control .action-close #floating-banner_close:checked~.floating-banner_btn {
  display: none;
}

.add-control .action-close #floating-banner_close:checked~.floating-banner_box {
  display: none;
}

/* 横にゆらゆらアニメーション */
.yurayura {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
  animation-name: anim_h;
}

@keyframes anim_h {
  0% {
    transform: translate(0px, 0);
  }

  100% {
    transform: translate(30px, 0);
  }
}

/* 左右に傾くゆらゆらアニメーション */
/* .yurayura {
	transform-origin: center bottom;
	transform: translate(-50%, -50%);
	animation: expansion-anim 2s linear infinite;
	-webkit-animation: expansion-anim 2s linear infinite;
}

@keyframes expansion-anim {

	0%,
	100% {
		transform: rotate(10deg);
	}

	50% {
		transform: rotate(-10deg);
	}
} */

/*********************/
/* フッターのタイトル */
/*********************/
footer .footer_tit {
  color: #265796;
  border-bottom: 1px solid #265796;
}

.shiny-btn5 {
  display: block;
  position: relative;
  /*ボタンの幅*/
  padding: 10px 0;
  margin: 30px auto;
  background-color: #265796;
  /*ボタンの色*/
  box-shadow: 0 3px 0 0 rgba(20, 45, 79, 1);
  /*影の色(rgbaの値を変更)*/
  border-radius: 5px;
  border: 2px solid #265796 !important;
  font-weight: bold;
  font-size: 18px;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: 0.2s;
}

.shiny-btn5:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.7;
  box-shadow: none;
  background-color: #265796 !important;
  -webkit-transform: translateY(3px);
}

.shiny-btn5::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn4 4s ease-in-out infinite;
  -webkit-animation: shiny-btn4 4s ease-in-out infinite;
}

@-webkit-keyframes shiny-btn5 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.7;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}


@media screen and (max-width: 480px) {
  #footer_logo {
    width: 134px;
  }
}

/*********************/
/*sns icon*/
/*********************/
.blog_contact_btn_inner {
  margin-bottom: 80px;
}

.blog_contact_btn_inner p {
  margin: 0;
}

.sns-icon-inner {
  padding: 0;
  margin: 0 -15px 30px;
  text-align: center;
}

.sns-icon-inner li {
  list-style: none;
  padding: 0 15px;
}

.sns-icon-inner a {
  border-radius: 50%;
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  transition: .5s;
  border: solid 1px #777777;
  color: #777777;
  padding-top: 16%;
}

.sns-icon-inner div {
  font-size: 11px;
  position: relative;
  font-weight: 700;
  letter-spacing: -.4px;
  bottom: 5px;
}

.sns-icon-inner li i {
  font-size: 2em;
}

.sns-icon-inner li .ti-facebook {
  width: .625em;
}

.sns-icon-inner li i:hover,
.sns-icon-inner li a:hover {
  text-decoration: none;
}

.sns-icon-inner .facebook_inner:hover {
  color: #ffffff;
  background-color: #1877f2;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}

.sns-icon-inner .twitter_inner:hover {
  color: #ffffff;
  background-color: #1DA1F2;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}

.sns-icon-inner .X_inner:hover {
  color: #ffffff;
  background-color: #000000;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}

.fa-X:before {
  content: '𝕏';
  font-family: unset;
  font-weight: bold;
}

.ti-twitter-alt:before {
  content: '𝕏';
  font-family: unset;
  font-weight: bold;
}

.sns-icon-inner .instagram_inner:hover {
  color: #ffffff;
  background-color: #CF2E92;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}

.sns-icon-inner .line_inner:hover {
  color: #ffffff;
  background-color: #00B900;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}

.sns-icon-inner .pocket_inner:hover {
  color: #ffffff;
  background-color: #ef4056;
  transition: 1s;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
}

.day_sns_inner {
  display: flex;
  justify-content: space-between;
  margin: 0 -15px;
}

.day_sns_inner .sns-icon-inner a {
  border-radius: 50%;
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  transition: .5s;
  border: solid 1px #777777;
  color: #777777;
  padding-top: 20%;
}

.day_sns_inner .sns-icon-inner li i {
  font-size: 1.3em;
}

.day_sns_inner .sns-icon-inner div {
  display: none;
}

.day_sns_inner .sns-icon-inner li {
  padding: 0 5px;
}

.day_sns_inner .sns-icon-inner {
  margin: 0 -5px 0;
}

/*********************/
/*sns icon end*/
/*********************/

/*********************/
/* ブログ */
/*********************/

#blog_header_ h1 {
  margin-bottom: 20px !important;
}

.d-inline-block {
  display: inline-block;
}

.f_color_tra {
  color: transparent;
}

.bg-color-yellow {
  background-color: #fbfaf7;
}

.bg-color-green02 {
  background-color: #eef2ee;
}

.blog_link_inner {
  display: block;
  border: 1px solid #ccc;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 40px;
}

.blog_link_inner:hover {
  background-color: #f2e6c6;
  text-decoration: none;
  opacity: 0.5;
}

.blog_link_inner>div {
  display: flex;
}

.blog_link_inner figure img,
.blog_link_inner picture img {
  margin: 0;
}

.blog_link_inner figure,
.blog_link_inner picture {
  max-width: 25%;
  width: 100%;
  margin: 0;
}

.blog_link_comme {
  margin: 0;
  font-size: .8em;
}

/*　ブログカード見出し追加　*/
a h4.blog_link_tit {
  margin: 0;
  display: block;
  font-size: 16px;
  border: none;
  color: #333;
  padding-left: 0;
  letter-spacing: 0;
  line-height: 2em;
}

a h4.blog_link_tit::before {
  background: none;
  content: none;
}

.blog_link_tit {
  color: #333333;
  font-weight: bold;
  margin-bottom: 0;
}

.blog_link_tit span {
  display: inline-block;
  padding: 10px;
  background-color: #265796;
  color: #ffffff;
  font-size: .7em;
  line-height: 0.5em;
  margin-right: 0.5em;
}

.pl10 {
  padding-left: 10px;
}



/*********************/
/* ブログ 吹き出し右にあり */
/*********************/
.arrow_box,
.arrow_box_left {
  position: relative;
  background: #E74C3C;
  padding: 5px;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.0625rem;
  font-weight: normal;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: inline;
  line-height: 1.2em;
  margin-right: 1em;
}

.arrow_box::after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(231, 76, 60, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-top: -10px;
  border-left-color: #E74C3C;
  left: 100%;
  top: 50%;
}

.arrow_box.bg-color-blue {
  background: #265796;
}

.arrow_box.bg-color-blue::after {
  border-left-color: #265796;
}

/*********************/
/* ブログ 吹き出し左にあり */
/*********************/
.arrow_box_left {
  margin-left: 1.5em;
}

.arrow_box_left::after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(231, 76, 60, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-top: -10px;
  border-right-color: #E74C3C;
  right: 100%;
  top: 50%;
}

.arrow_box_left.bg-color-blue {
  background: #265796;
}

.arrow_box_left.bg-color-blue::after {
  border-right-color: #265796;
}


/*********************/
/* ブログ 吹き出し上にあり */
/*********************/

.arrow_box_top {
  position: relative;
  max-width: 60px;
  width: 100%;
  background: #265796;
  padding: 5px 10px;
  text-align: center;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.arrow_box_top::after {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(38, 87, 150, 0);
  border-top-width: 12px;
  border-bottom-width: 12px;
  border-left-width: 11px;
  border-right-width: 11px;
  margin-left: -11px;
  border-bottom-color: #265796;
  bottom: 100%;
  left: 51%;
}

@media screen and (max-width: 640px) {
  .arrow_box_top {
    padding: 5px;
    font-weight: normal;
    font-size: 14px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }

  .arrow_box_top::after {
    border-top-width: 5px;
    border-bottom-width: 8px;
    border-left-width: 5px;
    border-right-width: 5px;
    margin-left: -5px;
  }
}


/*********************/
/* ブログ 配信前と後 タイトルタグ付き囲み */
/*********************/
.before_mail {
  position: relative;
  padding: 1rem 2rem;
  text-align: left;
  border: 3px solid #86b4cf;
  margin-bottom: 10px;
}

.before_mail:before {
  font-size: 1rem;
  position: absolute;
  top: -24px;
  left: -3px;
  height: 24px;
  padding: 0 1em;
  content: '配信前';
  color: #fff;
  background: #86b4cf;
  line-height: 1.7em;
}

.after_mail {
  position: relative;
  padding: 1rem 2rem;
  text-align: left;
  border: 3px solid #e74c3c;
  margin-bottom: 50px;
}

.after_mail:before {
  font-size: 1rem;
  position: absolute;
  top: -24px;
  left: -3px;
  height: 24px;
  padding: 0 1em;
  content: '効果検証後';
  color: #fff;
  background: #e74c3c;
  line-height: 1.7em;
}

/*********************/
/* ブログ サブコピーのボックス */
/*********************/
.subcopy_box {
  display: inline-block;
  background-color: #265796;
  color: #ffffff;
  line-height: 1.5em;
  padding: 2px 10px 2px !important;
  margin-right: 5px;
  border-radius: 50%;
}

/*********************/
/* ブログ 注意点のボックス */
/*********************/
.attention_box {
  position: relative;
  text-align: center;
  background: #fff;
}

.attention_box:before,
.attention_box:after {
  position: absolute;
  content: '';
}

.attention_box:before {
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.attention_box:after {
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 2px dashed #f2e6c6;
  background: #fcf9f2;
}

.attention_box i.fa-lightbulb {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 60px;
  position: absolute;
  z-index: 2;
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 60px;
  text-align: center;
  color: #333333;
}

.attention_box .ListNumber {
  position: relative;
  z-index: 1;
  display: block;
  padding: 2.5rem 3rem;
}

.attention_box .ListNumber:before,
.attention_box .ListNumber:after {
  position: absolute;
  content: '';
}

.attention_box .ListNumber:before {
  top: -34px;
  left: calc(50% - 34px);
  width: 68px;
  height: 40px;
  border: 2px dashed #f2e6c6;
  border-radius: 50vw 50vw 0 0;
  background-color: #fcf9f2;
  -webkit-border-radius: 50vw 50vw 0 0;
  -moz-border-radius: 50vw 50vw 0 0;
  -ms-border-radius: 50vw 50vw 0 0;
  -o-border-radius: 50vw 50vw 0 0;
}

.attention_box .ListNumber:after {
  position: absolute;
  top: 4px;
  left: calc(50% - 32px);
  width: 64px;
  height: 10px;
  background: #fcf9f2;
}

.attention_box dl {
  position: relative;
  z-index: 1;
  padding: 0 3rem 2.5rem;
  text-align: left;
}

.attention_box dl dd {
  padding-left: 2.8em;
}

/*********************/
/* ブログ 下矢印 */
/*********************/
.arrow_bottom_inner {
  font-size: 50px;
  text-align: center;
  background: linear-gradient(to bottom, rgba(134, 180, 207, 1) 25%, rgba(231, 76, 60, 1) 75%);
  -webkit-background-clip: text;
  color: transparent;
}

/*********************/
/* ブログ table */
/*********************/
.tbl-r02 {
  width: 70%;
  margin: 0 auto 40px;
  border-spacing: 0;
  border-collapse: collapse;
  border: solid 1px #ccc;
}

.tbl-r02 tr {
  border-spacing: 0;
  border-collapse: collapse;
}

.tbl-r02 th {
  border: solid 1px #ccc !important;
  color: #777777;
  padding: 15px !important;
  text-align: left;
  border-spacing: 0;
  border-collapse: collapse;
}

.tbl-r02 td {
  border: solid 1px #ccc;
  padding: 15px !important;
  text-align: left;
  border-spacing: 0;
  border-collapse: collapse;
}

.tbl-r02 td p {
  margin-bottom: 5px;
}

.tbl-r02>tbody>tr:nth-of-type(odd) {
  background-color: #eef2ee;
}

.tbl-r03 {
  width: 85%;
  margin: 0 auto 40px;
}

.tbl-r03 th {
  border: solid 1px #ccc;
  color: #777777;
  padding: 15px !important;
  text-align: left;
}

.tbl-r03 td {
  border: solid 1px #ccc;
  padding: 15px !important;
  text-align: left;
}

.tbl-r03 td p {
  margin-bottom: 5px;
}

.tbl-r03>tbody>tr:nth-of-type(odd) {
  background-color: #eef2ee;
}

.tbl-r04 {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  border-collapse: collapse;
  border: none;
  margin: 0 auto 40px;
}

.tbl-r04 th {
  color: #333333;
  padding: 15px;
  text-align: center;
}

.tbl-r04 td {
  padding: 10px;
  text-align: center;
  color: #333333;
}

.tbl-r04 td p {
  margin-bottom: 5px;
}

.tbl-r04>tbody>tr:first-child {
  background-color: #eef2ee;
}

.tbl-r05 {
  width: 100%;
  /* table-layout: fixed; */
  word-break: break-all;
  border-collapse: collapse;
  margin: 0 auto 40px;
  border: 1px solid #dee2e6;
}

.tbl-r05 th {
  color: #777777;
  padding: 15px;
  text-align: center;
  border: 1px solid #dee2e6;
}

.tbl-r05 td {
  padding: 10px;
  text-align: center;
  color: #777777;
  border: 1px solid #dee2e6;
}

.tbl-r05>tbody>tr:first-child {
  background-color: #eef2ee;
}

.tb_tit01 {
  width: 30%;
}

.tb_tit02 {
  width: 70%;
}

.table-w-10 {
  width: 10%;
}

.table-w-25 {
  width: 25%;
}

.table-w-20 {
  width: 20%;
}

.table-w-40 {
  width: 40%;
}

.table-w-50 {
  width: 50%;
}

.table-w-60 {
  width: 60%;
}

.table-fixed {
  table-layout: fixed;
}


/*********************/
/* ブログ 例の枠 */
/*********************/
.example_box {
  position: relative;
  padding: 1rem 2rem;
  text-align: left;
  color: #333333;
  border-radius: 0 10px 10px 10px;
  background: #fbfaf7;
  margin: 50px 0 30px;
  border: 1px dashed #265796;
  box-sizing: border-box;
}

.example_box:before {
  font-size: 1rem;
  position: absolute;
  top: -24px;
  left: -1px;
  height: 24px;
  padding: 0 1em;
  content: '例';
  color: #fff;
  border-radius: 10px 10px 0 0;
  background: #265796;
}

/*********************/
/* ブログ h5タイトル */
/*********************/
.tit_h5 {
  position: relative;
  padding-left: 2.5em;
  color: #555555;
  font-weight: bold;
  font-size: 1.05rem;
}

.tit_h5 span {
  position: absolute;
  top: -5px;
  left: 0;
  color: #555555;
  border-radius: 50%;
  background: #f0d67d;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tit_h5 span:after {
  position: absolute;
  top: calc(50% - 7px);
  right: -8px;
  width: 0;
  height: 0;
  content: '';
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #f0d67d;
}

/*********************/
/* ブログ ボタン */
/*********************/
.blog_main_ .btn {
  border: 2px solid #265796;
  /* color: #265796; */
}

/* .blog_main_ .btn:hover {
  background-color: #265796;
  color: #ffffff;
} */

.free_contact_a_box {
  /* background-color: #265796;
	color: #ffffff; */
  display: block;
}

.free_contact_a_box:hover {
  /* background-color: #f0d67d;
	color: #265796;
	text-decoration: none; */

}

.free_contact_a_box:hover .f_color_yellow,
.free_contact_a_box:hover .sab_ {
  color: #265796 !important;
}

.free_contact_a_box:hover .btn {
  background-color: #265796;
  color: #ffffff;
}

.free_contact_inner {
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}

.free_contact_inner h3 {
  padding-left: 0 !important;
  text-align: center;
  color: #265796 !important;
  position: relative;
  padding: 1.5rem;
  text-align: center;
  border: 2px solid #265796 !important;
  background: #fff;
}

.free_contact_inner h3:before,
.free_contact_inner h3:after {
  position: absolute;
  content: '';
}

.free_contact_inner h3:before {
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 80px;
  border: 2px solid #265796;
  border-radius: 50%;
  background: #fff;
}

.free_contact_inner h3:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.free_contact_inner h3 i {
  font-size: 30px;
  font-size: 3rem;
  line-height: 60px;
  position: absolute;
  z-index: 1;
  top: -40px;
  left: calc(50% - 40px);
  width: 80px;
  height: 60px;
  text-align: center;
  color: #265796;
}

.free_contact_inner h3 span {
  position: relative;
  z-index: 1;
}

.free_contact_inner .sab_ {
  color: #ffffff;
}

.free_contact_inner .btn {
  background-color: #f0d67d;
  color: #e74c3c;
  font-weight: bold;
}

/*********************/
/* ブログ 最後のお問合わせボタン */
/*********************/
.shiny-btn4 {
  display: block;
  position: relative;
  /*ボタンの幅*/
  padding: 10px 0;
  margin: 30px auto;
  background-color: #e74c3c;
  /*ボタンの色*/
  box-shadow: 0 3px 0 0 rgba(102, 34, 27, 1);
  /*影の色(rgbaの値を変更)*/
  border-radius: 5px;
  border: 2px solid #e74c3c !important;
  font-weight: bold;
  font-size: 18px;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: 0.2s;
}

.shiny-btn4:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.7;
  box-shadow: none;
  background-color: #e74c3c !important;
  -webkit-transform: translateY(3px);
}

.shiny-btn4::before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn4 4s ease-in-out infinite;
  -webkit-animation: shiny-btn4 4s ease-in-out infinite;
}

.shiny-btn-h {
  height: 75px;
}

.h-md-100 {
  height: 100% !important;
}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 480px) {
  .shiny-btn-h {
    height: auto;
  }

  .h-md-100 {
    height: auto !important;
  }
}

@-webkit-keyframes shiny-btn4 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.7;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

/*********************/
/* ブログ メイン画像の高さ */
/*********************/
.blog_main_img img {
  max-height: 350px;
  object-fit: cover;
}

.text-left {
  text-align: left !important;
}

/*********************/
/* ブログ カテゴリーのボタン セミナーページのページ内ボタン */
/*********************/
.category-box ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.category-box ul li a {
  color: #ffffff;
  display: inline-block;
  width: 100%;
  background-color: #265796;
  border: 1px solid #265796;
  text-align: center;
  padding: 15px 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.category-box ul li a:hover {
  background-color: #ffffff;
  color: #265796;
  border: 1px solid #265796;
  text-decoration: none;
}

.category-box ul li a.btn_current {
  background-color: #fae9b1;
  color: #265796;
  font-weight: bold;
}

/*********************/
/* ブログ カテゴリーのボタン アコーディオン */
/*********************/

.category-title {
  pointer-events: none;
  display: none;
}

.category-box input {
  display: none;
}

@media screen and (max-width: 480px) {
  .category-title {
    display: block;
    pointer-events: all;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: #fff;
    line-height: 1;
    position: relative;
    margin: 0 0 10px;
    padding: 10px;
    background-color: #265796;
  }

  .category-toggle {
    height: 0;
    padding: 0 8px;
    transition: .2s;
    overflow: hidden;
  }

  input#category-box1:checked+.category-toggle {
    height: auto;
  }

  /*バー部分*/
  .category-box label {
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: #fff;
    line-height: 1;
    position: relative;
    margin: 0;
    padding: 20px;
    background-color: #265796;
  }

  /*開いたときに表示される部分*/
  .category-toggle {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 1px;
  }

  .category-toggle li {
    height: 0;
    /* overflow-y: hidden; */
    /*閉じるときのアニメーション*/
    transition: padding-bottom 0.5s, padding-top 0.5s;
    -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
    -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
    -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
    -o-transition: padding-bottom 0.5s, padding-top 0.5s;
    border-bottom: 1px solid #cccccc;
  }

  input#category-box1:checked+.category-toggle li {
    height: auto;
    /*開いたときに表示されるliの高さ*/
    opacity: 1;
    background: #fbfaf7;
    padding: 10px;
  }

  /*開いたときの下の余白*/
  input#category-box1:checked~.category-toggle li:last-child {
    margin-bottom: 20px;
  }

  /*閉じた状態の矢印描画*/
  label.category-title:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: #fff 2px solid;
    border-right: #fff 2px solid;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 4%;
    top: 0;
    bottom: 15%;
    margin: auto;
  }

  /*開いた状態の矢印描画*/
  input#category-box1[type=checkbox]:checked+label.category-title::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top: #fff 2px solid;
    border-right: #fff 2px solid;
    transform: rotate(-45deg);
    position: absolute;
    right: 4%;
    top: 7%;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
  }

  .category-box ul.category-toggle li a {
    background-color: #fbfaf7;
    border: none;
    color: #265796;
  }
}


/*********************/
/* ブログ 各カテゴリートップの余白 */
/*********************/
#blog_cate_top .breadcrumb_ {
  margin-bottom: 0;
}

#blog_cate_top .gtco-section {
  padding-top: 3rem;
}

#blog_cate_top .gtco-heading {
  margin-bottom: 3rem;
}

/*********************/
/* ブログ 事柄と列挙パターン */
/*********************/
.lip_green,
.lip_blue,
.lip_yerrow {
  margin: 0 0 1.6em;
}

.lip_green h4::before,
.lip_blue h4::before,
.lip_yerrow h4::before {
  margin-right: 0 !important;
}

.lip_green h4,
.lip_green h5,
.lip_green h6 {
  display: inline-block !important;
  ;
  background: #808a7f;
  color: #fff !important;
  margin-left: 0;
  border-radius: 7px 7px 0 0;
  font-size: 15px !important;
  font-weight: bold;
  padding: 7.7px 10px;
  border: none;
  margin-bottom: 0;
}

.lip_green ul {
  list-style-type: none;
  padding: 1em;
  background: #eef2ee;
  margin-top: 0;
  border: solid 2px #808a7f;
}

.lip_green ul li {
  position: relative;
  padding: 8px 0 8px 35px;
  font-weight: bold;
  color: #555;
}

.lip_green ul li:before {
  left: 10px;
  position: absolute;
  font-family: FontAwesome;
  content: "\f00c";
  color: #808a7f;
}

.lip_blue h4,
.lip_blue h5,
.lip_blue h6 {
  display: inline-block !important;
  background: #86b4cf;
  color: #fff !important;
  margin-left: 0;
  border-radius: 7px 7px 0 0;
  font-size: 15px !important;
  font-weight: bold;
  padding: 7.7px 10px !important;
  border: none;
  margin-bottom: 0;
}

.lip_blue ul {
  list-style-type: none;
  padding: 1em;
  background: #eef4f8;
  margin-top: 0;
  border: solid 2px #86b4cf;
}

.lip_blue ul li {
  position: relative;
  padding: 8px 0 8px 35px;
  font-weight: bold;
  color: #555;
}

.lip_blue ul li:before {
  left: 10px;
  position: absolute;
  font-family: FontAwesome;
  content: "\f00c";
  color: #86b4cf;
}


.lip_yerrow h4,
.lip_yerrow h5,
.lip_yerrow h6 {
  display: inline-block !important;
  background: #e9c91b;
  color: #fff !important;
  margin-left: 0;
  border-radius: 7px 7px 0 0;
  font-size: 15px !important;
  font-weight: bold;
  padding: 7.7px 10px !important;
  border: none;
  margin-bottom: 0;
}

.lip_yerrow ul {
  list-style-type: none;
  padding: 1em;
  background: #fcf9f2;
  margin-top: 0;
  border: solid 2px #e9c91b;
}

.lip_yerrow ul li {
  position: relative;
  padding: 8px 0 8px 35px;
  font-weight: bold;
  color: #555;
}

.lip_yerrow ul li:before {
  left: 10px;
  position: absolute;
  font-family: FontAwesome;
  content: "\f00c";
  color: #e9c91b;
}




/*********************/
/* 料金ページと特徴ページ モーダルウィンドウ（初回訪問のみ） */
/*********************/
.bg_onetime_popup,
.bg_onetime_popup_02 {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.bg_onetime_popup.js_active,
.bg_onetime_popup_02.js_active {
  opacity: 1;
  visibility: visible;
}

.onetime_popup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50%;
  max-width: 920px;
  cursor: pointer;
}

.onetime_popup_title {
  position: relative;
  padding: 0;
  margin: 0px;
  color: #fff;
  font-size: 32px;
  text-align: center;
  line-height: 1.5;
}

.onetime_popup_title::after {
  content: "x";
  color: #000000;
  position: absolute;
  right: -1.2rem;
  top: -1.2rem;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 1;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 1rem 1.2rem 1.3rem;
  font-size: 30px;
}

.onetime_popup_content {
  padding: 60px 30px;
  text-align: center;
}

.onetime_popup_title img {
  width: 100%;
  max-width: 920px;
}

@media screen and (max-width: 820px) {
  .onetime_popup {
    width: 80%;
  }
}

@media screen and (max-width: 480px) {
  .onetime_popup {
    min-width: 300px;
  }
}

/*********************/
/* 料金ページと特徴ページ モーダルウィンドウ（初回訪問のみ） end */
/*********************/

/*********************/
/* 特徴・機能ページのメニュー */
/*********************/
.function_menu_inr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 50px;
}

.function_menu_inr div {
  background-color: #fbfaf7;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);

}

.function_menu_inr div p {
  margin: 0;
  background-color: #265796;
  text-align: center !important;
  padding: 6px 0;
}

.function_menu_inr a {
  color: #ffffff;
  position: relative;
}

.function_menu_inr a::after {
  right: calc(50% - 3px);
  top: auto;
  bottom: 6px;
  margin-top: 0;
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border: 2px solid;
  border-color: transparent transparent #fff #fff;
  transform: rotate(-45deg);
}

.function_menu_inr figure {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 10px;
}

.function_menu_inr a:hover {
  text-decoration: none;
  transform: scale(.95) translateY(4px);
}

@media screen and (max-width: 820px) {
  .function_menu_inr {
    margin-left: -5px;
    margin-right: -5px;
  }

  .function_menu_inr a {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 480px) {
  .function_menu_inr div p {
    font-size: 13px;
  }
}

/*********************/
/* 特徴・機能ページのメニュー end */
/*********************/

/*********************/
/* モーダルウィンドウ（常に表示） */
/*********************/

.always_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}

.always_popup.is-show {
  opacity: 1;
  visibility: visible;
}

.always_popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 600px;
  background-color: #fff;
  z-index: 2;
}

.always_popup-inner img {
  width: 100%;
}

.close-btn {
  position: absolute;
  right: -20px;
  top: -20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
}

.close-btn i {
  font-size: 20px;
  color: #333;
}

.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .8);
  z-index: 1;
  cursor: pointer;
}

/*********************/
/* モーダルウィンドウ（常に表示） end */
/*********************/


/*********************/
/* 料金ページと特徴ページ 資料請求ボタン色 */
/*********************/
.btn-document {
  background-color: #f0d67d;
  color: #265796;
  font-weight: bold;
  border: 2px solid #265796;
}

.btn-document:hover {
  color: #f0d67d;
  border: 2px solid #265796;
  background-color: #265796;
}

/*********************/
/* 料金ページと特徴ページ 資料請求ボタン色 end */
/*********************/

/*********************/
/* 代行 下層ページ */
/*********************/
.case-box {
  background-color: #ffffff;
  border: 1px solid #265796;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
  padding: 15px;
  box-sizing: border-box;
  height: 100%;
}

.case-box h3 {
  font-size: 1.25rem;
}

.how-case-box {
  position: relative;
  padding: 0.5rem 1rem;
  color: #ffffff;
  border-radius: 5px;
  background: #265796;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.how-case-box:after {
  position: absolute;
  bottom: -9px;
  left: 50%;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #265796 transparent transparent transparent;
  transform: translateX(-50%);
}

.border-dot-right {
  border-right: 13px dotted #dee2e6;
  height: 50px;
  margin-bottom: 20px;
}

.btn-blue,
.btn-yellow,
.btn-free {
  background-color: #265796;
  color: #ffffff;
  font-weight: bold;
  width: 100%;
  padding: 15px 10px;
  border: 1px solid #265796;
  font-size: 1.25rem;
}

.btn-yellow {
  background-color: #f0d67d;
  border: 1px solid #f0d67d;
  color: #e74c3c;
}

.btn-free {
  background-color: #e74c3c;
  border: 1px solid #e74c3c;
  color: #ffffff;
}

.btn-blue:hover {
  background-color: #ffffff;
  color: #265796;
}

.btn-yellow:hover {
  background-color: #e6e6e6;
  border: 1px solid #f0d67d;
  color: #265796;
}

.btn-free:hover {
  background-color: #ffffff;
  color: #e74c3c;
}

.type-box {
  background-color: #fbfaf7;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-sizing: border-box;
  padding: 15px;
  height: 100%;
}

.type-box p {
  color: #265796;
  margin-bottom: 5px;
  font-weight: bold;
}

.border-dashed-bottom {
  border-bottom: 1px dashed #cccccc;
}

#acting-contenr h3 {
  font-size: 1.25rem;
}

.acting_tit_h3_02 {
  position: relative;
  padding: 0.8rem 1rem;
  color: #ffffff;
  border-radius: 10px;
  background: #265796;
  display: inline-block;
  font-weight: bold;
  font-size: 1.3125rem;
}

.acting_tit_h3_02:after {
  position: absolute;
  bottom: -9px;
  left: 50%;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #265796 transparent transparent transparent;
  transform: translateX(-50%);
}

.acting_list_box_02 {
  color: #333333;
  text-align: left;
  list-style: none;
  padding: 0;
  margin-bottom: 40px;
}

.acting_list_box_02 li {
  line-height: 1.8em;
}

.type-box p {
  text-align: center !important;
}

.case-box p {
  color: #265796;
  text-align: center !important;
  font-weight: bold;
  margin-bottom: 10px;
}

.acting_tit_h2_02 {
  text-align: left;
}

a.case_link_box {
  display: block;
  height: 100%;
  transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);
  -webkit-transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);
  -moz-transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);
  -ms-transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);
  -o-transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);
}

a.case_link_01:hover,
a.case_link_02:hover,
a.case_link_03:hover,
a.case_link_04:hover {
  transform: scale(.95) translateY(4px);
  text-decoration: none;
}

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

  .acting_tit_h2_02,
  .acting_tit_h3_02,
  .acting_p {
    text-align: center;
  }

  .acting_tit_h2_02 {
    margin-top: 30px;
  }

  .acting_list_box_02 {
    width: 75%;
    margin: 0 auto 20px;
  }
}

@media screen and (max-width: 480px) {
  .acting_tit_h2_02 {
    font-size: 1.75rem;
    margin-top: 20px;
  }

  .acting_tit_h3_02 {
    font-size: 1.15rem;
  }

  .acting_list_box_02 {
    width: 100%;
  }
}

/*********************/
/* 代行 下層ページ end */
/*********************/

/*********************/
/* 【下層】 コンビーズメールプラスとは */
/*********************/
.about-main-tit {
  line-height: 0.8em;
  margin-bottom: 40px;
  font-size: 1.875rem
}

.about-main-tit span {
  font-size: 0.875rem;
}

.point-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}

.point-box a {
  position: relative;
  margin: auto 0;
  outline: none;
  color: #265796;
  font-size: 0.972222222222222vw;
  text-align: center;
  width: 25%;
}

.point-box a::after {
  position: absolute;
  top: 50%;
  right: -1.25vw;
  width: 0.555555555555556vw;
  height: 0.555555555555556vw;
  transform: translateY(-50%) rotate(45deg);
  border-right: solid #265796;
  border-bottom: solid #265796;
  border-width: 0.138888888888889vw;
  content: "";
}

.point-box picture {
  margin: 0 auto -40px;
  display: block;
  position: relative;
  z-index: 10;
  width: 50%;
}

.point_text_box .sab_point {
  color: #265796;
  font-weight: bold;
  margin-bottom: 0;
}

.point_text_box {
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 50px 20px 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0 0 6px 0 rgb(0 0 0 / 10%);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
}

.point_text_box p {
  font-size: 1.041666666666667vw;
  margin-bottom: 30px;
}

.point_detail_link_box {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.point-tit {
  position: relative;
  overflow: hidden;
  padding: 1rem 2rem 1rem 170px;
  border-top: 3px solid #265796;
  text-align: left;
}

.point-tit::before {
  position: absolute;
  top: -150%;
  left: -100px;
  width: 250px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #265796;
}

.point-tit span {
  font-size: 25px;
  font-size: 1.5625rem;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display: block;
  padding-top: 3px;
  padding-left: 16px;
  color: #fff;
}

.point-tit-sub {
  position: relative;
  text-align: left;
  padding-left: 1.3em
}

.point-tit-sub::before {
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 15px;
  height: 4px;
  content: '';
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  background-color: #265796;
}

.point_main_box p {
  font-size: 0.875rem;
}

.point_main_box .blog_link_inner figure,
.point_main_box .blog_link_inner picture {
  max-width: 20%;
}

.about_acting_card {
  background-color: #ffffff;
  padding: 70px 15px 15px;
  border: 1px solid #dee2e6;
  height: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);
}

.about_acting_box p.card-icon {
  font-size: 40px;
}

@media screen and (max-width: 480px) {
  .about-main-tit {
    margin-bottom: 40px;
  }

  .point_text_box p {
    font-size: 0.875rem;
    margin-bottom: 30px;
  }

  .point-box a {
    font-size: 0.875rem;
  }

  .point-box a::after {
    right: -4vw;
    width: 2vw;
    height: 2vw;
  }

  .point_text_box .sab_point {
    text-align: center !important;
  }

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

}

/*********************/
/* 【下層】 コンビーズメールプラスとは end */
/*********************/

/*********************/
/* 【下層】 セミナー一覧 */
/*********************/
.seminar_list_inr {
  position: relative;
  cursor: pointer;
  cursor: hand;
}

.seminar_end {
  position: absolute;
  background-color: rgba(51, 51, 51, 0.85);
  color: #ffffff;
  font-size: 12px;
  z-index: 9999;
  right: 0px;
  padding: 5px 10px;
  border-bottom-left-radius: 5px;
}

.seminar_in {
  position: absolute;
  background-color: rgba(231, 76, 60, 0.85);
  color: #ffffff;
  font-size: 12px;
  z-index: 9999;
  right: 0px;
  padding: 5px 10px;
  border-bottom-left-radius: 5px;
}

.seminar_txt_inr {
  text-align: left !important;
  padding: 10px 20px 20px 20px !important;
}

.seminar_txt_inr .seminar_days {
  color: #ffffff !important;
  text-align: left !important;
  display: inline-block !important;
  padding: 0 10px;
  margin-bottom: 5px;
  font-size: 14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.seminar_list_inr_link {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
  background-color: transparent;
}

.seminar_list_inr figure {
  position: relative;
}

.btn_seminar_white_inr {
  position: relative;
  z-index: 4;
}

.shiny-btn4.seminar_white_later {
  background-color: #979797;
  box-shadow: none;
  border-color: #7d7d7d !important;
  cursor: default !important;
}

.shiny-btn4.seminar_white_later:hover {
  background-color: #979797 !important;
  box-shadow: none !important;
  border-color: #7d7d7d !important;

}

.shiny-btn4.seminar_white_later::before {
  animation: none;
  -webkit-animation: none;
}

/*********************/
/* 【下層】 セミナー一覧 end */
/*********************/

/*********************/
/* 【下層】 セミナーページ */
/*********************/
/* 見出しの文章 */
.semi-heading p,
.semi-heading ul {
  font-size: 16px !important;
}


/* 付箋チェックリスト */
.list-6 {
  list-style-type: none;
  margin: 60px 0;
  padding: 0;
}

.list-6 li {
  margin-bottom: 10px;
  padding: .5em .7em;
  border-left: 5px solid #3c88a3;
  background-color: #eef4f8;
  font-weight: 600;
}

/* おすすめチェックリスト */
.list-3 {
  list-style-type: none;
  padding: 1em;
  border: 2px dashed #e74c3c;
  background-color: #fcf9f2;
}

.list-3 li {
  display: flex;
  align-items: center;
  gap: 0 5px;
  padding: .3em;
  font-weight: bold;
}

/* topのseminar吹き出し */
.semi-speechBubble {
  height: 25px;
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding: 5px 16px 20px;
  border: 2px solid #e74c3c;
  border-radius: 9999px;
  background-color: #e74c3c;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
}

.semi-speechBubble::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 12px;
  border-color: transparent transparent transparent #e74c3c;
  translate: 100% -50%;
}

.semi-speechBubble::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border-style: solid;
  border-width: 5.1px 0 5.1px 8.2px;
  border-color: transparent transparent transparent #e74c3c;
  translate: 100% -50%;
}

/* seminarタイトルトップ */
.semi-tit-top {
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 20px;
}

.semi-tit-top h2 {
  width: 80%;
}

/* formのlabelの項目 */
.semi-label-name {
  position: absolute;
  top: 10px;
}


/* 必須 */
.seminar-Required-box {
  font-size: 10px;
  padding: 3px 10px;
  background-color: #e74c3c;
  color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-left: 10px;
  /* position: absolute;
  top: 10px; */
  line-height: 1.2em;
}

@media screen and (max-width: 768px) {
  .semi-tit-top h2 {
    text-align: left;
    width: auto;
  }

  .semi-tit-top {
    justify-content: center;
  }
}

@media screen and (max-width: 480px) {
  .seminar-Required-box {
    top: 5px;
  }

  .semi-speechBubble::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-style: solid;
    border-width: 0;
    border-color: #e74c3c transparent transparent;
    translate: -50% 100%;
  }

  .semi-speechBubble::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border-style: solid;
    border-width: 0;
    border-color: #e74c3c transparent transparent;
    translate: -50% 100%;
  }

  .semi-tit-top h2 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .semi-tit-top {
    justify-content: center;
  }
}

/*********************/
/* 【下層】 セミナーページ end */
/*********************/

/*********************/
/* 【下層】 セミナーページのホワイトペーパー部分 */
/*********************/
.bnr_white_paper_inr {
  background-color: #ffffff;
  padding: 40px 40px 20px;
  border: 1px solid #dee2e6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.image_link {
  display: block;
}

.image_link img {
  transition: 0.3s;
  display: block;
  width: 100%;
}

.image_link:hover img {
  opacity: 0.8;
}

/*********************/
/* 【下層】 セミナーページのホワイトペーパー部分 end */
/*********************/

/*********************/
/* トップページ 活用方法 */
/*********************/
.card-box {
  background-color: #ffffff;
  padding: 70px 20px 20px;
  border: 1px solid #dee2e6;
  height: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}

.card-box-link {
  display: block;
  height: 100%;
  transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);
  -webkit-transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);
  -moz-transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);
  -ms-transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);
  -o-transition: transform .4s cubic-bezier(.34, 1.56, .64, 1);

}

.card-box-link:hover {
  text-decoration: none;
  transform: scale(.95) translateY(4px);
}

.card-box h3 {
  color: #555555;
  letter-spacing: -1px;
  margin-bottom: 15px;
  text-align: center;
}

.card-box p {
  letter-spacing: -1px;
}

.card-icon {
  font-size: 40px;
  background-color: #ffffff;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  color: #265796;
  border: 4px solid #265796;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -50px;
  left: 0;
  right: 0;
  margin: auto;
}

.card-contener {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .tab_mb_0 {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 480px) {
  .card-contener {
    margin-bottom: 80px;
  }

  .card-contener:last-child {
    margin-bottom: 0;
  }
}


/*********************/
/* トップページ 活用方法 end */
/*********************/

/*********************/
/* トップページ ユーザーボイス */
/*********************/
.user_voice_box {
  list-style: none;
}

.user_voice_box li {
  background-color: #ffffff;
  padding: 40px;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .user_voice_box li {
    padding: 20px;
  }
}

@media screen and (max-width: 480px) {

  .user_voice_box li p.user_name {
    font-size: 16px !important;
    margin-bottom: 20px !important;
    text-align: center !important;
  }
}

/*********************/
/* トップページ ユーザーボイス end */
/*********************/

/*********************/
/* トップページ キャンペーン */
/*********************/

.top_cap_year_box {
  background-color: #265796;
  color: #ffffff;
  padding: 15px;
  font-size: 16px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: normal;
}

/*********************/
/* トップページ キャンペーン end */
/*********************/

/*********************/
/* ブログ サイドバー */
/*********************/
.side_blog_inner h4 {
  font-weight: bold;
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #555555;
}

.side_blog_inner li {
  margin-bottom: 20px;
}

.side_blog_inner li div {
  overflow: hidden;
  position: relative;
  max-width: 90px;
  max-height: 65px;
}

.side_blog_inner li div img {
  object-fit: cover;
  width: 200px;
  transition: 0.3s;
  height: 65px;
}

.side_blog_inner li h4 {
  width: 170px;
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 1.4rem;
  text-align: left;
  padding-left: 10px;
  margin-bottom: 0;
  box-sizing: border-box;
  border: none;
}

.side_blog_inner li a h4 {
  color: #333333;
}

.side_blog_inner li a:hover img {
  transform: scale(1.2);
}

.side_blog_inner li a:hover,
.side_blog_inner li a:hover h4 {
  color: #e74c3c;
}

.side_deco_inner {
  width: 80%;
  margin: 0 auto 30px;
}

.side_deco_inner a {
  display: block;

}

.side_combeez_inner img,
.side_deco_inner img,
.side_plus_document_inner img {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}

.side_combeez_inner a:hover img,
.side_deco_inner a:hover img,
.side_plus_document_inner a:hover img {
  opacity: 0.8;
}

.cside_plus_document_inner .btn.disabled {
  opacity: 0.8;
  background-color: #869791 !important;
}

.cside_plus_document_inner .btn {
  height: 50px;
  border: none !important;
  background: #e74c3c;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  padding-left: 10px;
  padding-right: 10px;
}

.cside_plus_document_inner .free_trial_email {
  width: 100%;
  height: 40px;
  border-color: #e74c3c !important;
  background-color: #ffffff;
}

.cside_plus_document_inner .speechBubble {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  padding: 14px 16px;
  border-radius: 9999px;
  background-color: #e1eaf5;
  text-align: left;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.5;
  color: #265796;
}

.cside_plus_document_inner .speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: #e1eaf5 transparent transparent;
  translate: calc(-50% - 0.4px) 100%;
}

.cside_plus_document_inner .help-block li,
.cside_plus_document_inner .with-errors li {
  text-align: left;
}

.cside_plus_document_inner .help-block .list-unstyled,
.cside_plus_document_inner .with-errors .list-unstyled {
  margin-bottom: 0;
}

.cside_plus_document_inner.side_form {
  display: flex;
  flex-direction: column;
  align-items: center;
}


/* sticky-sidebar js */

.main {
  flex: 1 0 0%;
  min-width: 0;
}


.sidebar__inner {
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
  left: auto !important;
  background-color: #FBFAF7;
  padding: 2em 0;
}

.sidebar__inner a:hover picture {
  opacity: 0.8;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}

@media screen and (max-width: 992px) {
  .side_blog_inner li h4 {
    width: 100%;
  }
}

/*********************/
/* ブログ サイドバー end */
/*********************/

/*********************/
/* ブログ ランキング */
/*********************/

.ranking {
  counter-reset: rank;
  padding-left: 0;
}

.ranking li {
  position: relative;
  list-style: none;
}

.ranking li:not(:last-child) {
  margin-bottom: 10px;
}

.ranking li:nth-child(-n + 3)::before {
  /* 王冠のスタイル */
  font-family: "Font Awesome 5 Free";
  content: "\f521";
  font-weight: 900;
  position: absolute;
  top: -10px;
  /* 王冠の位置（縦軸） */
  left: 0;
  /* 王冠の位置（横軸） */
  font-size: 55px;
  /* 王冠の大きさ */
}

.ranking li:nth-child(1)::before {
  /* 1位（王冠）のスタイル */
  color: #e6c300;
}

.ranking li:nth-child(2)::before {
  /* 2位（王冠）のスタイル */
  color: #a9a9a9;
}

.ranking li:nth-child(3)::before {
  /* 3位（王冠）のスタイル */
  color: #815a2b;
}

.ranking li:nth-child(n + 4)::before {
  /*3位以下のスタイル*/
  content: "";
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #555555;
  width: 50px;
  height: 50px;
  top: 18px;
  left: 10px;
}

.ranking li::after {
  /* 順位（文字）のスタイル */
  counter-increment: rank;
  content: counter(rank) " 位";
  position: absolute;
  top: 32px;
  left: 22px;
  font-size: 0.9em;
  color: #fff;
  font-weight: bold;
}

.ranking p.rank_no {
  /* 画像の横幅に合わせる*/
  padding-left: 80px;
  padding-top: 25px;
  font-weight: bold;
}

/*********************/
/* ブログ ランキング end */
/*********************/


/*********************/
/* ブログ タイムライン */
/*********************/
.timeline {
  list-style: none;
  border: 1px solid #f2e6c6;
  background-color: #fcf9f2;
  padding: 20px;
}

.timeline>li {
  margin-bottom: 30px;
}

.timeline-date {
  font-weight: bold;
  margin-bottom: 0;
}

.timeline>li:last-child {
  margin-bottom: 0;
}

.timeline>li:last-child p {
  margin-bottom: 0;
}

/* for Desktop */
@media (min-width : 640px) {
  .timeline>li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }

  .timeline-date {
    width: 120px;
    float: left;
    /* margin-top: 20px; */
  }

  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
  }

  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 116px;
    top: 10px;
    border-radius: 100%;
  }
}

/*********************/
/* ブログ タイムライン end */
/*********************/

/*********************/
/* ブログ ヘッダー */
/*********************/
.blog-catch-top {
  max-width: 500px;
  width: 100%;
}

.blog-catch-main {
  text-align: center !important;
}

.blog-free-info-box {
  flex-direction: row;
}

.blog-free-info-box a:first-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .blog-catch-top {
    color: #ffffff;
    text-align: left !important;
    margin-bottom: 10px !important;
  }

  .blog-free-info-box {
    flex-direction: column;
  }

  .blog-free-info-box a:first-of-type {
    margin-bottom: 1rem !important;
  }

  .blog-catch-main {
    margin-top: 0 !important;
  }
}

/*********************/
/* ブログ ヘッダー end */
/*********************/


@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }

  .tbl-r02 {
    width: 100% !important;
  }

  .tbl-r02 th,
  .tbl-r02 td {
    border-bottom: none;
    display: block;
    width: 100%;
  }

  .tbl-r02 th {
    background-color: #eef2ee;
    text-align: center;
  }

  .tbl-r02 td {
    background-color: #ffffff;
  }

  .tbl-r03 {
    width: 100% !important;
  }

  .tbl-r03 th,
  .tbl-r03 td {
    border-bottom: none;
    display: block;
    width: 100%;
  }

  .tbl-r03 th {
    background-color: #eef2ee;
    text-align: center;
  }

  .tbl-r03 td {
    background-color: #ffffff;
  }


  .tbl-r04 {
    width: 100% !important;
  }

  .tbl-r04 th,
  .tbl-r04 td {
    width: 100%;
    line-height: 1.2em;
  }

  .tbl-r04 th {
    text-align: center;
    padding: 5px;
  }

  .tbl-r04 td {
    padding: 5px;
  }

  .tbl-r04 td p {
    line-height: 1.2em;
  }
}

@media screen and (max-width: 1024px) {
  .tab_block {
    display: block;
  }

  .sp_block {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
}

@media screen and (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .top-container {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 20px;
  }

  .top-container h1 {
    font-size: 28px;
  }

  .main_free_copy {
    font-size: 20px;
    text-align: left;
  }

  .feature-center p {
    text-align: left;
  }

  #blog_header_ .breadcrumb_ {
    margin-left: 0 !important;
  }

  .tit_new_case {
    left: -10px;
  }

  .w-3 {
    width: 40%;
  }

  .w-4 {
    width: 50%;
  }

  .p_20 {
    padding: 10px;
  }

  .tab_block {
    display: block;
  }

  .sp_block {
    display: none !important;
  }

  .pc_block {
    display: none;
  }

  .sp_tab_block {
    display: block !important;
  }

  #gtco-offcanvas ul {
    flex-direction: column !important;
  }

  .tab_none {
    display: none;
  }

  .w-75 {
    width: 100% !important;
  }


}

@media screen and (max-width: 480px) {
  .w-3 {
    width: 100%;
  }

  .w-4 {
    width: 100%;
  }



  .f_size24 {
    font-size: 16px;
  }

  .tit_new_case {
    width: 90px;
    top: -40px;
    left: -5px;
  }

  .tab_block {
    display: none;
  }

  .sp_block {
    display: block !important;
  }

  .sp_none {
    display: none;
  }

  .pc_block {
    display: none;
  }

  .pc_tab_block {
    display: none;
  }

  .sns-icon-inner {
    padding: 0;
    margin: 0 -10px 45px;
    text-align: center;
  }

  .day_sns_inner p {
    text-align: center !important;
  }

  .sns-icon-inner li {
    list-style: none;
    padding: 0 2px;
  }

  #blog_header_ {
    padding-bottom: 1em !important;
  }

  .blog_main_img img {
    max-height: 350px;
    object-fit: contain;
  }

  .day_sns_inner {
    flex-direction: column;
  }

  .blog_link_inner {
    padding: 10px;
  }

  p.text-center,
  p {
    text-align: left !important;
  }

  form label {
    text-align: left;
  }

  .top_semi_box {
    width: 100%;
  }

  #gtco-subscribe_blog .recaptcha-policy p {
    text-align-last: left !important;
  }
}

@media screen and (max-width: 375px) {
  .top-container {
    width: 100%;
  }


}

@media screen and (max-width: 320px) {}

.pL_1em {
  padding-left: 0.8em;
}

dl dt,
dd {
  line-height: 1.7em;
}

/***** tsujita追加記述分  ************************************************/