@charset "UTF-8";

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

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

/* h4, h6, p,.point{width: 90%;max-width: 1024px;margin: 0px auto 20px} */
h4, h6, p,.point{max-width: 1024px;margin: 0px auto 20px}
figure{width: 90%;margin: 40px auto }

dl{width: 100%}

input[type="submit"]{border:none;width:90%;color: #fff}
input[type="text"]{width: 100%;height:24px;font-size: 2rem}
input[type=text]::-webkit-input-placeholder{color: red;text-align: center;}
textarea{border:5px；}
textarea::-webkit-input-placeholder{color: red;}

ol, ul, li {list-style: none;}
img{max-width: 100%}
.pc{display:none }
.sp{display: block}
.small{font-size: 80%;font-weight: normal;display: inline-block}


html{font-size: 62.5%;margin: 0; padding: 0;}
body{ font-family: 'Noto Sans JP', sans-serif;font-weight: 400; width: 100%; color:#000;text-align: left; }body{min-width:1024px;}
/*a{display: inline-block; color: #fff}*/
a{display: block; color: #fff}

h1{background:#0033A1; color: #fff;font-size: 3.3rem;height:80px;line-height:2.4em }
h2{font-size: 2.4rem;margin-bottom: 1.2rem}
h3{ background: #0033A1; color: #fff;font-size:3rem;line-height: 1.2em; width:100%;isplay: flex;align-items: center;  justify-content: center; text-align: center;margin:60px auto 40px;padding:20px 0}
h4{font-size:2.8rem;color:#0033A1;line-height: 1.6em;}
h4 .bg{background:#0033A1;display: inline-block;color: #fff;padding:2px 10px}
h4.point{margin: 40px auto 10px}
h4 br{display: none}
dd h4{margin-bottom:20px;text-align: left}
h4.use{margin-top: 80px}
h5{color: #fff;font-size:2.4rem;text-align: center;}
dd,
dd li,
p{font-size:1.6rem;line-height:1.6em;text-align: left;}
dd li{margin-bottom: 0px}
p.attention{font-size: 1.4rem;font-weight: 300}
p.attention2{font-size: 1.8rem;font-weight: 300}
p.attention3{font-size: 1.6rem;font-weight: 300}
::placeholder { color: red; text-align:center;}

.bl{width:100%; background:#0033A1;margin-bottom: 50px ;padding:20px 0}
.wh{width:100%; background:#fff;margin-bottom: 50px ;padding:20px 0}
.wh h5{color: #0033A1;font-size:2.4rem;text-align: center;}

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

product_exp{box-shadow: 5px 10px 10px #c0c0c6;border: 1px solid #fff;width: 100%;height: auto;}

/* common */
section{margin:50px auto;width:80%;}
/*section.exa{text-align:center; display: inline-block; display: -webkit-flex; -webkit-box-pack: justify;-webkit-justify-content: space-between; -webkit-box-align: center;}*/
section.exa{text-align:center; display: -webkit-box; -webkit-box-pack: justify;}

.imgsize{width:100%;}
/*
.bluebox{text-align: center;width:82%; margin:5% 5% 5% 8.5%; background: #29a6dd!important;}
.bluebox{text-align: center;width:80%; margin:5% 50px auto 90px; background: #29a6dd!important;}
.bluebox{text-align: center;width:100%; margin:5% 0px 5% 0px; background: #29a6dd!important;}
*/
.bluebox{text-align: center; background: #29a6dd!important;}

.orangebox{background: #E4801C; border-radius: 6px;width:90%; margin: 5% 5%; text-align: center;font-size: 2.4rem;font-weight: bold;text-decoration: none;line-height: 2.3em;}
.orangebox a {text-decoration:none;}
.orangebox:hover{opacity: .7}

#header { max-width: 1920px;width: 100%;margin: 0 auto;}
.contact {float:right; width:20%;}
#top_img { max-width: 1920px;width: 100%; margin: 0 auto;}
#main { max-width: 1920px; width: 100%; margin: 0 auto;}

figure.aihead { width: 100%; position: relative;text-align:center;}
figure.aihead img.aihead_back { width: 100%; vertical-align: top; }
figure .aihead-text{
  position: absolute;
  left: 5%;
  display: -webkit-box;
  width: 90%;
  height: 100px;
  top: 10%;
}
figure.aihead figcaption.aititle {  
  color: #ffffff;
  font-weight: bold;
  width: 100%;
  text-align: left;
  margin: 0 auto;
}


figure.aihead figcaption.jbtn { font-size: 1.0rem; color: #ffffff; position: absolute; top: 87%; left:5%; display: -webkit-box; width: 90%; -webkit-box-pack: center; font-weight: bold; }

figure.tema { width: 100%; position: relative; margin-bottom: 0;margin-top:10%;}
figure.tema img { width: 100%; vertical-align: top; }
figure.tema figcaption { font-size: 4rem; color: #ffffff; position: absolute; top: 0; display: flex; width: 100%; height: 100%; margin-top: 5px; align-items: center; justify-content: center; font-weight: bold; }
figure.tema figcaption { display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center; }

figure.ailpimg1 { width: 100%; position: relative; margin-bottom: 0;}
figure.ailpimg1 img { width: 100%; vertical-align: top; }
figure.ailpimg1 figcaption { font-size: 2rem; color: #6f6966; position: absolute; top: 70%; left: 10%; width: 80%; height: 100%; margin-top: 5px; align-items: center; justify-content: center; line-height:4rem; }

.intro4 {color: #fff; font-size: 1.6rem; font-weight:50px; padding:40px;}
ul.intro4 {list-style: disc;padding-left: 80px;}
ul.intro4 li {list-style: disc; padding-left: 0px;}

/* aix01nx */
.intro1{color: #6f6966; font-size: 3rem;line-height:40px; padding-top:80px; padding-bottom: 40px; text-align: center;}

/* edge_ai */
.intro2{color: #6f6966; font-size: 24px; font-weight:50px; line-height:40px; padding:60px; text-align: center}
.backgd_edgeai{background-image: -webkit-linear-gradient( 0deg,#D3FFFF 0%, white 100%); z-index: -1; margin-top: 10%; width:100%; max-width:100%;}
section .exatitle{text-align: left; font-size: 2.7rem; color:#727272; border-bottom:2px solid #a0a0a0;padding-top: 100px;width:100%;}
.backgd1_edgeai{background-image: -webkit-linear-gradient( 0deg,white 0%, #d3ffff 100%);  background-size:100% 100%; z-index: -1; top:20%; width:100%; max-width:100%;}

section .edgtext{font-size: 2rem; color: #6f6966; margin-top: 5px; align-items: center; justify-content: center; line-height:4rem;padding-bottom: 7em; width: 100%;}
section .exaline{width:100%; max-width: 500px; margin-top: 30px;}
section .exaline0{width:100%; margin-top: 30px; max-width: 500px;}

section .exatema1{text-align: left; font-size: 3rem; color:#727272}
section .exatext1{text-align: left; color:#727272; border-bottom:2px solid #a0a0a0; font-weight:bold; font-size:3rem;}
section .exatema2{text-align:left; color:#0033a0; border-bottom:2px solid #a0a0a0; font-weight:bold; font-size:2.8rem; margin-bottom: 24px; padding-top:30px;}
section .exap{font-size:20px;color:#727272; font-weight:bold;margin:0px;padding-top:10px;}
section .exap1{font-size:20px;color:#727272; font-weight:bold;margin:0px;padding-top:10px;padding-bottom: 7em;}
section .exap_disc{font-size:20px;color:#727272; font-weight:bold;margin:0px 0px 0px 20px;padding-top:10px; list-style: disc;}
section .exap_disc1{font-size:20px;color:#727272; font-weight:bold;margin:0px 0px 0px 20px;padding-top:10px; list-style: disc;padding-bottom: 7em;}

section .exatema3{text-align: left; font-size: 5rem; color:#a6b8de; border-bottom:1px solid #a6b8de;}
section .exatema3{max-width:500px;}
section .exatema3 span{text-align: right;font-size: 2rem;}
section .exatext3{font-size:20px;color:#878787; font-weight:bold;margin:0px 0px 0px 20px;padding-top:10px; line-height: 3.5rem; list-style: disc;}

section .exatema4{text-align: left; font-size: 5rem; color:#0033a0; border-bottom:1px solid #0033a0;}
section .exatema4 span{text-align: right;font-size: 2rem;}
section .exatext4{font-size:20px;color:#0033a0; font-weight:bold; margin:0px 0px 0px 20px;padding-top:10px; line-height: 3.5rem; list-style: disc;}

/* example */
.backgd_example{background-image: -webkit-linear-gradient( 0deg,white 0%, #d3ffff 100%);  background-size:100% 100%;width: 100%; z-index: -1; margin-left:0px;margin-right:0px;max-width:100%}

/* demo */
.backgd_demo{background-image: -webkit-linear-gradient( 0deg,#D3FFFF 0%, white 100%);  background-size:100% 100%; z-index: -1; top:20%; width:150%; max-width:100%;}
.backgd_demo_product{float:right;}
.backgd_demo_sub{background-image:url('../img/lp_demo.png');  background-size:100% 100%; width:102%;}

.intro_demo{color:#0033a0; font-size: 3rem;  border-bottom:4px solid #0033a0;}
.intro_demo span:nth-child(1){font-size: 8rem;}
.intro_demo span:nth-child(2){font-size: 6rem;}
.intro_demo span:nth-child(3){font-size: 5rem;}
.intro_demo2{color:#0033a0; font-size: 2.5rem;}
.backgd_demo_sub ul{display:table;}
.backgd_demo_sub li{display:table-cell; text-align: center; vertical-align: middle; }
.backgd_demo_sub li:nth-child(1){width:20%;}


.backgd_demo_sub img{margin: 20px 60px 20px 60px; }
.backgd_demo_sub p{width:75%; color: #878787; font-size: 2.2rem;}
.backgd_demo_sub p span:nth-child(1){color: #878787;}
.backgd_demo_sub p span:nth-child(3){color: #ff0000;}

section .exap_demo{font-size:2.2rem;color:#878787; line-height:4rem;}
section .exatema_demo{text-align:left; color:#0033a0; border-bottom:2px solid #a0a0a0; font-weight:bold; font-size:2.8rem; margin-bottom: 24px; padding-top:30px;}
section .exatema_demo_sub{color: #0033a0; border-bottom:2px solid #0033a0; margin:20px;}
section .exatema_demo_sub span:nth-child(1){font-size: 4rem; font-weight: bold;}
section .exatema_demo_sub span:nth-child(2){font-size: 3rem;}
section .exatema_demo_arrow{width: 10%; margin:20px auto;}

/* product */
.backgd_product{width: 100%; z-index: -2; position: absolute; margin-top: 0%;height:160%;}
.probackimg{position: relative;text-align: center;padding:50px 0;}
.proimg{position: absolute;top:15%;left:40%;width:20%;}

.productbox{box-shadow: 5px 10px 10px #c0c0c6;border: 1px solid #fff;background: #fff;}
.productpngpc{float: left;margin: 5% 10% 5% 10%;}
.productpngsp{}

section.product{text-align:center; display: inline-block; display: -webkit-flex; -webkit-box-pack: justify;-webkit-justify-content: space-between; -webkit-box-align: center; background-image:linear-gradient(to right, #fff , #d3ffff); background-size:100% 100%; z-index:1;width:100%;}
section.product div:nth-child(1){width:57%; height:100%; z-index:2;padding: 20px;}
section.product div:nth-child(2){width:100%; height:100%;}
.producttbl table{background:#faf9f9; border:1px solid #a0a0a0; border-collapse: collapse;  border-color:black; font-size:1rem; margin: 5% 10% 5% 10%; height:650px;}
.producttbl td{padding: 3px 3px 3px 3px;}
.producttbl tr:nth-child(1) {background:#fff;}
.producttbl tr:nth-child(1) td {padding-top:1.3rem;}
.producttbl tr:nth-child(3) {background:#fff;}
.producttbl tr:nth-child(5) {background:#fff;}
.producttbl tr:nth-child(7) {background:#fff;}
.producttbl tr:nth-child(9) {background:#fff;}
.producttbl tr:nth-child(11) {background:#fff;}
.producttbl tr:nth-child(13) {background:#fff;}
.producttbl tr:nth-child(15) {background:#fff;}
.producttbl tr:nth-child(17) {background:#fff;}
.producttbl tr:nth-child(18) td {padding-bottom:1.3rem;}
.producttbl td:nth-child(1) {padding-left:1rem;padding-right:1rem;}

/* contact */
.intro3{color: #fff; font-size: 34px; font-weight:50px; padding:10px; width:100%; max-width:1200px}
#form {padding:40px 0 0 0;}
#form p{text-align: center;font-size: 1.6rem;margin-bottom: 20px; width:80%;}

textarea{width:100%;}
textarea[type=text]::-webkit-input-placeholder{color: red;}

form{text-align:center;padding:5%;}
#form dd{text-align: left; margin-bottom: 25px;}

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

.red{color: #FF0000;}
.head{margin: 0 auto;text-align: center;color: #fff;position: relative;}
.copy {background:#0033A1;padding:20px 0; }
.copy p{margin-bottom: 0;}
dl{font-size: 2.2rem;width:90%; margin: 0 auto}
dl span{font-size: 1.3rem;margin-left: 10px;line-height: 2em;}

.head img{width:100%;max-width: 100%;display: block;}
.introduction img{margin: 0 auto 30px;width: 100%;}
div.use{border:1px solid #0033A1;padding: 2.5%;width: 86%;margin: 20px auto 40px;}
.point li{margin-bottom:40px}

.bl li {width:90%;margin: 20px auto; color: #fff}
.wh li {width:90%;margin: 20px auto; color: #0033A1}
.wr{margin: 40px auto}
.wr h4{text-align: left;color: #fff; margin: 0 auto 30px}
.wr{margin: 20px auto;color: #fff;padding: 20px 0}
.wr p{font-size: 2rem;margin-bottom: 30px}
.wr p.attention{font-size:1.6rem;margin-bottom: 0px}
.gr{background: #E5E5E5;}
.gr dd{color: #0033A1;padding:40px 10px;}
.bl dt{padding:40px 0;}
.bl dt h4{color: #fff;text-align: left}
.wh dt{padding:40px 0;}
.wh dt h4{color: #0033A1;text-align: left}

.d_l .apple img{width: 120px}
.d_l .google img{width: 135px}

.gr2{background: #E5E5E5; margin-top: 40px;padding:40px 0;}

.arrow{position: relative;margin: 20px auto 50px;}
.arrow::after{content: ''; width: 0;height: 0;border-style: solid;border-width: 50px 50px 0 50px;border-color: #E5E5E5 transparent transparent transparent;margin: 0px auto;bottom: -50px;position: absolute;left: 0;right: 0;}
.new{width:76px; margin: 0 auto 2px 5px}
.d_l ul{margin: 0 auto 20px}
.d_l li{text-align: center;margin: 0 auto 30px}

.btn{background: #E4801C; border-radius: 6px;width:100%;max-width:220px;height:54px;margin: 20px auto;text-align: center;font-size: 2.4rem;font-weight: bold;text-decoration: none;line-height: 2.3em;}
.d_l li a:hover,
.btn:hover{opacity: .7}
.back{background: #ccc; border-radius: 6px;width:100%;max-width: 220px;height:54px;margin: 20px auto;text-align: center;font-size: 2.4rem;text-decoration: none;line-height: 2.3em;color: #666;margin-right: 5%;}

.btnask{background: #E4801C; border-radius: 5px;width:100%;max-width:280px;height:40px;margin: 30px auto;text-align: center;font-size: 1.8rem;font-weight: bold;text-decoration: none;line-height: 1.8em;cursor:pointer;}
.btnask:hover{opacity: .7}

#formWrap .btn,
#formWrap .back{width:45%;border:none;}
#formWrap {max-width:780px;width:90%;margin:50px auto;color:#333;font-size: 1.6rem;}

section.active{ opacity : 1;transform : translate(0, 0);}

.hrstyle{height: 20%;background-color: transparent;border: 0;}

/*header li*/
li{text-align: left;font-size:1.7rem;}
.litext{text-align: left;font-size:2.6rem;}

/*footer*/
footer{width: 100%;max-width: 1130px;margin: 0 auto;height:100px;text-align: center}
footer p{font-size:1.4rem;margin: 0;width: auto;text-align: center}

.trademark{font-size:1.6rem;line-height: 1.4em;max-width:1200px;width:90%;margin: 40px auto}
.trademark li{position: relative; padding-left: 1.25em;font-size:1.6rem;margin-bottom: 0}
.trademark li::before{content: "\30fb";position: absolute;left: 0;top: 0}

/**************************************************/
/* pc */
@media screen and (min-width: 641px)  {

  .pc{display: block}
  .sp{display:none }
  h1{background: none;position:absolute;left: 0;right:0;top:0;margin: 0 auto}
  h3{font-size: 3.6rem;}
  h4{font-size:2.9rem;}
  h4.point{display: inherit;text-align: left;font-size: 4rem;font-weight: bold;margin: 40px auto 20px}

  p.attention2{font-size: 2.2rem;}
  p.attention3{font-size: 1.8rem;}
  #form p{font-size: 1.8rem;text-align: left;}

  form{max-width:680px;margin: 0 auto;padding:0}
  .wr,
  .bl ul,
  .wh ul,
  .point,
  .package,
  .use{display: flex;flex-wrap: wrap;width: 90%; max-width: 1200px; justify-content: space-between;align-items: center;margin: 0 auto}
  .wr{padding: 40px 0; align-items:flex-start}

  .use{mdisplay: flex;flex-wrap: wrap;width: 90%; max-width: 1200px;}
  .use h4{width: 100%;}
  .use p{width:calc(100% - 300px)}
  .use img{width: 300px;height: auto}
  .point li{width:48%;margin-bottom: 30px}

  .bl ul{align-items: flex-start;}
  .bl li {width:32%;max-width:350px;margin: 20px 0; color: #fff}
  .wh ul{align-items: flex-start;}
  .wh li {width:32%;max-width:350px;margin: 20px 0; color: #0033A1}

  .package dt{width:40%;max-width: 450px}
  .package dd{width:54%;flex-wrap:wrap;padding:0 2%;}
  .d_l ul{display: flex;width:600px;margin: 0 auto}
  .d_l li{font-size: 1.6rem}

  .logoup{z-index: 2; margin-top: 30px; margin-left: 100px;}
  .askbuttonpc{width:20%; z-index: 2;}
  .menu{display:none}
  .toggle_btn{display:none}
  .kakuninbutton{width:50%;}

  .sptext{font-size:1.5rem;position: absolute;bottom: 15%;left: 60%;}
  
  dl h4{width:auto;line-height: 1.2em}
  #form dt{width:220px;padding:20px 0; display: flex;justify-content: space-between;align-items:  flex-start;}
  #form dd{width:calc(100% - 240px);margin-bottom: 0;padding:20px 0 20px 120px;}
  input[type="text"]{width:100%;height:28px;font-size: 1.6rem;}


  footer{text-align: left;display: -webkit-box;-webkit-box-align: center;height: 100px;-webkit-box-pack: justify;}

  input[type=text]::-webkit-input-placeholder{color: red;text-align: center;}
  textarea[type=text]::-webkit-input-placeholder{color: red;text-align: center;padding:20px; }

  .footerms{color: #0033A1; font-weight: 80px}

  .img1{width: 100%; margin-top: 80px}
  .img2{width: 100%; margin-top: 80px}
  .img1{}
  .imgsp1{display:none;}

  .imgpc{width: 100%; margin-top: 40px}
  .imgsp{display:none;}
  .imgspai{display:none;}

  .askbuttonsp1{display:none;}
  .askbuttonsp{display:none;}
  .askbuttonpc{}

  nav {left: -220px; width: 220px;}

  .clickmenupc{}
  .askbuttonsp{display:none;}

  .clickmenu0{width:17rem; height:3rem; color:#fff; line-height:3rem; font-size:1.5rem; text-align:center; border: #fff 2px solid; border-radius: 5px; margin-right:20px; padding: 10px 0; vertical-align: middle; }
  .clickmenu0:hover{opacity: .7}
  .clickmenu1{width:17rem; height:3rem; color:#fff; line-height:1.7rem; font-size:1.5rem; text-align:center; border: #fff 2px solid; border-radius: 5px; margin-right:20px; padding: 10px 0; vertical-align: middle; }
  .clickmenu1:hover{opacity: .7}

  figure.aihead figcaption.aititle { font-size: 4.5rem;}
  figure.aihead figcaption.aititle { width: 970px;}
  .intro_demo{color:#0033a0; font-size: 3rem;  border-bottom:4px solid #0033a0;}

  section .exatema3{text-align: left; font-size: 3.6rem;}
  section .exatema3{max-width:500px;}
  section .exatema4{text-align: left; font-size: 3.6rem;}
  section .exaline{max-width:400px}
  section .exaline0{width:100%; margin-top: 30px; max-width: 400px;}
}

/**************************************************/
@media screen and (min-width: 1024px)  {
  .pc{display: block}
  .sp{display:none }
  h1{background: none;position:absolute;left: 0;right:0;top:0;margin: 0 auto}
  h3{font-size: 3.6rem;}
  h4{font-size:2.9rem;}
  h4.point{display: inherit;text-align: left;font-size: 4rem;font-weight: bold;margin: 40px auto 20px}

  p.attention2{font-size: 2.2rem;}
  p.attention3{font-size: 1.8rem;}

  form{max-width:680px;margin: 0 auto;padding:0}
  .wr,
  .bl ul,
  .wh ul,
  .point,
  .package,
  .use{display: flex;flex-wrap: wrap;width: 90%; max-width: 1200px; justify-content: space-between;align-items: center;margin: 0 auto}
  .wr{padding: 40px 0; align-items:flex-start}

  .use{mdisplay: flex;flex-wrap: wrap;width: 90%; max-width: 1200px;}
  .use h4{width: 100%;}
  .use p{width:calc(100% - 300px)}
  .use img{width: 300px;height: auto}
  .point li{width:48%;margin-bottom: 30px}

  .bl ul{align-items: flex-start;}
  .bl li {width:32%;max-width:350px;margin: 20px 0; color: #fff}
  .wh ul{align-items: flex-start;}
  .wh li {width:32%;max-width:350px;margin: 20px 0; color: #0033A1}

  .package dt{width:40%;max-width: 450px}
  .package dd{width:54%;flex-wrap:wrap;padding:0 2%;}
  .d_l ul{display: flex;width:600px;margin: 0 auto}
  .d_l li{font-size: 1.6rem}
  .toggle_btn{display:none}
  .kakuninbutton{width:50%;}


  dl h4{width:auto;line-height: 1.2em}
  #form dt{width:220px;padding:20px 0; display: flex;justify-content: space-between;align-items:  flex-start;}
  #form dd{width:calc(100% - 240px);margin-bottom: 0;padding:20px 0 20px 120px;}
  input[type="text"]{width:100%;height:28px;font-size: 1.6rem;}
  footer{text-align: left;display: -webkit-box;-webkit-box-align: center;height: 100px;-webkit-box-pack: justify;}

  input[type=text]::-webkit-input-placeholder{color: red;text-align: center;}

  textarea[type=text]::-webkit-input-placeholder{color: red;text-align: center;padding:20px;}

  .footerms{color: #0033A1; font-weight: 80px}

  .img1{width: 100%; margin-top: 80px}
  .img2{width: 100%; margin-top: 80px}
  .img1{}
  .imgsp1{display:none;}
  .imgpc{width: 100%; margin-top: 40px}
  .imgsp{display:none;}
  .imgspai{display:none;}

  .askbuttonsp1{display:none;}

  .askbuttonsp{display:none;}

  nav {left: -220px; width: 220px;}

  .clickmenupc{}
  .askbuttonsp{display:none;}

  section .exatema3{text-align: left; font-size: 3.6rem;}
  section .exatema3{max-width:500px;}
  section .exatema4{text-align: left; font-size: 3.6rem;}
  section .exap{font-size:2rem;}
  section .exap1{font-size:2rem;}

  .backgd_demo_sub img{width:100% }
  
  section .exaline{max-width:400px}
  section .exaline0{width:100%; margin-top: 30px; max-width: 500px;}
}


@media screen and (min-width: 1200px){

  section .exatema3{text-align: left; font-size: 5rem;}
  section .exatema3{max-width:500px;}
  section .exatema4{text-align: left; font-size: 5rem;}
  section .edgtext{font-size: 2rem;}
  section .exatitle{font-size: 2.8rem;}
  section .exatema1{font-size: 3rem;}
  section .exatext1{font-size:3rem;}
  section .exap{font-size:20px;}
  section .exap1{font-size:20px;}

  .intro1 {font-size: 3rem;}
  img {max-width: 100%;}
  .intro_demo{color:#0033a0; font-size: 3rem;  border-bottom:4px solid #0033a0;}
  .intro_demo span:nth-child(1){font-size: 10rem;}
  .intro_demo span:nth-child(2){font-size: 8rem;}
  .intro_demo span:nth-child(3){font-size: 6rem;}
  .intro_demo2{color:#0033a0; font-size: 3rem;}

  section .exatema2{text-align:left; color:#0033a0; border-bottom:2px solid #a0a0a0; font-weight:bold; font-size:2.8rem; margin-bottom: 24px; padding-top:30px;}
  section .exatext1{text-align: left; color:#727272; border-bottom:2px solid #a0a0a0; font-weight:bold; font-size:3rem;}
  section .exaline{max-width:500px}
}


@media screen and (min-width: 1280px){
  figure.aihead figcaption.aititle { font-size: 5.2rem;}
}


@media screen and (min-width: 1980px){
  section{margin:50px auto;width:50%;}
  section .exaline {max-width: 400px;}
}

@media screen and (min-width: 3200px){
.tyoyuse{width:100%}
}

@media screen and (max-width: 1024px){
  .askbuttonpc {width: 20%; z-index: 2; position: absolute;top: 0px;right: 100px;left: 628px;}
}


  /*============*/
  /* sp         */
  /*============*/

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

    #top_img {width: 100%; margin-top: 0;}
    #main {width:100%;}

    header{margin-bottom: 40px;}

    .intro3{color: #fff; font-size: 20px; font-weight:50px; padding:10px}

    .askbutton{float:right; width:30%;}
    .kakuninbutton{width:100%;}
    
    .logodown{text-align: left; margin:0px auto 0 10px;}
    .footerms{color: #0033A1; font-size:8px;padding:10px; text-align: center;}

    .img1{width: 100%; margin-top: 20px}
    .img1{display:none;}
    .imgsp1{margin-top: 20px}

    .imgpc{display:none;}
    .imgsp{margin-top: 20px}
    .imgspai{margin-top: -30px}

    .askbuttonsp1{padding:0 70px}

    .askbuttonpc{display:none;}
    .askbuttonsp{width:30%; float:right;}

    /* common */
    figure.aihead figcaption.aititle { font-size: 2.0rem;line-height: 3.2rem;}
    figure.tema figcaption { font-size: 2rem;}

    /* section.exa{display: block; margin: 0px 50px 0px 50px;} */
    section.exa{display: block;}
    section .exaline{width:100%;}
    section .exaline1{max-width:100%;}

    section .exaimg1{margin-top: 30px;}

    /* aix01nx */
    .intro1{color: #6f6966; font-size: 14px; font-weight:50px; line-height:30px; padding-top:30px; padding-bottom: 10px; text-align: center;}
    .sptext{position: absolute;bottom: 2%;font-weight: bold;right: 20px;}

    figure.ailpimg1 figcaption { font-size: 1.6rem;top: 53%; line-height:2.5rem; }
    section .edgtext{font-size: 1.4rem;line-height: 3rem;}
    section .exaline0 {width: 100%;margin: 20px;max-width: 250px;}

    .proimg{position: absolute;top:20%;left:40%;width:20%;}

    /* edge_ai */
    .intro2{color: #6f6966; font-size: 14px; font-weight:50px; line-height:30px; padding:30px 0 0 0;width:95%;}
    section .exatema3{text-align: left; font-size: 2.5rem;}
    section .exatema3 span{text-align: right;font-size: 1.2rem;}
    section .exatext3{font-size:1.2rem;line-height:1.6rem;}

    section .exatema4{text-align: left; font-size: 2.5rem;}
    section .exatema4 span{font-size: 1.2rem;}
    section .exatext4{font-size:1.2rem;line-height:1.6rem;}

    section .exatitle{text-align: left; font-size: 1.4rem; color:#727272; border-bottom:2px solid #a0a0a0; padding-top:30px; line-height:2.6rem; padding-bottom:5px;width:100%;}
    section .exatema1{font-size: 1.4rem;}
    section .exatext1{font-size: 1.4rem;}
    section .exap{font-size: 1.4rem;padding-top :0px}
    section .exap1{font-size: 1.4rem;padding-top :0px}

    section .exap_disc{font-size: 1.4rem;padding-top :0px; list-style: disc; line-height:2.4rem;}
    section .exap_disc1{font-size: 1.4rem;padding-top :0px; list-style: disc; line-height:2.4rem;}

    /* example */
    section .exatema2{font-size:1.4rem; }

    /* demo */
    .backgd_demo{margin: -20px auto;}

    .backgd_demo_sub{width: 102%;}
    .backgd_demo_sub img{margin-left: 30px; width:100px;}
    .backgd_demo_sub p{width:70%; color: #878787; font-size: 1.2rem;}

    .intro_demo{font-size: 1.4rem;  border-bottom:0px;}
    .intro_demo span:nth-child(1) {font-size: 4rem}
    .intro_demo span:nth-child(2) {font-size: 2.5rem}
    .intro_demo span:nth-child(3) {font-size: 1.4rem}
    .intro_demo2{font-size: 1.4rem}

    section .exap_demo{font-size:1.4rem;color:#878787; line-height:3rem;}
    section .exatema_demo{font-size:1.4rem; margin-bottom: 0px}
    section .exatema_demo_sub{color: #0033a0; border-bottom:2px solid #0033a0; margin:20px;padding-top:5px;}
    section .exatema_demo_sub span:nth-child(1){font-size: 1.4rem;}
    section .exatema_demo_sub span:nth-child(2){font-size: 1.4rem;}

    /* product */
    .backgd_product{height:270%; margin-top:5%;}
    #product .bluebox{ margin:5% auto auto auto;line-height:3rem;}

    section.product div:nth-child(1){margin-right:auto; margin-left:auto; height:28%;}
    section.product div:nth-child(2){margin-top:50px;}

    /* contact */
    section#form .bluebox{width:100%; margin: 0px 0px 0px 0px;}
    #form p{width:100%;}
    #form form{width:100%;padding: 0px 0px 0px 0px;}
    #form dl{width:100%;}
    #form input{width:100%;max-width:400px;margin-top:2px;}
    input[type="text"]{width:100%;height:28px;font-size: 1.4rem;}
    input[type=text]::-webkit-input-placeholder {color: red;}


    /*============
    .toggle_btn
    =============*/
    .toggle_btn {
      display: block;
      position: fixed;
      top: 30px;
      right: 30px;
      width: 20px;
      height: 30px;
      transition: all .5s;
      cursor: pointer;
      z-index: 3;
    }
    .toggle_btn span {
      display: block;
      position: absolute;
      left: 0;
      width: 30px;
      height: 2px;
      background-color: #333;
      border-radius: 4px;
      transition: all .5s;
    }
    .toggle_btn span:nth-child(1) {
      top: 4px;
    }
    .toggle_btn span:nth-child(2) {
      top: 14px;
    }
    .toggle_btn span:nth-child(3) {
      bottom: 4px;
    }
    .open .toggle_btn span {
      background-color: #fff;
    }
    .open .toggle_btn span:nth-child(1) {
      -webkit-transform: translateY(10px) rotate(-315deg);
      transform: translateY(10px) rotate(-315deg);
    }
    .open .toggle_btn span:nth-child(2) {
      opacity: 0;
    }
    .open .toggle_btn span:nth-child(3) {
      -webkit-transform: translateY(-10px) rotate(315deg);
      transform: translateY(-10px) rotate(315deg);
    }

    /*============
    #mask
    =============*/
    #mask {
      display: none;
      transition: all .5s;
    }
    .open #mask {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: .8;
      z-index: 2;
      cursor: pointer;
    }
    /*============
    main
    =============*/
    /* main {
      padding: 10px;
    } */
    main h1 {
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      text-align: center;
    }
    /*============
    body
    =============*/
    body {
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
    }

    /*============
    nav
    =============*/
    nav {
      left: -220px;
      width: 220px;
    }

    nav {
      display: block;
      position: fixed;
      top: 0;
      left: -300px;
      bottom: 0;
      width: 300px;
      background: #ffffff;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      transition: all .5s;
      z-index: 3;
      opacity: 0;
    }
    .open nav {
      left: 0;
      opacity: 1;
    }
    nav .inner {
      padding: 25px;
    }
    nav .inner ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    nav .inner ul li {
      position: relative;
      margin: 0;
      border-bottom: 1px solid #333;
    }
    nav .inner ul li a {
      display: block;
      color: #333;
      font-size: 14px;
      padding: 1em;
      text-decoration: none;
      transition-duration: 0.2s;
    }
    nav .inner ul li a:hover { background: #e4e4e4;}

    ul.intro4 {list-style: disc;padding-left: 40px;}
    .litext{text-align: left;font-size:1.7rem;}

    section .exatema_demo_arrow{width: 10%; margin:10px 0 0 0}


    section .edgtext{padding-bottom: 4em;}
    section .exap1{padding-bottom: 4em;}
    section .exap_disc1{padding-bottom: 4em;}

    .hrstyle{height: 8%;background-color: transparent;border: 0;}
    .logoup{padding: 20px 10px 0px 0px;max-width:80%}
  }


  /**************************************************/
  @media screen and (max-width: 540px) {
    .intro2 {font-size:16px}
    .askbuttonsp1{padding:0 140px}
    .demo{margin: 0 auto 20px;}
  }


  @media screen and (max-width: 490px) {
    .askbuttonsp1{padding:0 90px}
  }


  @media screen and (max-width: 415px) {
    .intro2 {font-size:14px}
    section.product div:nth-child(2){margin-top:0px;}
    ul.intro4 {list-style: disc;padding-left: 40px;}
    .litext{text-align: left;font-size:1.7rem;}
    .askbuttonsp1{padding:0 90px}
  }


  @media screen and (max-width: 375px) {
    figure.aihead figcaption.aititle {font-size: 1.7rem;line-height: 2.3rem;}
    .intro2 {font-size:12px}
    .askbuttonsp1{padding:0 60px}
  }


  @media screen and (max-width: 320px) {
    figure.aihead figcaption.aititle {font-size: 1.6rem;line-height: 2.3rem;}
    .backgd_demo_sub p{width:60%;}
    .askbuttonsp1{padding:0 70px}
  }

/* ===================================================================== */
/*                                                                       */
/* LP                                                                    */
/*                                                                       */
/* ===================================================================== */

    body { font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: <weight>; font-style: normal; }
    input::placeholder { color:#E00!important; text-align:center; }
    textarea::placeholder { color:#E00!important; text-align:center; }

    /* PC ================================================== */
    
    .width_pc {
      width:1084px;
      max-width:1084px;
      min-width:1084px;
    }    
    /* タイトル */
    .h1 { color:#fff; background-color:#0033a1; padding: 20px 0 20px 0; }
    .h1 p.large { font-size:3.4rem; font-weight:900; text-align:center; }
    .h1 p.middle { font-size:2.6rem; font-weight:600; text-align:center; }
    .h2 {
      font-size:3.4rem;
      font-weight:700;
      text-align:center;
      color:#fff; 
      background-image:url("../image/pc/content/navy_blue_belt_B_pc.png");
      margin: 0 0 60px 0;
    }
    .h3 {
      font-size: 3.8rem;
      font-weight: 900;
      text-align: center;
      color: #0033a1;
    }
    .div3 {
      margin: 30px 0 30px 0;
    }
    .div3 p {
      font-size: 2.5rem;
      font-weight: 600;
      text-align: center;
      color: #0033a1;
    }
    .underline {
      text-decoration: underline; 
      text-underline-offset: 0.3em;
    }
    .last {
      padding: 0 0 60px 0;
    }
    /* 箇条書き */
    .list_content {
      list-style:  none;  /* デフォルトのアイコンを消す */
      margin:  0;         /* デフォルト指定上書き */
      padding: 0;         /* デフォルト指定上書き */
    }
    .list_content li:before {
      content:  "";     /* 空の要素作成 */
      width: 1em/*30px*/;                /* 幅指定 */
      height: 1em/*30px*/;               /* 高さ指定 */
      display:  inline-block;     /* インラインブロックにする */
      background-color: #0033a1;  /* 背景色指定 */
      position:  relative;        /* 位置調整 */
      top: 3px;                   /* 位置指定 */
      border-radius:  50%;        /* 要素を丸くする */
      margin-right: 10px;          /* 余白指定 */
    }
    .list_content li {
      padding:  3px;             /* 余白指定 */
      background-color:  #fff;    /* 背景色指定 */
      border-radius:  10px;       /* 角丸指定 */
      margin-bottom: 0px;         /* 要素と要素の間指定 */
      font-size: 2.4rem;
      font-weight: 700;
      color: #0033a1;
      text-indent: -1.5em;
      padding-left: 1.5em;
    }
    /* 注釈 */
    .list_note {
      list-style:  none;          /* デフォルトのアイコンを消す */
      margin:  0;                 /* デフォルト指定上書き */
      padding: 0;                 /* デフォルト指定上書き */
      //counter-reset: note_count;    /* カウンタをセット */
    }
    .list_note li:before  {
      //content: "*"counter(note_count); /* 数字出力 */
      content: "*";
      color: #0033a1;               /* 文字色指定 */
      margin-right: 5px;            /* 余白指定 */
    }
    .list_note li {
      //counter-increment: note_count;  /* カウンタの値を計算していく */
      padding:  1px;             /* 余白指定 */
      margin-bottom: 2px;         /* 要素と要素の間指定 */
      font-size: 2.0rem;
      font-weight: 600;
      color: #0033a1;
      text-indent: -1.5em;
      padding-left: 1.5em;
    }
    /* 製品仕様 */
    .table_specification {
      font-size: 2.0rem;
      font-weight: 700;
      text-align: center;
      color: #0033a1;
      width: 100%;
    }
    .table_specification tr {
      border:1px solid #0033a1;
    }
    .table_specification tr th {
      border:1px solid #0033a1;
      padding: 5px 0px 5px 0px;
    }
    .table_specification tr td {
      //border:1px solid #0033a1;
      padding: 5px 0 5px 0;
    }
    /* 製品仕様(WAN) */
    .table_specification_wan {
      font-size: 2.0rem;
      font-weight: 700;
      text-align: center;
      color: #0033a1;
      width: 100%;
    }
    .table_specification_wan tr {
      border:1px solid #0033a1;
    }
    .table_specification_wan tr th {
      border:1px solid #0033a1;
      padding: 5px 45px 5px 45px;
    }
    .table_specification_wan tr td {
      //border:1px solid #0033a1;
      padding: 5px 0 5px 0;
    }
    /* よくある質問 */
    .list_qa-wrap {
      list-style:  none;  /* デフォルトのアイコンを消す */
      margin:  0;         /* デフォルト指定上書き */
      padding: 0;         /* デフォルト指定上書き */
    }
    .list_q:before {
      //content:  "";     /* 空の要素作成 */
      //width: 1em/*30px*/;                /* 幅指定 */
      //height: 1em/*30px*/;               /* 高さ指定 */
      //display:  inline-block;     /* インラインブロックにする */
      //background-color: #0033a1;  /* 背景色指定 */
      position:  relative;        /* 位置調整 */
      top: 1rem;                   /* 位置指定 */
      //border-radius:  50%;        /* 要素を丸くする */
      //margin-right: 0px;          /* 余白指定 */
      content: url("../image/pc/content/Q_pc.png");
    }
    .list_a:before {
      //content:  "";     /* 空の要素作成 */
      width: 1em/*30px*/;                /* 幅指定 */
      height: 1em/*30px*/;               /* 高さ指定 */
      //display:  inline-block;     /* インラインブロックにする */
      //background-color: #0033a1;  /* 背景色指定 */
      position:  relative;        /* 位置調整 */
      top: 1rem;                   /* 位置指定 */
      //border-radius:  50%;        /* 要素を丸くする */
      //margin-right: 0px;          /* 余白指定 */
      content: url("../image/pc/content/A_pc.png");
    }
    .list_q {
      list-style:  none;  /* デフォルトのアイコンを消す */
      padding:  3px;             /* 余白指定 */
      background-color:  #fff;    /* 背景色指定 */
      border-radius:  10px;       /* 角丸指定 */
      margin-bottom: 0px;         /* 要素と要素の間指定 */
      //color: #fff;                /* 文字色指定 */
      //font-size:  20px;           /* 文字サイズ指定 */
      font-size: 2.4rem;
      font-weight: 700;
      color: #0033a1;
      text-indent: -1.8em;
      padding-left: 1.8em;
    }
    .list_a {
      list-style:  none;  /* デフォルトのアイコンを消す */
      padding:  3px;             /* 余白指定 */
      background-color:  #fff;    /* 背景色指定 */
      border-radius:  10px;       /* 角丸指定 */
      margin-bottom: 30px;         /* 要素と要素の間指定 */
      //color: #fff;                /* 文字色指定 */
      //font-size:  20px;           /* 文字サイズ指定 */
      font-size: 2.4rem;
      font-weight: 700;
      color: #0033a1;
      text-indent: -1.8em;
      padding-left: 1.8em;
    }
    /* お問い合わせ */
    .inquiry {
      font-size:3.4rem;
      font-weight:700;
      text-align: center;
      color: #fff;
      background-image: url("../image/pc/content/inquiry_Input_form_pc.png");
    }


    /* MOBILE ================================================== */

    .width_sp {
      width:380px;
      max-width:380px;
      min-width:380px;
    }
    /* タイトル */
    .h1_sp { color:#fff; background-color:#0033a1; padding: 20px 0 20px 0; }
    .h1_sp p.large { font-size:2.6rem; font-weight:900; text-align:center; }
    .h1_sp p.middle { font-size:1.8rem; font-weight:600; text-align:center; }
    .h2_sp {
      font-size:2.5rem;
      font-weight:700;
      text-align:center;
      color:#fff; 
      background-image:url("../image/mobile/content/navy_blue_belt_B_sp.png");
      margin: 0 0 60px 0;
    }
    .h3_sp {
      font-size: 2.2rem;
      font-weight: 900;
      text-align: center;
      color: #0033a1;
    }
    .div3_sp {
      margin: 30px 0 30px 0;
    }
    .div3_sp p {
      font-size: 1.5rem;
      font-weight: 600;
      text-align: center;
      color: #0033a1;
    }
    .underline_sp {
      text-decoration: underline; 
      text-underline-offset: 0.3em;
    }
    .last_sp {
      padding: 0 0 60px 0;
    }
    /* 箇条書き */
    .list_content_sp {
      list-style:  none;  /* デフォルトのアイコンを消す */
      margin:  0;         /* デフォルト指定上書き */
      padding: 0;         /* デフォルト指定上書き */
    }
    .list_content_sp li:before {
      content:  "";     /* 空の要素作成 */
      width: 1em/*30px*/;                /* 幅指定 */
      height: 1em/*30px*/;               /* 高さ指定 */
      display:  inline-block;     /* インラインブロックにする */
      background-color: #0033a1;  /* 背景色指定 */
      position:  relative;        /* 位置調整 */
      top: 3px;                   /* 位置指定 */
      border-radius:  50%;        /* 要素を丸くする */
      margin-right: 10px;          /* 余白指定 */
    }
    .list_content_sp li {
      padding:  3px;             /* 余白指定 */
      background-color:  #fff;    /* 背景色指定 */
      border-radius:  10px;       /* 角丸指定 */
      margin-bottom: 0px;         /* 要素と要素の間指定 */
      font-size: 1.5rem;
      font-weight: 700;
      color: #0033a1;
      text-indent: -1.7em;
      padding-left: 1.7em;
    }
    /* 注釈 */
    .list_note_sp {
      list-style:  none;          /* デフォルトのアイコンを消す */
      margin:  0;                 /* デフォルト指定上書き */
      padding: 0;                 /* デフォルト指定上書き */
      //counter-reset: note_count;    /* カウンタをセット */
    }
    .list_note_sp li:before  {
      //content: "*"counter(note_count); /* 数字出力 */
      content: "*";
      color: #0033a1;               /* 文字色指定 */
      margin-right: 0px;            /* 余白指定 */
    }
    .list_note_sp li {
      //counter-increment: note_count;  /* カウンタの値を計算していく */
      padding:  1px;             /* 余白指定 */
      margin-bottom: 2px;         /* 要素と要素の間指定 */
      font-size: 1.2rem;
      font-weight: 600;
      color: #0033a1;
      text-indent: -1.3em;
      padding-left: 1.3em;
    }
    /* 製品仕様 */
    .table_specification_sp {
      font-size: 1.3rem;
      font-weight: 700;
      text-align: center;
      color: #0033a1;
      width: 100%;
    }
    .table_specification_sp tr {
      border:1px solid #0033a1;
    }
    .table_specification_sp tr th {
      border:1px solid #0033a1;
      padding: 5px 0px 5px 0px;
    }
    .table_specification_sp tr td {
      //border:1px solid #0033a1;
      padding: 5px 0 5px 0;
    }
    /* 製品仕様(WAN) */
    .table_specification_wan_sp {
      font-size: 1.3rem;
      font-weight: 700;
      text-align: center;
      color: #0033a1;
      width: 100%;
    }
    .table_specification_wan_sp tr {
      border:1px solid #0033a1;
    }
    .table_specification_wan_sp tr th {
      border:1px solid #0033a1;
      padding: 5px 5px 5px 5px;
    }
    .table_specification_wan_sp tr td {
      //border:1px solid #0033a1;
      padding: 5px 0 5px 0;
    }
    /* よくある質問 */
    .list_qa-wrap_sp {
      list-style:  none;  /* デフォルトのアイコンを消す */
      margin:  0;         /* デフォルト指定上書き */
      padding: 0;         /* デフォルト指定上書き */
    }
    .list_q_sp:before {
      //content:  "";     /* 空の要素作成 */
      //width: 10px;                /* 幅指定 */
      //height: 10px;               /* 高さ指定 */
      //display:  inline-block;     /* インラインブロックにする */
      //background-color: #0033a1;  /* 背景色指定 */
      position:  relative;        /* 位置調整 */
      top: 1.2rem;                   /* 位置指定 */
      //border-radius:  50%;        /* 要素を丸くする */
      //margin-right: 0px;          /* 余白指定 */
      content: url("../image/mobile/content/Q_sp.png");
    }
    .list_a_sp:before {
      //content:  "";     /* 空の要素作成 */
      //width: 1em/*30px*/;                /* 幅指定 */
      //height: 1em/*30px*/;               /* 高さ指定 */
      //display:  inline-block;     /* インラインブロックにする */
      //background-color: #0033a1;  /* 背景色指定 */
      position:  relative;        /* 位置調整 */
      top: 1.2rem;                   /* 位置指定 */
      //border-radius:  50%;        /* 要素を丸くする */
      //margin-right: 0px;          /* 余白指定 */
      content: url("../image/mobile/content/A_sp.png");
    }
    .list_q_sp {
      list-style:  none;  /* デフォルトのアイコンを消す */
      padding:  3px;             /* 余白指定 */
      background-color:  #fff;    /* 背景色指定 */
      border-radius:  10px;       /* 角丸指定 */
      margin-bottom: 0px;         /* 要素と要素の間指定 */
      //color: #fff;                /* 文字色指定 */
      //font-size:  20px;           /* 文字サイズ指定 */
      font-size: 1.7rem;
      font-weight: 700;
      color: #0033a1;
      text-indent: -2.1em;
      padding-left: 2.1em;
    }
    .list_a_sp {
      list-style:  none;  /* デフォルトのアイコンを消す */
      padding:  3px;             /* 余白指定 */
      background-color:  #fff;    /* 背景色指定 */
      border-radius:  10px;       /* 角丸指定 */
      margin-bottom: 30px;         /* 要素と要素の間指定 */
      //color: #fff;                /* 文字色指定 */
      //font-size:  20px;           /* 文字サイズ指定 */
      font-size: 1.7rem;
      font-weight: 700;
      color: #0033a1;
      text-indent: -2.1em;
      padding-left: 2.1em;
    }
    /* お問い合わせ */
    .inquiry_sp {
      font-size:2.8rem;
      font-weight:700;
      text-align: center;
      color: #fff;
      background-image: url("../image/mobile/content/inquiry_Input_form_sp.png");
    }