html {
    overflow-y: scroll;
    font-size: 62.5%;
}

body {
    line-height: 1;
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
    *font: x-small;
    background: #fff;
    color: #000000;
    font-family: "Hiragino Sans", "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif;
    -webkit-text-size-adjust: 100%;
    font-size: 1.6rem;
}


@charset "utf-8";
* {
   box-sizing: border-box;
}

abbr, address, article, aside, audio, b, blockquote, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, ins, kbd, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, tbody, tfoot, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0;
}


ul {
	display: block;
    list-style: none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

h2{
  line-height: 100%;
}
/*----------------------------
  共通
*----------------------------*/
.container{
  max-width: 1140px;
}

.row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}


.ttl_area{
  text-align: center;
}

.common_ttl02{
  font-size: 45px;
  font-size: 4.5rem;
  font-weight: 700;
  text-align: center;
  position: relative;
}

.common_ttl02 span{
  font-size: 50px;
  font-size: 5rem;
  padding-right: 10px;
  font-weight: 600;
}


.common_ttl03{
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
}



.ttl_blue{
  color: #00168a;
}

.ttl_white{
  color: #fff;
}

.common_txt02{
font-size: 24px;
font-size: 2.4rem;
font-weight: 300;
text-align: center;
line-height: 1.86;
}

.common_txt03{
font-size: 22px;
font-size: 2.2rem;
font-weight: 300;
text-align: center;
}

.common_txt04{
  font-size: 20px;
  font-size: 2rem;
  font-weight: 300;
}

.main_area{
  margin-top: 64px;
  background-image: url(../imeges/about/back.png);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  min-height: 325px;
  position: relative;
}

.main_ttl_jp{
  position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
text-align: center;
}

.main_ttl_en{
  position: absolute;
top: 63%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
text-align: center;
color: #3578be;
font-size: 17.6px;
font-size: 1.76rem;
font-weight: 100;
letter-spacing: 0.2rem;
}

.btn_base{
  display: block;
  width: 300px;
  text-align: center;
  padding: 21px 0px;
  background-color: #00168a;
  border-radius: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
}

@media (max-width: 600px){
  .btn_base {
    font-size: 12px;
  }
}

.btn_about {
    padding: 25px;
    background-color: #00178A;
    border: 2px solid #FFF;
    border-radius: 35px;
    color: #FFF;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    width: 265px;
}

.btn_about:hover {
    background-color: #FFF;
    color: #00178A; 
}

.visible-sp{
  display: none;
}

.dis_br {
  display: block;
}

@media screen and (max-width: 600px) {
  .dis_br {
    display: none;
  }
}

.sp_br {
  display: none;
}

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

.bdr-top-none {
    border-top-width: 0 !important;
}

.dis_ex2 {
    display: none !important;
}

.dis_ex3 {
    display: none !important;
}

.dis_ex4 {
    display: none !important;
}

.dis_none {
    display: none !important;
}

/*----------------------------
  TOP
*----------------------------*/
/* ヘッダー */
.l-header {
   position: fixed;
   top: 0;
   width: 100%;
   height: 64px;
   background-color: transparent;
background:linear-gradient(90deg,#fff 0%,#fff 50%,#00168a 50%,#00168a 100%);
   z-index: 100;
}

.header_inner{
  max-width: 1500px;
     display: flex;
     margin: auto;
     height: 100%;
}

.logo-part {
  max-width: 30%;
 padding-left: 53px;
}
.logo-part img{
  max-width: 277px;
}

a {
   text-decoration: none;
   color: #000;
}

nav {
   margin: 0 0 0 auto;
}
.l-header ul {
   margin: 0;
   display: flex;
   line-height: 64px;
   margin-left: 12px;
}

.l-header ul img{
  margin-bottom: 0px;
}

.l-header li {
   margin-left: 20px;
   margin-right: 20px;
   font-size: 15px;
   font-size: 1.5rem;
   font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", sans-serif;
}

.nav-part {
  width: 100%;
  background-color: #00168a;
  height: 100%;
}


.nav-part .pc-nav a,
.nav-part .pc-nav p{
    color: #fff;
}

.pc-nav .nav_example{
  position: relative;
    cursor: pointer;
}


.pc-nav .child{
  display: none;
  position: absolute;
  top: 64px;
  left: -20px;
   width: 400px;
background: #00168a;

}

.pc-nav .child_list{
  display: inline-block;
  margin-left: 0;
}



.contact-part{
  color: #fff;
    background-color: #00168a;
    width: 30%;
}

.contact-part .login{
  margin-top: 3px;
}

.contact-part .header_btn_area{
  margin-left: 0;
  margin-right: 53px;
}




.header_btn_area .btn_header span{
  font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  position:absolute;
  top: -5px;
  left: 55%;
  transform: translateX(-53%);
  -webkit-transform: translateX(-53%);
  -ms-transform: translateX(-53%);
}

.contact-part .header_btn_area{
  background-image: url(../imeges/top/contact-icon_hover_top.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

.contact-part .mail_top{
  max-width: 210px;
	transition: opacity .3s;

}

.contact-part .mail_top:hover{
	opacity: 0;
}






.sp-nav {
   display: none;
}

.main_visual_sec{
max-width: 1920px;
margin: auto;
  margin-top: 64px;
}

.main-visual{
width: 100%;
}


.sp-main-visual{
  display: none;
}

.m-index{
  margin: auto;
}

/* Quickgateとは */
.index_about{
    max-width: 1800px;
    margin: auto;
  background-image: url(../imeges/top/about-back.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: -100px -30px;
  padding: 90px 0 77px;
}

.index_about .ttl_area{
  margin-bottom: 77px;
}

.index_about .ttl_area p{
  font-size: 17.6px;
  font-size: 1.76rem;
  font-family: "Hiragino Sans";
  font-weight: 100;
  color: #00168a;
}

.index_about .common_ttl02{
  position: relative;
}


.index_about .common_ttl02::after{
  content:"";
display:block;
width:179px;
height:0.7px;
background-color:#00168a;
position:absolute;
bottom: -22px;
left: 48%;
    transform: translateX(-48%);
    -webkit-transform: translateX(-48%);
    -ms-transform: translateX(-48%);
}

.index_about .about_area .common_txt02 p{
  line-height: 2;
  margin-bottom: 69px;
  font-weight: 300;
}

.index_about .imgarea{
  max-width: 1040px;
  margin: auto;
}



/* 主な機能 */

.index_feature{
background-image: url(../imeges/top/eventのコピー.jpg);
min-height: 497px;
background-size: cover;
background-repeat: no-repeat;
background-position: 5% 20%;
padding: 80px 0 51px;
}

.index_feature .common_ttl02{
  position: relative;
}


.index_feature .common_ttl02::after{
content:"";
display:block;
width:178px;
height:0.7px;
background-color:#fff;
position:absolute;
bottom: -20px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.index_feature .feature_area ul{
  padding: 54.4px 0 60px;
}

.index_feature .feature_area ul li{
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 191px;
  height: 101.6px;
  font-size: 21.6px;
  font-size: 2.16rem;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
  border: 1px solid #fff;
  color: #fff;
}

.index_feature .btn_area{
  max-width: 428px;
  margin: auto;
  background-image: url(../imeges/top/feature_btn_hover.png);
  background-size: 428px;
  background-repeat: no-repeat;
  background-position: center center;
}

.btn_feature img{
  text-align: center;
  max-width: 100%;
  vertical-align: middle;
	transition: opacity .3s;
}

.btn_feature img:hover{
opacity: 0;
}

/* 概要*/
.index_overview{
padding: 80px 0 102px;
}

.index_overview .common_ttl02{
  position: relative;
}

.index_overview .common_ttl02::after{
content:"";
display:block;
width:179px;
height:0.7px;
background-color:#00168a;
position:absolute;
bottom: -20px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.index_overview .overview_area{
  padding-top: 88px;
  max-width: 1073px;
}

/* 主な特徴 */

.index_point{
background-image: url(../imeges/top/point-back.jpg);
min-height: 993px;
background-size: cover;
background-repeat: no-repeat;
padding: 147px 0;
}

.index_point .common_ttl02{
  position: relative;
}

.index_point .common_ttl02::after{
content:"";
display:block;
width:179px;
height:0.7px;
background-color:#fff;
position:absolute;
bottom: -20px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


.index_point .point_wrap{
  max-width: 1346px;
  margin: auto;
}

.index_point .point_area{
  margin-top: 84px;
}

.index_point .point_area .detail{
  padding-left: 8.8px;
  padding-right: 8.8px;
}

.index_point .point_area .in{
  background-color: rgba(255, 255, 255, 0.9);
  /*height: 533px;*/
  height: 590px;
  padding: 40px 35px 71.2px;
}

.index_point .point_area .item_ttl{
  font-size: 25.6px;
  font-size: 2.56rem;
  text-align: center;
  font-weight: 500;
}

.index_point .point_area img{
  display: block;
  width: 93%;
  margin: 44px auto 42px;
}

.index_point .point_area .item_txt{
  font-size: 17px;
  font-size: 1.7rem;
  color: #525252;
  line-height: 1.5;
}

/* 他社サービスとの比較 */
.index_comparison{
  position: relative;
  margin-top: 50px;
}

.comparison_ttl {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 43.2px 85px;
  position: absolute;
  top: -50px;
  left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.index_comparison .common_ttl02::after{
content:"";
display:block;
width:179px;
height:0.7px;
background-color:#00168a;
position:absolute;
bottom: -30px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.index_comparison .comparison_area{
  padding-top: 126px;
  max-width: 1260px;
}


/* セキュリティについて */
.index_security{
  padding: 147px 0;
}

.index_security .ttl_area{
  margin-bottom: 77px;
}

.index_security .common_ttl02{
  position: relative;
}

.index_security .common_ttl02::after{
content:"";
display:block;
width:179px;
height:0.7px;
background-color:#00168a;
position:absolute;
bottom: -30px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


.index_security  .common_txt02 p{
  line-height: 2;
  margin-bottom: 69px;
  font-weight: 300;
}



.security_area{
  max-width: 978px;
  margin: 68px auto 0;
}

.row-eq-height{
  display: flex;
  flex-wrap: wrap;
}

.security_area .detail{
padding: 4px;
}

.security_area .detail .in{
    background-color: #dbdeee;
    color: #525252;
    padding: 79px 32px;
    height: 100%;
}

.index_security .security_area .imgarea{
  max-width: 100%;
  min-height: 149px;
}

.index_security .security_area img{
  display: block;
  margin: auto;
}

.index_security .security_area .item_ttl{
  font-size: 25.5px;
  font-size: 2.55rem;
  color: #000000;
  text-align: center;
}

.index_security .security_area .item_ttl{
  font-size: 25.5px;
  font-size: 2.55rem;
  color: #000000;
  text-align: center;
  padding-bottom: 39px;
}

.index_security .security_area .item_txt{
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.8;
}

.index_security .security_area .item_txt span{
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}

/* フッター */




.l-footer .nav-part01{
  min-height: 250px;
  background-image: url(../imeges/top/footer-back.png);
  background-size: cover;
  padding: 74px 30px 0;
  background-repeat: no-repeat;
}

.footer-inner ul{
  max-width: 1040px;
  -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
    margin: auto;
}

.footer-inner h2 a{
  margin-left: 33.6px;
}


.footer-inner .nav-part01 h2{
  font-size: 23.2px;
  font-size: 2.32rem;
  margin-bottom: 10px;
}


.footer-inner .nav-part01 a{
  display: block;
  color: #fff;
  line-height: 2;
}

.footer-inner .nav-part02{
  background-color: #00168a;
  min-height: 64px;
}

.footer-inner .nav-part02 ul{
  max-width: 505px;
  margin: auto;
}

.footer-inner .nav-part02 a{
  color: #fff;
  line-height: 65px;
}

@media screen and (max-width: 600px) {
    .footer-inner .nav-part02 ul{
      margin: 2rem auto;
      justify-content: center;
    }

    .footer-inner .nav-part02 li{
      padding: 0 1rem;
    }

    .footer-inner .nav-part02 a{
        line-height: 40px;
    }
}

.footer-inner .logo-area{
  min-height: 84px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-bottom: 0.5px solid #00168a;
}

.footer-inner .logo-area img {
  margin-right: 12px;
}

.footer-inner .logo-area p{
    margin-top: 10px;
    margin-right: 12px;
}

.footer-inner .copyright{
  font-family: "Hiragino Sans";
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  font-weight: 200;
  padding: 26px 0 15px;
}


/*----------------------------
  機能概要
*----------------------------*/


/* 目次 */
.about_lists  ul {
    padding: 30px 0 30px;
}

.about_lists ul li {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 191px;
    height: 101.6px;
    font-size: 21.6px;
    font-size: 2.16rem;
    margin: auto;
    border: 1px solid #00168a;
    color: #00168a;
}

.about_lists a{
    color: #00168a;
}

.about_sec{
  border: 2.8px solid #00168a;
  max-width: 1450px;
  margin: auto;
  margin-bottom: 42px;
  position: relative;
  padding: 65px 0 56px;
}

.about_img{
  position: absolute;
}

/* 共通 - タイトル */

.about_sec .common_ttl02, .flow_sec .common_ttl02{
  margin-bottom:  40px;
  padding-bottom: 20px;
}

.about_sec .common_ttl02::after, .flow_sec .common_ttl02::after{
content:"";
display:block;
width:179px;
height:1.5px;
background-color:#00168a;
position:absolute;
bottom: -10px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


/* 共通 - detail */
.about_sec .detail, .flow_sec .detail{
  max-width: 1333px;
  background-color: rgba(53, 120, 190, 0.12);
  padding:45px 90px 10px;
  position: relative;
  margin: 55px auto 130px;
  text-align: center;
}

.about_sec .detail:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -100px;
  left: 0;
  border-style: solid;
  border-color: rgba(53, 120, 190, 0.12) transparent transparent transparent;
  border-width: 100px 666.5px 0 666.5px;
  z-index: 1;
}



.about_sec .common_ttl03, .flow_sec .common_ttl03{
  display: inline-block;
  color: #00168a;
  background: linear-gradient(transparent 60%, rgba(53, 120, 190, 0.3) 60%);
  padding-bottom:  3px;
  margin-bottom: 20px;
}


.about_sec .common_ttl03 span, .flow_sec .common_ttl03 span{
  font-size: 45px;
  font-size: 4.5rem;
  color: #3578be;
  letter-spacing: 0.5rem;
}


.about_sec .detail li{
  position: relative;
}

.arrow{
  position: absolute;
  max-width: 23px;
  top:34%;
  right: -3px;
}


.arrow02{
    right: -20px;
}

.about_sec .detail .imgarea{
  max-width: 285px;
  margin: auto;
  margin-bottom: 25px;
}

.about_sec .detail li{
    text-align: left;
}

.about_sec .detail .txt{
  margin: 5px 0 0 40px;
  font-weight: 500;
  margin-bottom:  2px;
  color: #3578be;
  font-size: 20px;
  font-size: 2rem;
}

.about_sec .detail .txt span{
  display: inline-block;
    background-color: #fff;
   padding: 2px 15px;
}




/* 共通 - こんな方におすすめ */
.about_sec .reccomend{
  max-width: 42%;
  margin: auto;
  position: relative;
}

.about_sec .reccomend .ttlarea{
  text-align: center;
}

.about_sec .reccomend .ttl{
  display: inline-block;
  margin: auto;
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 30px;
  padding-bottom: 5px;
  padding-left: 40px;
  padding-right: 40px;
  background: linear-gradient(transparent 60%, rgba(53, 120, 190, 0.3) 60%);
}

.about_sec .reccomend li{
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 10px;
}

.about_sec .reccomend li span img{
  max-width: 17px;
  margin-right: 10px;
}

.txtbox_left, .txtbox_right{
  max-width: 74px;
  position: absolute;
}

.txtbox_left{
  left: -110px;
}

.txtbox_right{
  right: -130px;
}

.about_sec02 .push{
  background-color: rgba(53, 120, 190, 0.12);
  position: relative;
  margin-top: 65px;
  padding: 25px 0 25px 100px;
  font-size: 29px;
  font-size: 2.9rem;
  color: #3578be;
}

.triangle{
  width: 0;
height: 0;
border-style: solid;
border-width: 0 0 195px 521px;
border-color: transparent transparent #00168a transparent;
line-height: 0px;
_border-color: #000000 #000000 #00168a #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
}

.btn_sec{
  position: relative;
}

.induce_btn_area{
  position: absolute;
  right: 0;
  bottom: 0;
  background-image: url(../imeges/about/about_btn_hover.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 99%;
  max-width: 266px;
  margin-right: 0;
  margin-left: auto;
  z-index: 2;
}

.induce_btn_area img{
	transition: opacity .3s;

}

.induce_btn_area img:hover{
	opacity: 0;
}



/* 共通 - 必要な機器 */
.tool{
  max-width: 91%;
  margin: auto;
  background-image: url(../imeges/about/about_sec04_back.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
    padding: 55px 68px 10px 68px;
}




.tool .ttl{
  text-align: center;
  font-size: 32px;
  font-size: 3.2rem;
  color: #00168a;
  margin-bottom: 25px;
}


.tool ul{
  max-width: 99%;
  margin: auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.tool .items{
  background-color: rgba(255, 255, 255, 0.66);
}

.tool .item_left{
  width: 21.6666%;
}

.tool .item_right{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}



/* 01招待者管理 */

.about_img01{
  max-width: 240px;
  right: 70px;
  top: 70px;
}


/* 02受付フォーム - detail */
.about_sec02{
  padding: 90px 0 0;
}


.about_sec02 .about_img {
  font-size: 70px;
  font-weight: 300;
  color: #3578be;
}

.about_sec02 .txtbox_left {
  bottom: -10px;
  left: -70px;
}

.about_sec02 .txtbox_right {
  bottom: -8px;
  right: -70px;
}


.about_sec02 .detail .list03 .txt {
    margin: 5px 0 0 80px;
}

.about_sec02 .detail .imgarea03{
  max-width: 289px;
}
.about_sec02 .detail .imgarea02{
  max-width: 352px;
}

.about_sec05 .detail .imgarea02{
  max-width: 330px;
}

.about_sec06 .detail .imgarea02{
  max-width: 336px;
}

.about_sec02 .triangle {
    right: -15px;
    bottom: -40px;
}

.about_sec02 .induce_btn_area {
    right: 0;
    bottom: -17px;
}


/* 03入退場管理（簡易） - 必要な機器 */
.about_sec .flex_area{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 100px;
}

.about_sec03{
  padding-bottom: 30px;
}

.about_sec03 .ttl_area, .about_sec04 .ttl_area{
  padding: 110px 50px 0 90px;
}

.about_sec03 .common_txt02, .about_sec04 .common_txt02{
  text-align: left;
  padding-top: 40px;
}

.about_sec03 .detail .list01 .imgarea,
.about_sec03 .detail .list03 .imgarea{
    margin-bottom: 40px;
}

.about_sec03 .detail .list02 .imgarea{
    margin-bottom: 20px;
}

.about_sec03 .reccomend {
    max-width: 47%;
    padding-bottom: 85px;
    margin-bottom:  50px;
}

.about_sec03 .about_img {
  font-size: 150px;
  font-weight: 200;
  color: #3578be;
}

.about_sec03 .txtbox_left {
  bottom: 90px;
}

.about_sec03 .txtbox_right {
  bottom: 95px;
  right: -90px;
}



.about_sec03 .triangle, .about_sec04 .triangle{
  right: -15px;
}

.about_sec03 .induce_btn_area, .about_sec04 .induce_btn_area {
    right: 0;
    bottom: 15px;
}

.about_sec03 .induce_btn:hover {
    text-decoration: none !important;
}

.about_sec03 .tool{
  background-image: url(../imeges/about/function_tool_back.jpg);
}

.about_sec03 .tool .items .imgarea{
    min-height: 112px;
}



.about_sec03 .tool  .items01 .item_list01 .imgarea{
  max-width: 85.6px;

}

.about_sec03 .tool .items01 .item_list02 .imgarea{
  max-width: 52px;
}

.about_sec03 .tool .items01 .item_list03 .imgarea{
  max-width: 141px;
}

.about_sec03 .tool .items02 .item_list01 .imgarea{
  max-width: 145px;
}

.about_sec03 .tool .items {
  margin-bottom: 25px;
}

.about_sec03 .tool .item_left{
  width: 30%;
  font-size: 28px;
  font-size: 2.8rem;
  padding: 80px 0px 65px 60px;
  color: #00168a;
  font-weight: 700;

  	text-shadow:0 0 5px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff;
}

.about_sec03 .tool .item_left span{
  font-size: 20px;
  font-size: 2rem;
  font-weight: 300;
  -webkit-text-stroke: 0px #fff;
  text-stroke: 0px #fff;
}

.about_sec03 .tool .item_right{
  width: 70%;
  padding: 40px;
}

.about_sec03 .item_right .item_list p{
  font-size: 22px;
  font-size: 2.2rem;
  color: #00168a;
 position: relative;
 bottom: -20px;
}

.about_sec03 .items01 .item_right .item_list{
  width: 30%;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  text-align: center;
}





.about_sec03 .items01 .item_right .item_list .imgarea{
  margin: auto;
}



.about_sec03 .items02 .item_right .item_list01{
  width: 31%;
  text-align: center;

}

.about_sec03 .items02 .item_right .item_list .imgarea{
  margin: auto;
}



.about_sec03 .items02 .item_right .item_list02 p{
  font-size: 20px;
  font-size: 2rem;
  padding-left: 15px;
  line-height: 1.5;
}





.about_sec03 .tool .items02 .item_left{
    padding-bottom:  0;
    padding-top: 90px;
}


/* 04入退場管理（入場バッジ発行） - 必要な機器 */
.about_sec04 .ttl_area {
    padding: 125px 80px 0 100px;
}

.about_sec04 .common_ttl02::after {
    content: "";
    display: block;
    width: 179px;
    height: 1.5px;
    background-color: #00168a;
    position: absolute;
    bottom: -30px;
    left: 110px;

}

.about_sec04 .common_ttl02{
    text-align: left;
}

.about_sec04 .common_ttl02 .narrow{
  font-size: 45px;
  font-size: 4.5rem;
  margin-left: -25px;
}

.about_sec04 .common_txt02 {
    text-align: left;
    padding-top: 60px;
}

.about_sec04 .detail {
    margin-top: 140px;
    padding-top: 50px;
}
.about_sec04 .reccomend {
    max-width: 50%;
    margin: auto;
    position: relative;
    padding-bottom: 150px;
    margin-bottom: 50px;
}


.about_sec04 .about_img {
  font-size: 120px;
  font-weight: 200;
  color: #3578be;
}



.about_sec04 .txtbox_left,
.about_sec04 .txtbox_right {
    bottom: 150px;
}


.about_sec04 .tool {
    padding: 40px 68px 10px 68px;
}

.about_sec04 .tool .ttl {
    margin-bottom: 30px;
}

.about_sec04 .tool .items {
  max-width: 90%;
  padding: 50px 50px 35px;
  text-align: center;
}
.col-md-five-1{
  max-width: 26%;
}

.about_sec04 .tool  .items  .imgarea{
    margin: auto;
    position: relative;
}

.about_sec04 .item_right .item_list p {
    font-size: 22px;
    font-size: 2.2rem;
    color: #00168a;
    position: relative;
    bottom: -33px;
}

.about_sec04 .item_right .item_list05 p {
    font-size: 22px;
    font-size: 2.2rem;
    color: #00168a;
    position: relative;
    bottom: -26px;
}

.about_sec04 .tool  .items01 .item_list01  .imgarea{
  max-width: 151px;
}

.about_sec04 .tool .items01 .item_list02  .imgarea{
  max-width: 99px;
  top: -10px;
}

.about_sec04 .item_right .item_list02 p {
    bottom: -5px;
}


.about_sec04 .tool .items01 .item_list03  .imgarea{
  max-width: 138px;
  left: -20px;
  top: -20px;
}

.about_sec04 .item_right .item_list03 p {
    left: -20px;
    bottom: 0px;
}

.about_sec04 .tool .items01 .item_list04  .imgarea{
  max-width: 181.6px;
  left: 10px;
  top: -20px;
}

.about_sec04 .item_right .item_list04 p {
    bottom: 0px;
}

.about_sec04 .tool .items01 .item_list05  .imgarea{
  max-width: 93px;
}

.about_sec04 .tool .items01 .item_list{
  padding-left: 10px;
  padding-right: 10px;
}

/* 05 ブース訪問管理 */

.about_sec05 {
    padding: 120px 0 100px;
}

.about_sec05 .common_ttl02{
    margin-bottom: 50px;
}

.about_sec05 .common_ttl03 {
    margin-bottom: 50px;
}

.about_sec05 .reccomend {
    max-width: 45%;
}


.about_sec05 .about_img {
  font-size: 70px;
  font-weight: 300;
  color: #3578be;
}

.about_sec05 .txtbox_left {
  bottom: -10px;
  left: -70px;
}

.about_sec05 .txtbox_right {
  bottom: -8px;
  right: -70px;
}


/* 06 ブース訪問管理 */

.about_sec06 {
    padding: 100px 0 100px;
    margin-bottom: 95px;
}

.about_sec06 .common_ttl02{
    margin-bottom: 50px;
    padding-bottom: 30px;
}

.about_sec06 .common_ttl03 {
    margin-bottom: 50px;
}

.about_sec06 .reccomend .ttl {
    margin-bottom: 50px;
}


.about_sec06 .about_img {
  font-size: 150px;
  font-weight: 200;
  color: #3578be;
}



.about_sec06 .txtbox_left,
.about_sec06 .txtbox_right {
    bottom: -10px;
}


.about_sec06 .triangle {
    right: -15px;
    bottom: -20px;
}

.about_sec06 .induce_btn_area {
    right: 0;
    bottom: 0px;
}

/*----------------------------
  料金一覧
*----------------------------*/
.m-price{
  margin: 0px auto 0;
}

.price_lead{
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 50px;
}

.m-price .price_sec{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  margin: auto;
}

.m-price .price_wrap{
  background-color: rgba(226, 236, 246, 0.7);
  padding: 80px 0;
}

.m-price .price_sec .item{
  width: 45%;
  text-align: center;
 margin: 2% 2.5%;
}

.m-price .price_sec .item .item_wrap{
  background: #fff;
   padding: 30px 0px 10px;
}


.m-price .price_sec_lower .item{
  padding-bottom: 0;
}

.m-price .price_sec_upper,
.m-price .price_sec_lower{
    max-width: 1250px;
}



.m-price .price_sec .item .ttl{

  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 600;
  padding: 30px 30px;
 border-top-left-radius: 8px;
 border-top-right-radius: 8px;
 position: relative;
}

.m-price .price_sec .item .ttl:after{
  content: "";
display: block;
width: 100px;
height: 1px;
background-color: #00168a;
position: absolute;
bottom: 3px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}


.m-price .price_sec .item .txt{
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 500;
  padding: 50px 0 60px;
  position: relative;
}

.m-price .price_sec .item .txt span{
  font-size: 60%;
  padding-left: 5px;
  vertical-align: text-bottom;
}

.m-price .price_sec_lower .item .txt {
    padding: 50px 0 40px;
}



.m-price .price_sec_lower .item02 .ttl{
  padding: 25px 30px 15px;
  line-height: 100%;
}


.m-price .price_sec_lower .item02 .ttl span{
  font-size: 60%;
}





.price_sec .item .option{
  padding: 15px 0;
  font-size: 20px;
  font-size: 2rem;
  background: #00168a;
  color: #fff;
  cursor: pointer
}

.price_sec .item .option span{
  font-weight: 600;
  margin-left: 15px;
  background: #fff;
  color: #00168a;
  border-radius: 20px;
  padding: 0.1rem;
}

.price_sec .item .option_detail{
    margin:auto;
  display: none;
  font-size: 20px;
  font-size: 2rem;
  text-align: left;
  padding: 30px 70px 30px;
  background: #fff;


}
.price_sec .item .option_detail p{
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.8;
  font-weight: 500;
  list-style: initial;
}

.price_sec .item .option_detail p span{
  font-size: 80%;
  font-weight: 400;
  margin-left: 5px;
}

.price_sec .item .option_detail .comment_sec{
  margin-top: 20px;
}

.price_sec .item .option_detail .comment{
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.5;
  display: flex;
}




/*----------------------------
  会社情報
*----------------------------*/
.m-company{
  margin: 70px auto 0px;
}

.m-company h2{
  font-weight: 300;
}


.company_lead{
  max-width: 980px;
  margin: auto;
/*
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
*/
  margin-bottom: 30px;
  padding: 20px;
  padding-left: 10px;
  border-radius: 10px;
  text-align: center;
}

.company_lead img {
  width: 10%;
}

@media (max-width: 600px){
  .company_lead img {
    width: 20%;
  }
}

.company_lead p{
  padding-top:  20px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.8;

}

.company_lead .imgarea{
  max-width: 180px;
  margin-left:  90px;
}

#company{
  padding-bottom:    100px;
  background-color: #f5f5f5;
  background-color: transparent;
}

.table-wrap{
  max-width: 980px;
  margin: auto;
  background: #fff;

}

.company-table {
  line-height: 1.6;
  margin: auto;
  border-width: 1px 0px; /* 上下だけ引く */
  width:100%;
}

.company-table, table:not([class]) {
  margin-top: 10px;
  border: 1px solid #cccccc;
  border-width: 1px 0px; /* 上下だけ引く */
}

.company-table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border-width: 1px 0px; /* 上下だけ引く */
  font-size: 18px;
  font-size: 1.8rem;
}

.m-company .hardware-table th[scope=row] {
  width: 30%;

  padding: 2rem 2rem;
  background-color: transparent;
  border: 1px solid #cccccc;
  font-weight: 300;
  border-width: 1px 0px; /* 上下だけ引く */
}

.company-table th[scope=row], table:not([class]) th[scope=row] {
  background-color: rgba(53, 120, 190, 0.12);
  text-align: left;

}

.company-table th, table:not([class]) th {
  min-width: 6em;
  font-weight: 600;
  vertical-align: top;
  border-width: 1px 0px; /* 上下だけ引く */

}

.company-table td,  table:not([class]) td, table:not([class]) th {
  padding: 1.5rem 2rem;
  border: 1px solid #cccccc;
  border-width: 1px 0px; /* 上下だけ引く */
}

.company-table th {
  text-align: inherit;
}

.company-table td, table:not([class]) td {
  vertical-align: middle;
}



.text-right {
  text-align: left !important;
  font-weight: 300;
}

.text-right li{
  list-style: none;
}

.company_name{
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 100%;
  padding: 15px 0 15px 20px;
  margin: 50px 0 0;
  background: #0018ac;
  color: #FFF;
}

@media (max-width: 600px){
  .company_name {
    font-size: 16px !important;
  }
}

/*----------------------------
  資料・問い合わせ
*----------------------------*/

.m-contact{
  max-width: 1040px;
  margin: auto;
  margin: 50px auto;
}

.contact_lead{
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 70px;
  text-align: center;
  line-height: 1.9;
  font-weight: 300;
  margin-top: 70px;
}

.contact_flow{
  max-width: 830px;
  margin: auto;
  text-align: center;
  margin-bottom: 50px;
  display: none;
}


.m-contact .section{
  margin-bottom: 80px;
}

.contact_ttl{
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 500;
  text-align: center;
  margin: 100px 0 50px;
  padding-bottom: 30px;
  position: relative;
}

.contact_ttl::after{
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background-color: #00168a;
  position: absolute;
  bottom: 3px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.m-contact .form_ttl{
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 10px;
}

.m-contact .formArea {
  /*border-bottom: 1px solid #d5dae3;*/
}


.formTable .whiteLine {
  border-top: 1px solid #d5dae3;
  border-bottom: 1px solid #d5dae3;
  padding: 20px 25px;
}



.formTable .subject.must {
/*
  background: url(/images/deliberation/must.png) 90% 3px no-repeat;
  background: url(/images/deliberation/must_ie8.png) 90% 3px no-repeat\9;
*/
  -moz-background-size: 43px 20px;
  background-size: 43px 20px;
  min-height: 20px;
}

.formTable .subject {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  font-weight: 500;


}

.formTable .subject p {
  height: 40px;
  line-height: 40px;
  font-size: 17px;
  font-size: 1.7rem;
  position: relative;
}

.formTable .subject p .req{
  display: inline-block;
  font-size: 75%;
  color: #01349d;
  margin-left: 20px;
  border: 1px solid #01349d;
  padding: 1px 7px;
  position: absolute;
  right: 30px;

}

.formTable .inputItem {
  width: 60%;
  display: inline-block;
  vertical-align: top;
  /display: inline;
  /zoom: 1;
  padding-left: 15px;
  line-height: 35px;
  font-size: 16px;
  font-size: 1.6rem;
}

.formTable input.name, .formTable input.email, .formTable input.url, .formTable input.service, .formTable input.text  {
  width: 100%;
  height: 40px;
  color: #000;
  border: solid 1px #d1d1d6;
  box-sizing: border-box;
  text-indent: 4px;
  padding-left: 10px;

}

input[type="text" i] {
  padding: 1px 2px;
}

input {
  -webkit-writing-mode: horizontal-tb !important;
  writing-mode: horizontal-tb;
  text-rendering: auto;
  color: -internal-light-dark(black, white);
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  appearance: textfield;
  background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
  -webkit-rtl-ordering: logical;
  cursor: text;
  margin: 0em;
  font: 400 13.3333px Arial;
  padding: 1px 2px;
  border-width: 2px;
  border-style: inset;
  border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195));
  border-image: initial;
  font-size: 15px;
  font-size: 1.5rem;
}

.formTable .grayLine {

  background: #fff;
  padding: 15px 25px;
}

.formTable .grayLine ul{
  margin: 0;
}


.formTable ul li.unit, .formTable ul li.unit2 {
  width: 2.0em;
}

.formTable ul li {
  display: inline-block;
}


.formTable ul li.unit2 {
  margin-left: 1.0em;
}

.formTable input.tel {
  width: 100%;
  height: 40px;
  color: #000;
  border: solid 1px #d1d1d6;
  box-sizing: border-box;
  text-indent: 4px;
  padding-left: 10px;
}

.formTable .subject span {
  display: block;
  font-size: 80%;
  font-weight: normal;
  line-height: 1.3;
  margin-top: 5px;
}

.formTable .textarea {
  width: 100%;
  min-height: 200px;
  border: solid 1px #d1d1d6;
}

.formTable .checkArea_01 {
  width: 35%;
  display: inline-block;
  vertical-align: top;
}


.formTable .checkArea_02 {
  width: 36%;
  display: inline-block;
  vertical-align: top;
  /display: inline;
  /zoom: 1;
}

label{
  display: block;
  line-height: 1.7;
}




textarea {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: textarea;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    flex-direction: column;
    resize: auto;
    cursor: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    margin: 0em;
    font: 400 13.3333px Arial;
    border-width: 1px;
    border-style: solid;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
    padding: 2px;
    font-size: 15px;
    font-size: 1.5rem;
}

select:not(:-internal-list-box) {
    overflow: visible !important;
}

select {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
    cursor: default;
    margin: 0em;
    font: 400 13.3333px Arial;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
    padding: 5px;
    font-size: 15px;
    font-size: 1.5rem;
}

.formTable .personalInfo {
    background: #FFF;
    padding: 2%;
    border: 1px solid #e2e9ef;
    margin-bottom: 10px;
    height: 150px;
    overflow: auto;
    line-height:1.5;
}

.mb10 {
    margin-bottom: 10px;
}

.formTable .confirmBtn {
    text-align: center;
}

.formTable .confirmBtn input {
    width: 23.3%;
    margin: 50px auto;
}

input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    appearance: checkbox;
    box-sizing: border-box;
    margin: 3px 8px 3px 4px;
    padding: initial;
    border: initial;
}



button{
  background: transparent;
  border: 0;
  color: #fff;
}


.btn_contactform{
margin: 50px auto;
padding: 15px;
width: 250px;
position: relative;
transition: .2s;
border-radius: 10px;
background: #00168a;
}

.btn_contactform::after{
  content: "\f105";
font-family: 'Font Awesome 5 Free';
font-weight: 600;
display: inline-block;
position: absolute;
top: 50%;
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
right: 20px;

}

.btn_contactform:hover{
  opacity: 0.8;
}

.btn_contactform:disabled {
    opacity: 0.65 !important;
}

/*----------------------------
  資料・問い合わせ - 確認画面
*----------------------------*/
.m-confirm{
  max-width: 70%;
  margin: 50px auto !important;
}

.m-confirm2{
  max-width: 70%;
  margin: 50px auto;
  margin-left: 34%;
}

@media (max-width: 600px){
    .m-confirm2{
        margin: 50px auto;
    }
}

.m-confirm h4 {
/*
    background: url(/images/common/h3_bg.gif) 10px center no-repeat;
    background: url(/images/common/h3_bg_ie8.gif) 10px center no-repeat\9;
*/
    -moz-background-size: 7px 23px;
    background-size: 7px 23px;
    font-size: 150%;
    font-weight: bold;
    line-height: 1.3;
    padding: 20px 0 20px 27px;
    margin: 50px 0 30px;
    border-top: 2px solid #00168a;
    border-bottom: 2px dotted #00168a;
    clear: both;
}


.m-confirm .formTable .whiteLine{
    border-top: 1px solid #d5dae3;
    border-bottom: 1px solid #d5dae3;
    padding: 15px;
}

.m-confirm .formTable .grayLine{
      padding: 15px;
}


.confirm_btn_wrapper{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  max-width: 60%;
  margin: 10px auto 50px auto;
}

@media (max-width: 600px){
  .confirm_btn_wrapper {
    max-width: 100%;
  }
}

.confirm_btn_wrapper input{
  margin: auto;
  padding: 15px;
  width: 250px;
  position: relative;
  transition: .2s;
  border-radius: 10px;
  border: 2px solid #00168a;
  color: #00168a;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  font-size: 1.6rem;
}

@media (max-width: 600px){
  .confirm_btn_wrapper input {
    font-size: 12px;
    margin-right: 15px;
  }
}

.confirm_btn_wrapper input:hover,
.confirm_btn_wrapper .btn_confirm:hover{
  opacity: 0.8;
}

.confirm_btn_wrapper .btn_confirm{
  margin: 50px auto;
  padding: 15px;
  width: 250px;
  position: relative;
  transition: .2s;
  border-radius: 10px;
  background: #00168a;
  cursor: pointer;
}

.confirm_btn_wrapper .btn_confirm:first-child{
  color: #00168a;
  background: #fff;
  border: 1px solid #00168a;
}

.btn_confirm:disabled {
    opacity: 0.65 !important;
}

.confirm_recaptcha {
    margin-top: 4rem;
    text-align: center;
}

.confirm_recaptcha > div {
    text-align: -webkit-center;
    padding-bottom: 1rem;
}

/*----------------------------
  送信完了画面
*----------------------------*/
#deliberation.thanks .thanksMessage {
    margin: 80px 0 0;
    text-align: center !important;
    font-size: 20px;
    font-size: 2rem;
}

.mb10 {
    margin-bottom: 10px;
}

.fs15 {
    font-size: 116%;
}

.bold {
    font-weight: bold;
}


/*----------------------------
  導入までの流れ
*----------------------------*/
.m-flow{
  margin-top: 42px;
}

.flow_sec{
  border: 2.8px solid #00168a;
  max-width: 1463px;
  margin: auto;
  margin-bottom: 42px;
  position: relative;
  padding: 120px 0 42px;
}

.flow_sec .common_ttl02{
  margin-bottom:  50px;
  padding-bottom: 30px;
}

.flow_sec .common_txt02{
  margin-bottom: 68px;
}

.flow_sec .detail {
  max-width: 1396px !important;
  margin: auto auto 43px;
  background-color: rgba(53, 120, 190, 0.12);
  padding-left: 0;
  padding-right: 0;
}

.flow_sec .detail .imgarea{
  max-width: 1291px;
  margin: auto;
}

.btn_flow, .btn_to_mypage{
  margin: auto;
}

.flow_btn_wrapper{
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 97%;
  width: 333px;
  margin: auto;
  z-index: 2;
}

.btn_flow  img,
.btn_to_mypage img{
	transition: opacity .3s;

}

.btn_flow  img:hover,
.btn_to_mypage  img:hover{
	opacity: 0;
}

.flow_btn_wrapper01{
    background-image: url(../imeges/flow/flow_btn01_hover.png);
}


.flow_btn_wrapper02{
    background-image: url(../imeges/flow/flow_btn02_hover.png);
}

/*----------------------------
  よくあるご質問
*----------------------------*/
.faq-wrap{
  max-width: 1250px;
  margin: auto;
  padding: 50px 0 100px;
}

.faq-wrap .faq-sec {
    margin-top: -60px;
    padding-top: 60px;
}

.faq-category {
  gap: 1rem 1.5rem;
  display: -ms-grid;
  display: grid;
  grid-template: auto/repeat(auto-fit,minmax(200px,1fr));
  font-size: 1.4rem;
  padding: 0 0px;
  margin-bottom: 100px;
}

.faq-category__item {
  margin: 0 15px;

}

.faq-category__item:first-child{
  margin-left: 5px;
}
.faq-category__item:last-child{
  margin-right: 5px;
}

.faq-category__link {
  position: relative;
  display: block;
  padding: 15px 2px;
  border: 1px solid #00168a;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  color: #00168a;
}

.faq-category__link::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1.5rem;
  width: 2rem;
  height: 2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  //background: url(../images/faq/icon_arrow_down.svg) no-repeat 0 0;
  background-size: 2rem 2rem;
}



.faq-wrap h2{
  position: relative;
  margin: 6rem 0 2.5rem 0.5rem;
  
  font-size: 2.8rem;
  padding: 0.15em 0.8em;
  background: transparent;
  border-left: solid 3px #00168a;
  color: #00168a;
}

.faq-list:last-child .faq-list__title:not(.on) {
  border-bottom: 1px solid #e8e8e8;
}

.faq-list__title {
  position: relative;
  padding: 20px 20px;
  border-top: 1px solid #e8e8e8;
  cursor: pointer;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 400;
  display: flex;

  line-height: 1.6;
}

.faq-list__title span{
  color: #00168a;
  font-weight: 500;
  margin-right: 20px;
  font-size: 26px;
  font-size: 2.6rem;
}



.faq-list__text::before {
  position: absolute;
  display: inline-block;
  font-size: 2.6rem;
}

.faq-list__title::before{
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 15px;
  height: 2px;
  /*縦線に*/
  transform: rotate(90deg);
  background: #000;
  transition: all .3s ease-in-out;
}

.faq-list__title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  /*横線*/
  width: 15px;
  height: 2px;
  background: #000;
  transition: all .2s ease-in-out;
}

.faq-list__title.open::before{
  transform: rotate(180deg);
}

.faq-list__title.open::after {
  opacity: 0;
}

.faq-list__text {
  position: relative;
  display: none;
  margin-bottom: 2rem;
  padding: 20px 20px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 2;;
  border-radius: .5rem;
  background: #f7f7f7;
  font-weight: 400;

}

.faq-list__text .in{
  display: flex;
}

.faq-list__text span{
  color: #cb4f33;
  font-weight: 500;
  margin-right: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.8;
}





/*----------------------------
  個人情報保護方針
*----------------------------*/
.main_security{
  min-height: 270px;
}

.main_security .main_ttl_en {
    top: 70%;
}

.m-security{
  max-width: 980px;
 margin: 64px auto 100px;
 font-size: 18px;
 font-size: 1.8rem;
}

@media screen and (max-width: 600px) {
  .m-security {
    font-size: 10.5px !important;
  }
}

.m-security .sub_ttl h2{
  margin: 100px auto 60px;
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  position: relative;
  padding-bottom: 35px;
}

.m-security .sub_ttl h2::after{
content: "";
display: block;
width: 70px;
height: 3px;
background-color: #00168a;
position: absolute;
bottom: 3px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.m-security p{
  line-height: 1.8;
  font-weight: 300;
}

.m-security .section{
  margin: 5px auto 50px;
}

.m-security .bottom {
  margin-top: 30px;
  text-align: right;
  margin-right: 100px;
}

@media screen and (max-width: 600px) {
  .m-security .bottom {
    margin-top: 20px;
    margin-right: 5px;
  }
}

.m-security ul {
  margin-left: 10px;
  margin-top: 65px;
}

@media screen and (max-width: 501px) {
  .m-security ul {
    margin-left: 0;
    height: 125vw;
    margin-top: 22vw;
  }
}

.m-security ul li {
  font-family: fot-matisse-pron, sans-serif;
  font-style: normal;
  font-weight: 500;
  text-align: left;
  margin: 0 auto;
  height: 60px;
}

@media screen and (max-width: 600px) {
  .m-security ul li {
    height: 95px;
    line-height: 1.8;
    white-space: normal;
  }
}

/*----------------------------
  情報セキュリティ方針
*----------------------------*/
.main_isp{
  min-height: 270px;
}

.main_isp .main_ttl_en {
    top: 70%;
}

.m-isp{
  max-width: 980px;
  margin: 64px auto 100px;
  font-size: 18px;
  font-size: 1.8rem;
}

@media screen and (max-width: 600px) {
  .m-isp {
      max-width: 90%;
      font-size: 10.5px !important;
  }
}

.m-isp h3 {
    line-height: 3rem;
    font-size: 1.8rem;
    font-weight: 300;
}

@media screen and (max-width: 600px) {
    .m-isp h3 {
        line-height: 2.4rem;
        font-size: 1.2rem;
    }
}

.m-isp p{
  line-height: 1.8;
  font-weight: 300;
  margin-bottom: 2rem;
}

.m-isp .section{
  margin: 5px auto 50px;
}

.m-isp .bottom {
  margin-top: 30px;
  text-align: right;
  margin-right: 5px;
}

@media screen and (max-width: 600px) {
  .m-isp .bottom {
    margin-top: 20px;
    margin-right: 5px;
  }
}

.m-isp ul {
  margin-left: 10px;
  margin-top: 65px;
}

@media screen and (max-width: 501px) {
  .m-isp ul {
    margin-left: 0;
    height: 125vw;
    margin-top: 22vw;
  }
}

.m-isp ul li {
  font-family: fot-matisse-pron, sans-serif;
  font-style: normal;
  font-weight: 500;
  text-align: left;
  margin: 0 auto;
  height: 60px;
}

@media screen and (max-width: 600px) {
  .m-isp ul li {
    height: 95px;
    line-height: 1.8;
    white-space: normal;
  }
}

  /*----------------------------
    導入事例
  *----------------------------*/


  .m-example .common_ttl02{
    font-size: 40px;
    font-size: 4rem;
    max-width: 1250px;
    margin: 100px auto 60px;
    text-align: left;
    padding-left: 15px;
    text-align: center;
  }

  .m-example .common_ttl02 span{
  font-size: 100%;
  }

  .m-example .profile_sec{
    max-width: 1450px;
    margin: auto;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin-top: 50px;
    background: #f7f7f7;
    padding: 50px;
    border-radius: 10px;
  }

  .m-example .profile_sec .tablepart{
    display: block;
    width: 60%;
    margin-right:  50px;
    font-size: 22px;
    font-size: 2.2rem;
    -webkit-box-ordinal-group:1;
　　-ms-flex-order:1;
　　-webkit-order:1;
　　order:1;
  }
  .m-example table{
    border-width: 1px 0px;
  }

    .m-example .profile_sec th{
      width: 23%;
      border: 0px none;
      border-top: 1px solid #999999;
      border-bottom:  1px solid #999999;
      border-width: 1px 0px;
      font-weight: 500;
    }

    .m-example .profile_sec td{
      width: 65%;
      border: 0px none;
      border-top: 1px solid #999999;
      border-bottom:  1px solid #999999;
      font-weight: 300;
      border-width: 1px 0px;
    }

    .m-example .profile_sec .table_last{
      line-height: 1.77;
      padding-bottom: 20px ;
      padding-right:  30px;
    }

    .m-example .profile_sec .imgpart{
      max-width: 35%;
      -webkit-box-ordinal-group:2;
      -ms-flex-order:2;
      -webkit-order:2;
      order:2;
      text-align: right;
    }
    .m-example .profile_sec .imgpart .imgarea{
      max-width: 95%;
      display: inline-block;
      text-align: right;
    }


    .m-example .contents_sec{
      margin: 50px 0 50px;
    }

  .m-example .ex_wrap_background, .m-example .ex_wrap_result, .m-example .ex_wrap_price{
      max-width: 1450px;
      margin: 42px auto 0px;
  }

  .m-example .contents_sec .ttl{
    line-height: 100%;
    color: #00168a;
    font-size: 36px;
    font-size: 3.6rem;
    margin: 0px auto 30px;
    padding: 0 0 1em 0em;

    font-weight: 700;
    text-align: center;
    position: relative;
  }




      .m-example .common_txt04{
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.74;
        padding-left: 1em;
        text-align: left;
        line-height: 1.7;
      text-align: center;
      }

  .m-example .contents_sec .ttl:after{
  content: "";
display: block;
width: 70px;
height: 2px;
background-color: #00168a;
position: absolute;
bottom: 3px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.m-example .ex_wrap{
  border: 3px solid #00168a;
  padding: 50px 0;
}

.m-example .ex_wrap_flow{
  background: rgba(226, 236, 246, 0.4);
  padding: 80px 0;
  margin-top: 80px;
  border: none;
}

.m-example .ex_wrap_flow .ttl{
  margin-bottom: 0;
}

.m-example .example_flow_pic{
  max-width: 80%;
  margin: 50px auto;

}

  .m-example .contents_sec .ex_wrap_flow .ttl:after{
display: none;
}

.m-example .ex_wrap_flow .ttl,
.m-example .ex_wrap_price .ttl{
  border: none;
  text-align: center;
  position: relative;
  padding-left: 0;
}

.m-example .ex_flow_contens{
  max-width: 1450px;
  margin: auto;
}

.m-example .contents_sec .ex_wrap_price{
  border: 3px solid #00168a;
    padding: 80px 0 50px;
}

.m-example .ex_wrap_price .ttl::after{
  content: "";
display: block;
width: 70px;
height: 2px;
background-color: #00168a;
position: absolute;
bottom: 3px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}



.m-example .price_sec .plus{
  max-width: 46px;
  margin: 60px auto 40px;
}

.m-example .price_sec .detail{
  margin: 50px 0;
  text-align: center;
}

.m-example .price_sec .detail .price_name{
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 600;
    text-align: center;
    display: inline-block;
  background: rgba(226, 236, 246, 1);
 padding: 10px 60px;
 margin: 30px 0;
}

.m-example .price_sec .detail .tool_name{
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 600;
  color: #00168a;
    text-align: center;
    display: inline-block;
 padding: 20px 60px;
}



.m-example .price_sec .detail .price_items{
  font-size: 46px;
  font-size: 4.6rem;
  font-weight: 600;
}

.m-example .price_sec .detail .price_items span{
  font-size: 70%;
  padding-left:  5px;
}
.m-example .price_sec .use_tool_detail{
background: rgba(226, 236, 246, 1);
max-width: 90%;
margin: auto;
padding: 40px 0;
}


.m-example .price_sec .detail .use_tool_items{
  font-size: 27px;
  font-size: 2.7rem;
padding: 30px 0 40px;
}

.m-example .price_sec .detail .use_tool_items span{
  font-size: 70%;
}

.m-example .price_sec  .comment .common_txt04{
  text-align: center;
  max-width: 80%;
  margin: auto;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
}

.m-example .price_sec .comment .notion{
  font-size: 18px;
  font-size: 1.8rem;
}

.m-example .price_sec .detail ul{
  max-width: 60%;
  margin: auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  text-align: center;

}
.m-example .price_sec .detail li{
  width: 50%;
  text-align: center;
}

.m-example .ex_wrap_price .use_tool_items .imgarea{
  max-width: 262px;
 display: inline-block;
}

/*----------------------------
  導入事例02
*----------------------------*/
.m-example02 .profile_sec .tablepart {
    display: block;

    margin-right: 0px;
    padding-left:  70px;
    padding-top: 20px;
}


.m-example02 .ex_wrap_situation{
  border: none;
  background: rgba(226, 236, 246, 0.4);
  margin: 80px auto ;
  padding-top: 80px;
}

.m-example02 .ex_wrap_situation .ttl{
  margin-bottom: 50px;
}

.m-example02 .common_txt04{
  margin-bottom: 15px;
}

.situation_sec .situation_list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  max-width: 1450px;
  margin: 20px  auto;
  background: #fff;
  padding: 30px 70px;
}

.situation_sec .situation_list .imgarea{
  max-width: 376px;

}

.situation_sec .situation_list .txtarea{
  padding: 50px 0 50px 60px;
  font-size: 24px;
font-size: 2.4rem;
line-height: 1.7;
}








.m-example02 .price_sec .detail ul p{
  font-size: 22px;
  font-size: 2.2rem;
  margin-top: 20px;
}


.m-example02 .price_sec .detail ul p span{
  font-size: 80%;
}


.m-example02 .price_sec .detail .use_tool__items01 {
  max-width: 70%;
      padding: 40px 0 0;
}

.m-example02 .price_sec .detail .use_tool__items01 li{
    max-width: 30%;
    margin: auto;
}

.m-example02 .price_sec .detail .use_tool__items02 {
  max-width: 55%;
  padding-bottom: 30px;
}

.m-example02 .price_sec .detail .use_tool__items02 li{
    max-width: 40%;
    margin: auto;
}






/*----------------------------
  導入事例03
*----------------------------*/

.m-example03 .profile_sec .table_last {
    padding-bottom: 30px;
}

.m-example03 .contents_sec .ttl span{
    font-size: 70%;
}



.m-example03 .ex_wrap_qr{
  border: none;
  background: rgba(226, 236, 246, 0.6);
  margin: 80px auto;
  padding: 80px 0;
}

.m-example03 .contents_sec  .ex_wrap_qr  .ttl:after {
    display: none;
}

.m-example03 .contents_sec .detail_area{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  max-width: 1250px;
  margin: auto;
  margin-top: 50px;
}

.m-example03 .contents_sec .detail_area .imgarea{
  width: 48%;
}
.m-example03 .contents_sec .detail_area .imgarea p{
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 10px;
}

.m-example03 .contents_sec .detail_area .txtarea{
 padding: 60px 0px 50px 80px;
  font-size: 24px;
font-size: 2.4rem;
line-height: 1.7;
}

.m-example03 .contents_sec .detail_area .txtarea p{
  margin-bottom: 35px;
}

.m-example03 .price_sec .detail ul {
    max-width: 100%;
    margin: auto;
    display: block;
    text-align: center;
}

.m-example03 .price_sec .detail li{
    width: 90%;
    margin: auto;
    text-align: center;
    padding: 30px 0 40px;
}

.m-example03 .price_sec .detail li:last-child{
  padding-bottom: 0;
}

.m-example03 .price_sec .detail li .imgarea{
  width: 25%;
  margin:auto;
  text-align: center;
}

.m-example03 .price_sec li:first-child p{
  font-size: 22px;
  font-size: 2.2rem;
  margin-top: 20px;
}

.m-example .price_sec .detail .price_items .small {
    font-size: 70%;
    padding-left: 5px;
    font-weight: 500;
}

.m-example03 .price_sec .comment .common_txt04{
  display: block;
  max-width: 100%;
  text-align: center;
}
.m-example .price_sec .comment .notion{
  font-size: 18px;
  font-size: 1.8rem;
}




/*----------------------------
  導入事例04
*----------------------------*/
.m-example04 .profile_sec .tablepart {
padding-top: 50px;
}

.m-example04 .contents_sec .ttl span{
   font-size: 80%;
}
.m-example04 .contents_sec .txtarea{
  max-width: 100%;
  margin: auto;
}

.m-example04 .contents_sec .ex_wrap_result .txtarea {
  max-width: 70%;
  text-align: left;
  
}

.m-example04 .contents_sec .ex_wrap_result .common_txt04{
  text-align: left;
  line-height: 2.2;
}


.m-example04 .contents_sec .ex_wrap_result .ex_check{
  float: left;
  overflow: hidden;
  width: 35px;
  margin: 10px;

}



.m-example04 .ex_wrap_afterflow{
  max-width: 1450px;
  margin: 80px auto;
  padding: 80px 0;
}

.m-example04 .ex_afterflow_pic{
  max-width: 80%;
  margin: auto;
  margin-top: 80px;
}


  /*----------------------------
    サイトマップ
  *----------------------------*/

   .main_sitemap{
     min-height:250px;
   }

      .main_sitemap .main_ttl_en{
        top: 67%;
      }

.m-sitemap{
  max-width: 1250px;
 margin: 80px auto 100px;
 font-size: 18px;
    font-size: 1.8rem;
}





.m-sitemap .sitemap-line{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.m-sitemap  .opt-1clm{
  width: 45%;
  margin-left: 2.5%;
  border-bottom: 1px solid #eeeeee;
  padding: 30px;
    transition: .5s;
}

.m-sitemap  .opt-1clm a{
      color: #000;
}

.m-sitemap .sitemap-line {
  margin: 0;
}

.m-sitemap .sitemap-line .sitemap_item{
  display: block;
  width: 45%;
  margin: auto;
  border-bottom: 1px solid #eeeeee;
  padding: 30px;
  position: relative;
}

.m-sitemap  .opt-1clm p,
.m-sitemap .sitemap-line .sitemap_item p{
  position: relative;
  padding-left: 25px;
  transition: .2s;
  cursor: pointer;
}

.m-sitemap  .opt-1clm p::after, .m-sitemap .sitemap-line .sitemap_item p::after{
  content: "";
  border-top: 2px solid #00168a;
  border-right: 2px solid #00168a;
  margin-top: -3.5px;
  height: 7px;
  width: 7px;
  position: absolute;
  top: 50%;
  left:0;
  -webkit-transform: rotate(135deg);
  transform: rotate(45deg);

}

.m-sitemap .sitemap-line li a{
  color: #000;
}

.m-sitemap .sitemap-line .sitemap_item{
  transition: .5s;
}

.m-sitemap  .opt-1clm:hover, .m-sitemap .sitemap-line .sitemap_item:hover{
  background: #eeeeee;
}



.m-sitemap .sitemap-line .sitemap-locallist {
  display: none;
}

.m-sitemap .sitemap-line .sitemap-locallist p{
line-height: 1.5;
}

.m-sitemap .sitemap-line .sitemap-locallist p::after{
display: none;
}




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

.contents{
  width: 1120px;
}

  .l-header li {
     margin-left: 18px;
     margin-right: 18px;
     font-size: 15px;
     font-size: 1.5rem;
  }

  .contact-part .header_btn_area {
      margin-right: 20px;
  }


  .l-header ul img {
      margin-bottom: 0px;
  }

  .about_sec, .flow_sec {
      max-width: 98%;
  }

  /*----------------------------
    導入事例
  *----------------------------*/
  .m-example .ex_wrap_background, .m-example .ex_wrap_result, .m-example .ex_wrap_price,
  .situation_sec .situation_list,
  .m-example03 .contents_sec .detail_area, .m-example04 .ex_wrap_afterflow  {
      max-width: 95%;
      margin: 42px auto 0px;
  }

}


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

  .hidden-md{
    display: none;
  }

  .common_ttl02 {
      font-size: 35px;
      font-size: 3.5rem;
      font-weight: 700;
  }



  .common_ttl02 span {
      font-size: 40px;
      font-size: 4rem;
  }

  .common_ttl03 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 600;
    text-align: center;
}

  .common_txt02 {
    font-size: 19px;
    font-size: 1.9rem;
}


.logo-part{
      padding: 0;
    }

.l-header li {
     margin-left: 15px;
     margin-right: 15px;
     font-size: 13px;
     font-size: 1.3rem;
  }

.l-header .contact-part .login{
  width: 45px;
}

/*----------------------------
  機能概要
*----------------------------*/

.about_sec04 .tool .items {
    max-width: 90%;
    padding: 50px 0px 35px;
    text-align: center;
}

.about_sec04 .tool .items01 .item_list {
  width: 20%;
}

.tool .item_right {
    width: 80%;
}

.about_sec04 .common_ttl02 .narrow {
    font-size: 30px;
    font-size: 3rem;
    margin-left: -25px;
}

.about_sec04 .item_right .item_list p {
    font-size: 20px;
    font-size: 2rem;
    color: #00168a;
    position: relative;
    bottom: 0;
}

.about_sec04 .tool .items .item_list .imgarea {
  min-height: 140px;
}

.about_sec04 .item_right .item_list02 p {
    bottom: 0px;
}

.about_sec .detail:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -100px;
    left: 0;
    border-width: 100px 610px 0 610px;
    z-index: 1500px
}

.about_sec .reccomend li {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 10px;
}

.about_sec02 .push{
    padding: 25px 0 25px 20px;
    font-size: 20px;
    font-size: 2rem;
}

.about_sec03 .tool .item_left {
    width: 30%;
    font-size: 22px;
    font-size: 2.2rem;
}

.about_sec03 .tool .item_left span {
    font-size: 16px;
    font-size: 1.6rem;
}

.about_sec03 .items .item_right .item_list p {
    font-size: 16px;
    font-size: 1.6rem;

}



/*----------------------------
  料金
*----------------------------*/
.m-price .hardware-table .price_table_ttl1, .m-price .hardware-table .price_table_ttl2 {
    background-color: #00168a;
    font-size: 18px;
    font-size: 1.8rem;
}

.m-price .hardware-table th[scope=row] {
    width: 34%;
    font-size: 18px;
    font-size: 1.8rem;
}

.text-right {
    font-size: 18px;
    font-size: 1.8rem;
}

.notes li {
    font-size: 16px;
    font-size: 1.6rem;
}



.header_btn_area .btn_header span{
  font-size: 14px;
  font-size: 1.4rem;
  top: -10px;
  left: 57%;
  transform: translateX(-57%);
  -webkit-transform: translateX(-57%);
  -ms-transform: translateX(-57%);
}


.contact-part .mail{
  position:absolute;
  top: 27%;
  left: 12%;
}

.contact-part .arrow-small{
  position:absolute;
  top: 45%;
  right: 10%;
}

.index_point .point_wrap {
    max-width: 97%;
}

.index_point .point_area .detail {
    padding-left: 5px;
    padding-right: 5px;
}

/*----------------------------
  企業情報
*----------------------------*/

.m-company .hardware-table th[scope=row] {
    font-size: 18px;
    font-size: 1.8rem;
}

.company_name {
    font-size: 20px;
    font-size: 2rem;
}

/*----------------------------
  セキュリティ
*----------------------------*/

.security_wrapper .last_txt p {
    max-width: 300px;
    margin: 50px -80px 0 auto;
    line-height: 1.5;
}


/*----------------------------
  導入事例
*----------------------------*/
.m-example .common_ttl02 {
  font-size: 35px;
  font-size: 3.5rem;
  font-weight: 700;
}

.m-example .contents_sec .ttl {
    font-size: 30px;
    font-size: 3rem;
}

.m-example .common_txt04, .m-example .profile_sec .tablepart,
.m-example .price_sec .comment .common_txt04  {
    font-size: 19px;
    font-size: 1.9rem;
}

.m-example .price_sec .detail .price_name {
    font-size: 24px;
    font-size: 2.4rem;
}

.m-example .price_sec .detail .price_items {
    font-size: 38px;
    font-size: 3.8rem;
}




}

@media screen and (max-width: 1140px){
body{
  width: 100% !important;
  overflow: hidden;
}

.visible-lg, .visible-md{
  display: none;
}


.l-header {
   position: fixed;
   top: 0;
   width: 100%;
   height: 64px;
   background-color: transparent;
   background:  #fff;
   z-index: 100;
}

.header_inner{
  max-width: 100%;
     display: flex;
}

.l-header ul {
    margin-left: 8px;
}

.l-header li {
     margin-left: 12px;
     margin-right: 12px;
  }




.price-table {
    line-height: 1.6;
    width: 100%;
}


/*----------------------------
  機能概要
*----------------------------*/
.m-about .about_lists{
  max-width: 98%;
  margin: auto;
}

.about_img01 {

    display: none;
}

.about_sec .detail .imgarea {
    max-width: 85%;
}

.about_sec02 .detail .imgarea02,
.about_sec05 .detail .imgarea02,
.about_sec06 .detail .imgarea02
 {
    max-width: 100%;
}

.arrow {
    top: 27%;
    right: -10px;
}
.arrow02 {
    right: -20px;
}

.about_sec .reccomend li{
  line-height: 1.6;
}

.about_sec03 .ttl_area,
.about_sec04 .ttl_area {
    width: 50%;
    padding-left: 25px;
    line-height: 1.7;
}

.about_sec03 .ttl_area .common_ttl02,
.about_sec04 .ttl_area .common_ttl02{
  line-height: 1.6;

}

.about_sec04 .common_ttl02 .narrow {
font-size: 70%;
    margin-left: -10px;
}

.about_sec04 .flex_area,
.about_sec05 .common_txt02 {
  padding: 0 15px;
}

.about_sec05 .detail .imgarea02 {
    max-width: 100%;
}

/*----------------------------
  料金
*----------------------------*/
.about_sec03 .ttl_area, .about_sec04 .ttl_area {
    padding: 80px 30px 0 10px;
}

/*----------------------------
  企業情報
*----------------------------*/


.m-company {
    max-width: 90%;
    margin: 70px auto 120px;
}

.company_lead .imgarea {
    width: 100%;
}

.company_lead p {
    padding-top: 20px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.8;
}

.company-table {
    width: 100%;
}

.company-table tbody{
  width: 100%;
}





}



@media (max-width: 980px)  {
body .fixed{
  display:  fixed !important;
  overflow: hidden;
}

.hidden-xs, .hidden-sm{
  display: none;
}

  h2 {
     line-height: 1.6;
     margin-top: 10px;
     /*text-align: center;*/
  }

  .common_ttl02 {
   font-size: 35px;
   font-size: 3.5rem;
   font-weight: 700;
}

.common_ttl02 span {
   font-size: 40px;
   font-size: 4rem;
   padding-right: 10px;
   font-weight: 700;
}

  .common_txt02 {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 400;
      text-align: center;
  }

  .common_ttl03{
    font-size: 22px;
    font-size: 2.2rem;
  }

  .common_txt04 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
}

  .container{
    width: 100%;
  }

   .pc-nav {
      display: none;
   }

   .nav-part{
  display: none;
   }

   .contact-part{
     display: none;
   }

   /*　ハンバーガーボタン　*/
   .hamburger {
     display : block;
     position: fixed;
     z-index : 3;
     right : 13px;
     top   : 12px;
     width : 42px;
     height: 42px;
     cursor: pointer;
     text-align: center;
   }
   .hamburger span {
     display : block;
     position: absolute;
     width   : 30px;
     height  : 2px ;
     left    : 6px;
     background : #555;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition   : 0.3s ease-in-out;
     transition        : 0.3s ease-in-out;
   }
   .hamburger span:nth-child(1) {
     top: 10px;
   }
   .hamburger span:nth-child(2) {
     top: 20px;
   }
   .hamburger span:nth-child(3) {
     top: 30px;
   }

   /* ナビ開いてる時のボタン */
   .hamburger.active span:nth-child(1) {
     top : 16px;
     left: 6px;
     -webkit-transform: rotate(-45deg);
     -moz-transform   : rotate(-45deg);
     transform        : rotate(-45deg);
   }

   .hamburger.active span:nth-child(2),
   .hamburger.active span:nth-child(3) {
     top: 16px;
     -webkit-transform: rotate(45deg);
     -moz-transform   : rotate(45deg);
     transform        : rotate(45deg);
   }

   nav.sp-nav {
     display: block;
     position: fixed;
     z-index : 2;
     top  : 64px;
     left : 0;
     color: #fff;
     background: #00168a;
     text-align: center;
     transform: translateX(100%);
     transition: all 0.3s;
     width: 100%;
   }

   nav.sp-nav ul {
     display:block;
     background: #00168a;
     margin: 0 auto;
     padding: 0;
     width: 100%;
    overflow-y: auto;
   }

   nav.sp-nav ul li {
     list-style-type: none;
     padding: 0;
     width: 100%;
     border-bottom: 1px solid #fff;
     margin-left:0;
   }
   nav.sp-nav ul li:last-child {
     padding-bottom: 0;
     border-bottom: none;
   }
   nav.sp-nav ul li:hover{
     background : rgba(0, 22, 138, 0.3);
   }

   nav.sp-nav ul li a {
     display: block;
     color: #fff;
     padding: 1em 0;
     text-decoration :none;
   }

   nav .nav_example_sp{
    padding: 1em 0 !important;
   }

  nav.sp-nav .children_sp{
     display: none;
      }

   /* このクラスを、jQueryで付与・削除する */
   nav.sp-nav.active {
     transform: translateX(0%);
   }


  .open .children_sp {
  display: block !important;
  background: #082787;
}

  .open .children_sp a{
      padding:  0;

  }


   .main-visual {
      padding: 0;
      width: 100%;
   }

   .main_ttl_en {
    position: absolute;
    top: 63%;
}

   .feature_li_last{
     margin-left: 0 !important;
   }

   .index_point{
     padding-top: 70px;
   }

   .index_point .ttl_area{
     margin-bottom : 90px;
   }

   .index_point .point_area{
     width: 99%;
     margin: auto;

   }

   .index_point .point_area .detail{
     margin-bottom: 20px;
   }

   .comparison_ttl {
    padding: 40px;
   }



   .index_point .point_area .in {
    height: 100%;
}




   .footer-inner ul {
    width: 90%;
}


/*----------------------------
  機能概要
*----------------------------*/


.m-about .container{
  padding: 0;
}

.about_sec, .flow_sec {
    padding-top: 55px;
}

.about_sec .common_ttl02, .flow_sec .common_ttl02 {
    font-size: 32px;
    font-size: 3.2rem;
}



.arrow02 {
    right: -20px;
}


.triangle {
    border: none;
}

.induce_btn_area {
    position: static;
    margin: auto;
}

.about_img01 {
    max-width: 150px;
    right: 30px;
    top: 150px;
    display: none;
}

.about_sec03 .induce_btn_area, .about_sec04 .induce_btn_area {
    position: static;
    margin: auto;
    margin-bottom: 50px;
}


.about_sec .detail, .flow_sec .detail {
    max-width: 1333px;
    background-color: rgba(53, 120, 190, 0.12);
    padding: 45px 30px 10px;
    position: relative;
    margin: 55px auto 50px;
    text-align: center;
}

.about_sec .detail:after {

    display: none;
}

.about_sec .reccomend {
    max-width: 70%;
    padding-bottom: 0px !important;
    margin-bottom: 30px;
}


 .txtbox_left, .txtbox_right {
  display: none;
  }


.about_sec .common_ttl03 span, .flow_sec .common_ttl03 span {
    font-size: 35px;
    font-size: 3.5rem;
}

.about_sec02 .push {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
}
.about_sec02 .push p{
  margin-bottom:  10px;
}

.about_sec .detail .txt {
    font-size: 15px;
    font-size: 1.5rem;
    margin-left: 10px;
}

.about_sec02 .detail .list03 .txt {
    margin: 5px 0 0 30px;
}

.about_sec .tool {

    padding: 55px 20px 10px 20px;
}

.about_sec04 .tool .items {
  max-width: 100%;
  margin: 0;
}

.about_sec03 .tool .item_left {
    width: 28%;
    font-size: 22px;
    font-size: 2.2rem;
}


.about_sec03 .tool .items01 .item_list01 .imgarea {
    max-width: 75px;
}

.about_sec03 .tool .items .imgarea {
    min-height: auto;
}

.about_sec03 .items .item_right .item_list02 p {
  position: initial;
}

.about_sec03 .items02 .item_right .item_list01 {
    padding-top: 15px;
    margin-right: 20px;
}

.about_sec04 .common_ttl02 .narrow {
    font-size: 30px;
    font-size: 3rem;
    margin-left: -10px;
}

.about_sec04 .flex_area, .about_sec05 .common_txt02 {
  padding: 0;
}

.about_sec04 .tool .items01 .item_list02 .imgarea {
    max-width: 80px;
    top: -10px;
}



.about_sec04 .tool .items01 .item_list03 .imgarea {
    max-width: 100px;
    top: 0px;
}

.about_sec04 .tool .items01 .item_list04 .imgarea {
    max-width: 210px;
    left: 0px;
    top: 0px;
}

.about_sec04 .tool .items01 .item_list05 .imgarea {
    max-width: 75px;
}

.about_sec06 .reccomend {
    margin-bottom: 50px;
}

.about_sec06 {
  padding-bottom: 50px;
}


/*----------------------------
  セキュリティ
*----------------------------*/
.m-security {
    max-width: 90%;
    margin: 64px auto;
    font-size: 16px;
    font-size: 1.6rem;
}

.security_wrapper01 {
    margin-bottom: 0px;
}

.m-security h4 {
    font-size: 22px;
    font-size: 2.2rem;
}

.m-security .h4sub {
    font-size: 16px;
    font-size: 1.6rem;
}

.security_wrapper02 ol {
    padding-left: 15px;
}



/*----------------------------
  導入事例
*----------------------------*/



.m-example .common_ttl02 {
  font-size: 35px;
  font-size: 3.5rem;
  font-weight: 700;
}

.m-example .profile_sec {
    margin: auto;
    display: block;
    padding: 40px  20px 20px;
}

.m-example .profile_sec .tablepart {
  width: 80%;
}

.m-example .profile_sec .imgpart {
    max-width: 70%;
    margin: auto;
    text-align: center;
}

.m-example .contents_sec .ttl {
    font-size: 26px;
    font-size: 2.6rem;
}


.m-example .common_txt04, .m-example .profile_sec .tablepart,
.m-example .price_sec .comment .common_txt04  {
  font-size: 18px;
  font-size: 1.8rem;
  margin: auto;
  text-align: left;
      padding:10px 30px;
}



.m-example .price_sec .detail .price_name {
    font-size: 20px;
    font-size: 2rem;
}

.m-example .price_sec .detail .price_items {
    font-size: 34px;
    font-size: 3.4rem;
}



.m-example .price_sec .detail ul {
    max-width: 70%;
}

.m-example .ex_wrap_price .use_tool_items .imgarea {
    max-width: 70%;
    display: inline-block;
}


.situation_sec .situation_list {
    padding: 30px 20px;
}

.situation_sec .situation_list .imgarea {
    max-width: 45%;
}

.situation_sec .situation_list .txtarea {
    padding: 20px 0 0px 15px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.7;
}



.m-example03 .contents_sec .detail_area .imgarea {
    width: 50%;
}

.m-example03 .contents_sec .detail_area .txtarea {
    padding: 10px 0px 0px 30px;
    font-size: 18px;
    font-size: 1.8rem;
}

.m-example03 .ex_wrap_qr {
    border: none;
    background: rgba(226, 236, 246, 0.6);
    margin: 50px auto;
    padding: 50px 30px;
}

.m-example03 .price_sec .detail ul {
    max-width: 100%;
}

.m-example03 .price_sec .detail li .imgarea {
    width: 40%;
}

.m-example04 .contents_sec .ex_wrap_result .common_txt04 {
    max-width: 90%;
    line-height: 1.6;
        padding: 10px;
}


/*----------------------------
  FAQ
*----------------------------*/
.faq-wrap{
  max-width: 96%;
  padding-bottom: 50px;
  padding-top: 30px;
}
.faq-category {
  margin-bottom: 50px;
}

.faq-category__item {
  margin: 0;
}
.faq-category__item:first-child {
  margin-left: 0;
}

.faq-category__item:last-child {
  margin-right: 0;
}

.faq-wrap h2 {
  text-align: left;
  font-size: 24px;
  font-size: 2.4rem;
  padding: 0em 0.8em;
}

.faq-list__title {
  padding: 20px 50px 20px 10px;
  font-size: 18px;
  font-size: 1.8rem;
}

.faq-list__title span {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.5;
}

.faq-list__text {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 20px 10px;
}
.faq-list__text span {

  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.6;
}


/*----------------------------
  導入までの流れ
*----------------------------*/
.main_flow .main_ttl_en,
.main_faq .main_ttl_en {
  top: 67%;
}


}

@media (max-width: 600px){
  .col-xs-12 .col-sm-12{
    width: 100% !important;
  }
.row {
  display: block;
}


.index_about .imgarea_sp{
  max-width: 70%;
margin-top: -40px;
}

.index_about {
    max-width: 2500px;
    margin: auto;
    background-image: url(../imeges/top/about-back.jpg);
    background-size: 170%;
    background-repeat: no-repeat;
    background-position: -60px 0;
      padding-bottom: 50px;
      padding-top: 50px;
}

.index_feature, .index_point  {
  padding-top: 50px;
}

.index_overview{
  padding: 30px 0 50px;
}

.about_lists ul li {
    width: 90%;
    height: 90px;
}

  .common_ttl02{
      font-size: 3rem;
  }

  .common_ttl02 span{
    font-size: 3.3rem;
  }

  .common_ttl03 {
    font-size: 20px;
    font-size: 2rem;
}

  .common_txt02{
    text-align: left;
  }

  .main-visual{
    display: none;
  }

  .sp-main-visual{
    display: block;
    max-width: 100%;
    margin-top: 64px;

  }


.index_feature .feature_area li{
  width: 100% !important;
}

.comparison_ttl{
  width: 100%;
  padding: 20px;
}

.index_security .common_txt02{
  width: 90%;
  margin: auto;
}

.hidden-sp{
  display: none;
}

.visible-sp{
  display: block;
}

.index_feature .btn_area {
    max-width: 428px;
    margin: auto;
    background-image: url(../imeges/top/feature_btn_hover.png);
    background-size: 428px;
    background-repeat: no-repeat;
    background-position: center center;
    background: none;
}

/*----------------------------
  料金
*----------------------------*/
.m-price {
    margin: 50px auto 0;
}

.m-price .price_wrap {
    background-color: #e2ecf6;
    padding: 30px 0;
}


.price_lead {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 5px;
}

.m-price .price_sec{
  display: block;
}

.m-price .price_sec .item .item_wrap {

    padding: 15px 0px 10px;
}

.m-price .price_sec .item {
    width: 95%;
    margin:5% auto;
    padding: 20px 0px 0px;
}

.m-price .price_sec .item .ttl {
    font-size: 20px;
    font-size: 2rem;
    padding: 30px 0 20px;
}

.m-price .price_sec .item .txt {
    font-size: 26px;
    font-size: 2.6rem;
    padding: 30px 0 40px;
}

.price_sec .item .option {
    padding: 10px 0;
    font-size: 16px;
    font-size: 1.6rem;
    background: #00168a;
    color: #fff;
    cursor: pointer;
}

.price_sec .item .option_detail {
padding: 30px;
}

.price_sec .item .option_detail p {
    font-size: 15px;
    font-size: 1.5rem;
}

.price_btn_wrapper {
    margin-bottom: 0;
    display: block;
    max-width: 80%;
}


.btn_price {
  width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}


.l-footer .nav-part01{
  padding: 20px 0;
}


.footer-inner .nav-part01 h2 {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: left;
}

/*----------------------------
  機能概要
*----------------------------*/

.flow_ttl {
  margin-top: -15px;  
}

.about_sec .flex_area {
    display: block;
    margin-bottom: 30px;
}
.about_sec .common_txt02,
.flow_sec .common_txt02 {
    padding: 0 15px;
} 

.about_sec .detail li {
    margin-bottom: 30px;
}

.about_sec .common_ttl03, .flow_sec .common_ttl03 {
    display: inline-block;
    color: #00168a;
    background: none;
    padding-bottom: 3px;
    margin-bottom: 20px;
}



.about_sec .reccomend .ttl {
    display: inline-block;
    margin: auto;
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 30px;
    padding-bottom: 5px;
    padding-left: 40px;
    padding-right: 40px;
    background: linear-gradient(transparent 60%, rgba(53, 120, 190, 0.3) 60%);
}

.about_sec .common_ttl03 span, .flow_sec .common_ttl03 span {
    font-size: 28px;
    font-size: 2.8rem;
}

.induce_btn_area {
    position: static;
    margin: auto;
}

.about_sec02 .push p{
    display: none;
}

.about_sec03 .ttl_area, .about_sec04 .ttl_area {
    padding: 0px 20px;
}

.about_sec04 .common_ttl02 {
    text-align: center;
}

.about_sec04 .common_ttl02 .narrow {
    margin-left: 0px;
}

.about_sec04 .common_ttl02::after {

    left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.arrow {
    position: absolute;
    max-width: 23px;
    top: 34%;
    right: -3px;
    display: none;

}

.about_sec .detail .txt {
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
}

.about_sec02 .detail .list03 .txt {
    margin: 5px 0 0 0px;
}

.about_sec03 .detail .list01 .imgarea, .about_sec03 .detail .list03 .imgarea {
    margin-bottom: 20px;
}

.about_sec .reccomend {
    max-width: 90%;
    padding-bottom: 0px !important;
    margin-bottom: 30px;
}


.feature_li_last {
    margin: auto !important;
}

.tool, .about_sec04 .tool  {
    padding: 55px 10px 30px 10px;
}

.tool ul {
    max-width: 99%;
    margin: auto;
    display: block;
}

.about_sec03 .tool .item_left {
    width: 100%;
    padding: 30px;
    text-align: center;
}

.tool .item_right{
    display: block;
    width: 100% !important;
}

.about_sec03 .ttl_area, .about_sec04 .ttl_area {
    width: 100%;
padding: 0;
text-align: center;
}

.about_sec03 .items01 .item_right .item_list,
.about_sec03 .items02 .item_right .item_list01 {
    width: 90%;
    text-align: center;
margin: 0 auto 30px;
}

.about_sec03 .tool .item_right {
    width: 70%;
    padding: 40px 20px;
}

.about_sec03 .tool .items02 .item_left {
    padding: 50px 0 0;
    text-align: center;
}

.about_sec03 .item_right .item_list p {
    position: static;
    margin-top: 20px;
}

.about_sec04 .tool .items {
  padding: 30px;
}

.col-md-five-1 {
    max-width: 100%;
}
.about_sec04 .tool .items01 .item_list {
    margin-bottom: 50px;
    width: 100%;
}

.about_sec04 .item_right .item_list p {
    position: static;
    text-align: center;
    margin-top: 20px;
}

.about_sec04 .tool .items01 .item_list03 .imgarea {
  position: static;
}

.about_sec04 .tool .items01 .item_list02 .imgarea {
    max-width: 110px;
    top: -10px;
    left: 15px;
}

.about_sec04 .tool .items01 .item_list03 .imgarea {
    max-width: 130px;
    top: 0px;
}

.about_sec04 .tool .items01 .item_list04 .imgarea {
    max-width: 190px;
    left: 30px;
    top: 0px;
}

.about_sec04 .tool .items01 .item_list05 .imgarea {
    max-width: 100px;
}

.about_sec05 {
    padding-bottom:30px;
}

/*----------------------------
  企業概要
*----------------------------*/
.m-company {
    margin: 20px auto 50px;
}

.company_lead{
display: block;
padding-bottom: 0;
padding-left: 0;
}

.company_lead p {
  margin-bottom: 30px;
  font-size: 11.2px;
  line-height: 2.2;
}


.m-company .hardware-table th[scope=row] {
    font-size: 13px;
    padding: 10px 5px;
    width: 40%;
}
.company-table td, table:not([class]) td, table:not([class]) th {
    padding: 10px 5px;
}

.text-right {
    font-size: 13px;
}

/*----------------------------
  導入までの流れ
*----------------------------*/

.flow_sec .detail .imgarea_sp {
  max-width: 90%;
  margin: auto;
  padding: 20px 0 20px 30px;
}

.flow_btn_wrapper {
  width: 70%;
}


/*----------------------------
  導入事例
*----------------------------*/

.m-example .common_ttl02 {
      font-size: 2.6rem;
      margin: 50px 0;
  }


.m-example .profile_sec {
    display: block;
}

.m-example .profile_sec .imgpart {
    max-width: 100%;
}

.m-example .profile_sec .tablepart {
    display: block;
    width: 100%;
    padding: 20px 0
}

.m-example .profile_sec th {
    width: 16%;
}
.m-example .profile_sec .table_last {

    padding-right: 10px;
}

.m-example .contents_sec {
    margin: 30px 0 50px;
}

.m-example .common_txt04 {
  padding: 0 15px;
}

.m-example .ex_wrap_background, .m-example .ex_wrap_result, .m-example .ex_wrap_price, .situation_sec .situation_list, .m-example03 .contents_sec .detail_area, .m-example04 .ex_wrap_afterflow {
    margin: 30px auto 0px;
}

.m-example .contents_sec .ttl {
    padding: 0 0 20px;
    line-height: 1.5;
}

.m-example .ex_wrap_flow {
    padding: 50px 10px 10px;
    margin-top: 50px;
    border: none;
}

.m-example .example_flow_pic {
    max-width: 95%;
    margin: 30px auto;
}


.m-example .price_sec .detail ul {
    display: block;
}

.m-example .price_sec .detail {
max-width: 100%;
padding-top: 0px;
margin-top: 0px;
}

.m-example .price_sec .plus {
    max-width: 35px;
    margin: 40px auto 30px;
}

.m-example .price_sec .detail .use_tool_items {
    font-size: 20px;
    font-size: 2rem;
    margin: 20px auto;
    padding: 0;
}

.m-example .price_sec .comment .common_txt04 {

    max-width: 100%;
}


.m-example .price_sec .detail li {
    width: 100%;
    margin: auto;
}



.m-example .price_sec .detail .use_tool_items p {
    margin-top: 20px;
    margin-bottom: 20px;
  font-size: 15px;
  font-size: 1.5rem;

}

.m-example .price_sec .detail .price_items {
    font-size: 30px;
    font-size: 3rem;
}

.m-example02 .ex_wrap_situation {
    margin: 50px auto;
    padding-top: 50px;
}

.situation_sec .situation_list {

    display: block;
}

.situation_sec .situation_list .imgarea {
    max-width: 100%;
}

.situation_sec .situation_list .txtarea {
    padding: 20px 10px 10px;

}

.m-example .contents_sec .ex_wrap_price {
    border: 3px solid #00168a;
    padding: 50px 0 0px;
}

.m-example .price_sec .detail .price_name {
    font-size: 20px;
    font-size: 2rem;
    margin: 20px;
}
.m-example .price_sec .detail .tool_name {
    font-size: 28px;
    font-size: 2.8rem;
}

.m-example02 .price_sec .detail .use_tool__items01,
.m-example02 .price_sec .detail .use_tool__items02 {

    max-width: 100%;
    padding: 40px 0 0;
}

.m-example02 .price_sec .detail .use_tool__items01 li,
.m-example02 .price_sec .detail .use_tool__items02 li
 {
    max-width: 50%;
    margin: auto;
}

.m-example02 .price_sec .detail .use_tool__items02 {
  padding-top: 0;
  padding-bottom: 20px;
}

.m-example03 .contents_sec .detail_area {
    display: block;
}
.m-example03 .ex_wrap_qr {
    padding: 30px 30px;
}

.m-example03 .contents_sec .detail_area .imgarea {
    width: 100%;
}
.m-example03 .contents_sec .detail_area .txtarea {
    padding: 30px 0px 0px 0px;
}
.m-example03 .contents_sec .detail_area .txtarea p {
    margin-bottom: 10px;
}

.m-example03 .price_sec .detail li {
    padding: 30px 0 0px;
}

.m-example03 .price_sec .detail li .imgarea {
    width: 50%;
}



.m-example04 .contents_sec .ex_wrap_result .txtarea {
    max-width: 90%;
}

.m-example04 .ex_afterflow_pic_sp {
    max-width: 90%;
    margin: 40px auto 0;
    padding-left:  20px;
}

.m-example04 .price_sec .detail li {

  margin-bottom: 20px;
}

/*----------------------------
  お問い合わせ
*----------------------------*/
.main_contact .main_ttl_jp{
  font-size: 26px;
  font-size: 2.6rem;
}

.m-contact {
    max-width: 95%;
    margin: auto;
    margin: 50px auto;
}

.contact_lead {
  width: 97%;
  margin: auto;
    font-size: 16px;
    font-size: 1.5rem;
    margin-bottom: 50px;
    text-align: left;
    margin-top: 0;
}

.contact_ttl {

    margin: 50px;
}

.formTable .subject {
    width: 100%;
    display: block;
    vertical-align: top;
    font-weight: 500;
}

.formTable .whiteLine {
    border-top: 1px solid #d5dae3;
    border-bottom: 1px solid #d5dae3;
    padding: 10px 5px;
}

.formTable .grayLine{
      padding: 10px 5px;
}

.formTable .subject p {
    padding-right: 3px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 100%;
    margin-top: 10px;
}
.formTable .subject p .req {
line-height: 1.7;
    position: relative;
    margin-top: 0;
    left: -5px;
    top: -1px;
}

.formTable .inputItem {
width: 100%;
    padding-left: 0px;

}

.formTable input.name, .formTable input.email, .formTable input.url, .formTable input.service, .formTable input.text
 {
    width: 95%;
}

.formTable input.tel {
    width: 95%;

}


element.style {
}
.formTable .textarea {
    width: 95%;
}

#formTable .subject span {
    display:  inline;
    margin-left: 2px;
        line-height: 0;

}

.sp_none{
  display: none;
}


.formTable .checkArea_01,
.formTable .checkArea_02  {
    width: 100%;
}


/*----------------------------
  サイトマップ
*----------------------------*/
.m-sitemap .sitemap-line {
    display: block;
}

.m-sitemap {
    margin: 30px auto 50px;
}


.m-sitemap .opt-1clm, .m-sitemap .sitemap-line .sitemap_item {
    width: 95%;
    padding: 30px 20px;
}

}