@charset "UTF-8";
/* HTML 5 elements
---------------------------------------- */
html {
	-webkit-text-size-adjust: none;
}

section, nav, article, aside, hgroup, header, footer, figure, figcaption, summary {
  display: block;
  margin: 0;
  padding: 0;
}

/* reset
---------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}

img {
	max-width: 100%;
	height: auto;
	padding: 1px;
	margin: 0;
	border: 1px solid #eaecec;
	background-color: #fff;
}

.bgnone {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}

ul,li{
	list-style-type: none;
	margin: 0;
}

table {
	width: 100%;
	margin: 1.5% 0 2%;
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	padding: 10px 0;
	margin: 10px 0;
	-webkit-margin-start: auto;
	-webkit-margin-end: auto;
	border: none;
	border-top: #efefef 1px solid;
}

br {
	padding: 0;
	margin: 0;
	font-size: 1px;
	line-height: 1;
}

/* 要素
-------------------------------------------------------------- */
section {
	margin: 0 0 1.5%;
}
    .sub_page {
        background: none;
    }
	.sub_page article {
        background: #fff;
    }

article {
	padding: 0 7.5%;
	margin: 0;
}

p {
    padding: 0;
    margin: 0 0;
}
    .contein p {
        /* margin: 20px 0; */
        padding: 10px 0;
    }

label {
  font-weight: bold;
  font-size: 0.8rem;
}

.labelSales { background: #1787b5;}
.labelWebMaketer { background: #4da36d;}
.labelWritter { background: #25b9a8;}
.labelSistem {background: #6a6cb3; }
.labelSalesAssistant { background: #de6a50;}

.flexList {
  display: flex;
}
.imgBox {
  line-height: 0;
}

/* form
-------------------------------------------------- */
div.wpcf7 {
    padding: 20px 0 40px;
}

.wpcf7 span.red {
	color: red;
}

input:not[type="radio"],
input, select, textarea {
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

input[type="url"],
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
  max-width: 480px;
  width: 100%;
  font-family:
  Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.5;
  padding: 8px 15px 10px;
  margin: 0 auto;
  border: none;
  border-radius: 3px;
  outline: none;
  border: 2px solid #dadada;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: transparent;
  background: #f9f9f9;
}
  input::placeholder,
  textarea::placeholder{
    color: #dadada;
  }
  input:-ms-input-placeholder,
  input::-ms-input-placeholder{
    color: #dadada;
  }

select.time {
	width:300px;
}
    input[type="submit"] {
      font-family:
      Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
      cursor: pointer;
      width: 300px;
      line-height: 65px;
      cursor: pointer;
      padding: 0;
      margin: 0 auto;
      text-align: center;
      border: none;
      color: #fff;
      border-radius: 0;
      font-size: 1.2rem;
      letter-spacing: 0.05em;
      font-weight: 600;
      transition: all 0.2s ease-in-out;
      border-radius: 0;
      outline: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      -webkit-tap-highlight-color: transparent;

      background: #00a63f;
    }
        input[type="submit"]:hover {
            filter:alpha(opacity=68);
            opacity: 0.68;
        }


/* body
-------------------------------------------------- */
body{
  padding: 0;
  margin: 0;
  font-size: 80.5%;
  line-height: 1.8;
  letter-spacing: 0.00em;
  color: #000;
  position: relative;
  font-family:
  Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  background-color: #000;
  background-position: 0 top;
  background-image: url(images/service_bg.jpg);
  background-size: auto 70%;
  background-repeat: repeat;
}
body.home {
  background: linear-gradient(#558456 0%, #558456 19%, #f4f1e9 15%, #efefef 70%);
}
    @media screen and (max-width: 720px) {
        body.category,
        .error404 {
            background-size: 200%;
        }
    }
    body.body_cat_id5:not(.category) {
      background-color: #fff;
      background-position: center 0;
      background-image: url(images/seo_bg.jpg);
      background-size: 110%;
      background-repeat: no-repeat;
    }
    body.postid-28:not(.category) { /* コンテンツSEO　*/
      background-image: url(images/seo_bg_SEOcontents.jpg);
    }
    body.postid-329:not(.category) { /* システム開発　*/
      background-repeat: no-repeat;
      background-image: url(images/system_bg.jpg);
    }
    body.postid-324:not(.category) { /* SEOホームページ制作　*/
      background-image: url(images/home_bg.jpg);
    }
    body.postid-321:not(.category) { /* コンサルティングサービス　*/
      background-image: url(images/consulting_bg.jpg);
    }
    body.postid-319:not(.category) { /* 媒体運営　*/
      background-image: url(images/medium_bg.jpg);
    }
      body.body_cat_id5:not(.category):before {
        z-index: -1;
        width: 100%;
        height: 100%;
        content: "";
      	display: block;
        position: fixed;
        top: 0;
        left: 0;
        background: rgb(0 0 0 / 10%);
        background: linear-gradient(to right, rgb(0 0 0 / 35%) 20%, rgb(255 255 255 / 0%) 40%);
      }
      body.body_cat_id5:not(.category):after {
        z-index: -1;
        width: 100%;
        height: 100%;
        margin: 600px 0 0;
        content: "";
      	display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background: linear-gradient(to top, rgb(255 255 255 / 100%) 60%, rgb(255 255 255 / 0%) 90%);
      }
  @media screen and (max-width: 768px) {
    body.body_cat_id5:not(.category) {
      background-position: top;
      background-size: 180%;
    }
    body.body_cat_id5:not(.category):before {
      background: rgb(0 0 0 / 20%);
    }
  }

body.body_cat_id2 { /* ＮＥＷＳ*/
        background-position: 0 top;
        background-image: url(images/news_bg.png);
        background-size: 80%;
        background-repeat: no-repeat;
    }
    body.body_cat_id8 { /* Ｑ＆Ａ　*/
    	background-color: #000;
        background-position: 0 top;
        background-image: url(images/service_bg.jpg);
        background-size: inherit;
        background-repeat: repeat;
    }
    body.category-4,
    .body_cat_id4  {  /* recruit */
    	background-color: #000;
        background-position: 0 top;
        background-image: url(images/recruit_bg.jpg);
        background-size: inherit;
        background-repeat: repeat;
        /*
            background: linear-gradient( #fff 0%,  #fff 45%, #ead686 70%, #f4c561 90%);
        */
    }
    body.category-4 .rec_bg { /* recruit */
        min-height: 400px;
        padding: 3% 5%;
        position: relative;
        background-position: right center;
        background-image: url(images/recruit_key.jpg);
        background-size: 60%;
        background-repeat: no-repeat;
    }

#wrapper {
	margin: 0 auto 0;
  display: flex;
  flex-direction: column;
	position: relative;
  z-index: 1000;
}

h1 {
}

h2 {
	padding: 1% 0 1%;
	margin: 0 0 1%;
    font-size: 0.85rem;
    line-height: 1.5;
}
    .home .inner_title,
    h3.menu {
      padding: 3% 0 1%;
      margin: 0 0 1%;
      font-size: 1.85rem;
      line-height: 1.5;
    }
    .body_cat_id2 .genre { /* 上のカテゴリみたいなとこ */
        font-family: "Georgia";
        margin-right: auto;
        line-height: 1.1;
        letter-spacing: 0.03em;
        padding: 25px 0;
        margin: 0 0 1%;
        color: #353535;
        color: #fff;
        font-size: 3.43rem;
        text-shadow: 0 0 20px #4d4d4d;
    }
    .inner_title {
      font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
      padding: 40px 0;
      margin: 0 auto 3%;
      text-align: center;
      font-weight: bold;
      font-size: 2.2rem;
      line-height: 1.3;
      border-bottom: 1px solid #000;
    }
    .inner_titleAbout {
      border-bottom: none;
    }
    @media screen and (max-width: 768px) {
    .inner_title {
      font-size: 1.5rem;
    }
    }
        .inner_title .subTitle {
        	padding: 0 2% 2%;
        	font-size: 1.3rem;
            line-height: 1.5;
        }

    .inner_title_type002 {
        padding: 1.5% 2% 1.2%;
        margin: 3% auto 0;
        text-align: center;
        font-weight: bold;
        font-size: 2.5rem;
        line-height: 1.3;
        border-top: 3px solid #000;
    }
    .inner_title_type003 {
        font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
        padding: 4% 0 2%;
        margin: 0 7% 0;;
        text-align: left;
        font-weight: bold;
        font-size: 2.5rem;
        line-height: 1.4;
    }
    .inner_title_type004 {
        font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
        padding: 1%;
        margin:0 0 1%;
        text-align: center;
        font-weight: bold;
        font-size: 1.8rem;
        line-height: 1.4;
        border-bottom: 1px solid #000;
    }


h3 {
	padding: 0;
	margin: 2% auto 1%;
	font-size: 1.6rem;
	line-height: 1.3;
	display: block;
}
@media screen and (max-width: 768px) {
  h3.menu,
  h3 {
    font-size: 1.3rem;
  }
}
	.type001 {
    padding: 0 0 2%;
    display: block;
    font-size: 1.6rem;
    margin: 3% auto 2%;
    border-bottom: 1px solid #000;
  }
  @media screen and (max-width: 768px) {
	.type001 {
    font-size: 1.3rem;
  }
  }
	.type002 {
    font-size: 1.1rem;
    font-weight: 600;
  }
	.type003 {
    padding: 5px 0;
    font-size: 1.1rem;
    color: #1787b5;
    border-bottom: 2px solid #dfdfdf;
  }
	.type004 {
    padding: 5px 0;
    font-size: 1.1em;
    color: #28653f;
  }

a {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #0092cc;
    outline: none;
    text-decoration: none;
}
	a:hover {
        filter:alpha(opacity=78);
        opacity: 0.78;
        text-decoration: none;
    }
    a.setOK { color: #00a63f; pointer-events: none; }

a.blo {display: block;}
    a.blo:hover {text-decoration: none;}

/* more
-------------------------------------------------- */
.more {
    position: relative;
    padding: 8px 20px 8px 26px;
    margin: 2%;
    text-decoration: none;
    display: inline-block;
    font-size: 0.83rem;
    vertical-align: text-top;
    letter-spacing: 0.03em;
    border-radius:			3px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    background: #30363D;
}
    .more::before,
    .more::after{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }
    .more::before{
        width: 5px;
        height: 5px;
        left: 10px;
        border-top: 3px solid #00a63f;
        border-right: 3px solid #00a63f;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.wrapp_servises .more {
  display: inline-block;
  font-size: 1rem;
  /*
  background: #ecb718;
  */
}
  .wrapp_servises .more::before{
    width: 5px;
    height: 5px;
    left: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
  }

.wrapp_books .more {
  width: 85px;
  margin: 0;
  float: none;
  display: block;
  font-size: 1rem;
  background: #ecb718;
}
  .wrapp_books .more::before{
    width: 5px;
    height: 5px;
    left: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
  }

.wrapp_recruit .more {
  width: 100%;
  height: 47px;
  line-height: 47px;
  padding: 0 10px 0 30px;
  margin: 0;
  overflow: hidden;
  display: block;
  font-size: 1rem;
  color: #fff;
  font-weight: bold;
  display: block;
  background: #00a63f;
}
  .wrapp_recruit .more:hover {
    filter:alpha(opacity=100);
    opacity: 1;
    background: rgba(236, 183, 24, 0.8);
  }
  .wrapp_recruit .more::before{
    width: 8px;
    height: 8px;
    left: 8px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
  }

.more002 {
    width: 200px;
    padding: 12px 20px 12px 45px;
    margin: 0 auto;
    font-size: 1.3rem;
    border: 3px solid #fff;
    display: block;
}
    .more002::before {
        width: 7px;
        height: 7px;
        top: 2px;
        left: 20px;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
    }
        .more002:hover {
            filter:alpha(opacity=100);
            opacity: 1;
            color: #fff;
            background-color: #25B9A8;
        }
        .ptn2color > div:first-child .ptn2color_lastColmn a.more002 {
            background-color: #f78533;
        }
        .ptn2color > div:first-child .ptn2color_lastColmn a.more002:hover {
            background-color: #25B9A8;
        }

        .ptn2color > div:last-child .ptn2color_lastColmn a.more002 {
            width: 130px;
            background-color: #007c2f;
        }
        .ptn2color > div:last-child .ptn2color_lastColmn a.more002:hover {
            background-color: #25B9A8;
        }

        .okigaruni .more002::before {
            width: 10px;
            height: 10px;
        }

/* header
-------------------------------------------------------------- */
header {
  width: 100%;
  height: 67px;
  font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8000;
  border-top: #00a63f 7px solid;
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2),  0 4px 8px rgba(0,0,0,0.1);
  box-shadow: 0 2px 4px rgba(0,0,0,0.2),  0 4px 8px rgba(0,0,0,0.1);
  background: rgba(0,0,0,0.8);
}
  .head_in {
    display: flex;
    padding: 0 0;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
  }
    .genre_logoWrapper { /*トップ以外 */
      display: flex;
    }
      #logo {
        max-width: 140px;
        height: auto;
        padding: 0 0 0;
        margin-left: auto;
        line-height: 1;
        font-size: 1px;
        display: inline-block;
        vertical-align: middle;
      }
        #logo img {
          min-width: 140px;
          width: 100%;
          height: auto;
          padding: 0;
          margin: 0 1% 0 0;
          border: none;
          background-color: transparent;
        }
        .home .logo_base {
          height: 0;
          margin: 0 auto;
          text-align: center;
          width: 100%;
        }
          #logo {
            max-width: 230px;
            height: auto;
            padding: 0;
            margin: 0 3% 0 0;
            line-height: 1;
            font-size: 1px;
            vertical-align: middle;
          }
            #logo img {
            }

        body:not(.home) .head_in .line {
        }
          .head_in .line .check,
          .head_in .line .menu-btn {
              display: none;
          }
          .drawer-menu a {
            letter-spacing: 0.1em;
            font-size: 0.85rem;
            padding: 0 20px 0 0;
            color: #fff;
            display: inline-block;
          }
            .drawer-menu a:hover { color: #25B9A8; }

            .drawer-menu a.sp_menuItem {
              display: none;
            }

					.menuItem {
            height: 60px;
            line-height: 60px;
            letter-spacing: 0.1em;
            font-size: 0.85rem;
            padding: 0 20px 0 0;
            color: #fff;
            display: inline-block;
          }
					.drawer_miniMenuContents {
            opacity: 0.5;
            width: 100%;
            justify-content: center;
            height: 0;
            overflow: hidden;
            padding: 0 3% 0;
            display: flex;
            flex-wrap: wrap;
            border-top: 1px solid #fff;
            position: fixed;
            top: 67px;
            left: 0;
            box-shadow: 0 2px 4px rgba(0,0,0,0.2), 0 4px 8px rgba(0,0,0,0.1);
            background: rgba(0,0,0,0.85);
          }
          .menuItem:hover {
          	cursor: pointer;
            color: #25B9A8;
          }
          .menuItem:hover .drawer_miniMenuContents {
          	cursor: default;
            opacity: 1;
            height: auto;
          }
            .drawer_miniMenuContents .wrapp_servises {
              width: 100%;
              padding: 15px 0 0;
              margin: 0;
              display: flex;
              flex-wrap: wrap;
            }
            .drawer_miniMenuContents .wrapp_servises .item {
              /* align-items: center; */
              width: 33%;
            }
            .drawer_miniMenuContents .Lbox {
              min-width: 80px;
              max-width: 80px;
              padding: 10px 20px 10px 0;
              display: flex;
              align-items: center;
            }
            .drawer_miniMenuContents h3.menu {
            	color: #fff;
              padding: 0;
              margin: 0;
              font-size: 1.3rem;
              line-height: 1.3;
            }
              .drawer_miniMenuContents .Rbox {
                width: 100%;
                margin: 0 0;
                display: flex;
                align-items: center;
              }
                .drawer_miniMenuContents .Rbox .text,
                .drawer_miniMenuContents .Rbox .more {
                  display: none;
                }
        .head_in .inq {
          display: flex;
          align-items: stretch;
          padding-left: 0;
          margin-left: auto;
          font-size: 1rem;
          text-align: right;
          color: #96958b;
        }
        .head_in .inq a {
          padding: 20px 15px;
          margin: 0;
          display: block;
          vertical-align: text-top;
          font-size: 0.83rem;
          letter-spacing: 0.1em;
          line-height: 1;
          color: #fff;
          vertical-align: middle;
        }
          .head_in .inq img {
            width: 20px;
            padding: 0 5px 0 0;
            vertical-align: middle;
          }
          .head_in .inq a.tel {
            margin: 0 15px 0 0;
          }
          .head_in .inq a.oto {
          	height: 60px;
            font-size: 0.83rem;
            background: #00a63f;
          }
          .head_in .inq a.oto:hover {
            filter:alpha(opacity=100);
            opacity: 1;
            background: #25B9A8;
          }

/* 上部ヘッダー専用／flex解除
-------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
  .head_in {
    height: 60px;
  }
  #logo {
    height: 60px;
    line-height: 60px;
    margin: 0 0 0 60px;
		display: flex;
  }
    .head_in .inq a {
      height: 60px;
      padding: 20px 15px;
      position: relative;
    }
    .head_in .inq a.tel {
      margin: 0 5px 0 0;
    }
    .head_in .inq a.tel span {
      display: none;
    }
      .head_in .inq a.tel:hover span {
        width: 150px;
        display: block;
        padding: 15px;
        position: absolute;
        top: 93%;
        right: 0;
        color: #000;
        font-weight: bold;
        text-align: center;
        border-bottom: 1px solid #efefef;
        -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2),  0 4px 8px rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px rgba(0,0,0,0.2),  0 4px 8px rgba(0,0,0,0.1);
        background: #fff;
      }
      .head_in .inq a.tel:hover span:after {
        content: "";
        position: absolute;
        top: -15px;
        right: 10px;
        margin-left: 0;
        display: block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 15px 0 0 13px;
        border-color: transparent transparent transparent #fff;
        z-index: -1;
      }
    .menuItem:hover .drawer_miniMenuContents {
      display: none;
    }

    /* .drawer-menu
    -------------------------------------------------------------- */
    .drawer-menu {
    	z-index: 1001;
      width: 0;
      height: 0;
      position: absolute;
      top: 55px;
      left: 0;
      overflow: hidden;
      visibility: hidden;
      opacity: 0;
      background: rgba(255,255,255, 0);
    }
      .check:checked ~ .drawer-menu {
        width: 80%;
        height: 100vh;
        position: absolute;
        top: 60px;
        left: 0;
        transition-duration: 0.2s;
        transition-delay: 0s;
        transition-timing-function:ease-in-out;
        background: rgba(0,0,0, 0.9);
        visibility: visible;
        opacity: 1;
      }
      .drawer-menu .menuItem {
      	display: block;
        padding: 0 0 0;
      }
      .drawer-menu a.sp_menuItem {
      	display: none;
      }

      .drawer-menu a,
      .drawer-menu .menuItem .t {
        height: 60px;
        padding: 0 0 0 25px !important;
        overflow: hidden;
        margin: 0 0 0 15px !important;
        font-size: 1.4rem !important;
        line-height: 60px;
        display: block;
        border-bottom: 1px solid #7d7c71;;
        position: relative;
      }
        .drawer-menu a::before,
        .drawer-menu .menuItem .t::before {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          margin: auto;
          content: "";
          vertical-align: middle;
          width: 8px;
          height: 8px;
          border-top: 3px solid #4da36d;
          border-right: 3px solid #4da36d;
          transform: rotate(45deg);
        }
    .drawer-menu a:hover,
    .drawer-menu .menuItem .t:hover {
    	color: #fff;
    }

    .drawer-menu .menuItem.open {
      display: block;
    }
    .drawer-menu .menuItem.open .t {
      width: 100%;
      position: absolute;
      top: 1px;
      left: 0;
      color: #25B9A8;
      background: #000;
    }
      .drawer-menu .menuItem.open .t::before {
        transform: rotate(135deg);
      }

    .drawer_miniMenuContents .wrapp_servises .item {
      width: 100%;
      height: 50px;
      line-height: 50px;
      padding: 0 0 0 25px !important;
      margin: 0;
      font-size: 1.0rem !important;
    }
    .menuItem.open .drawer_miniMenuContents {
      z-index: 1;
      width: 80%;
      height: 100vh;
      max-height: 100vh;
      padding: 0;
    	display: block;
      cursor: default;
      opacity: 1;
      top: 127px;
      background: rgba(0,0,0,1);
    }
    .menuItem.open .drawer_miniMenuContents .wrapp_servises {
      width: 100%;
      padding: 0 0 0;
      float: none;
    }
    .drawer_miniMenuContents .Lbox {
    	display: none;
    }
    .menuItem.open .drawer_miniMenuContents h3.menu {
      font-size: 1.0rem;
    }


    /* menu button - label tag */
    .head_in .line {
    }
    .head_in .line .menu-btn {
        z-index: 3;
        width: 28px;
        height: 15px;
        display: block;
        display: block;
        text-align: center;
        cursor: pointer;
        position: absolute;
        top: 30%;
        left: 15px;
    }
        .bar {
            width: 28px;
            height: 3px;
            display: block;
            -webkit-transition: all .5s;
            transition: all .5s;
            -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
            transform-origin: left top;
            position: absolute;
            top: 0;
            left: 0;
            background: #fff;
        }
            .bar.middle {
                top: 50%;
                opacity: 1;
            }
            .bar.bottom {
                top: 100%;
                -webkit-transform-origin: left bottom;
                -ms-transform-origin: left bottom;
                transform-origin: left bottom;
            }
            .menu-btn__text {
                position: absolute;
                top: 120%;
                left: 0;
                font-size: 8px;
                margin: auto;
                display: block;
                visibility: visible;
                opacity: 1;
                color: #fff;
            }

        .check:checked ~ .menu-btn {
          width: 50px;
          height: 50px;
          padding: 0;
          overflow: hidden;
          margin-top: 80px;
          transition: all .5s;
          left: inherit;
          right: 15px;
        }

    .check:checked ~ .menu-btn,
    .check .menu-btn:hover {
        z-index: 9999;
        border: 1px solid #fff;
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        background: rgba(255,255,255, 0.6);
    }
        .check:checked ~ .menu-btn .bar.top {
            width: 80px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            color: #fff;
        }
        .check:checked ~ .menu-btn .bar.middle { width: 75px; display: none; }
        .check:checked ~ .menu-btn .bar.bottom {
            width: 80px;
            color: #fff;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
        .check:checked ~ .menu-btn .menu-btn__text {
            display: none;
        }

    .close-menu { /* close-menu  */
      position: fixed;
      top: 68px;
      right: 0;
      width: 20%;
      height: 100vh;
      overflow:hidden;
      transition-property: all;
      transition-duration: .3s;
      transition-delay: 0s;
      visibility: hidden;
      opacity: 0;
      z-index: 1001;
      background: rgba(0,0,0,0);
    }
      .check:checked ~ .close-menu {
        height: 100vh;
        overflow:hidden;
        transition-duration: 1s;
        transition-delay: .3s;
        background: rgba(0,0,0, 0.5);
        visibility: visible;
        opacity: 1;
      }
}

@media screen and (max-width: 768px) {
	.head_in {
  	padding: 0;
  }
  .home .logo_base {
  }
	#logo {
    max-width: 140px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    margin: 0 0 0 60px;
    display: flex;
    vertical-align: middle;
  }

  .home .head_in .inq a,
  .head_in .inq a {
      padding: 15px;
  }
  .head_in .inq a span {
      display: none;
  }
  .head_in .inq img {
      width: 30px;
      padding: 0;
  }
  .head_in .inq a.tel {
    padding-top: 20px;
  }
    .head_in .inq a.tel img {
      width: 20px;
    }
}

/* #nav
-------------------------------------------------------------- */
#nav {
  width: 100%;
  padding: 0;
  margin: 0 auto 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0;
  /*
  border-top: 3px solid #1d6778;
  */
  background: #1a0f09a3;
}
  #nav .navItm {
    flex: 33%;
    text-align: center;
    padding: 0;
    margin: 0;
    display: block;
  }
    #nav .navItm a {
      padding: 15px 8px;
      line-height: 1;
      font-size: 1rem;
      letter-spacing: 0.08em;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: #fff;
    }
    #nav .navItm a.setOK {  background: #f3435d; }
    #nav .navItm a:hover {
      filter:alpha(opacity=100);
      opacity: 1;
      background: rgb(0 0 0 / 80%);
    }
@media screen and (max-width: 768px) {
	#nav {
  	width: 100%;
    margin: 0 0;
    align-items: stretch;
  }
  #nav .navItm {
    height: 40px;
    /*
    flex: 33.3333333333%;
    */
  }
    #nav .navItm a {
      height: 100%;
      padding: 0 3px 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.85rem;
      letter-spacing: 0.08em;
      line-height: 1.3;
      align-items: center;
    }
}

/* keyvisi
-------------------------------------------------------------- */
.keyvisi {
  height: auto;
  padding: 0 0 0;
  position: relative;
  z-index: 1;
  color: #30363D;
  background: #f2e186;
  /* background: #edce71; */
  position: relative;
  background-position: 0 top;
  background-image: url(images/key002.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.keyvisi002 {
  padding: 90px 0 70px;
  background-size: 100%;
  background-image: url(images/key002_bg.svg);
  background-position: 0 bottom;
  background-repeat: no-repeat;
}
    .keyvisi .keyvisiText {
      /* font-family: "Verdana"; */
      font-family: "Georgia";
      padding: 4.3% 0 0;
      margin: 0 auto;
      font-size: 9.3vw;
      line-height: 0.82;
      text-align: center;
      font-weight: bold;
      color: #464440;
      letter-spacing: -0.01em;
      background: none;
    }
    .keyvisi img {
      width: 100%;
      margin: 0 0 -3px;
      z-index: 1;
    }
    .keyvisi .line {
      width: 70%;
      min-width: 300px;
      max-width: 790px;
      padding: 0 0 6%;
      margin: 1.5% auto 0;
      text-align: center;
      color: #464440;
      font-weight: bold;
      z-index: 100;
      font-size: 1rem;
      line-height: 1.7;
    }
       .keyvisi .line span {
        font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo;
        text-shadow: 2px  2px 2px #f2e186, 2px  2px 2px #f2e186, 2px  2px 2px #f2e186, 2px  2px 2px #f2e186,
                    -2px  2px 2px #f2e186,-2px  2px 2px #f2e186,-2px  2px 2px #f2e186,-2px  2px 2px #f2e186,
                     2px -2px 2px #f2e186, 2px -2px 2px #f2e186, 2px -2px 2px #f2e186, 2px -2px 2px #f2e186,
                    -2px -2px 2px #f2e186,-2px -2px 2px #f2e186,-2px -2px 2px #f2e186,-2px -2px 2px #f2e186;
       }
      .keyvisi .line .more_first {
      }
      .keyvisi .line .more {
        font-size: 1.2rem;
        padding: 15px 40px 15px 40px;
        margin: 15px auto 30px;
        background: #000;
      }
        .keyvisi .line .more:hover {
          filter:alpha(opacity=100);
          opacity: 1;
          color: #fff;
          background: #6b6965;
        }
@media screen and (max-width: 768px) {
.keyvisi {
  background-position: -20px 30px;
  background-size: 150%;
}
.keyvisi002 {
  padding: 90px 0 50px;
  background-size: 150%;
  background-position: center bottom;
}
    .keyvisi .line {
    	margin: 20px auto 0;
      font-size: 0.8rem;
    }
      .keyvisi .line .more {
        margin: 10px auto 20px;
      }
}

/* #MAIN-LOS
-------------------------------------------------------------- */
#MAIN-LOS {
	width: 100%;
	max-width: 1024px;
	order: 1;
  padding: 67px 0 0;
  margin: 0 auto;
}
  .home #MAIN-LOS {
    padding: 0 0;
    margin: 0 auto 0;
    display: block;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1),  0 4px 8px rgba(0,0,0,0.1);
    background: #fff;
  }
  .mainH1 {
    order: 2;
    z-index: 2000;
    padding: 8px;
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.4;
    text-align: left;
    font-weight: normal;
    color: #fff;
    background: rgba( 28, 160, 19,0.88);
  }
  .mainH1 .inner {
    max-width: 1024px;
    margin: 0 auto;
  }
.home .topH1 {
  z-index: 2000;
  width: 100%;
  padding: 15px 0;
  margin: 0 auto;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-align: center;
  font-size: 1.2rem;
  color: #4d4d4d;
  border-top: 5px solid #4d4d4d;
  position: static;
  background: #efefef;
}
@media screen and (max-width: 768px) {
.home .topH1 {
  font-size: 1.0rem;
  line-height: 1.3;
  padding: 15px 20px;
}
}


@media screen and (max-width: 1024px) {
#MAIN-LOS {
  padding: 67px 0 0;
}
  .home #MAIN-LOS {
    padding: 0 0;
  }

}
#flex_wrapp { /*  トップ以外　*/
  background: #e9e9e9;
  background: rgba(233,233,233,0.4);
}
    .category-services #flex_wrapp,
    .category-about #flex_wrapp,
    .category-recruit #flex_wrapp {
        padding: 30px 0 0;
        margin: 0 0 50px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.6);
        background: rgba(233,233,233,0.3);
    }

.contein {
  width: 94%;
  padding: 0;
  margin: 0 3% 0;
  margin-bottom: 80px;
  font-size: 0.98rem;
  position: relative;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  background: #fff;
}
    .home .contein {
        width: 100%;
        margin: 0 0 0;
    }
@media screen and (max-width: 768px) {
  .contein {
    width: 100%;
    padding: 0;
    margin: 0 0 40px;
  }
}
.contein_type002 {
  width: 100%;
  padding: 0;
  margin: 0 0 0;
  font-size: 0.98rem;
  position: relative;
}


#SIDE1SIERRA {

    display: none;

    width: 27%;
    margin: 0 0 0 3%;
    border-left: 1px solid #e0dede;
	float: right;
    background: #a8acac;
}

/*　トップ
-------------------------------------------------------------- */
.home section.margeNONE {
	padding: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.top_title {
  padding: 5% 0 3%;
  margin: 0 0 0;
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.7;
  font-family:"游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
  border-bottom: 1px solid #000;
  color: #4d4d4d;
  background: none;
}
    .top_title span {
      padding: 15px 0;
      font-size: 0.93rem;
      border-top: 1px solid #000;
    }
@media screen and (max-width: 768px) {
  .top_title {
    font-size: 1.8rem;
  }
}
.wrapp_servises {
  width: 94%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 3%;
}
  .wrapp_servises > .item {
    width: 50%;
    padding: 1% 2%;
    color: inherit;
    display: flex;
  }

  .Lbox {
      min-width: 30%;
      max-width: 30%;
      padding: 0 20px 0 0;
  }
  .Rbox {
      width: 80%;
      margin: 0 0 40px;
  }
  .wrapp_servises:after {
    clear: both;
    content: "";
    display: block;
  }
@media screen and (max-width: 768px) {
  .wrapp_servises {
    flex-direction: column;
  }
  .wrapp_servises > .item {
    width: 100%;
    padding: 1% 0;
  }
}

.wrapp_books {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-align-items: stretch; /* Safari */
    align-items:         stretch;
    padding: 0 0 3%;
    margin: 0;
    background: #f8f7f3;
    background: linear-gradient(210deg, #f8f7f3, #f8f6e3, #fff);
}
    .wrapp_books a {
        font-size: 0.93rem;
        line-height: 1.6;
        display: block;
        font-weight: normal;
        color: #000;
    }
    .wrapp_books img.bookIMG {
        max-width: 100%;
        height: auto;
        padding: 3px;
        margin: 0;
        -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1),  0 6px 10px rgba(0,0,0,0.2);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1),  0 6px 10px rgba(0,0,0,0.2);
        background-color: #fff;
    }
    .books {
        -webkit-flex: 0.24;  /* Safari */
        flex: 0.24;
        padding: 20px 0;
        margin: 0;
        text-align: center;
        border: none;
        position: relative;
    }
        .books > div {
        	width: 210px;
        	height: 210px;
            margin: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }
        .books .title_books_bottom {
            padding: 20px 0 0;
            margin: 20px 0 0;
        }


    .books_Rbox {
        -webkit-flex: 0.74;  /* Safari */
        flex: 0.74;
        margin: 0;
        padding: 0 2%;
        position: relative;
        background-size: cover;
        background-image: url(images/book_bg.svg);
        background-position: center center;
        background-repeat: no-repeat;
    }
    	.book001 {
        	width: 30%;
            margin-top: -25px;
            float: left;
            display: block;
        }

        a.book001_title {
            width: 61%;
            padding: 0 0 0 5%;
            margin: 5% 0 1.3% 2%;
            float: right;
            font-size: 1.23rem;
            font-weight: bold;
            line-height: 1.3;
            display: block;
            background: url(images/arrow001.svg) 0.5% 30% no-repeat;
        }
        	.book001_arrow001 {
            }
        .book001 + a + a,
        .book001 + a + a + a {
            width: 17%;
            display: block;
            margin: 0 1% 0 0;
            float: left;
        }
        .book001 + a + a {
            margin: 0 1% 0 5%;
        }

    	.book002 {
            width: 23%;
            margin: 5% 2% 0 0;
            float: right;
        	display: block;
        }
        a.book002_title {
        	width: 37%;
            padding: 0 4% 0 0;
            margin: 12% 0% 0 3%;
            text-align: right;
            float: left;
            background-size: 8%;
            background-image: url(images/arrow002.svg);
            background-position: 100% 30%;
            background-repeat: no-repeat;
        }

    .bottom_area_Lbox,
    .bottom_area_Rbox {
        margin: 3% 0 0;
    }
        .bottom_area_Lbox {
            width: 53%;
            margin: -2px 0 0;
            float: left;
        }
        .bottom_area_Rbox {
            width: 47%;
            float: right;
        }
            .bottom_area_Lbox .Rbox,
            .bottom_area_Rbox .Rbox {
                width: 56%;
                padding: 0 5% 0 5%;
                background-size: 8%;
                background-image: url(images/arrow001.svg);
                background-position: -1% 11%;
                background-repeat: no-repeat;
            }

.wrapp_recruit {
    padding: 0;
    margin: 0;
    color: #fff;
    background-size: cover;
    background-color: #353b40;
    background-image: url(images/saiyo_bg001.jpg);
    background-position: center 0;
    background-repeat: no-repeat;
    position: relative;
}

.message {
    width: 52%;
    padding: 40px 0 40px 50px;
    color: #fff;
    line-height: 1.8;
    font-size: 1.05rem;
    font-family:"游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
}
    .message span {
    	font-size: 2rem;
    }

.wrapp_recruit .in_button {
    width: 20%;
    min-width: 320px;
    padding: 5% 3%;
    margin: 0;
    position: absolute;
    top: 25%;
    right: 8%;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2),  0 4px 8px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2),  0 4px 8px rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.4);
}
    .wrapp_recruit a { color: #fff;  }
    .wrapp_recruit .in_button .btn_more {
        font-size: 1.05rem;
        font-weight: bold;
    }
    .wrapp_recruit .in_button .title {
        margin: 5% 0 1%;
        border-bottom: 1px solid #fff;
    }
    .wrapp_recruit .in_button img {
        max-width: 20px;
        display: inline-block;
        vertical-align: middle;
    }

.section_news {
	/* padding margin は「.home section.margeNONE」に上書きされる　*/
  display: flex;
  border-bottom: 28px solid #fff;
}
    .top_title_news {
      flex: 0.23;
      padding: 0;
      margin: 0 0 0 2.5%;
      text-align: center;
      border: none;
    }
      .news > div {
        padding: 50px 0 0;
        margin: 0 0 6%;
        display: inline-block;
        vertical-align: middle;
      }
      .news .title_news_bottom {
        padding: 8% 0 0;
      }
    .wrapp_news {
      flex: 0.77;
    }
      .wrapp_news article {
        margin: 0 auto;
        background: none;
      }
      .wrapp_news .newsTitle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto 1%;
        border-bottom: 1px solid #000;
      }
        .wrapp_news .newsTitle .news {
          font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
          padding: 10px 0;
          color: #000;
          display: block;
        }
          .wrapp_news .news_more {
            width: 70px;
            min-width: 70px;
            height: 43px;
            overflow: hidden;
            line-height: 43px;
            margin-left: auto;
            padding: 0;
            font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
            font-size: 0.9rem;
            display: block;
            text-align: center;
            color: #fff;
            background: #111;
          }
          .wrapp_news .news_more:hover {
            filter:alpha(opacity=100);
            opacity: 1;
            background: #25B9A8;
          }
     .wrapp_news .date {
        font-size: 0.83rem;
     }
@media screen and (max-width: 768px) {
  .wrapp_news .news_more {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
}

/* single
-------------------------------------------------------------- */
/* NEWS */
.news_date {
	padding: 0 0 1%;
	margin: 0 7.5% 0;
  border-bottom: 1px solid  #000;
}

/* RECRUIT */
.voice {
	max-width: 995px;
	padding: 0 5% 5%;
  margin: 0 auto;
  margin-top: 70px;
  margin-bottom: 40px;
  position: relative;
  border-radius: 10px;
  border: 2px solid #6d7680;
  background: #eaeaea;
}
  .voice .recruit {
    max-width: 350px;
    padding: 15px 30px 15px 30px;
    margin: -30px auto 20px;
    font-size: 1.5rem;
    display: block;
    color:#fff;
    align-items: center;
    transform: rotate(-1deg);
  }
  .voice h3.recruit + div {
    margin: 0 0 0 ;
    font-weight: bold;
    line-height: 1.8;
    font-size: 1rem;
    align-items: center;
  }
  .voice .item .imgBox {
    min-width: 180px;
    max-width: 180px;
    margin: 0 0 0 0;
  }
   .voice_fukidahi {
      padding: 3% 5.5%;
      margin: 0 0;
      border-radius: 10px;
      font-weight: bold;
      position: relative;
      background: #ffffff;
      border: 5px solid #ffe538;
    }
    .voice_fukidahi:after,
    .voice_fukidahi:before {
      right: 100%;
      top: 40%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
    }
    .voice_fukidahi:before {
      border-color: rgba(194, 194, 194, 0);
      border-right-color: #ffe538;
      border-width: 26px;
      margin-top: -26px;
    }
    .voice_fukidahi:after {
      border-color: rgba(255, 255, 255, 0);
      border-right-color: #ffffff;
      border-width: 20px;
      margin-top: -20px;
    }
        .voice_fukidahi_002:after,
        .voice_fukidahi_002:before {
          left: 100%;
        }
        .voice_fukidahi_002:before {
          border-right-color: transparent;
          border-left-color: #ffe538;
        }
        .voice_fukidahi_002:after {
          border-right-color: transparent;
          border-left-color: #ffffff;
        }
    .voice_fukidahi .one {
      color:#fff;
      font-weight: bold;
      font-size: 2.3em;
      line-height: 1;
      float: left;
      margin: 0 .4em 0 0;
      padding: .3em;
      background: #ffe538;
    }
    .voice_fukidahi .labelSales { background: #67acc7;}
    .voice_fukidahi .labelWebMaketer { background: #6cb788;}
    .voice_fukidahi .labelWritter { background: #59c5b9;}
    .voice_fukidahi .labelSistem {background: #9597d4; }
    .voice_fukidahi .labelSalesAssistant { background: #e4907e;}


@media screen and (max-width: 1024px) {
.voice {
	padding: 0 5% 5%;
  margin: 0 0;
  margin-top: 70px;
  margin-bottom: 40px;
  position: relative;
  border-radius: 0;
  border: none;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  background: #eaeaea;
}
}
@media screen and (max-width: 768px) {
  .voice .recruit {
    max-width: 100%;
    padding: 15px 30px 15px 30px;
    margin: -30px 0 20px;
    font-size: 1.5rem;
    display: block;
    color: #fff;
    align-items: center;
    transform: rotate(-1deg);
  }
	.voice h3.recruit + div {
  	flex-direction: column;
  }
  .voice_fukidahi {
    margin: 30px 0 0;
  }
    .voice_fukidahi {
    }

  .voice_fukidahi:after, .voice_fukidahi:before {
  	display: none;
  }
  .voice .item .imgBox {
    order: 1;
  }
  .voice .item .text {
    order:2;
  }
}

.postid-37 { /* 募集要項 */
}
	.postid-37 article {
  	padding: 0 ;
  }

/* SERVICES */
.flex_list {
    display: flex;
    align-items: center;
}

.c_m {
    display: flex;
    font-size: 1rem;
}
    .gosoudan {
        font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo;
    }
        .gosoudan > div {
            -webkit-flex: 0.5;
            flex: 0.5;
            padding: 10px;
        }
    .flex_list_alignLeft {
        display: -webkit-flex; /* Safari */
        display: flex;
        align-items: left;
        -webkit-align-items: stretch; /* Safari */
        align-items:         stretch;
        margin: 0;
        position: relative;
    }
        .flex_list_alignLeft > div {
            -webkit-flex: 1;
            flex: 1;
            padding: 0 1%;
        }

        .flex_list_alignLeft h3 {
            margin: 2% auto;
        }

        .flex_list_alignLeft_4_6 > div {
            -webkit-flex: 0.4; flex: 0.4;
        }
        .flex_list_alignLeft_4_6 > div + div {
            -webkit-flex: 0.6;  flex: 0.6;
        }
        .flex_list_alignLeft_5_5 > div {
            -webkit-flex: 0.45; flex: 0.45;
        }
        .flex_list_alignLeft_5_5 > div + div {
            -webkit-flex: 0.55;  flex: 0.55;
        }
        .flex_list_alignLeft_6_4 > div {
            -webkit-flex: 0.6; flex: 0.6;
        }
        .flex_list_alignLeft_6_4 > div + div {
            -webkit-flex: 0.4;  flex: 0.4;
        }
        .flex_list_alignLeft_3_7 > div {
            -webkit-flex: 0.3; flex: 0.3;
        }
        .flex_list_alignLeft_3_7 > div + div {
            -webkit-flex: 0.7;  flex: 0.7;
        }
        .flex_list_alignLeft_1_9 > div {
            -webkit-flex: 0.1; flex: 0.1;
        }
        .flex_list_alignLeft_1_9 > div + div {
            -webkit-flex: 0.9;  flex: 0.9;
        }
        .flex_list_alignLeft_2_8 > div {
            -webkit-flex: 0.2; flex: 0.2;
        }
        .flex_list_alignLeft_2_8 > div + div {
            -webkit-flex: 0.8;  flex: 0.8;
        }
        .flex_list_alignLeft_8_2 > div {
            -webkit-flex: 0.8; flex: 0.8;
        }
        .flex_list_alignLeft_8_2 > div + div {
            -webkit-flex: 0.2;  flex: 0.2;
        }
        .flex_list_alignLeft_7_3 > div {
            -webkit-flex: 0.7; flex: 0.7;
        }
        .flex_list_alignLeft_7_3 > div + div {
            -webkit-flex: 0.3;  flex: 0.3;
        }

.body_cat_id5 article .flex_list_alignLeft {
  margin: 0% 0% 3%;
}

.keyvisi_services_seo {
  max-width: 1200px;
  min-height: 350px;
  padding: 10% 3%;
  margin: 0 auto;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  position: relative;
}
	.keyTitleBox {
  	min-width: 450px;
  }
    .keyvisi_services_seo .keyTitleBoxTitle,
    .keyvisi_services_seo .breadcrumb,
    .keyvisi_services_seo .breadcrumb a {
    	color: #fff;
    }
    .keyvisi_services_seo .keyTitleBoxTitle {
    	font-size: 2.5rem;
      height: 50px;
      line-height: 50px;
    }
      .checkpoint {
        width: 40px;
        min-width: 40px;
        height: 40px;
      }
      .check_text {
        font-weight: bold;
        font-size: 1.4rem;
        line-height: 1.2;
      }
    .keyvisi_services_seo .breadcrumb {
      display: inline-block;
    }
    .keyvisi_services_seo .breadcrumb::before {
      background-image: linear-gradient(to right, #fff 75%, transparent);
    }
    .keyvisi_services_seo .c_m .flex_list {
      width: auto;
      font-size: 1rem;
    }
    .keyvisi_services_seo .miniText {
      margin: 15px 0;
      font-size: 0.75rem;
      letter-spacing: 0.1rem;
    }
    .keyvisi_services_seo .flex_GO_column {
    	background: rgb(0 92 35 / 90%);
    }
    .keyvisi_services_seo .flex_GO_column .key_checkBox {
      padding: 5px 15px;
      font-weight: 600;
      background: rgb(0 0 0 / 63%);
    }
    .keyvisi_services_seo .more {
      width: 300px;
      margin: 10px 0 15px 20px;
      text-align: center;
      line-height: 1.5;
      font-size: 1rem;
      color: #396046;
      border: 3px solid #396046;
      background: #fff;
    }
      .keyvisi_services_seo .more::before{
          border-top: 3px solid #396046;
          border-right: 3px solid #396046;
      }

    .check_text u {
    	color: #e61b3a;
    }
@media screen and (max-width: 1000px) {
    .keyvisi_services_seo .keyTitleBoxTitle {
    	font-size: 2rem;
    }
}
@media screen and (max-width: 900px) {
	.keyTitleBox {
  	width: 100%;
  	min-width: 300px;
  }
  .keyvisi_services_seo {
    min-height: 150px;
    padding: 0 5%;
    justify-content: center;
  }
    .keyvisi_services_seo .flex_GO_column {
    	position: static;
      background: none;
    }
    .keyvisi_services_seo .flex_GO_column .key_checkBox {
    	display: none;
    }
    .keyvisi_services_seo .more {
      width: 300px;
      margin: 10px 20px 15px 20px;
      text-align: center;
      line-height: 1.5;
      font-size: 1rem;
      color: #fff;
      border: 1px solid #fff;
    	background: rgb(0 92 35 / 90%);
    }
      .keyvisi_services_seo .more::before {
      	border-color: #fff;
      }
}
@media screen and (max-width: 768px) {
  .keyvisi_services_seo {
    flex-direction: column;
  }
    .keyvisi_services_seo .keyTitleBoxTitle {
    	font-size: 1.8rem;
    }
    .keyvisi_services_seo .keyTitleBoxTitle.post_321 {
    	letter-spacing: 0;
      font-size: 1.5rem;
    }
}

.okigaruni {
  font-family: "Meiryo UI" , "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro";
  color: #fff;
  padding: 1% 5%;
  margin: 0;
  font-size: 1.2rem;
  font-weight: bold;
  background: #418d5e;
}
  .okigaruni .okigaruniInner {
    max-width: 1024px;
    margin: 0 auto;
    justify-content: space-around;
  }
    .okigaruni .okigaruniItem01 {
      flex: 70%;
      padding: 0 0 1%;
    }
    .okigaruni .okigaruniItem02 {
      flex: 30%
    }
    .okigaruni .okigaruniMessage {
    	width: 90%;
      padding: 0 0 15px;
      margin: 10px 0;
      border-bottom: 1px solid #fff;
      font-size: 1.7rem;
      line-height: 1.2;
    }
    .okigaruni .logo {
      flex: 0.3;
      min-width: 200px;
    }
    .okigaruni .oki {
      flex: 0.7;
    }
 	.okigaruni .more002 {
    	width: auto;
      padding: 20px 20px 20px 50px;
      margin: 0;
      font-size: 1.8rem;
      line-height: 1.3;
      background: #28653f;
    }
    .okigaruni .more002:hover {
      background: #143d23;
    }
    .okigaruni .more002 b {
    	display: block;
    }
    .okigaru_tel a {
        font-size: 3.6vw;
        line-height: 1.1;
        font-weight: bold;
        color: #fff;
    }
    .okigaruni .okigaru_jikan {
        font-size: 2vw;
    }
.matome {
	padding: 4% 0 2%;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    background: #ef6c0f;
}
	.matome span {
        display: block;
        font-size: 4.2vw;
    }
	.matome p.matome_p {
    	margin: 2% 6%;
    }

    .matome .okigaruni {
        text-align: left;
        color: #000;
        background: #ffde71;
    }
        .matome .okigaru_tel a {
            color: #000;
        }
        .matome .okigaruni p {
            border-bottom: 2px solid #000;
        }
        .matome .okigaruni .more002 {
            text-shadow: 0px 0px 5px #10510c;
            background: #9dd53a; /* Old browsers */
            background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #1ca013 50%, #7cbc0a 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#1ca013 50%,#7cbc0a 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#1ca013 50%,#7cbc0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }
        .matome .okigaruni .more002:hover {
            text-shadow: 0px 0px 6px #fff;
       }
@media screen and (max-width: 768px) {
.okigaruni {
  padding: 0;
}
  .okigaruni .okigaruniItem01 {
    padding: 15px 0 10px;
  }
  	.okigaruni .okigaruniMessage {
      width: 100%;
    	text-align: center;
      font-size: 1.2rem;
    }
    .okigaruni .okigaru_jikan {
    	font-size: 1.2rem;
    }
  .okigaruni .okigaruniItem02 {
  	padding: 0 0 15px;
  }
  .okigaruni .more002 {
    width: 330px;
    font-size: 1.3rem;
    display: flex;
  }
}
.okigaruni_bottom {
  font-size: 1.2rem;
  border-bottom: 1px solid #4b5050;
  padding: 20px 0;
  margin: 0;
	background: none;
}
    .okigaruni_bottom .okigaruniMessage {
      width: 100%;
      padding: 0 0 17px;
      margin: 0 0 20px;
      text-align: center;
      font-size: 1.3rem;
      border-bottom: 1px solid #4b5050;
    }
    .okigaruni_bottom .okigaruniInner {
    	max-width: 1024px;
      margin: 0 auto;
      align-items: flex-start;
    }
      .okigaruni_bottom .oki {
        padding: 0 0 0 20px;
      }
      .okigaruni_bottom .okigaru_tel .telNum {
          padding: 0 0 1%;
          font-size: 3rem;
          font-weight: bold;
          color: #0092cc;
      }
      .okigaruni_bottom .okigaru_jikan {
          font-size: 1.4rem;
      }
@media screen and (max-width: 768px) {
  .okigaruni_bottom {
    padding: 30px 0 30px;
  }
    .okigaruni_bottom .okigaruniMessage {
      width: 100%;
      padding: 0 15px 20px;
      line-height: 1.5;
      text-align: center;
      border-bottom: 1px solid #4b5050;
    }
  .okigaruni_bottom .okigaruniInner {
  	text-align: center;
  }
  .okigaruni_bottom .okigaruniItem01 {
    margin: 0 auto;
  }
    .okigaruni_bottom .okigaru_tel .telNum {
    	font-size: 2rem;
    }
  .okigaruni .okigaruniItem02 {
  	width: inherit;
    margin: 0 auto;
  }
    .okigaruni_bottom .more002 {
      width: 320px;
      margin: 0 auto;
    }
}

.kanren {
	margin: 0 0 30px;
}
    .kanren > div:first-child {
        -webkit-flex: 0.17;
        flex: 0.17;
        padding: 5px 0 0;
        font-size: 1.5vw;
        font-weight: bold;
    }


.flow {
    z-index: 1000;
    padding: 0 30px 0 10px !important;
    margin: 0 0 2%;
    background-size: 30px;
    background-image: url(images/arrow002.svg);
    background-position: 100% 25%;
    background-repeat: no-repeat;
    position: relative;
}
    .flow:last-child {
        padding: 0 20px 0 10px !important;
        background-image: none;
    }
    .flow h3 {
    	padding: 5px 0;
    	margin: 15px 0 10px;
        font-size: 1rem;
        border-bottom: 1px dotted #000;
    }
    	.flow h3　img {
            margin: 0 0 5px;
        }
        .flow h3 > span {
            font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
            font-size: 1.5rem;
            display: block;
        }

.ptn2color {
    font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo;
	letter-spacing: 0.03em;
}
.ptn2color > div {
	padding: 0;
    margin: 0;
}

	.ptn2color h3 {
        -webkit-flex: 0.75;  /* Safari */
        flex: 0.75;
        font-size: 2.3rem;
        line-height: 1.3;
        color: #000;
        margin: 2% auto 3%;
	}
        .ptn2color h3 span.fukidashi {
            line-height: 54px;
            padding: 0 0 10px 30px;
            color:#fff;
            font-size: 1rem;
            display: block;
            background-size: contain;
            background-image: url(images/fukidashi001.svg);
            background-position: 0 0;
            background-repeat: no-repeat;
        }

    .ptn2color .ptn2color_titleIMG {
        -webkit-flex: 0.25;  /* Safari */
        flex: 0.25;
        padding: 4% 2% 3% 0;
    }


    .ptn2color .flex_list {
    }
        .ptn2color .flex_list .checkpoint {
        }
        .ptn2color .flex_list .check_text {
            -webkit-flex: 1;  /* Safari */
            flex: 1;
            font-weight: bold;
            display: block;
            font-size: 1.2rem;
            line-height: 1.2;
        }
            .ptn2color .flex_list .check_text u {
                color: #f6ff07;
            }

	.onayamiBOX001 {
        padding: 0 0 10px;
        margin: 0 0 3%;
        border-bottom: 1px dashed #fff;
    }
    	.onayamiBOX001 .flex_list .check_text {
            font-size: 1.4rem;
        }

    .ptn2color > div:first-child {
        color: #fff;
        padding: 0 3% 0;
        background-color: #f78533;
    }
        .ptn2color > div:first-child .ptn2color_more {
        	padding: 4.2% 8% 6%;;
            margin: 3%;
            color: #000;
            font-weight: bold;
            font-size: 2rem;
            display: block;
						white-space: nowrap;
            text-align: center;
            background-size: contain;
            background-image: url(images/fukidashi004.svg);
            background-position: 50% 0;
            background-repeat: no-repeat;
        }
        	.ptn2color > div:first-child .ptn2color_more:hover {
                color: #00ae42;
                text-decoration: underline;
                filter:alpha(opacity=100);
                opacity: 1;
            }
        	.ptn2color > div:first-child .onayamiBOX001 .ptn2color_more {
            	padding: 3% 8% 6%;
                margin: 10px 0 0;
            }
            .ptn2color > div:first-child .ptn2color_more_s {
                background-image: url(images/fukidashi003.svg);
            }
            .ptn2color > div:first-child .ptn2color_more span {
                padding: 0 0 5px;
                font-size: 1.3rem;
                display: inline-block;
                vertical-align: middle;
            }
    .ptn2color .ptn2color_lastColmn {
    	padding: 20px 0;
    }

    .ptn2color > div:last-child {
        color:#fff;
        text-align: left;
        padding: 0 3% 0;
        background-color: #00a63f;
        position: relative;
    }
        .ptn2color > div:last-child a {
            color: #fffd5d;
            margin: 0 auto 15px;
        }
            .ptn2color > div:last-child a.flex_list:hover {
                filter:alpha(opacity=100);
                opacity: 1;
                color:#fff;
                text-decoration: none;
            }
        .ptn2color > div:last-child h3 {
        }
            .ptn2color > div:last-child h3 span.fukidashi {
                background-image: url(images/fukidashi002.svg);
            }

/* サービス詳細 */
@media screen and (max-width: 768px) {
  .single.body_cat_id5 {
  }
  .single.body_cat_id5 .inner_title {
  	font-size: 1.5rem;
  }
}
/* サービス詳細　ペナルティ */
.postid-30 .penalty2colmn .inner .item .imgBox {
	max-width: 60px;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 768px) {
  .postid-30 .penalty3colmn {
    padding: 0 30px;
  }
  .postid-30 .penalty3colmn .inner {
  	flex-direction: column;
  }
  .postid-30 .penalty3colmn .item {
  	margin: 0 0 20px;
  }
  .postid-30 .penalty3colmn .item .titleBox {
    justify-content: center;
  }
  .postid-30 .penalty3colmn .item .imgBox {
  	width: 60%;
  	margin: 0 auto;
  }
  .postid-30 .penalty2colmn .inner {
    flex-direction: column;
  }
}
/* サービス詳細　コンテンツSEO */
.contentsSEO_gosoudan {
  padding: 0 0 3%;
  margin: 0;
  color: #615c58;
  border-right: 1px solid #fff;
  background-size: 75%;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(images/contentsseo_img005.jpg);
}
.contentsSEO_gosoudan > div {
	padding: 2% 25% 0 5%;
}

/* ABOUT */
.jissekiGreyMiniText {
	padding: 2% 4%;
  margin: 0 0 20px;
  background:#efefef;
  font-weight: bold;
  font-size: 1.2rem;
}
  .jissekiItem {
    margin: 0 3% 0;
    align-items: flex-start;
  }
  .jissekiItem .Lbox {
    min-width: 30%;
    max-width: 30%;
    padding: 0 20px 0 0;
  }
.category.body_cat_id6 .jisseki_voiceList {
	flex-wrap: wrap;
}
  .category.body_cat_id6 .jisseki_voiceList .jisseki_voiceItem {
    width: 50%;
  }
.jisseki_voiceList {
}
  .jisseki_voiceList .item {
  	padding: 0 0 0;
  }
	.itemKadaiLeftBox {
    min-width: 25%;
    max-width: 25%;
    padding: 0 20px 0 0;
  }
  	.jisseki_voiceList .imgBox {
    	min-width: 50px;
      max-width: 80px;
      margin-right: 10px;
    }
	.itemKadaiRightBox {
  	margin: 0 0 20px;
  }
  .itemTantouLeftBox {
    padding: 0 20px 0 0;
  }
    .itemTantouLeftBox .tantouVoice {
      border: 4px solid #e7efda;
      padding: 20px;
      background: #fefeef;
    }
  .itemTantouRightBox {
    min-width: 140px;
    max-width: 140px;
  }
	.ServicesProvided {
  	margin: 10px 0 0;
  }
    .ServicesProvided > .flexList {
      flex-wrap: wrap;
    }
  .ServicesProvided .more {
  	margin: 5px 7px 5px 0;
  }
#nav.jisseki_voiceList {
	margin: 20px auto 40px;
  background: #00a63f;
}
  #nav.jisseki_voiceList li {
  	text-align: left;
  }
    #nav.jisseki_voiceList .imgBox {
      min-width: 40px;
      max-width: 40px;
      margin-right: 8px;
    }
    #nav.jisseki_voiceList li a {
      justify-content: flex-start;
      padding: 7px 3px 5px 8px;
    }
@media screen and (max-width: 1024px) {
	.jissekiTopCont {
  	flex-direction: column;
  }
  	.jissekiTopCont .imgBox {
    	max-width: 110px;
    }
    .jissekiTopMiniText {
      padding: 0 0 20px;
      font-size: 1rem;
      line-height: 1.3;
    }
  .jissekiGreyMiniText {
    padding: 20px;
    font-size: 1rem;
    line-height: 1.3;
  }
  .itemTantou {
    position: relative;
    flex-direction: column;
  }
    .itemTantouLeftBox {
      padding: 0 0 0 0;
    }
    .itemTantouRightBox {
      min-width: 110px;
      max-width: 110px;
      position: absolute;
      top: -32px;
      right: 20px;
    }
}
@media screen and (max-width: 768px) {
#nav.jisseki_voiceList li {
	flex: 50%;
}
  #nav.jisseki_voiceList li a {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
}

.body_cat_id6 .messageWrapBox {
	position: relative;
  padding: 8% 5% 7%;
  background: #000;
  background-position: 0 top;
  background-image: url(images/about_img001.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
}
    .body_cat_id6 .messageBox {
      width: 58%;
      padding: 5% 4%;
      background: rgba(0,0,0,0.7);
      border: 1px solid #fff;
      color: #fff;
    }
      .body_cat_id6 .messageBox > div:first-child {
        font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
        font-size: 2.9vw;
        line-height: 1.4;
        font-weight: bold;
        margin: 0 0 8px;
      }
    	.body_cat_id6 .messageBox .miniText {
        font-size: 0.9rem;
      }
  @media screen and (max-width: 1024px) {
    .body_cat_id6 .messageWrapBox {
      background-position: 50% top;
      background-size: cover;
    }
  }
  @media screen and (max-width: 768px) {
      .body_cat_id6 .messageWrapBox {
        height: 300px;
        min-height: inherit;
        overflow: hidden;
        padding: 60px 0 0 20px;
        background-position: 75% top;
      }
      .body_cat_id6 .messageBox {
        width: 50%;
        min-width: 190px;
      }
      .body_cat_id6 .messageBox > div:first-child {
        font-size: 1.2rem;
      }
      .body_cat_id6 .messageBox .miniText {
        display: none;
      }
      .body_cat_id6 .type001 {
      	font-size: 1rem;
      }
   }

/* Ｑ＆Ａ　*/
.single ul.cat_id8 li {
	max-width: 20%;
}


/* wideslider
-------------------------------------------------------------- */
.wideslider_wrapper {
    position: relative;
}
.wideslider_wrapper .key_comment {
	font-size: 0.85rem;
  text-align: center;
}

.pagination {
    bottom: -30px;
    left: 0;
    width: 100%;
    position: absolute;
    height: 40px;
    text-align: center;
    z-index: 200;
    background: #1c3e29;
}

.pagination a {
    width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  padding: 0;
  margin: 5px 10px 0 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #000;
  position: static;
  transition: .2s;
  background: #efefef;
}

.pagination a.active {
    width: 25px;
    height: 25px;
    background: #e2c78d;
}
    .pagination a:hover {
        opacity: 0.8;
    }

.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.wideslider ul {
    display: inline-block;
    /* overflow: hidden; */
}

/* category
-------------------------------------------------------------- */
.category .wrapp_servises article {
    padding: 0;
    margin: 0 auto;
    background: none;
}
*,
*:before,
 *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.category-recruit .contein {
  width: 94%;
  padding: 0;
  margin: 0 3% 0;
}
.category-recruit .contein > .inner_title {
  margin: 0;
  color:#fff;
  border:none;
  background: #4d4d4d;
}

.recCtWrapper {
	line-height: 1.8;
  background: linear-gradient(#fff, #faf6e8);
}
	.recCtWrapper .firstMessage {
  	display: none;
  }
  h3.recruit {
    padding: 15px 15px 15px 40px;
    font-size: 2rem;
    border-left: 6px solid #000;
    display: inline-block;
    transform: rotate(-5deg);
    background: #ffe538;
  }
  .recCtWrapper h3.recruit {
    width: 40%;
    font-size: 2.3rem;
    white-space: nowrap;
    padding: 25px 15px 25px 30px;
  }
  h3.recruit.labelSales { background: #1787b5;}
  h3.recruit.labelWebMaketer { background: #4da36d;}
  h3.recruit.labelWritter { background: #25b9a8;}
  h3.recruit.labelSistem {background: #6a6cb3; }
  h3.recruit.labelSalesAssistant { background: #de6a50;}

  h3.recruit + div {
      margin: 3% 0 0 2%;
    font-weight: bold;
      line-height: 1.8;
      font-size: 0.93rem;
  }
  .recruitTitlePtn01 {
  	border-left: 6px solid #000;
    padding: 20px 5px 20px 15px;
    margin: 20px auto ;
    font-size: 1.2rem;
    border: 2px solid #000;
    box-shadow: 1px 2px 0px 0px rgba(0,0,0, 0.2);
    background: #efefef;
  }
	.recruitCtSec01 {
  }
	.recruitCtSec02 {
  	padding: 3% 5%;
  }
  	.recruitCtSec02Wrapper {
      margin: 40px auto ;
    }
    .recruitCtSec02 .imgBox {
      min-width: 250px;
    }
    .recruitCtSec02 .textBox {
      padding: 0 0 0px 40px;
    }
    .recruitCtSec02 .textBox p {
      font-weight: 600;
    	color: #317532;
    }
    .recruitCtSec02 .recruitTitlePtn01 {
      padding: 15px 20px 15px;
      margin: 0 auto 20px;
    }
      .recruitCtSec02 .imgBox.pc_imgBox {
      	display: none;
      }
    	.recruitCtSec02 .sign {
      	text-align: right;
        font-weight: 800;
        margin: 30px 0 40px;
      }
    .recCtMoreBox {
    	padding: 20px;
      border: 2px solid #000;
      background: #f2e186;
    }
    .recCtMoreBox h3 {
    	font-size: 1.2rem;
      margin: 0 2% 0;
    }

	.recruitCtSec03 {
  }
  	.recruitCtSec03TitleBox {
      align-items: center;
    }
    	.recruitCtSec03TitleBox h2.inner_title {
        border: 1px solid #000;
        margin: 3% 5%;
        background: #ffe538;
     }
    .recruitCtSec03TitleBox .text {
      margin: 0 5%;
      padding: 20px 40px ;
      font-weight: bold;
      line-height: 1.8;
      font-size: 1.05rem;
      background: none;
    }

    .recruitCtSec03Area {
      padding: 0 5% 5%;
    }
    .recruitCtSec03Area .inner {
      display: flex;
      flex-wrap: wrap;
    }

    .recruitCtSec03 .item {
    	width: 50%;
      padding: 0;
      padding: 20px 30px 20px 0;
    }
      .recruitCtSec03 .item:nth-child(2n) {
        padding: 20px 0 20px 0;
      }
      .recruitCtSec03 .item .recruit {
        width: auto;
        max-width: inherit;
      	padding: 15px 20px 15px 20px;
        margin: 0 0 -15px;
        font-size: 1.3rem;
        color: #fff;
        transform: rotate(-3deg);
      }
      .recruitCtSec03 .item .imgBox {
      	max-width: 150px;
        min-width: 150px;
      }
      .balloon01,
      .balloon02 {
      	width: 100%;
        position: relative;
        padding: 20px;
        color: #30363d;
        font-weight: 600;
        background-color: #ffe538;
      }
        .balloon01::before,
        .balloon02::before {
          content: '';
          position: absolute;
          display: block;
          width: 0;
          height: 0;
        }
        .balloon01::before {
          left: -15px;
          top: 20px;
          border-right: 15px solid #ffe538;
          border-top: 15px solid transparent;
          border-bottom: 15px solid transparent;
        }

        .balloon02::before{
          right: -15px;
          top: 20px;
          border-left: 15px solid #ffe538;
          border-top: 15px solid transparent;
          border-bottom: 15px solid transparent;
        }


.recruit_subMenu {
  padding: 15px 20px;
  justify-content: center;
  background: #00a63f;
}
    .recruit_menu_box a {
      width: 250px;
      text-align: center;
      height: 58px;
      margin: 0 15px 0;
      line-height: 58px;
      font-size: 1.03rem;
      border-radius: 7px;
      font-weight: bold;
      border: 2px solid #000;
      letter-spacing: 2px;
      box-shadow: 1px 2px 0px 0px rgba(0,0,0, 0.2);
      color: #000;
      background: #fff;
    }
        .recruit_menu_box a:hover {
            color: #fff;
            background: #000;
        }
.category-recruit .id41 {
	display: none;
}

article.bosyu {
  padding: 0 7.5% 3%;
  margin: 3%;
  background: #fff;
}
.recruit_menu_box a.ouboBtn {
	width: 100%;
	max-width: 320px;
  height: inherit;
  line-height: inherit;
  padding: 25px 0;
  margin: 0 auto 40px;
  color: #fff;
  background: #00a63f;
}

@media screen and (max-width: 1024px) {
	body.category-4 .rec_bg {
    background:none;
    min-height: inherit;
    padding: 0 5%;
  }
  .recCtWrapper h3.recruit {
    width: auto;
    font-size: 2rem;
    padding: 25px 15px 25px 20px;
  }
    .recCtWrapper h3.recruit br {
      display: none;
    }
  .recCtWrapper .pc_firstMessage {
  	display: none;
  }
  .recCtWrapper .firstMessage {
    display: inherit;
    font-weight: bold;
    line-height: 1.8;
    font-size: 0.93rem;
    padding: 0 5%;
    margin: -50px 0 0;
    text-align: center;
  }
  .recruitCtSec03TitleBox h2.inner_title {
    letter-spacing: 0.1rem;
    border: none;
    border-bottom: 1px solid #000;
    margin: 0 0 0;
    padding: 0 0 40px;
    background: none;
  }
  .recruitCtSec03Area .inner {
    flex-direction: column;
  }
  .recruitCtSec03TitleBox .text {
    padding: 30px 0px;
    font-size: 0.98rem;
  }
  .recruitCtSec03 .item,
  .recruitCtSec03 .item:nth-child(2n) {
  	width: 100%;
    padding: 0px 0px 30px;
    margin: 0 0 20px;
    border-bottom: 2px dashed #000;
  }
  .recruitCtSec03 .item .balloon01,
  .recruitCtSec03 .item .balloon02 {
    font-size: 0.9rem;
  }

}
@media screen and (max-width: 768px) {
	body.category-4 .rec_bg {
  	padding: 0;
    text-align: center;
  }
	.recCtWrapper .rec_bg h3.recruit {
    width: 100%;
    font-size: 1.8rem;
    text-align: center;
    padding: 30px 40px;
    margin: 0 auto ;
    border:none;
    transform: none;
    background: none;
  }
  .recCtWrapper .rec_bg h3.recruit + div {
  	display: none;
  }
	.recruitCtSec03 .item .recruit {
    font-size: 1.5rem;
    margin: 0 0 -5px;
  }
  .recCtWrapper h3.recruit br {
    display: inherit;
  }
  .recCtWrapper .firstMessage {
  	padding: 0;
    margin: 0 0 0;
    text-align: left;
  }
    .recCtWrapper .firstMessage p {
      margin: 0 40px 0;
    }
    .recCtWrapper .firstMessage p br {
      display: none;
    }
  h3.recruit + div {
    font-weight: bold;
    line-height: 1.8;
    font-size: 0.93rem;
  }
      .recruit_menu_box a {
        width: 80%;
        display: block;
        padding: 0;
        margin: 5px auto;
      }
  .recruitCtSec02Wrapper .inner {
  	flex-direction: column;
  }
  .recruitCtSec02 .imgBox {
  	display: none;
  }
    .recruitCtSec02 .imgBox.pc_imgBox {
      width: 50%;
      margin: auto;
      display: inherit;
    }
  	.recruitCtSec02 .sign {
      padding: 0 0 20px;
      border-bottom: 2px solid #000;
    }
  .recCtMoreBox {
  	padding: 30px 30px;
  	border: none;
  }
  .recruitCtSec02 .textBox {
    padding: 0 0 0;
  }
  article.bosyu {
    padding: 3% 0 3%;
    margin: 3%;
    background: #fff;
  }
  .recruit_subMenu {
    flex-direction: column;
  }
  .recruitCtSec03 .item .imgBox {
      max-width: 110px;
      min-width: 110px;
  }
}

/*　Ｑ＆Ａ　*/
body.body_cat_id8 #nav {
  background: #333131
}

body.body_cat_id8 #nav li {
    display: flex;
    text-align: left;
}
    body.body_cat_id8 #nav li a {
        width: 100%;
        font-size: 0.83rem;
        letter-spacing: 0;
        line-height: 1.3;
        display: block;
        padding: 13px;
    }

body.body_cat_id8 .wrapp_news .newsTitle .news {
    position: relative;
    padding: 12px 20px 12px 26px;
    text-decoration: none;
    display: block;
}
    body.body_cat_id8 .wrapp_news .newsTitle .news::before,
    body.body_cat_id8 .wrapp_news .newsTitle .news::after{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
    }
    body.body_cat_id8 .wrapp_news .newsTitle .news::before{
        width: 5px;
        height: 5px;
        left: 10px;
        transition: all 0.2s ease-in-out;
        border-top: 3px solid #00a63f;
        border-right: 3px solid #00a63f;
        transform: rotate(45deg);
    }
    body.body_cat_id8 .wrapp_news .newsTitle.active .news::before{
        transition: all 0.2s ease-in-out;
        transform: rotate(135deg);
    }


/* privacy
-------------------------------------------------------------- */
.section001 {
    margin: 0 0 3%;
}
.section001 h4 {
	padding: 15px 10px;
	border-bottom: 1px solid #000;
    background: #efefef;
}

.privacy { margin: 0px 0 15px 15px; }
ul.ul_002 { margin: 0px 0px 15px 25px; }
.privacyInqTitle {font-weight: bold;}

/* page 固定ページはTOPを上書きするので書かない
-------------------------------------------------------------- */
/* 404 search tag
-------------------------------------------------------------- */
.tag section,
.error404 section,
.search section {
	margin: 0 0 2%;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
}

.tag .post,
.error404 .post,
.search .post {
	padding: 1% 2% 2%;
	margin: 2% 0;
    background: #fff;
}


/* Simple Share Buttons Adder　！！！※プラグインのカスタムCSSに記述！！！
-------------------------------------------------------------- */
.share_layout {
	margin: 0 2%;
}
.single section.news .share_layout {
	margin: 0;
}

/* table
-------------------------------------------------------------- */
.style001 {
    font-size: 11px;
    line-height: 1.3;
    font-family: 'Helvetica Neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
    .style001 th {
        padding: 3px;
        color: #fff;
        font-weight: normal;
        border: #e9e8e4 1px solid;
        background: #4d5d4e;
    }
    .style001 td{
            padding: 5px 3px;
        border: #e9e8e4 1px solid;
    }

    .style001 th a.block {
    	display: block;
    }
    .style001 img {
        max-width: 100%;
        height: auto;
        padding: 0;
        margin: 0;
        border: none;
        background-color: #fff;
    }

.style002 {
  margin: 0 0 5%;
  font-size: 1rem;
}
  .style002 th {
    max-width: 200px;
    min-width: 80px;
    padding: 25px 5px;
    border: #fff 2px solid;
    background: #efefef;
  }
  .style002 td{
    padding: 25px 15px;
    border: #fff 2px solid;
  }
/* 枠
-------------------------------------------------------------- */
.waku001 {
	padding: 2%;
	margin: 3% 2% 5%;
	border: #dbd8cf 1px solid;
	background: #faf8f0;
}

/* SIDE1SIERRA
-------------------------------------------------------------- */
.SIDE1SIERRA {
	padding: 0;
	margin: 0;
    border: none;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.5;
}


/* footer
-------------------------------------------------------------- */
.for_bgBottom {
  width: 100%;
  margin: 0 auto;
  color: #acab9f;
  background: #2e3232;
}
  #footer {
    padding: 1% 5%;
    text-align: left;
    background: #282b2b;
  }
  	#footer .inner {
      max-width: 1024px;
      margin: 0 auto;
      display: flex;
      align-content:         space-between;
    }
    .sub_bottom_nav {
      flex-grow:         1;
      padding: 0;
      font-size: 1rem;
    }
      .sub_bottom_nav:last-child {
        flex-grow: 0.5;
      }
      .sub_bottom_nav .item {
        display: block;
        margin: 0 0 10px;
      }
      .sub_bottom_nav h3 {
        margin: 15px auto 8px;
        font-size: 1.1rem;
        color: #a2a2a2;
      }
      .sub_bottom_nav a {
        position: relative;
        padding: 0 0 0 15px;
        margin: 0;
        line-height: 1.2;
        display: block;
        text-decoration: none;
        vertical-align: text-top;
        color: #666f6e;
        letter-spacing: 0.05em;
        font-size: 1.1rem;
        font-weight: bold;
      }
        .sub_bottom_nav a:not(.gaibu)::before {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          margin: auto;
          content: "";
          vertical-align: middle;
          width: 5px;
          height: 5px;
          left: 0;
          border-top: 2px solid #666f6e;
          border-right: 2px solid #666f6e;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
        }
        .sub_bottom_nav a:hover {
            color: #25B9A8;
        }
        .sub_bottom_nav a:hover::before {
            border-top: 2px solid #25B9A8;
            border-right: 2px solid #25B9A8;
        }

        .sub_bottom_nav a.gaibu {
            padding: 0 0 0 20px;
            margin: 2px 0 0;
          display: block;
            background-size: 25px;
            background-image: url(images/gaibu.svg);
            background-position: 0;
            background-repeat: no-repeat;

        }
          .sub_bottom_nav a.gaibu:hover {
              background-image: url(images/gaibu_hover.svg);
          }

          .sub_bottom_nav .search_form #searchform {
            margin: 15px 0 15px 0;
            position: relative;
            display: flex;
            align-items: center;
          }
            .sub_bottom_nav input[type="text"].part {
              width: 70%;
              font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo;
              font-size: 18px;
              line-height: 30px;
              padding: 3px;
              margin: 10px;
              border: none;
              display: block;
            }
            .sub_bottom_nav #searchsubmit {
              width: 60px;
              height: 30px;
              padding: 0 0 0;
              margin: 0 0;
              line-height: 30px;
              text-decoration: none;
              display: block;
              border: none;
              cursor: pointer;
              background:none;
              background-size: contain;
              background-image: url(images/search_icon.svg);
              background-position: 33.3% 0;
              background-repeat: no-repeat;
            }
              #searchsubmit:hover {
                background-image: url(images/search_icon_hover.svg);
              }
@media screen and (max-width: 768px) {
#footer {
  padding: 30px;
}
	#footer .inner {
    flex-wrap: wrap;
  }
    .sub_bottom_nav {
      width: 50%;
      margin: 0;
    }
    	.sub_bottom_nav a {
      	font-size: 1.0rem;
      }
    .sub_bottom_nav .sub_bottom_nav_search_form {
    	display: none;
    }
}

#site {
	padding: 25px 0;
	margin: 0;
	text-align: center;
	font-weight: normal;
    color: #353535;
	background: #fff;
}
    #site a {
    	/* font-weight: bold; */
        font-size: 0.73rem;
        color: #353535;
    }


/* toggle
-------------------------------------------------------------- */
.accordion .question,
#toggleBox .title {
    cursor:pointer;
    padding: 15px;
    margin: 0 0;
    font-weight: 600;
    font-size: 1.3rem;
    transition: all 0.1s ease-in-out;
}
    #toggleBox h3.title:hover {
      filter:alpha(opacity=78);
      opacity: 0.78;
    }

#toggleBox .title + .text {
    width: 100%;
    padding: 0 20px;
    margin: 0 0 20px;
    transition: all 0.1s ease-in-out;
    background: #f9f2e4;
}
  #toggleBox .title + .text .inner {
    padding: 15px 20px 30px;
  }


/* align
-------------------------------------------------------------- */
.alignright { float: right; margin-left: 1%; }
.right {
	text-align: right;
}

.alignleft { float: left; margin-right: 1%;}

/* goTop
-------------------------------------------------------------- */
.goTop {
  z-index: 1000;
  position: fixed;
  bottom: 0;
  right: 5%;
}
.goTop a {
	min-width: 80px;
	color: #25B9A8;
	font-size: 0.8rem;
    margin: 0;
	font-weight: bold;
	border-radius:			3px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
    background: rgba(0,0,0,0.8);
}
    .goTop a.more::before{
        width: 4px;
        height: 4px;
        top: 5px;
        left: 18px;
        border-top: 3px solid #25B9A8;
        border-right: 3px solid #25B9A8;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }


/* breadcrumb
-------------------------------------------------------------- */
.breadcrumb {
	width: 50%;
	padding: 0 0 10px;
	margin: 10px 0;
    color: #fff;
    position: relative;
}
    .breadcrumb::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
        margin: 0 auto;
        text-align: center;
        background-image: -webkit-linear-gradient(left, #fff 75%, transparent);
        background-image: linear-gradient(to right, #fff 75%, transparent);
    }
    .breadcrumb a {
    	font-size: 0.74rem;
        color: #fff;
    }
        .breadcrumb a:hover {
            filter:alpha(opacity=100);
            -moz-opacity: 1;
            opacity: 1;
            text-decoration: underline;
        }
    .body_cat_id2 .breadcrumb {
        width: auto;
        z-index: 2000;
        padding: 1% 3%;
        margin: 0;
        border-top: 5px solid #1787b5;
        border-bottom: 1px solid #e7e7e7;
        -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2),  0 4px 8px rgba(0,0,0,0.1);
        box-shadow: 0 2px 4px rgba(0,0,0,0.2),  0 4px 8px rgba(0,0,0,0.1);
        background: rgba(0,0,0,0.5);
    }
        .body_cat_id2 .breadcrumb::before {
            display: none;
        }


/* previous-next
-------------------------------------------------------------- */
.previous-next {
	padding: 3%;
}
    .previous-next .previous {
        width: 49%;
        float: left;
    }
    .previous-next .next {
        width: 49%;
        text-align: right;
        float: right;
    }

/* page_navi
-------------------------------------------------------------- */
.page_navi {
	padding: 0;
    margin: 0;
	line-height: 1;
    text-align: center;
    letter-spacing: 1px;
    font-size: 0.83rem;
	color: #3b4637;
}
	.page_navi span.page-numbers {
		margin: 0 10px 12px 0;
		border: #CCC 1px solid;
		display: inline-block;
	}
	.page_navi a.page-numbers {
		padding: 10px 12px;
		margin: 0 10px 12px 0;
		border: #efefef 1px solid;
		display: inline-block;
		color: #fff;
		background: #8c8f8b;
	}
        .page_navi a.page-numbers:hover {
            background: #e9e7e0;
            color: #565353;
            text-decoration: none;
            border: #efefef 1px inset;
        }

	.page_navi span.current,
	.page_navi span.dots {
		border: none;
		color: #565353;
		font-weight: bold;
	}

    .page_navi a.prev, .page_navi a.next{
    	width: 80px;
		background: #3b4637;
    }


/* flex解除
-------------------------------------------------------------- */
@media screen and (max-width: 768px) {
    #MAIN-LOS {
        padding: 70px 0 0;
    }
    .keyvisi_lower {
        margin: 1% auto 2%;
    }

    .flex_GO_column,
    .wrapp_books,
    .section_news,
    .okigaruni .flex_list,
    .c_m,
    #footer
    {
        width: auto !important;
        flex-direction: column !important;
    }
    .books > div {
        width: auto;
        height: auto;
        margin: auto;
        position: static;
    }
    a.book001 {
      width: 115px;
    	margin-top: 0;
    }
    a.book001_title {
    	width: 65%;
      padding: 0;
      margin: 0 0 15px;
      font-weight: 600;
      font-size: 1rem;
      background: none;
    }
    .book002 {
      width: 30%;
      margin: 15px 0;
      float: left;
    }
    a.book002_title {
    	width: 65%;
      text-align: left;
      float: right;
      margin: 15px 0 0;
      font-weight: 600;
      font-size: 1rem;
      background-image: none;
    }

    .cle { clear: both; }
    .wrapp_books a.bottom_area_Lbox,
    .wrapp_books a.bottom_area_Rbox {
    	width: auto;
      margin: 15px 0 0;
      float: none;
      display: flex;
      font-weight: 600;
      font-size: 1rem;
    }
      .bottom_area_Lbox .Lbox {
        min-width: 30%;
        max-width: 30%;
        padding: 0;
      }
      .bottom_area_Rbox .Lbox {
        min-width: 30%;
        max-width: 30%;
        padding: 0;
      }
    .bottom_area_Lbox .Rbox,
    .bottom_area_Rbox .Rbox {
			width: auto;
    	background-image: none;
      margin: 0;
    }
    .bottom_area_Rbox {
    }


    .message { width: auto; padding: 3%;}
    .wrapp_recruit .in_button {
      width: 80%;
      margin: 0 auto;
      position: static;
    }

    h2.inner_title, h2.inner_title_type002, h2.inner_title_type003, .ptn2color h3 { font-size: 1.5rem; }
    h2.inner_title .subTitle { font-size: 3.6vw; }

    .kanren > div:first-child { font-size: 3.5vw;  }
	.flow, .flow:last-child {
        z-index: 1000;
        padding: 0 !important;
        margin: 0 0 2%;
        background: none;
    }
    .ptn2color > div:first-child .ptn2color_more {
        font-size: 4vw;
    }
    .okigaru_tel a, .okigaruni_bottom .okigaru_tel a { font-size: 10vw; }

    .okigaruni .logo { display:none; }


}
/* LP
-------------------------------------------------------------- */
/* LPメインビジュアル */
.mainVisualBox {
    display: flex;
    background-color: #fff100;
    justify-content: space-between;
    padding-bottom: 20px;
}
  .mainVisual {
    max-width: 650px;
    width: 100%;
  }
    .mainVisualImgBox01 {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    }
      .mainVisualImg01 {
      border: none;
      background-color: inherit;
      top: 12px;
      height: 100%;
      margin-top: 20px;
      }
      .mainVisualImg02 {
      border: none;
      background-color: inherit;
      position: absolute;
      bottom: 0px;
      }
      .mainVisualImg03 {
      border: none;
      background-color: inherit;
      position: absolute;
      bottom: 55%;
      width: 100px;
      right: 0;
      margin-right: 5px;
      }
      .mainVisuaText {
        position: absolute;
        bottom: 16px;
        font-size: 0.6rem;
        font-weight: 600;
        padding-left: 20px;
        left: 50px;
      }
  .contactBox {
    height: 95%;
    width: 40%;
    background-color: #FFF;
    border-bottom: solid #dd8520;
    border-right: solid #dd8520;
    border-left: solid #dd8520;
    margin-right: 20px;
    padding-top: 20px;
}
  .mainTriangleBox {
    background-color: #ffffe5;
  }
/* --------------------LPメインビジュアルここまで-------------------- */
/* --------------------LP共通-------------------- */
.page-id-331 .contein{

}
.mainTriangle {
  margin: auto;
  width: 0;
  height: 0;
  border-left: 65px solid transparent;
  border-right: 65px solid transparent;
  border-top: 30px solid #fff100;
  padding-bottom: 30px;
}
 .titleBox {
    background-color: #fff100;
    height: 100px;
    justify-content: center;
    display: flex;
    position: relative;
    margin-top: 40px;
}
  .Heading {
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    text-align: center;
  }
  .titleImgBox {
    position: absolute;
    width: 175px;
    bottom: -2px;
    line-height: 0;
    left: 6%;
  }
    .titleImg {
    width: 100%;
    background-color: inherit;
    border: none;
    }
.pp {
    display: none;
}
/* --------------------LP共通ここまで-------------------- */
.inner_title_type003 {
    display: none;
}
  .section .imgBox {
    position: relative;

    justify-content: center;
    width: 70%;
    margin: 40px auto 80px;
  }
    .LPtextImg01 {
      padding: 20px;
      border: none;
      background-color: #ffffe5;
      border-radius: 20px;
      width: 100%;
    }
    .LPtextImg02 {
      width: 39px;
      border: none;
      background-color: inherit;
      position: absolute;
      left: 97px;
      top: -60px;
    }
    .LPtextImg03 {
      width: 240px;
      border: none;
      background-color: inherit;
      position: absolute;
      bottom: -32px;
      right: 5px;
    }
.elementY {
  background-color: #ffffe5;
  padding-bottom: 50px;
}
  .elementImgBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: auto;
    padding: 25px;
  }
    .whitePaperImgBox {
      width: 20%;
      margin: 10px;
    }
.elementIllustBox {
    margin: auto;
}
  .LPtextImgBox {
    position: relative;
    margin-top: 30px;
  }
    .LPtextImg {
    border: none;
    background-color: inherit;
    width: 65%;
    display: flex;
    align-items: center;
    margin: auto;
    }
    .LPtextImg {
    border: none;
    background-color: inherit;
    width: 65%;
    display: flex;
    align-items: center;
    margin: auto;
    }
    .LPtextImgC {
    border: none;
    background-color: inherit;
    width: 90%;
    display: flex;
    align-items: center;
    margin: auto;
    display: none;
    }
    .LPtextImgD {
    border: none;
    background-color: inherit;
    width: 90%;
    display: flex;
    align-items: center;
    margin: auto;
    }
.LPtextImgBox0a {
    position: relative;
    margin-top: 30px;
  }
    .LPtextImg0a {
    border: none;
    background-color: inherit;
    width: 90%;
    display: flex;
    align-items: center;
    margin: auto;
    }
.LPtextImgA {
    border: none;
    background-color: inherit;
    width: 65%;
    display: flex;
    align-items: center;
    margin: auto;
    }
    .LPtextImgB {
    border: none;
    background-color: inherit;
    width: 65%;
    display: flex;
    align-items: center;
    margin: auto;
    display: none;
    }
.URLText {
      bottom: 0;
      right: 17%;
      font-size: 0.5rem;
      line-height: 0.5rem;
      padding: 5px;
    display: flex;
    justify-content: center;
    }
  .LPtext{
      color: #dd8520;
      position: absolute;
      font-size: 1.8rem;
      top: -36px;
      letter-spacing: -0.1rem;
      font-weight: 600;
      width: 100%;
      text-align: center;
    }
input.pochitto_btn_blue {
  display: inline-block;
  width: 95%;
  height: 55px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #00a63f;
  border-bottom: 4px solid #087732;
  transition: .0s;
  margin: 5px auto;
  display: flex;
  justify-content: center;
  font-weight: 600;
  line-height: inherit;
  background-image: url(images/LP_arrow.svg);
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: center;
  background-position-x: 51px;
}
input.pochitto_btn_blue:hover {
  background: #005691;
  opacity: inherit;
}
input.pochitto_btn_blue02 {
  display: inline-block;
  width: 285px;
  height: 55px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #00a63f;
  border-bottom: 4px solid #087732;
  transition: .0s;
  margin: auto;
  display: flex;
  justify-content: center;
  font-weight: 600;
  line-height: inherit;
  background-image: url(images/LP_arrow.svg);
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: center;
  background-position-x: 25px;
  margin-top: 5px;
}
input.pochitto_btn_blue02:hover {
  background: #005691;
  opacity: inherit;
}
.pochitto_btn_blue {
  display: inline-block;
  width: 350px;
  height: 55px;
  padding: 0.8em;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #00a63f;
  border-bottom: 4px solid #087732;
  transition: .0s;
  margin: auto;
  display: flex;
  justify-content: center;
  font-weight: 600;
  line-height: inherit;
}
.pochitto_btn_blue:hover {
  cursor: pointer;
  text-decoration: none;
  background:#005691;
  transform: translate3d(0, 4px, 0);
  transition: .0s;
  border-bottom: none;
  opacity: inherit;
}
.ArrowImg {
  border: none;
  background-color: inherit;
  width: 18px;
  margin-right: 10px;

}
.featureBox {
    width: 65%;
    margin: 20px auto;
    background-color: #fffeee;
    border-radius: 15px;
    border: solid 2px #ffe538;
    padding: 15px;
    display: flex;
}
  .featureImgBox {
    width: 200px;
    margin: auto;
    display: flex;
    justify-content: center;
}
    .featureImg {
    width: 90%;
    border: none;
    background-color: inherit;
    }
.featureTitle {
    font-size: 1.1rem;
    font-weight: 600;
}
.featureText {
  line-height: 1.5rem;
}
    .marker {
      background: linear-gradient(transparent 65%, #fff100 64%);
  }
.ChartBoxY {
    background-image: url(images/LP_radiation.png);
    background-size: cover;

}
.ChartTextBox {
  margin-top: 30px;
  margin-bottom: 30px;
}
.ChartText {
    display: flex;
    margin: auto;
    margin-bottom: 13px;
    justify-content: center;
    margin-top: 10px;
}
.ChartText .Text {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
    text-align: center;
}
.ChartText .Text .redText {
    color: red;
    font-size: 3.2rem;
    background: linear-gradient(transparent 65%, #fff100 64%);
}
.ChartBox {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 20px;
}
.wordsThanksBox {
    display: flex;
    background-color: #FFF;
    width: 65%;
    margin: auto;
    position: relative;
    border-radius: 23px;
}
  .wordsThanksImgBox {
    width: 120px;
    position: absolute;
    bottom: 0;
    left: -75px;
}
    .wordsThanksImg {
    border: none;
    background-color: inherit;
    width: 100%;
}
  .wordsThanksTextBox {
    padding: 10px 10px 10px 62px;
    line-height: 1.5rem;
}
  .wordsThanksTextBox .wordsThanksTitle .wordsThanksImgBox{
    display: none;
}
    .wordsThanksTitle {
    font-size: 1.2rem;
    font-weight: 600;
    color: #dd8520;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}
.kome {
    width: 65%;
    margin: auto;
    font-size: 0.5rem;
}
.kome02 {
    margin: auto;
    font-size: 0.8rem;
    color: red;

}
.downloadBox {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 5px;
}
.downloadImg {
    width: 70px;
}
.downloadText {
  font-weight: 600;
  text-align: center;
}
.elementSmallText {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  text-align: center;
}
.elementMediumText {
    font-size: 1.3rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
}
.elementBigText {
    font-size: 3rem;
    font-weight: 600;
    color: #e39b49;
    display: flex;
    justify-content: center;
}
.elementText {
    display: flex;
    justify-content: center;
}
.lastFormBox {
    border: solid 2px #ffa500;
    width: 65%;
    margin: auto;
    margin-top: 20px;
}
  .downloadBtnBox {
    background-color: #fff100;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    flex-direction: column;
    padding: 30px 0;
  }
    .goDownload {
    z-index: 2000;
    display: none;
    background-color: red;
    width: 90px;
    height: 90px;
    border-radius: 80px;
    align-items: center;
    justify-content: center;
    padding: 17px;
    font-weight: 600;
    color: #FFF;
    position: fixed;
    bottom: 35px;
    right: 30px;
    line-height: 1.2rem;
    text-align: center;
    border-bottom: solid 4px #bb0000;
    }
    .goDownload:hover {
    background-color: #005691;
    opacity: inherit;
    border-bottom: none;
}
  .wpcf7 {
    display: flex;
    justify-content: center;
}
/*-----------LP PC1200px以下サイズ-----------*/
@media screen and (max-width: 1024px) {
  .LPtextImg02 {
    width: 31px;
    left: 46px;
  }
  .LPtextImg03 {
    width: 172px;
  }
  .Heading {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
  .titleBox {
  height: 80px;
  }
.titleImgBox {
  width: 150px;
  }
.elementBigText {
  font-size: 2.3rem;
    margin: 10px 0;
}
  .LPtext {
    font-size: 1.3rem;
    top: -22px;
  }
}
/*-----------LP sp780px以下サイズ-----------*/
@media screen and (max-width: 768px) {
.mainVisualBox {
  height: 500px;
  justify-content: center;
  padding-bottom: inherit;
}
.mainVisual {
  padding-left: inherit;
}
.mainVisualImg01 {
  top: 10px;
  margin-top: inherit;
  padding: 15px 0 0 0;
}
.contactBox {
  display: none;
  }
.section .imgBox {
    width: 90%;
}
.LPtextImg {
    width: 90%;
}
  .mainVisualImg03 {
  display: none;
  }
  .whitePaperImgBox {
    width: 40%;
  }
  .titleImg {
      display: none;
  }
.featureBox {
    width: 90%;
}
.kome {
    width: 90%;
}
.wordsThanksBox {
    width: 90%;
}
.wordsThanksImgBox {
    left: -13px;
}
.wordsThanksTextBox {
    padding: 10px 10px 10px 120px;
}
.elementMediumText {
    font-size: 1.1rem;
}
.elementBigText {
    font-size: 2rem;
}
.goDownload {
  display: flex;
}
.LPtextImg02 {
    width: 28px;
    left: 16px;
}
.LPtextImg03 {
    width: 146px;
}
.lastFormBox {
  width: 95%;
}
    .LPtextImgA {
    border: none;
    background-color: inherit;
    width: 65%;
    display: flex;
    align-items: center;
    margin: auto;
    display: none;
    }
    .LPtextImgB {
    border: none;
    background-color: inherit;
    width: 90%;
    display: flex;
    align-items: center;
    margin: auto;
    }
}

/*-----------LP sp768px以下サイズ-----------*/
@media screen and (max-width: ) {
.mainVisualImgBox01 {
    display: flex;
    justify-content: center;
}
.pp {
    display: block;
}
.titleBox {
    height: 60px;
}
.mainVisualBox {
  height: 339px;
}
.section .imgBox {
    margin: 20px auto 40px;
}
.LPtextImg02 {
    display: none;
}
.LPtextImg03 {
    display: none;
}
.LPtext {
  font-size: 1rem;
  top: -12px;
}
.LPtextImg01 {
  padding: 21px 13px 13px 14px;
  height: 1;
}
.mainTriangle {
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  padding-bottom: 10px;
}
.pochitto_btn_blue {
  width: 300px;
}
.featureBox {
    display: inherit;
}
  .LPtextImgBox0a {
    width: 90%;
    margin: auto;
    overflow-x: scroll;
    margin-top: 10px;
  }
  .LPtextImg0a {
    width: 600px;
    max-width: inherit;
  }
    .LPtextImg {
    display: none;
    }
    .LPtextImgC {
    border: none;
    background-color: inherit;
    width: 90%;
    display: flex;
    align-items: center;
    margin: auto;
    display: block;
    }
.LPtextImgBox {
    margin-top: 20px;
}
.LPtextImgBox:last-child {
    margin-top: 20px;
}
.LPtextImgBox:first-child {
    margin-top: 20px;
}
.elementImgBox {
  padding: 0px;
}
.ChartText .Text {
  line-height: 2.5rem;
  margin-bottom: 30px;
  margin: 0 5px;
}
.elementSmallText {
  font-size: 0.7rem;
}
.elementMediumText {
  font-size: 0.8rem;
}
.elementBigText {
    font-size: 2rem;
    line-height: 2rem;
    text-align: center;
    margin: 10px 0;
}
.downloadText {
    font-weight: 600;
    font-size: 0.8rem;
    text-align: center;
    line-height: 1rem;
    margin: 20px 0;
}
.ChartTextBox {
    margin-top: 0px;
}
.wordsThanksBox .wordsThanksImgBox {
    display: none;
}
.wordsThanksTextBox {
    padding: 10px 10px 10px 10px;
}
.wordsThanksTextBox .wordsThanksTitle .wordsThanksImgBox {
    display: block;
    position: inherit;
    margin-right: 10px;
}
}
/* --------------------LPフォーム-------------------- */
#wpcf7-f335-o1 {
  padding: 0;
}
.wpcf7-form {
  width: 100%;
}
input[type="url"], input[type="text"], input[type="tel"], input[type="email"], textarea {
  max-width: 100%;
  padding: 5px 9px 5px 10px;
}
.formItemBox {
  display: flex;
  max-width: 89%;
  margin: auto;
}
.formItemMiniBox {
  width: 100%;
  margin: 0 5px;
  margin-bottom: 10px;
}
.formItem {
  font-weight: inherit;
  font-size: 1rem;
  background-color: orange;
}
.mandatoryBtn{
  background-color: orange;
  color: #FFF;
  border-radius: 5px;
  font-weight: 600;
  font-size: 0.7rem;
  padding: 2px 5px;
  margin-left: 3px;
  margin-right: 3px;
}
.formBtnBox{
  text-align: center;
  width: 100%;
  width: 95%;
  margin: auto;
}
input.sub-btn {
  line-height: inherit;
width: 100%;
}
input.sub-btn:hover {
  background: #005691;
}
#wpcf7-f368-o2 {
  padding: 30px 0 0 0;
}


/* チェックボックス01 */
input[type=checkbox] {
    display: none;
}
.page-id-331 .wpcf7-list-item-label {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 2px 5px 25px;
    position: relative;
    width: auto;
}
.page-id-331 .wpcf7-list-item-label::before {
    background: #fff;
    border: 1px solid #ffa500;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.page-id-331 .wpcf7-list-item-label::after {
    border-right: 3px solid #ed7a9c;
    border-bottom: 3px solid #ed7a9c;
    content: '';
    display: block;
    height: 9px;
    left: 10px;
    margin-top: -7px;
    opacity: 0;
    position: absolute;
    top: 56%;
    transform: rotate(45deg);
    width: 5px;
}
.page-id-331 input[type=checkbox]:checked + .wpcf7-list-item-label::after {
    opacity: 1;
}
.page-id-331 input[type=checkbox]:checked + .wpcf7-list-item-label::before {
    background: #fff;
    border: 1px solid #ffa500;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}

.downloadBtnBox .wpcf7-validation-errors {
    background-color: #FFF;
    margin: 0;
    border: 2px solid #ffa500;
    width: 90%;
}
.contactBox .wpcf7-validation-errors {
  background-color: #FFF;
  margin: 0 auto 15px;
  border: 2px solid #ffa500;
    width: 90%;
}
.formPrivacypolicyBox {
    text-align: center;
}
.privacypolicyBox {
    font-weight: 600;
    font-size: 0.8rem;
}
.page-id-331 .contein p {
    padding: 0;
}
.page-id-331 .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #ffb900;
  background-color: #FFF;
  margin: 10px;
}
/*-----------LP sp440px以下サイズ-----------*/
@media screen and (max-width: 1024px) {
input.pochitto_btn_blue {
    font-size: 0.9rem;
    background-image: none;
}

}
/* --------------------LPフォームここまで-------------------- */