@charset "UTF-8";
/*
登録講習
*/
@media screen and (min-width: 481px) {
   body {
      font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
      border-collapse:collapse;
      margin:0;
      font-size:19px;
   }

   h1{font-size:30px; font-weight:bold;}
   h2{font-size:27px; font-weight:bold;}
   h3{font-size:24px; font-weight:bold;padding:0;line-height:1.0em;margin:0;}


   table{
      border-collapse:collapse;
   }

   select,input[type="text"],input[type="email"],input[type="tel"]{
      height:30px;
      font-size:inherit;
      font-family: inherit;
   }

   textarea{
      font-size:inherit;
      font-family: inherit;
   }

   address{
   color:#e0e0e0;   }

   .undr{
      text-decoration:underline;
   }

   .sbmt{
      width:200px;
      background-color:#102d88;
      color:#ffffff;
      padding:5px;
      font-size:20px;
      margin:auto 5px;
      letter-spacing:0.5em;
      text-indent:0.5em;
      line-height:2em;
   }

   .sbmt:hover{
      cursor:pointer;
      background-color:#ce2cd4;
      transition-duration:0.3s;
   }

   .sbmt_bk{
      width:200px;
      background-color:#4d4d4d;
      color:#ffffff;
      padding:10px;
      font-size:20px;
      display:inline-block;
      transition-duration:0.3s;
      letter-spacing: 0.5em;
   }

   .sbmt_bk:hover{
      cursor:pointer;
      opacity:0.8;
      transition-duration:0.3s;
   }

   #dv_spInqSbmt{
      margin:20px auto;
      width:100%;
      text-align:center;
   }

   #frm_inq{
      text-align:center;
   }

   #dv_cnv_grp{
      position:relative;
      border:solid 1px #fff;
      background:rgba(0,0,0,0.05);
      width:400px;
      height:250px;
      margin-top:100px;
      font-family:"游ゴシック", YuGothic;
      float:left;
   }

   #dv_cnv_grp2{
      position:relative;
      border:solid 1px #fff;
      background:rgba(0,0,0,0.05);
      width:400px;
      height:250px;
      margin-top:100px;
      margin-left:520px;
      font-family:"游ゴシック", YuGothic;
      text-align:center;
   }

   .pie {
   width: 92px;
   height: 92px;
   border-radius: 50%;
   background: #655;
   background-image: linear-gradient(to right, transparent 50%, #18ed26 0);
   position:absolute;
   bottom:15px;
   right:90px;
   }

   .pie::before {
   content: '';
   display: block;
   margin-left: 50%;
   height: 100%;
   border-radius: 0 100% 100% 0 / 50%;
   background-color: inherit;
   transform-origin: left;
   }

   .deg105::before {
   transform: rotate(105deg);
   
   }

   .pie2 {
   width: 92px;
   height: 92px;
   border-radius: 50%;
   background: #655;
   background-image: linear-gradient(to right, transparent 50%, #18dfed 0);
   position:absolute;
   bottom:15px;
   left:30px;
   }

   .pie2::before {
   content: '';
   display: block;
   margin-left: 50%;
   height: 100%;
   border-radius: 0 100% 100% 0 / 50%;
   background-color: inherit;
   transform-origin: left;
   }

   .deg120::before {
   transform: rotate(120deg);
   
   }

   #dv_grp_s{
      border-bottom:none;
      width:60px;
      height:56px;
      float:left;
      position:absolute;
      bottom:0;
      left:65px;
      text-align:center;
      font-weight:bold;
      background:#18dfed;
      font-size:15px;
   }

   #dv_grp_b{
      border-bottom:none;
      width:60px;
      height:80px;
      margin-left:270px;
      position:absolute;
      bottom:0;
      text-align:center;
      font-weight:bold;
      background:#18ed26;
      font-size:15px;
   }

   .dv_grf_str{
      width: 90px;
      height: 90px;
      text-align: center;
      background:#ED1874;
      position:relative;
      margin-top: 30px;
      margin-left: 155px;
      transform:rotate(15deg);
   }

   .dv_grf_str:before, .dv_grf_str:after {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      height: 90px;
      width: 90px;
      background:#ED1874;
   }

   .dv_grf_str:before {
      transform: rotate(30deg);
   }

   .dv_grf_str:after {
      transform: rotate(60deg);
   }

   .dv_grf_str2{
      width: 90px;
      height: 90px;
      text-align: center;
      background:#ED1874;
      position:relative;
      margin-top: 30px;
      
      margin-left:155px;
      transform:rotate(15deg);
   }

   .dv_grf_str2:before, .dv_grf_str2:after {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      height: 90px;
      width: 90px;
      background:#ED1874;
   }

   .dv_grf_str2:before {
      transform: rotate(30deg);
   }

   .dv_grf_str2:after {
      transform: rotate(60deg);
   }

   #dv_grp_arr{
      margin-left:145px;
      position:absolute;
      bottom:-20px;
      font-size:100px;
      transform:rotateZ(-10deg);
   }

   #dv_grp_nml{
      position:absolute;
      bottom:60px;
      left:67px;
      text-align:center;
      line-height:1.3em;
      font-weight:bold;
   }

   #dv_grp_lct{
      position:absolute;
      bottom:83px;
      margin-left:272px;
      text-align:center;
      line-height:1.3em;
      font-weight:bold;
   }

   #dv_grp_up{
      position:absolute;
      left:167px;
      top:40px;
      text-align:center;
      color:#fff;
      font-weight:bold;
      font-style:oblique;
   }

   #dv_grp_sml{
      position:absolute;
      left:270px;
      top:70px;
      text-align:center;
      line-height:1.3em;
   }

   #dv_grp_mny{
      position:absolute;
      left:290px;
      top:55px;
      text-align:center;
      line-height:1.3em;
      text-decoration:underline;
   }

   .dv_grp_ttl{
      position:absolute;
      bottom:-70px;
      width:400px;
      text-align:center;
   }

   #dv_grp_ln{
      position:absolute;
      left:100px;
      top:150px;
      font-size:30px;
      transform:rotateZ(-20deg);
   }

   #dv_grp_bld{
      position:absolute;
      left:135px;
      top:140px;
      line-height:1.3em;
      font-weight:bold;
   }

   #dv_grp_mst{
      position:absolute;
      left:160px;
      top:40px;
      text-align:center;
      color:#fff;
      font-weight:bold;
      font-style:oblique;
   }

   #dv_grp_ln2{
      position:absolute;
      left:290px;
      top:150px;
      font-size:30px;
      transform:rotateZ(-20deg);
   }

   #dv_grp_lct2{
      position:absolute;
      left:320px;
      top:130px;
      line-height:1.3em;
      font-weight:bold;
   }

   /*
      共通ページ
   */
      /*幅系*/
         
         .w50{
            width:50px;
         }
         
         .w100{
            width:100px;
         }
         
         .w155{
            width:155px;
         }
         
         .w180{
            width:180px;
         }
         
         .w200{
            width:200px;
         }
         
         .w230{
            width:230px;
         }
         
         .w250{
            width:250px;
         }
         
         .w270{
            width:270px;
         }
         
         .w280{
            width:280px;
         }
         
         .w300{
            width:300px;
         }
         
         .w350{
            width:350px;
         }
         
         .w800{
            width:800px;
         }
         
         .w850{
            width:850px;
         }
      /*〆幅系	*/
      /*margin・padding*/
         .pl12{
            padding-left:12px;
         }
         
         #sec{
            margin-left:25px;
         }
         
         #LW{
            text-align:center;
            background-color:#ffffff;
         }
         
         #LW_pb30{
            text-align:left;
            background-color:#ffffff;
            padding-bottom:30px;
         }
         
         #sol2{
            margin:auto;
            text-align:left;
         }
               
         #tr{
            text-align:right;
         }
         
         #lh_fs19{
            line-height:1.8em;
            font-size:19px;
            padding:0px 10px 0 10px;
         }
         
         #lh{
            line-height:1.5em;
            padding:5px 10px 0 10px;
         }
         
         #lh_p150010{
            line-height:1.5em;
            font-size:19px;
            padding:15px 0 0 10px;
         }
         
         #R_pr50{
            text-align:right;
            padding-right:50px;
         }
         
         #p00010{
            padding:0 0 0 10px;
         }
         
         #p50015{
            padding:5px 0 0 15px;
         }
         
         #p00015{
            padding:0 0 0 15px;
         }
         
         .p750015{
            padding:75px 0 0 15px;
         }
         
         #p010015{
            padding:0 10px 0 15px;
         }
         
         .mt4{
            margin-top:4px;
         }
         .pt{
            padding-top:50px;
         }
         
      /*〆margin・padding*/
         .fwb{
            font-weight:bold;
         }
         
         .ft15{
            font-size:15px;
         }
         
         .ft22{
            font-size:22px;
         }
         
         .ft25{
            font-size:25px;
         }
   /*
      〆共通ページ
   */


   /*
      スライドイン(グローバルのタイトル部)
   */

   .animated {
      animation-duration: 2s;
      animation-fill-mode: both;
   }
   .animate-box{
      opacity: 0;
   }
   .desc{
      margin-top: -40px;
      z-index: 2;
   }
   /*
      〆スライドイン
   */


   /*
      トップページ
   */
   i{
   }

   .fa{
      font-size:60px;
   }

   #dv_pgtp{
      border:solid 1px;
      width:70px;
      margin:auto;
   }

   #dv_intp{
      margin:auto;
      width:70px;
      height:70px;
      background-image:url("../images/buildog1.gif");
      background-size:contain;
      transition-duration:0.3s;
   }

   #dv_intp:hover{
      transition-duration:0.3s;
      background-image:url("../images/buildog4.gif");
      background-size:contain;
   }

   .page-top {

   display: none;
   /*
   position: fixed;
   bottom: 50px;
   right: 50px;
   */
   }

   .page-top a {
   z-index:10;
   display: block;
   width: 100px;
   height: 100px;
   text-align: center;
      font-weight:bold;
   font-size: 16px;
   text-decoration: none;
      transition-duration:0.3s;
      color:#000;
   }

   .page-top a:hover{
      color:#cc2929;
      transition-duration:0.3s;
      display:inline-block;
      margin-bottom:10px;
      opacity:0.9;
   }

   .page-top a:hover:after{
      content:"クリック!!";
   }

   #dv_tp a{
      text-decoration:none;
      transition-duration:0.3s;
      width:100%;
      height:100%;
      padding:10px;
      
      
      display:inline-block;
      margin:25px 10px;
      text-align:center;
      position:relative;
      width:180px;
      height:110px;
      text-align:center;
      border:solid 1px;
      
      
      
      outline: none;
      overflow: hidden;
      z-index: 2;
      color:#000;
      background:rgba(250,235,215,0.8);
      
   }




   #dv_tp a:before,
   #dv_tp a:after{
      position: absolute;
   z-index: -1;
   display: block;
   content: '';
   }

   #dv_tp,
   #dv_tp a:before,
   #dv_tp a:after{
      box-sizing: border-box;
      transition: all .3s;
   }

   #dv_tp a:after{
      top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transform: scale(.5);
   }

   #dv_tp a:hover:after{
      background:rgba(0,0,255,0.5);

      transform: scale(1);
   }




   #dv_tp a:hover{
      color:#ffffff;
   }


   #dv_tp{
      text-align:center;
      width:100%;
      margin:20px auto 80px auto;
   }

   #dv_tp a span{
      font-size:18px;
      display:block;
      margin-top:10px;
      letter-spacing:0.1em;
      font-family:"游ゴシック", YuGothic;
      font-weight:bold;
   }

   /*
      〆トップページ
   */

   /*
      よくある質問ページ
   */
   .dv_faqMT{
      margin-top:50px;
   }

   .ul_faq{
      display: flex;
      justify-content: center;
      margin:auto;
      padding:0;
      width:900px;
      box-shadow: 2px 2px 4px -2px gray;
   }

   .ul_faq li{
      list-style:none;
      width:100%;
      margin:0;
      border:solid 1px;
      background-color:rgba(238,233,230,0.7);
   }

   .ul_faq li:not(:last-child){
      border-right:none;
   }

   .ul_faq a{
      text-decoration:none;
      font-weight:bold;
      display:block;
      font-size:22px;
      text-decoration:underline;
      padding:15px 30px;
      transition-duration:0.3s;
   }

   .ul_faq a:hover{
      color:#fcfcf1;
      background-color:#FA6F19;
      transition-duration:0.3s;
   }

   .dv_faqO2{
      padding-left: 48px;
      padding-right: 8px;
      padding-bottom: 5px;
   }

   /*
      〆よくある質問ページ
   */


   /*お問い合わせページ*/
   .sct_inq{
      text-align:left;
      padding:0 0 0 15px;
      margin:auto;
   }
   .err{
      color:#ff7f7f;
      font-weight:bold;
   }
   .required{
      color:#ff7f7f ;
   }
   /*〆お問い合わせページ*/


   #tbl_mainPc{
      margin:auto;
      text-align:left;
   }

   #tbl_mainPc td{
      padding:10px;
      border-top:solid 2px #ababab;
      border-bottom:solid 2px #ababab;
      border-left:solid 1px #ababab;
      border-right:solid 2px #ababab;
      width:650px;
   }

   #tbl_mainPc th{
      width:130px;
      border-top:solid 2px #ababab;
      border-bottom:solid 2px #ababab;
      border-left:solid 2px #ababab;
      border-right:solid 1px #ababab;
      background-color:#e5e5e5;
      padding:10px;
      position:relative;
   }


   @media all and (-ms-high-contrast:none){
   *::-ms-backdrop, #tbl_mainPc th{ text-align:left;} /* IE11 */
   }

   #tbl_mainPc tr:nth-child(4) th{
      height:70px;
   }

   #tbl_mainPc th span:not(.lg_mst){
      position:absolute;
      top:20px;
      left:5px;
   }

   .lg_mst:not(#spc_mst){
      padding:3px;
      position:absolute;
      right:10px;
      background-color:#f39800;
      color:#f2e9da;
      border-radius:5px;
      font-size:15px;
      border:solid 2px #d98900;
      box-shadow:0px 2px 2px -2px #4d3000;
      display:inline-block;
   }

   #spc_mst{
      padding:3px;
      position:absolute;
      right:10px;
      top:30px;
      background-color:#f39800;
      color:#f2e9da;
      border-radius:5px;
      font-size:15px;
      border:solid 2px #d98900;
      box-shadow:0px 2px 2px -2px #4d3000;
      display:inline-block;
   }

   .txtA{
      width:600px;
      resize:none;
   }

   .txtC{
      text-align:center;
   }

   .img_inq{
      position:absolute;
      top:0;
      right:173px;
      border-radius:7px;
   }

   .img_inq img:hover{
      opacity:0.8;
      transition-duration:0.4s;
      cursor:pointer;
   }

   /*申込ページ*/
   .dv_ml {
      position: relative;
      z-index: auto;
      display:inline-block;
   }
   .dv_ml .dv_dsc {
      position: absolute;
      width: 300px; /* 吹き出しの幅 */
      height: 60px; /* 吹き出しの高さ */
      top: 55px; /* 画像と三角形の高さをプラスした値 */
      left: 0;
      border-radius: 10px 10px 10px 10px;
      background-color: #9FD9F6;
      display: none;
      padding-bottom:10px;
      padding-top:10px;
   }
   .dv_ml .dv_dsc:after { /* 三角形を作成 */
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      top: -32px; /* 三角形の高さを２倍した値 */
      left: 32px;
      border: 16px solid transparent;
      border-bottom: 16px solid #9FD9F6;
   }
   .dv_ml .spn_dsc {
      position: absolute;
      left: 4px;
      color: #000;
      
   }
   .dv_ml:hover .dv_dsc {
      z-index: 2;
      display: block;
   }
   /*〆申込ページ*/



   /*floatのサイドメニュー(申込ページ&よくある質問ページ)*/

   #sd_mn{
      font-size:15px;
      background-color:#006e54;
      padding:6px;
      color:#f0fdfd;
   }
   #nav1 {
      font-size: 85%;
      font-weight: bold;
      list-style: none;
   }
   #nav1 li {
      margin-bottom: 2px;
   }
   #nav1 li a {
      text-decoration: none;
      display: block;
      width: 115px;
      padding: 5px 10px 5px 35px;
      background:  url(../images/arrow.gif) no-repeat 3px center;
   }
   /*
   .menulist {
   width: 115px;
   text-align: left;
   -webkit-box-shadow: 0 10px 6px -6px #777;
         -moz-box-shadow: 0 10px 6px -6px #777;
               box-shadow: 0 10px 6px -6px #777;
   z-index:999;
   display:inline-block;
   position:fixed;
   top:320px;
   right:0;
   }

   .menulist ul {
   margin: 0;
   padding: 0;
   list-style: none !important;
   background-color:#ffffff;
   }

   .menulist li {
   margin: 0;
   padding: 0;
   display: inline !important;
   list-style: none !important;
   background-color:#ffffff;
   }

   .menulist h2 {
   height: 20px;
   margin: 0;
   padding: 8px 0;
   padding-left:10px !important;
   color: #f0f0f0 !important;
   background-image: none !important;
   background-color:#0c0;
   text-align:left !important;
   
   }

   .menulist a{
   color: #69821b;
   display: block !important;
   border-right: solid 1px #dddddd;
   border-bottom: solid 1px #cccccc;
   border-left: solid 1px #dddddd;
   padding: 8px 4px 3px 30px;
   font-size: 14px;
   line-height: 190%;
   text-decoration: none;
   }

   .menulist a:hover{
   color: #99ab4e;
   }



   .menulist2 {
   width: 145px;
   text-align: left;
   -webkit-box-shadow: 0 10px 6px -6px #777;
         -moz-box-shadow: 0 10px 6px -6px #777;
               box-shadow: 0 10px 6px -6px #777;
   z-index:999;
   display:inline-block;
   position:fixed;
   top:320px;
   right:0;
   }

   .menulist2 ul {
   margin: 0;
   padding: 0;
   list-style: none !important;
   background-color:#ffffff;
   }

   .menulist2 li {
   margin: 0;
   padding: 0;
   display: inline !important;
   list-style: none !important;
   background-color:#ffffff;
   }

   .menulist2 h2 {
   height: 20px;
   margin: 0;
   padding: 8px 0;
   padding-left:10px !important;
   color: #f0f0f0 !important;
   background-image: none !important;
   background-color:#0c0;
   text-align:left !important;
   
   }

   .menulist2 a{
   color: #69821b;
   display: block !important;
   border-right: solid 1px #dddddd;
   border-bottom: solid 1px #cccccc;
   border-left: solid 1px #dddddd;
   padding: 8px 4px 3px 30px;
   font-size: 14px;
   line-height: 190%;
   text-decoration: none;
   }

   .menulist2 a:hover{
   color: #99ab4e;
   }
   */

   /*〆floatのサイドメニュー(申込ページ&よくある質問ページ)*/


   /*グローバルナビ系*/
   #dv_glb{
      width:95%;
      margin:auto;
   }

   #dv_glb span{
      display:inline-block;
      float:left;
   }

   #dv_glb ul{
      display:inline-block;
      margin:auto;
      text-align:center;
      border-bottom:solid 1px #000;
      padding:0;
   }

   #dv_glb ul:after{
      clear:both;
   }

   #dv_glb li{
      float:left;
      list-style:none;
      font-size:18px;
      padding:0 5px 10px 5px;
      opacity:0.7;
      color:#ffffff;
   }

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

   #dv_glb li:hover{
      opacity:1;
      transition-duration:0.3s;
   }

   #dv_glb li:first-child{
      
   }

   #dv_glb li:not(:first-child){
      margin-left:20px;
   }

   #dv_glb li:nth-child(3){border-bottom:solid 3px #000;opacity:1;}

   .SB{
      color:#000000;
      text-align:center;
      padding:15px 0 0 10px;
      font-weight:bold;
   }

   #wrap{
      width:100%;
      text-align:center;
      margin:auto;
      position:relative;
   }

   #wrap2{
      margin-left:auto;
      margin-right:auto;
      background-color:#ffffff;
      box-shadow:0px 0px 4px 4px #cfcfcf;
   }

   #dv_ttn{
      width:650px;
      margin:auto;
   }

   #dv_ttn span{
      text-decoration:underline;
   }

   .tm{
      position: relative;
      padding: 0 .5em .5em 1.7em;
      border-bottom: 1px solid #D2691E;
   }

   .tm::after{
      position: absolute;
      top: .4em;
      left: .4em;
      z-index: 2;
      content: '';
      width: 12px;
      height: 12px;
      background-color: #D2691E;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
   }

   .mgn_tl{
      margin-top:50px;
      margin-left:15px;
   }

   .mgn_t{
      margin-top:50px;
   }

   .mgn_t2{
      margin-top:200px;
   }

   .mgn_t3{
      margin-top:30px;
   }

   .mgn_t4{
      margin-top:100px;
   }

   .mgn_t5{
      margin-top:15px;
   }

   .txt_l{
      text-align:left;
   }
   

   #Cft18{
   text-align:center;font-size:18px;
   }

   #RSP{
   text-align:right;padding-right:50px;
   }
   #lh010015{
   line-height:1.5em;padding:0px 10px 0 15px;font-size:19px;
   }
   .lh_pd{
   line-height:1.5em;padding:25px 0 0 25px;
   }
   #logo{
   vertical-align:bottom;
   }
   #num{
      text-align:right;
      padding-right:10px;
      font-size:15px;
   }

   #dv_cert img{
      border:solid 3px #000;
      display:block;
      margin:auto;
      text-align:center;
      width:655px;
      height:473px;
   }

   #dv_cert img:hover{
      opacity:0.8;
      transition-duration:0.3s;
      cursor:zoom-in;
   }

   #cert img{
      border:solid 3px #000;
      display:block;
      margin:auto;
      text-align:center;
      width:655px;
      height:473px;
   }

   #cert img:hover{
      opacity:0.8;
      transition-duration:0.3s;
      cursor:zoom-in;
   }

   footer{
      display:block;
      width:100%;
         background:rgba(51,51,51,0.99);
         background-image: linear-gradient(45deg, rgba(51,51,51,0.85) 25%, transparent 25%, transparent 75%, rgba(51,51,51,0.85) 75%, rgba(51,51,51,0.85)), linear-gradient(45deg, rgba(51,51,51,0.85) 25%, transparent 25%, transparent 75%, rgba(51,51,51,0.85) 75%, rgba(51,51,51,0.85));
         background-position: 0 0, 75px 75px;
         background-size: 150px 150px;	
      
      margin-top:300px;      
   }

   #footer_pc a:link{
   text-decoration:none;
   color:#ffffff;
   }

   #footer_pc a:visited{
   text-decoration:none;
   color:#e0e0e0;
   }

   #footer_pc a:hover{
      text-decoration:underline;
   }

   #footer_pc nav{
      display:inline-block;
      height:150px;

   }

   #footer_pc ul{
      width:100%;
      color:#ffffff;
      font-size:16px;
      margin:auto;
      padding:0;
      position:relative;
      top:50%;
      margin-top:-0.5em;
   }

   #footer_pc li{
      float:left;
      list-style:none;
      margin-left:15px;
   }

   #footer_pc li:hover{
      border-bottom:2px solid;
      border-color:rgba(255,255,255,0.7);
      transition-duration:0.1s;
   }

   #footer_pc li a:hover{
      text-decoration:none;
   }

   #footer_pc ul:after{
      clear:both;
   }

   #footer_sp{
      display:none;
   }

   #LgCr{
      font-size:small;
      height:20px;
      color:#ffffff;
      background-color:#333333;
   }

   .LgCr_sp{
      display:none;
   }

   #sp_a_offr{
      display:none;	
   }

   .howto{
      width:380px;
   }
   #temp td{
      box-shadow:5px 5px #000;
   }
   #flow_tk{
      width:700px;
      height:121px;

   }

   .ul_tk{
      color: #000000;
      list-style: none;
      overflow: hidden;
      margin:auto;
      font-size:22px;
      font-weight:bold;
      font-family:"游ゴシック", YuGothic;
   }

   .ul_tk li {
   min-width: 170px;
   }

   /* 三角形下部 */
   .ul_tk li a::after {
   background-color: #1486cc;
   box-shadow: 2px 0 0px rgba(0,0,0,0.2);
   content: " ";
   display: block;
   height: 30px;
   margin-left: auto;
   margin-right: -30px;
   margin-top: -30px;
   position: relative;
   transform: skew(-30deg);
   width: 30px;
   }

   /* 三角形上部 */
   .ul_tk li a::before {
   background-color: #1486cc;
   box-shadow: 2px 0 2px rgba(0,0,0,0.2);
   content: " ";
   display: block;
   float: right;
   height: 30px;
   margin-bottom: -30px;
   margin-left: auto;
   margin-right: -30px;
   transform: skew(30deg);
   width: 30px;
   }

   .ul_tk li a{
   line-height: 60px;
   text-align: center;
   padding: 0 10px 0 40px;
   float: left;
   background-color: #1486cc;
      display:block;
      color:#fae019;
   }

   .ul_tk li a:hover{
      color:#fcfcf1;
      background-color:#fa6f19;
   }

   /* 三角形下部 */
   .ul_tk li a:hover:after {
   background-color: #fa6f19;
   box-shadow: 2px 0 0px rgba(0,0,0,0.2);
   content: " ";
   display: block;
   height: 30px;
   margin-left: auto;
   margin-right: -30px;
   margin-top: -30px;
   position: relative;
   transform: skew(-30deg);
   width: 30px;
   }

   /* 三角形上部 */
   .ul_tk li a:hover:before {
   background-color: #fa6f19;
   box-shadow: 2px 0 2px rgba(0,0,0,0.2);
   content: " ";
   display: block;
   float: right;
   height: 30px;
   margin-bottom: -30px;
   margin-left: auto;
   margin-right: -30px;
   transform: skew(30deg);
   width: 30px;
   }

   .ul_offer{
      list-style: none;
      overflow: hidden;
      font-size:22px;
      font-weight:bold;
      font-family:"游ゴシック", YuGothic;
      padding:0;
   }
   /*
   .ul_offer li {
   background-color: #1486cc;
   color: #ffffff;
   float: left;
   display: block;
   line-height: 60px;
   text-align: center;
   text-decoration: none;
   min-width: 170px;
   padding: 0 10px 0 40px;
   }
   .ul_offer li:first-child {
   padding-left: 10px;
   }

   .ul_offer li::after {
   background-color: #1486cc;
   box-shadow: 2px 0 0px rgba(0,0,0,0.2);
   content: " ";
   display: block;
   height: 30px;
   margin-left: auto;
   margin-right: -30px;
   margin-top: -30px;
   position: relative;
   transform: skew(-30deg);
   width: 30px;
   }

   .ul_offer li::before {
   background-color: #1486cc;
   box-shadow: 2px 0 2px rgba(0,0,0,0.2);
   content: " ";
   display: block;
   float: right;
   height: 30px;
   margin-bottom: -30px;
   margin-left: auto;
   margin-right: -30px;
   transform: skew(30deg);
   width: 30px;
   }
   */
   
   #ul_offCh{
      list-style:none;
      padding:0;
   }

   #ul_offCh li:nth-child(odd){
      display: block;
      text-decoration: none;
      margin-top:30px;
      font-weight:bold;
      font-size:20px;
      font-family:"游ゴシック", YuGothic;
   }

   #ul_offCh li:nth-child(odd) span{
      padding:5px;
   }

   #ul_offCh li:nth-child(even){
      position:relative;
      padding: 15px 5px 15px 40px;
      margin: 7px 0 10px 0px;
      border-bottom:dashed 1px #ccc;
      color:#333;
      line-height:2em;
   }


   ol#ol_offSub{
   counter-reset:list;
   list-style-type:none;
   padding:0;
   margin-left:30px;
   }

   ol#ol_offSub li{
   position:relative;
   margin: 7px 0 7px 0px;
   padding-left:43px;
   line-height: 30px;
   border:none;
   }

   ol#ol_offSub li:before{
   counter-increment: list;
   content: counter(list);
   position: absolute;
   left: 0px;
   width: 30px;
   height: 30px;
   text-align: center;
   color: #fafaff;
   font-weight:bold;
   line-height:30px;
   background: #142acc;
   top: 50%;
   transform: translateY(-50%);
   }

   ol#ol_offSub li:after{
   content:"";
   display: block;
   position: absolute;
   left: 30px;
   height: 0;
   width: 0;
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-left: 7px solid #142acc;
   top: 50%;
   transform: translateY(-50%);
   }

   .lightbox { display: none; }


   .dv_offer{
      border:solid 2px #1486cc;
      border-radius:10px;
      padding:20px;
   }

   .dv_flt{
      float:left;
      display:inline-block;
      width:500px;
   }

   .mgn_img{
      margin:60px auto 60px 50px;
   }

   .img_flw{
      display:inline-block;
      border:solid 1px;
      width:298px;
      height:421px;
   }

   .img_flw2{
      display:inline-block;
      margin:60px auto 60px 50px;
      float:left;
      position:relative;
   }

   .img_flw2 img{
      width:293px;
      height:236px;
   }

   .img_flw2 p{
      position:absolute;
      top:12px;
      right:18px;
      font-size:16px;
      font-weight:bold;
      transform:rotateZ(13deg);
   }

   .img_flw2 p span{
      background: linear-gradient(transparent 60%, #ff99ff 60%);
   }

   .img_flw3{
      display:inline-block;
      border:solid 1px;
   }

   .dv_txt_dsc{
      position:absolute;
      top:-40px;
   }

   #dv_txt{
      height:368px;
   }

   .rlt{
      position:relative;
      height:400px;
      margin:60px auto 40px 50px;
      float:left;
      width:260px;
   }

   .both{
      clear:both;
   }

   #tbl_tm1{
      width:48%;
      float:left;
   }

   #tbl_tm2{
      width:48%;
      float:left;
   }

   .tbl_tm{
      display:inline-block;
   }

   div.tbl_tm table{
      border:solid 1px;
      font-size:19px;
   }

   .tbl_tm:after{
      margin-bottom:20px;
   }

   .tbl_tm tr:nth-child(odd){
      background-color:#e1f0fa;
   }

   .tbl_tm tr:nth-child(even){
      background-color:#f5f5f5;
   }

   .tbl_tm td{
      padding:10px;
   }

   .tbl_tm th{
      width:30%;
      font-weight:normal;
      text-align:center;
   }


   #tbl_tm{
      margin:auto;
      width:60%;
      font-size:20px;
   }

   #tbl_tm:after{
      margin-bottom:20px;
   }

   #tbl_tm tr:nth-child(odd){
      background-color:#e1f0fa;
   }

   #tbl_tm tr:nth-child(even){
      background-color:#f5f5f5;
   }

   #tbl_tm td{
      padding:15px;
   }

   #tbl_tm th{
      width:30%;
      font-weight:normal;
      text-align:center;
   }

   .ul_cnt{
   /*
      color: #1e366a;
      border-top: solid #1e366a 1px;
      border-bottom: solid #1e366a 1px;
      padding: 0.5em 0 0.5em 1.5em;
      margin-bottom:70px;
   */
      list-style-type:none;
      position:relative;
      letter-spacing:0.1em;
   }
   .ul_cnt li{
   /*
      line-height: 1.5;
      padding: 0.5em 0;
   */
      position:relative;
      padding: 7px 5px 7px 15px;
      margin: 7px 0 10px 0px;
      font-weight: bold;
      border-bottom:dashed 1px #ccc;
      color:#333;
      
   }


   .ttl_cnt{

   }

   .ent_submit{
      width:700px;
   }

   .agree{
      width:300px;
   }

   .copy{
      font-size:xx-small;
      text-align:left;
   }

   .dv_hd{
      text-align:center;
      margin-top:80px;
   }

   .dv_hd span{
      font-family:"Segoe Print",Papyrus;
      margin-bottom:30px;
      display:inline-block;
   }
   .headding06 {
      line-height:1em !important;
      margin:0;
      font-family:"游ゴシック", YuGothic;
   }

   .headding07 {
      border:solid 2px #1486cc;
      background-color:#1486cc;
      border-radius:5px;
      width:270px;
      font-size:24px;
      text-align:center;
      padding:10px;
      color:#ffffff;
      font-weight:bold;
   }

   .headding06_s {
      border:solid 2px #D2691E;
      border-radius:5px;
      width:210px;
      text-align:center;
      padding:10px;
      color:#D2691E;
      box-shadow:2px 2px 3px rgba(209, 74, 29, 0.4) , inset 0 0 50px rgba(209, 74, 29, 0.1) ;
      
   }

   .headding06_ss {
      border:solid 2px #D2691E;
      border-radius:5px;
      width:170px;
      text-align:center;
      padding:10px;
      color:#D2691E;
      box-shadow:2px 2px 3px rgba(209, 74, 29, 0.4) , inset 0 0 50px rgba(209, 74, 29, 0.1) ;
   }

   .headding05 {
      position: relative;
      margin-bottom:30px;
      margin-top:30px;
      font-family:"游ゴシック", YuGothic;
      padding:10px 10px 10px 30px;
   }

   .headding05:before{
      position: absolute;
      content: '';
      bottom: -3px;
      left: 0;
      width: 0;
      height: 0;
      border: none;
      border-left: solid 15px transparent;
      border-bottom: solid 15px #1486cc;
   }

   .headding05:after{
      position: absolute;
      content: '';
      bottom: -3px;
      left: 10px;
      width: 100%;
      border-bottom: solid 3px #1486cc;
   }

   .headding {
      margin:20px 0 40px 0;
      font-family:"游ゴシック", YuGothic;
   }

   .headding span.stp {
      background:#1486cc;
      display:inline-block;
      color:#fcfcfc;
      border:solid 1px #1486cc;
      padding:10px;
      
      overflow: visible;
      position: relative;
   }



   .headding span.stp:after {
      left: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(136, 183, 213, 0);
      border-left-color: #1486cc;
      border-width: 10px;
      margin-top: -10px;
   }





   .headding span.stp_dtl {
      border-top:solid 1px #333;
      border-right:solid 1px #333;
      border-bottom:solid 1px #333;
      display:inline-block;
      padding:10px 10px 10px 20px;
   }
   

   .ttl_faq {
      position: relative;
      padding: 0 .5em .5em 2em;
      border-bottom: 1px solid #ccc;
      font-size:25px;
      font-weight:bold;
      letter-spacing:0.3em;
   }

   .ttl_faq::before,
   .ttl_faq::after {
      position: absolute;
      content: '';
      border-radius: 100%
   }

   .ttl_faq::before {
      top: .2em;
      left: .2em;
      z-index: 2;
      width: 18px;
      height: 18px;
      background: rgba(13, 117, 209, .5);
   }

   .ttl_faq::after {
      top: .7em;
      left: .7em;
      width: 13px;
      height: 13px;
      background: rgba(117, 181, 209, .5);
   }

   .acMenu div:first-child{
      margin-left:13px;
   }

   .acMenu span:not(.strong){
      display:inline-block;
      padding-left:50px;
      position:relative;
   }
   
   .acMenu dt input[type="button"]{
      position:absolute;
      right:0;
      bottom:0;
      border:solid 1px;
      box-sizing: border-box;
      padding:5px;
      font-size:0.8em;
   }

   .acMenu dt input[type="button"]:hover{
      cursor:pointer;
   }

   .acMenu input[type="button"].hd_a{
      display:none;
   }

   .acMenu dt{
      display:block;
      position:relative;
      min-height:50px;
      line-height:30px;
      text-align:left;
      border:rgba(102,102,102,0.3) 1px solid;
      cursor:pointer;
      /* background-color:rgba(43,215,0,0.05); */
      background-color:rgba(238,233,230,0.7);
      padding-bottom:15px;
      margin-top:25px;
      box-sizing: border-box;
   }

   .acMenu dt::before{
      content: "Q";
      display: flex;
      justify-content: center;
      align-items: center;
      background: #D65556;
      color: #fafafa;
      width: 35px;
      height: 35px;
      font-size:1.1em;
   }

   .acMenu dt:hover{
      background-color:rgba(122,204,163,0.2);
      color:#1111cc;
      opacity:0.9;
   }

   .acMenu dd{
      background:rgba(239,239,241,0.5);
      min-height:50px;
      line-height:30px;
      text-align:left;
      vertical-align:top;
      border:rgba(102,102,102,0.3) 1px solid;
      display:none;
      padding-bottom:8px;
   }

   .acMenu dd div:first-child{
      padding-left:35px;
      padding-right:8px;
      padding-bottom:5px;
   }

   .acMenu dd::before{
      content: "A";
      display: flex;
      justify-content: center;
      align-items: center;
      background: #6699B7;
      color: #fafafa;
      width: 35px;
      height: 35px;
      font-size:1.1em;
   }

   .acMenu dt.active{
      background-color:rgba(43,232,0,0.05);
   }

   .acMenu dt.active:hover{
      background-color:rgba(233,188,43,0.15);
      opacity:0.9;
   }

   /*
   #tuition_t th{
   background-color:#D2691E;
   color:#fafafa;
   border:solid 1px #191919;
   padding:10px;
   }
   #tuition_t td{
   border:solid 1px #191919;
   padding:10px;
   }
   #tuition_t{
      border:solid 1px #191919;
      box-shadow:2px 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1) ;
      border-spacing:0;
      margin:auto;
   }
   */

   table#tuition_t:not(.tuition_t2) {
      width: 400px;
      margin: 0 auto;
      border-collapse: separate;
      border-spacing: 0px 15px;
   }

   .tuition_t2{
      width: 400px;
      border-collapse: separate;
      border-spacing: 0px 15px;
   }
   
   table#tuition_t th,
   table#tuition_t td {
      padding: 10px;
   }
   
   table#tuition_t th {
      background: #1486cc;
      vertical-align: middle;
      text-align: left;
      width: 100px;
      overflow: visible;
      position: relative;
      color: #fff;
   }
   
   table#tuition_t th:after {
      left: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(136, 183, 213, 0);
      border-left-color: #1486cc;
      border-width: 10px;
      margin-top: -10px;
   }

   table#tuition_t td {
      background: #f8f8f8;
      width: 300px;
      padding-left: 20px;
   }

   #ul_ttM{
      list-style:none;
      padding:0;
   }

   .ttl_und{
      width:450px;
      text-align:left;
      margin:50px auto 20px auto;
      font-weight:normal;
      border-bottom: solid 3px #bbbbbb;
      position: relative;
      line-height:1.5em;
   }

   .ttl_und:after{
      position: absolute;
      content: " ";
      display: block;
      border-bottom: solid 3px #fa6f19;
      bottom: -3px;
      width: 15%;
   }

   .ttl_und2{
      width:300px;
      text-align:left;
      margin-top:20px;
      font-weight:normal;
      border-bottom: solid 3px #bbbbbb;
      position: relative;
      line-height:1.5em;
   }

   .ttl_und2:after{
      position: absolute;
      content: " ";
      display: block;
      border-bottom: solid 3px #fa6f19;
      bottom: -3px;
      width: 15%;
   }

   .ttl_und3{
      width:450px;
      text-align:left;
      margin:20px auto 20px auto;
      font-weight:normal;
      border-bottom: solid 3px #bbbbbb;
      position: relative;
      line-height:1.5em;
   }

   .ttl_und3:after{
      position: absolute;
      content: " ";
      display: block;
      border-bottom: solid 3px #fa6f19;
      bottom: -3px;
      width: 15%;
   }

   .ttl_und4{
      width:90%;
      text-align:left;
      margin:10px auto 0px auto;
      font-weight:normal;
      border-bottom: solid 3px #bbbbbb;
      position: relative;
      line-height:1.5em;
   }

   .ttl_und4:after{
      position: absolute;
      content: " ";
      display: block;
      border-bottom: solid 3px #fa6f19;
      bottom: -3px;
      width: 15%;
   }

   #choco{
      color:#1486cc;
      font-size:75px;
      margin:30px auto;
   }

   .step{
      margin:20px auto;
   }

   .chart{
      border-radius:25px;
      border:solid #cc5b14;
      width:710px;
      padding:25px;
      margin:auto;
   }

   .large{
      width:100%;
   }

   .large2{
      width:985px;
   }

   .sec_large{
      width:950px;
      margin:auto;
   }

   .copy{
      width:980px;
   }

   /*
   #flow_after{
      width:900;
      height:451;
   }
   */

   #flow_after_pc{
      width:900px;
      height:451px;
   }

   #flow_after_sp,.dspl_sp{
      display:none;
   }

   div#global_pc ul:not(#ul_glb){
      margin:0;
      padding:0;
      list-style:none;
      width:100%;
         background:rgba(0,0,190,0.25);
         background-image: linear-gradient(45deg, rgba(0,0,190,0.015) 25%, transparent 25%, transparent 75%, rgba(0,0,190,0.015) 75%, rgba(0,0,190,0.015)), linear-gradient(45deg, rgba(0,0,190,0.015) 25%, transparent 25%, transparent 75%, rgba(0,0,190,0.015) 75%, rgba(0,0,190,0.015));
         background-position: 0 0, 75px 75px;
         background-size: 150px 150px;
   }

   #img_glb{
      width:150px;
      height:150px;
   }

   #dv_glb{
      margin:auto;
   }

   #td_crp{
      color:#000;
      font-size:18px;
      font-weight:bold;
      text-align:left;
      float:left;
   }

   #td_crp strong{
      font-size:14px;
      display:block;
   }

   #td_crp span.em{
      color:#1486cc;
      font-size:20px;
   }

   #td_crp span{
      color:#808080;
      font-family:"Segoe Print",Papyrus;
   }

   #td_crp img{
      vertical-align:middle;
   }

   #td_crp img:hover{
      opacity:0.6;
      transition-duration:0.3s;
   }

   #td_inq{
      text-align:right;
      vertical-align:middle;
      color:#ffffff;
      padding:10px;
   }

   #td_inq a{
      color:#000;
      opacity:0.7;
      text-decoration:none;
      display:inline-block;
      padding-right:30px;
   }

   #td_inq a:hover{
      transition-duration:0.3s;
      opacity:1;
   }

   #td_inq img{
      vertical-align:middle;

   }

      .t_fvpt{
         font-size:27px;
         color:#000000;
         text-align:center;
         padding:30px 0;
         /*
         background-repeat:no-repeat;
         background-position: right;
         background-image:url("../images/buildog5.gif");
         background-size:contain;
         */
      }
      
      .t_fvpt h1{
         font-size:65px;
         margin-bottom:10px;
         letter-spacing:0.5em;
         margin-top:10px;
      }
      
      .t_fvpt h1 span{
         display:inline-block;
         letter-spacing:0.1em;
         line-height:1em;
      }

      #dv_fvpt{
         margin:auto;
         color:#000;
         
      }

   .c1{
      width:18%;
      border:solid 1px;
      border-left:#db0000;
      color:#ffe0e0;
      padding:10px 5px;
      text-align:center;
      background-color:#00c0b2;
      font-size:16px;
      transition:1.3s;
      cursor:pointer;   }
         .c1:hover{
         background-color:#0000bb;
      }
      .c2{
   width:17%;padding:5px;border:solid 1px;border-left:#db0000;color:#ffe0e0;text-align:center;background-color:#00c0b2;font-size:16px;transition:1.3s;background-color:#0000bb;   }
      .c3{
   width:18%;border:solid 1px;border-left:#db0000;color:#ffe0e0;padding:10px 5px;text-align:center;background-color:#00c0b2;font-size:16px;transition:1.3s;cursor:pointer;   }
         .c3:hover{
         background-color:#0000bb;
      }
      .c4{
   width:16%;padding:5px;border:solid 1px;border-left:#db0000;color:#ffe0e0;text-align:center;background-color:#00c0b2;font-size:16px;transition:1.3s;cursor:pointer;   }
         .c4:hover{
         background-color:#0000bb;
      }
      .c5{
   width:17%;border:solid 1px;border-left:#db0000;color:#ffe0e0;padding:10px 5px;text-align:center;background-color:#00c0b2;font-size:16px;transition:1.3s;cursor:pointer;   }
         .c5:hover{
         background-color:#0000bb;
      }
   
   .c6{
   width:14%;padding:5px;border:solid 1px;border-right:none;border-left:#db0000;color:#ffe0e0;text-align:center;background-color:#00c0b2;font-size:16px;transition:1.3s;cursor:pointer;   }
         .c6:hover{
         background-color:#0000bb;
      }
   
   .mark{
   height:25px;
   }

   .index{
   width:450px;
   }

   .strong{
   color:#fc1125;font-weight:bold;
   }

   .flow{
   width:600px;
   }

   .offer{
   width:650px;
   }

   .offer_t{
      width:1000px;
      box-shadow:2px 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1) ;
      border:solid 1px;
      border-spacing:0;
      padding:0;
   }

   .offer_t th{
      font-weight:normal;
      background-color:#f0f0f0;
      border:solid 1px;
   }

   .offer_t td{
      padding:12px;
      line-height:2em;
      border:solid 1px #000;
   }

   .tr_ok{
   background-color:#e3fae1;
   }

   .tr_okH{
      background-color:rgba(250,100,112,0.7);
   }
   
   .tr_ng{
   background-color:#b1b1b1;
   }

   .tr_bfr{
   background-color:#faebe1;
   }

   .ent_large{
   width:800px;
   }

   .ent_t{
   width:800px;
   }

   .iframe{
   width:700px; height:300px;
   }

   .map{
   width:950px; height:674px;border:0;
   }

   #place{
   float:right;padding-right:10px;
   }

   #sp_place{
   display:none;
   }

   .root li{
   list-style:square;
   line-height:1.7em;
   }

   .ent_submit{
   width:700px;
   }

   .agree{
   width:300px;
   }

   #gd_fv{
      font-size:18px;
      padding-bottom:30px;
      position:relative;
   }

   div#gd_fv span{
      position:absolute;
      right: 0%;
      bottom: 0%;
   }

   #sp_btn,.drawer-nav,#global_sp{
      display:none;
   }

   .agree{
      width:400px;
      background-color:#102d88;
      color:#ffffff;
      padding:10px;
      font-size:20px;
      display:inline-block;
      letter-spacing:0.5em;
      text-align:center;
      line-height:2em;
   }

   .agree:hover{
      cursor:pointer;
      background-color:#ce2cd4;
      transition-duration:0.3s;
   }

   #btn4offr{
      position: relative;
   display: block;
   width:30vw;
   font-weight: bold;
   padding: 0.25em 0.5em;
   color: rgba(255,255,255,0.9);
   cursor:pointer;
   letter-spacing:0.25em;
   text-indent:0.25em;
      background-color: rgba(191,0,96,0.6);
      z-index: 2;
      overflow: hidden;
      outline: none;
      text-decoration:none;
      font-size:20px;
      margin:10px auto 20px auto;
   }

   #btn4offr::before,
   #btn4offr::after {
      position: absolute;
   z-index: -1;
   display: block;
   content: '';
   }

   #btn4offr::before,
   #btn4offr::after {
      box-sizing: border-box;
      transition: all .3s;
   }

   #btn4offr::after{
      top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transform: scale(.5);
   }

   #btn4offr:hover::after{
      background-color: rgba(0,0,190,0.6);
   transform: scale(1);
   }

   #td_4offr{
      background-color:rgba(0,0,0,0.03);
   }


   .dspl_sp{
      display: none !important;
   }
}


   /*よくわからんやつ
   .grn{
      color:#80bfff;
   }

.rcm{
	background-color:#0d5be0;
	color:#fff;
	text-align:left;
}
.inq{
	text-align:right;
	padding:15px;
}
.inq span{

}

*/


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

↓以降スマホ

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

@media screen and (max-width: 480px) {
   body {
      font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;border-collapse:collapse;
      margin:0;
      font-size:18px;
   }

   table{
      border-collapse:collapse;
   }

   select,input[type="text"],input[type="email"],input[type="tel"]{
      height:40px;
      font-size:inherit;
      font-family: inherit;
      max-width:300px;
   }

   input[type="radio"]{
      height:18px;
      width:18px;
   }

   input[type="submit"]:not(.sbmt_bk){
      width:85%;
      background-color:#108730;
      color:#ffffff;
      padding:10px;
      font-size:20px;
      font-family:'Meiryo';
      letter-spacing:0.5em;
   }

   input[type="submit"]:not(.sbmt_bk):active{
      background-color:#19a2d4;
   }

   .sbmt_bk{
      width:85%;
      background-color:#4d4d4d;
      color:#ffffff;
      padding:10px;
      font-size:20px;
      font-family:'Meiryo';
      margin-bottom:10px;
      letter-spacing:0.5em;
   }

   .sbmt_bk:active{
      opacity:0.8;
   }

   label{
      font-size:20px;
   }

   textarea{
      font-size:inherit;
      font-family: inherit;
      max-width:300px;
   }

   option{
      font-size:inherit;
      font-family: inherit;
   }

   .lightbox { display: none; }


   .drawer-nav div{
      margin-top:30px;
   }

   dd div{
      word-break: break-all;
   }

   #vd{
      margin-top:-70px;
      padding-top:70px;
   }

   .ft25{
      font-size:22px;
   }

   #mail1,#mail2,#content{
      width:500px;
      max-width:300px;
   }

   ul.drawer-menu{
      width:100%;
   }

   .fa{
      font-size:80px;
      color:#403735;
   }

   .dv_pgtp{
      border:solid 1px;
      width:70px;
      margin:auto;
   }

   .dv_intp{
      margin:auto;
      width:70px;
      height:70px;
      background-image:url("../images/buildog4.gif");
      background-size:contain;
      transition-duration:0.3s;
   }

   .dv_intp2{
      margin:auto;
      width:70px;
      height:70px;
      background-image:url("../images/buildog3.gif");
      background-size:contain;
      transition-duration:0.3s;
   }

   .dv_intp3{
      margin:auto;
      width:70px;
      height:70px;
      background-image:url("../images/buildog3.gif");
      background-size:contain;
      transition-duration:0.3s;
   }

   .dv_ft {
      position:absolute;
      bottom:10px;
      right:0;
   }

   .page-top a {
      display: block;
      width: 100px;
      height: 100px;
      text-align: center;
      font-weight:bold;
      font-size: 16px;
      text-decoration: none;
      transition-duration:0.3s;
      color:#000;
   }

   /* **************
   丸アイコン大きさ調整難しいから

   #dv_tp a{
      width:200px;
      height:200px;
      border-radius:50%;
      display:inline-block;
      font-weight:bold;
      text-decoration:none;
      color:#ffffff;
   }

   #dv_tp a.i_home{
      background-color:rgb(204,122,41);
   }

   #dv_tp a.i_home:active{
      color:rgb(204,122,41);
      background:rgba(204,122,41,0.4);
   }

   #dv_tp span.i_home{
      border:solid 1px rgb(204,122,41);
   }

   #dv_tp a.i_line{
      background-color:rgb(122,204,41);
   }

   #dv_tp a.i_line:active{
      color:rgb(122,204,41);
      background:rgba(122,204,41,0.4);
   }

   #dv_tp span.i_line{
      border:solid 1px rgb(122,204,41);
   }

   #dv_tp a.i_id{
      background-color:rgb(41,204,122);
   }

   #dv_tp a.i_id:active{
      color:rgb(41,204,122);
      background:rgba(41,204,122,0.4);
   }

   #dv_tp span.i_id{
      border:solid 1px rgb(41,204,122);
   }

   #dv_tp a.i_file{
      background-color:rgb(41,122,204);
   }

   #dv_tp a.i_file:active{
      color:rgb(41,122,204);
      background:rgba(41,122,204,0.4);
   }

   #dv_tp span.i_file{
      border:solid 1px rgb(41,122,204);
   }

   #dv_tp a.i_map{
      background-color:rgb(204,41,122);
   }

   #dv_tp a.i_map:active{
      color:rgb(204,41,122);
      background:rgba(204,41,122,0.4);
   }

   #dv_tp span.i_map{
      border:solid 1px rgb(204,41,122);
   }

   #dv_tp a.i_calendar{
      background-color:rgb(122,41,204);
   }

   #dv_tp a.i_calendar:active{
      color:rgb(122,41,204);
      background:rgba(122,41,204,0.4);
   }

   #dv_tp span.i_calendar{
      border:solid 1px rgb(122,41,204);
   }

   #dv_tp a:active{
      border-radius:50%;
      color:#ffffff;
   }

   #dv_tp{
      padding:auto;
      text-align:center;
      width:100%;
      margin:20px auto 80px auto;
   }

   #dv_tp span.cir{
      display:inline-block;
      margin:20px;
      text-align:center;
      border-radius:50%;
      transition-duration:0.2s;
      position:relative;
      width:200px;
      height:200px;
      text-align:center;
   }



   #dv_tp span.cir span{
      position: absolute;
      bottom: 18%;
      left: 0;
      right: 0;
      font-size:20px;
   }

   丸アイコンのコメント〆
   ************************ */

   #dv_tp a{
      text-decoration:none;
      transition-duration:0.3s;
      width:100%;
      height:100%;
      padding:10px;
      
      
      display:inline-block;
      text-align:center;
      position:relative;
      width:130px;
      height:110px;
      text-align:center;
      border:solid 2px;
      
      
      margin:5px 3px;
      outline: none;
      overflow: hidden;
      z-index: 2;
      color:#403735;
      background:rgba(240,198,190,0.15);
   }

   #dv_tp div{
      display:inline;
   }

   #dv_tp span{
      font-size:16px;
      color:#403735;
      display:inline-block;
      margin-top:5px;
   }

   #dv_tp a:active{
      background:rgba(240,120,140,0.6);
   }

   #dv_tp{
      padding:auto;
      text-align:center;
      width:100%;
      margin:40px auto 50px auto;
   }

   #dv_tp span.squ{
      display:inline-block;
      margin:20px;
      text-align:center;
      transition-duration:0.2s;
      position:relative;
      width:200px;
      height:200px;
      text-align:center;
   }



   #dv_tp span.squ span{
      position: absolute;
      bottom: 18%;
      left: 0;
      right: 0;
      font-size:20px;
   }

   div#sp_glb{
      position:fixed;
      top:0;
      left:0;
      z-index:3;
      height:70px;
      width:70px;
      background:rgb(122,41,204);
   }


   div#sp_glb a.i_calendar:active{
      background:rgb(51,153,255,0.1);
   }

   div#sp_glb a{
      color:#fff;
      text-decoration:none;
      display:block;
      width:100%;
      height:100%;
      background-image:url('../images/0pen.png');
      background-repeat:no-repeat;
      background-size:40px 40px;
      background-position:center center;
   }


   /*
   #sp_glb a span{
      display:block;
   }
   */

   #sp_btn{
      background-color:#333 !important;
      color:#fff;
      z-index:30;
      text-align:center;
      height:70px;
      width:70px;
   }

   #sp_btn p{
      position:relative;
   }

   #sp_btn div{
      position:absolute;
      top:25%;
      left:25%;
   }

   #sp_fa{
      font-size:28px;
      color:#fff;
   }

   .SB{
      background-color:#0dd1c9;
      color:#fcde23;
      text-align:left;
      padding:65px 0 0 10px;
      font-weight:bold;
      text-shadow:1px 1px 2px #333;
   }

   .tm{
   position: relative;
      padding: 0 .5em .5em 1.7em;
      border-bottom: 1px solid #D2691E;
      font-size:13px;
   }
   .tm::after{
      position: absolute;
      top: .4em;
      left: .4em;
      z-index: 2;
      content: '';
      width: 12px;
      height: 12px;
      background-color: #D2691E;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
   }

   .banner{
      width:270px;
   }

   .w100{
      width:100px;
   }

   .w50{
      width:50px;
   }

   .w180{
      width:160px;
   }

   .w200{
      width:170px;
   }

   .w230{
      width:190px;
   }

   .err{
      color:#ff7f7f;
      font-weight:bold;
   }

   .required{
      color:#ff7f7f ;
   }

   .txtC{
      text-align:center;
   }

   #dv_ttn span{
      text-decoration:underline;
      line-height:1.5em;
   }

   .img_inq{
      text-align:center;
   }

   .img_inq img{
      width:252px;
   }

   .sct_inq{
      text-align:left;
      padding:10px;
   }

   .dv_faqMT{
      padding:0 15px;
   }

   #fm_inq{
      width:100%;
      line-height:1.5em;
   }

   #tbl_main{
      text-align:left;
      margin:auto;
      width:100%;
   }

   #tbl_main td{
      padding:8px;
      border:solid 2px #ababab;
   }

   #tbl_main th{
      border:solid 2px #ababab;
      background-color:#f5f5f5;
      padding:8px;
      position:relative;
   }

   .lg_mst{
      padding:2px 4px;
      background-color:#f39800;
      color:#f2e9da;
      border-radius:5px;
      font-size:15px;
      border:solid 2px #d98900;
      box-shadow:0px 2px 2px -2px #4d3000;
      display:inline-block;
      position:absolute;
      right:10px;
      top:50%;
      margin-top:-19px;
   }

   #frm_inq{
      text-align:center;
   }


   .menulist{
      display:none;
   }

   #sp_mm{
      font-size:14px;
      display:inline-block;
      margin-top:10px;
      text-align:center;
      width:100%;
   }


   .gray li{
      background-color:#e6e6fa;
   }

   .test:after{
      content:" ＋";
      font-size:23px;
      font-weight:bold;
   }

   .test.active:after{
      content:" －";
      font-size:23px;
      font-weight:bold;
   }


   /* 親の[ul] */
   .syncer-acdn-parent{
      width: 250px ;
      margin: 1.5em 0 0 ;
      padding: 12px 18px ;
      border: 2px solid rgba( 0,0,0, 0.1 ) ;
   }

   /* 子の[ul] */
   .syncer-acdn-child
   {
      display: none ;
   }

   /* 余白設定 */
   .syncer-acdn-child ,
   .syncer-acdn-parent li ,
   .syncer-acdn-parent li p
   {
      margin: 0 ;
      padding: 0 ;
   }

   /* 親と子の[li] */
   .syncer-acdn-parent li{
      list-style: none ;
      line-height:2em;
   }

   .syncer-acdn-parent li:not(:last-child){
      border-bottom:dashed 1px;
   }

   .syncer-acdn-parent li a{
      display:block;
      text-align:left;
   }

   .syncer-acdn-parent li a:before{
      content:"→";
      padding-left:20px;

   }


   /* 親の[a] */
   .syncer-acdn-parent li p a
   {
      position: relative ;
      top: 0 ;
      left: 0 ;
   }

   .syncer-acdn-parent li p a:after ,
   .syncer-acdn-parent li p a:hover:after
   {
      color: #333 ;
      background: rgba( 0,0,255 , 0.1 ) ;
   }

   .syncer-acdn-parent li p a:after
   {
      position: absolute ;
      top: 50% ;
      right: 12px ;
      content: "開閉" ;
      font-size: .85em ;
      margin-top: -12.5px ;
      height: 17px ;
      line-height: 17px ;
      padding: 4px 8px ;
   }


   /* 親の[a]と子の[li] */
   .syncer-acdn-parent li p a ,
   .syncer-acdn-child li
   {
      border-bottom: 1px solid rgba( 0,0,0, 0.1 ) ;
   }


   /* 親と子の[a] */
   .syncer-acdn-parent li a
   {
      display: block ;
      padding: 8px 0 ;
      font-weight: 700 ;
      text-decoration: none ;
      color: #333 ;
   }

   .syncer-acdn-parent li a:hover
   {
      cursor: pointer ;
      color: #f00 ;
      background: rgba( 0,0,0, 0.1 ) ;
   }


   /* 子の[a] */
   .syncer-acdn-child li a:before
   {
      content: "∟" ;
      padding-right: 5px ;
   }


   .ttl_faq {
      position: relative;
      padding: 0 .5em .5em 2em;
      border-bottom: 1px solid #ccc;
      font-size:25px;
      font-weight:bold;
      margin-top:40px;
   }

   .ttl_faq::before,
   .ttl_faq::after {
      position: absolute;
      content: '';
      border-radius: 100%
   }

   .ttl_faq::before {
      top: .2em;
      left: .2em;
      z-index: 2;
      width: 18px;
      height: 18px;
      background: rgba(13, 117, 209, .5);
   }

   .ttl_faq::after {
      top: .7em;
      left: .7em;
      width: 13px;
      height: 13px;
      background: rgba(117, 181, 209, .5);
   } 

   .acMenu div:first-child{
      margin-left:13px;
   }

   .acMenu span:not(.strong){
      display:inline-block;
      margin-left:10px;
      position:relative;
   }

   .acMenu dt{
      display:block;
      min-height:50px;
      line-height:30px;
      text-align:left;
      border:#666 1px solid;
      cursor:pointer;
      padding-bottom:8px;
      margin-top:30px;
   }

   .acMenu dt:hover{
      color:#1111cc;
      opacity:0.9;
      transition-duration:0.2s;
   }

   .acMenu dd{
      background:#f2f2f2;
      min-height:50px;
      line-height:30px;
      text-align:left;
      vertical-align:top;
      border:#666 1px solid;
      display:none;
      padding-bottom:8px;
   }

   .acMenu dt.active{

   }

   .ul_faq{
      border:dotted 1px;
      width:230px;
      margin:auto;
      padding:0;
   }

   .ul_faq li{
      list-style:none;
      padding-top:10px;
      padding-bottom:5px;
   }

   .fa-mobile{
      font-size:25px;
      color:#cc106e;
      transform:rotateZ(10deg);
   }


   #dv_bs{
      position:absolute;
      top:60px;
   }

   .sp_menu{
      border:solid 1px #007bbb;
      border-radius:5px;
      padding:3px 7px;
      background-color:#007bbb;
   }

   #wrap{
      text-align:center;
      width:100%;
   }

   #wrap2{
      margin-left:auto;
      margin-right:auto;
      background-color:#ffffff;
      box-shadow:0px 0px 4px 4px #cfcfcf;
   }

   #LW{
      text-align:left;
      background-color:#ffffff;
      position:absolute;
      top:50px;
   }

   #LW_pb30{
      text-align:left;
      background-color:#ffffff;
      padding-bottom:30px;
   }

   #sol2{
      margin:20px auto auto auto;
   }

   #tr{
      text-align:left;
   }

   #lh_fs19{
      line-height:1.5em;
      padding:0px 10px 0 10px;
   }

   #lh{
      line-height:1.5em;
      padding:5px 15px 0 15px;
   }

   #lh_p150010{
      line-height:1.5em;
      font-size:19px;
      padding:15px 0 0 10px;
   }

   #R_pr50{
      text-align:right;
   }

   #p00010{
      padding:0 0 0 5px;
   }

   #p50015{
      padding:20px 0 0 5px;
   }

   #p00015{
      padding:0 0 0 5px;
   }

   .p750015{
      padding:75px 0 0 5px;
   }

   #p010015{
      padding:0 10px 0 5px;
   }

   .sp_spc{
      padding-top:20px;
      padding-bottom:60px;
   }

   .mgn_t{
      margin-top:20px;
   }

   .mgn_t3{
      margin-top:30px;
   }

   .mt4{
      margin-top:4px;
   }

   .mgn_t5{
      margin-top:15px;
   }

   .mt10{
      margin-top:10px;
   }

   .mt50{
      margin-top:50px;
   }

   #w200{
      width:200px;
   }

   #w180{
      width:180px;
   }

   #w155{
      width:155px;
   }

   .pl12{
      padding:10px 15px 0 15px;
   }

   #sec{
      margin-left:25px;
   }

   .fwb{
      font-weight:bold;
   }

   .LgCr address{
      display:none;
   }

   .LgCr{
      padding-top:50px;
   }

   #sp_a_offr{
      position:fixed;
      bottom:0;
      left:50%;
      transform:translateX(-50%);
      text-decoration:none;
      z-index:20;
      background:rgba(240,0,0,0.85);
      padding:10px;
      letter-spacing: 0.2em;
      text-indent: 0.2em;
      display:inline-block;
      width:60vw;
      text-align:center;
      font-weight:bold;
      color:rgba(250,250,250,0.8);
   }

   #sp_a_offr:active{
      background:rgba(7,230,230,0.8);
   }

   .txt_r{
      position:relative;
   }

   div.txt_r div.page-top{
      position:absolute;
      right:0;
   }

   #Cft18{
      text-align:center;
      font-size:18px;
   }

   #RSP{
      text-align:right;
      margin-top:40px;
   }

   #lh010015{
      line-height:1.5em;
      padding:0px 10px 0 15px;
   }

   .lh_pd{
      line-height:1.5em;
      padding:20px 0 0 8px;
   }

   .img_flw{
      border:solid 1px;
      display:inline-block;
      margin:60px auto 30px auto;
   }

   .img_flw2 img{
      display:inline-block;
      margin:10px auto 40px auto;
   }

   .img_flw2 p{
      position:absolute;
      top:12px;
      right:18px;
      font-size:16px;
      font-weight:bold;
      transform:rotateZ(13deg);
   }

   .img_flw2 p span{
      background: linear-gradient(transparent 60%, #ff99ff 60%);
   }

   #ul_offCh{
      list-style:none;
      padding:0;
   }

   #ul_offCh li:nth-child(odd){
      display: block;
      text-decoration: none;
      margin-top:30px;
      font-weight:bold;
      font-size:20px;
      font-family:"游ゴシック", YuGothic;
   }

   #ul_offCh li:nth-child(odd) span{
      padding:5px;
   }

   #ul_offCh li:nth-child(even){
      position:relative;
      padding: 15px;
      margin: 7px 0 10px 0px;
      border-bottom:dashed 1px #ccc;
      color:#333;
      line-height:2em;
   }


   ol#ol_offSub{
   counter-reset:list;
   list-style-type:none;
   padding:0;
   margin-left:5px;
   }

   ol#ol_offSub li{
   position:relative;
   margin: 7px 0 7px 0px;
   padding-left:43px;
   line-height: 30px;
   border:none;
   }

   ol#ol_offSub li:before{
   counter-increment: list;
   content: counter(list);
   position: absolute;
   left: 0px;
   width: 30px;
   height: 30px;
   text-align: center;
   color: #fafaff;
   font-weight:bold;
   line-height:30px;
   background: #142acc;
   top: 50%;
   transform: translateY(-50%);
   }

   ol#ol_offSub li:after{
   content:"";
   display: block;
   position: absolute;
   left: 30px;
   height: 0;
   width: 0;
   border-top: 5px solid transparent;
   border-bottom: 5px solid transparent;
   border-left: 7px solid #142acc;
   top: 50%;
   transform: translateY(-50%);
   }

   #num{
      text-align:right;
      background-color:#0dd1c9;
      padding-right:10px;
      color:#4c0016;
      font-size:13px;
   }

   .howto{
      width:290px;
   }

   #flow_tk{
      width:249px;
      height:414px;
   }

   .dv_flt{
      margin:auto;
      margin-bottom:50px;
      line-height:1.5em;
   }

   #choco{
      color:#D2691E;
      font-size:30px;
      margin-left:115px;
      margin-top:10px;
      margin-bottom:10px;
   }

   .chart{
      border:solid #D2691E;
      width:240px;
      padding:15px;
      border-radius:25px;
      margin-top:10px;
   }

   #bracket{
      border-radius:25px;
      border:solid #D2691E;
      width:240px;
      padding:15px;
      margin-top:10px;
   }

   .headding06 {
      line-height:1em !important;
      margin:0;
      font-family:"游ゴシック", YuGothic;
   }

   .dv_hd{
      text-align:center;
      margin-top:50px;
   }

   .dv_hd span{
      font-family:"Segoe Print",Papyrus;
      margin-bottom:30px;
      display:inline-block;
   }

   .ttl_und{
      text-align:left;
      margin:50px 15px 20px 15px;
      font-weight:normal;
      border-bottom: solid 3px #bbbbbb;
      position: relative;
      line-height:1.5em;
   }

   .ttl_und:after{
      position: absolute;
      content: " ";
      display: block;
      border-bottom: solid 3px #fa6f19;
      bottom: -3px;
      width: 15%;
   }

   .ttl_und3{
      text-align:left;
      margin:20px auto 20px auto;
      font-weight:normal;
      border-bottom: solid 3px #bbbbbb;
      position: relative;
      line-height:1.5em;
   }

   .ttl_und3:after{
      position: absolute;
      content: " ";
      display: block;
      border-bottom: solid 3px #fa6f19;
      bottom: -3px;
      width: 15%;
   }

   #tbl_tm{
      margin:auto;
      width:95%;
      font-size:20px;
   }

   #tbl_tm:after{
      margin-bottom:20px;
   }

   #tbl_tm tr:nth-child(odd){
      background-color:#e1f0fa;
   }

   #tbl_tm tr:nth-child(even){
      background-color:#f5f5f5;
   }

   #tbl_tm td{
      padding:15px;
   }

   #tbl_tm th{
      width:30%;
      font-weight:normal;
      text-align:center;
   }

   table#tuition_t {
      margin: 0 15px;
      border-collapse: separate;
      border-spacing: 0px 15px;
      
   }
   
   table#tuition_t th,
   table#tuition_t td {
      padding: 10px;
   }
   
   table#tuition_t th {
      background: #1486cc;
      vertical-align: middle;
      text-align: left;
      width: 190px;
      overflow: visible;
      position: relative;
      color: #fff;
   }
   
   table#tuition_t th:after {
      left: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(136, 183, 213, 0);
      border-left-color: #1486cc;
      border-width: 10px;
      margin-top: -10px;
   }

   table#tuition_t td {
      background: #f8f8f8;
      width: 280px;
      padding-left: 20px;
   }

   #tj_flow,#sec{
      margin:auto 15px;
   }

   .headding07 {
      border:solid 2px #D2691E;
      background-color:#d2691e;
      border-radius:10px;
      width:250px;
      text-align:center;
      padding:10px;
      color:#ffffff;
      font-size:20px;
      font-weight:bold;
   }

   .headding06_s {
   position: relative;
      color: #111;
      font-size: 1.143em;
      font-weight: bold;
      margin: 0 0 1.5em;
      padding: 0.5em 0.5em 0.5em 1.7em;
      border-bottom: 3px solid #B92A2C;
   }

   .headding06_s:before{
   content: "";
      position: absolute;
      background: #d48789;
      top: 0;
      left: 0.4em;
      height: 12px;
      width: 12px;
      transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
   }

   .headding06_s:after{
   content: "";
      position: absolute;
      background:#d26466;
      top: 1.0em;
      left: 0;
      height: 8px;
      width: 8px;
      transform: rotate(15deg);
      -moz-transform: rotate(15deg);
      -webkit-transform: rotate(15deg);
      -o-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
   }

   .headding06_ss {
   position: relative;
      color: #111;
      font-size: 1.143em;
      font-weight: bold;
      margin: 0 0 1.5em;
      padding: 0.5em 0.5em 0.5em 1.7em;
      border-bottom: 3px solid #B92A2C;
   }

   .headding06_ss:before{
   content: "";
      position: absolute;
      background: #d48789;
      top: 0;
      left: 0.4em;
      height: 12px;
      width: 12px;
      transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
   }

   .headding06_ss:after{
   content: "";
      position: absolute;
      background:#d26466;
      top: 1.0em;
      left: 0;
      height: 8px;
      width: 8px;
      transform: rotate(15deg);
      -moz-transform: rotate(15deg);
      -webkit-transform: rotate(15deg);
      -o-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
   }

   .headding05 {
      position:relative;
      text-align:left;
      font-family:"游ゴシック", YuGothic;
      
      
      padding: 10px 40px;
      border-top: 1px solid #333;
      border-bottom: 1px solid #333;
   }

   .headding05::before,
   .headding05::after {
   position: absolute;
   content: '';
   border-radius: 100%
   }

   .headding05::before {
   top: .2em;
   left: .2em;
   z-index: 2;
   width: 18px;
   height: 18px;
   background: rgba(20, 134, 204, .5);
   }

   .headding05::after {
   top: .7em;
   left: .7em;
   width: 13px;
   height: 13px;
   background: rgba(184, 196, 204, .5);
   }

   .headding {
      margin:20px 0 40px 0;
      font-family:"游ゴシック", YuGothic;
   }

   .headding span.stp {
      background:#1486cc;
      display:inline-block;
      color:#fcfcfc;
      border:solid 1px #1486cc;
      padding:10px;
      
      overflow: visible;
      position: relative;
   }



   .headding span.stp:after {
      left: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(136, 183, 213, 0);
      border-left-color: #1486cc;
      border-width: 10px;
      margin-top: -10px;
   }





   .headding span.stp_dtl {
      border-top:solid 1px #333;
      border-right:solid 1px #333;
      border-bottom:solid 1px #333;
      display:inline-block;
      padding:10px 10px 10px 20px;
   }

   #flow_after{
      width:271px;
      height:451px;
   }

   #dv_glb{
      margin:auto;
   }


   .large{
      width:100%;
   }

   .large2{
      width:100%;
   }

   .sec_large{
      width:100%;
   }

   .copy{
      font-size:xx-small;
      text-align:left;
   }

   #global_sp{
      background:rgba(240,240,240,0.8);
      font-size:16px;
      color:#000000;
      text-align:center;
      z-index:4;
      position: fixed;
      height:70px;
   }

   #dv_glb_5{
      z-index:4;
      font-size:12px;
      background:rgba(0,0,240,0.85);
      color:rgba(245,245,245,0.9);
      text-decoration:none;
      font-weight:bold;
      height:70px;
      box-sizing: border-box;
      padding:10px;
      line-height:1.5em;
      position:absolute;
      left:0;
   }

   #dv_glb_5:active{
      background:rgba(240,0,120,0.85);
   }

   #dv_glb_in{
      position:retaive;
   }

   div#global_sp p{
      margin:auto;
      width:150px;
   }

   div#global_sp img{

   }

   div#global_sp h1{
      font-size:18px;
      letter-spacing:0.1em;
      font-family:"游ゴシック", YuGothic;
      font-weight:normal;
   }

   .sp_ft{
      display:inline-block;
      float:left;
      position:relative;
   }

   .sp_ft img{
      width:100%;
   }

   .sp_ft p{
      position:absolute;
      top:12px;
      right:18px;
      font-size:16px;
      font-weight:bold;
      transform:rotateZ(13deg);
   }

   .sp_ft p span{
      background: linear-gradient(transparent 60%, #ff99ff 60%);
   }

   .mark{
      width:300px;
   }

   .index{
      width:300px;
      height:55px;
   }

   .strong{
      color:#fc1125;
      font-weight:bold;
   }

   .ph_table{
      border:solid 1px;
      padding:10px;
   }

   .flow{
      width:300px;
      height:100px;
   }

   .offer{
      width:300px;
      height:350px;
   }

   .offer_t{
      width:1000px;
   }

   .offer_t th{
      font-weight:normal;
      background-color:#f0f0f0;
   }

   #dv_spNs{
      border:solid 2px #000;
      font-size:23px;
      margin-top:30px;
   }

   .spul_offer{
      margin:40px 0;
      padding:0;
      border:solid 2px #b8b4cc;
      border-top:none;
      border-radius:8px;
      list-style:none;
   }

   .spul_offer li:nth-child(1){
      position:relative;
      text-align:center;
      border-radius:8px 8px 0 0;
   }

   .sp_ofrOn{
      background:#1486cc;
   }

   .sp_ofrOn:before{
      content: "";
      border: 12px solid transparent;
      border-top: 12px solid #1486cc;
      position: absolute;
      right: 50%;
      bottom: -23px;
      z-index: 2;
   }

   .sp_ofrOn:after{
      content: "";
      border: 12px solid transparent;
      border-top: 12px solid #1486cc;
      position: absolute;
      right: 50%;
      bottom: -24px;
   }

   .sp_ofrHr{
      background:#cc142a;
   }

   .sp_ofrHr:before{
      content: "";
      border: 12px solid transparent;
      border-top: 12px solid #cc142a;
      position: absolute;
      right: 50%;
      bottom: -23px;
      z-index: 2;
   }

   .sp_ofrHr:after{
      content: "";
      border: 12px solid transparent;
      border-top: 12px solid #cc142a;
      position: absolute;
      right: 50%;
      bottom: -24px;
   }

   .sp_ofrPr{
      background:#108730;
   }

   .sp_ofrPr:before{
      content: "";
      border: 12px solid transparent;
      border-top: 12px solid #108730;
      position: absolute;
      right: 50%;
      bottom: -23px;
      z-index: 2;
   }

   .sp_ofrPr:after{
      content: "";
      border: 12px solid transparent;
      border-top: 12px solid #108730;
      position: absolute;
      right: 50%;
      bottom: -24px;
   }

   .sp_ofrMx{
      background:#808080;
   }

   .sp_ofrMx:before{
      content: "";
      border: 12px solid transparent;
      border-top: 12px solid #808080;
      position: absolute;
      right: 50%;
      bottom: -23px;
      z-index: 2;
   }

   .sp_ofrMx:after{
      content: "";
      border: 12px solid transparent;
      border-top: 12px solid #808080;
      position: absolute;
      right: 50%;
      bottom: -24px;
   }


   .sp_nmb{
      color:#fff;
      font-size:15px;
      font-weight:bold;
   }

   .spul_offer li:nth-child(2){
      text-align:center;
      padding:25px 0 5px 15px;
   }

   .sp_dtE{
      font-size:25px;
      font-weight:bold;
   }

   .sp_dtS{
      font-size:15px;
   }

   .spul_offer li:nth-child(3){
      font-size:15px;
      padding:5px 0;
   }

   .spul_offer li:nth-child(3) div{
      background:#eef1f6;
      padding:10px 20px;
   }

   .spul_offer li:nth-child(4){
      text-align:center;
      padding:20px;
   }

   .spul_offer li span{
      display:inline-block;
      
   }

   .spul_offer li a:not(.acc){
      display:inline-block;
      text-decoration:none;
      width:80%;
      color: #ffffff;
      padding: 10px;
      font-size: 17px;
      border-radius:20px;
      letter-spacing:0.3em;
   }

   .spul_offer h3{
      color:#fcfcfc;
      margin:0 5px 0 0;
      display:inline-block;
      padding:10px 0;
      font-size:25px;
   }

   .ltt{
      font-weight:bold;
      color:#fff;
      background:#f16e00;
      font-size:13px;
      line-height:1.5em;
      padding:2px;
      display:inline-block;
      position:absolute;
      top:50%;
      margin-top:-12.5px;
   }

   .mx{
      font-weight:bold;
      color:#fff;
      background:#b079f2;
      font-size:13px;
      line-height:1.5em;
      padding:2px;
      display:inline-block;
      position:absolute;
      top:50%;
      margin-top:-12.5px;
   }

   .sp_ok{
      font-weight:bold;
      padding:5px;
      font-size:20px;
      font-family:'Meiryo';
      background-color: #1486cc;
   }

   .sp_ok:active{
      background:#cc1486;
   }

   .sp_okH{
      font-weight:bold;
      padding:5px;
      font-size:20px;
      font-family:'Meiryo';
      background-color: #cc142a;
   }

   .sp_okH:active{
      background:#cc1486;
   }


   .sp_bfr{
      font-weight:bold;
      padding:5px;
      font-size:20px;
      font-family:'Meiryo';
      background-color: #108730;
      color:#ffffff;
      width:80%;
   }

   .sp_ng{
      font-weight:bold;
      padding:5px;
      font-size:20px;
      font-family:'Meiryo';
      background-color: #808080;
      color: #ffffff;
      width:80%;
   }

   .pdf{
      width:260px;
   }

   .sp_acc{
      margin:0 15px;
      line-height:1.5em;
   }

   .map{
      /*
      width:270px;
      height:270px;
      */
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
   }

   .div_map{
      /*
      overflow:auto;
      margin:auto;
      */
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
   }

   .ent_large{
      width:100%;
   }

   .ent_t{
      width:100%;
   }

   .iframe{
      width:260px;
      height:330px;
   }

   .ent_submit{
      width:320px;
   }

   .agree{
      width:280px;
   }

   #dv_spInqSbmt{
      margin:20px auto;
      text-align:center;
   }

   #gd_fv{
      font-size:14px;
   }

   ul.root{
      padding-left:20px;
      margin-left:0;
   }

   .ul_cnt{
   /*
      color: #1e366a;
      border-top: solid #1e366a 1px;
      border-bottom: solid #1e366a 1px;
      padding: 0.5em 0 0.5em 1.5em;
      margin-bottom:70px;
   */
      list-style-type:none;
      position:relative;
      letter-spacing:0.1em;
      padding-left:15px;
   }
   .ul_cnt li{
   /*
      line-height: 1.5;
      padding: 0.5em 0;
   */
      position:relative;
      padding: 7px 5px 7px 5px;
      margin: 7px 0 10px 0px;
      font-weight: bold;
      border-bottom:dashed 1px #ccc;
      color:#333;
      
   }

   h1{font-size:27px; font-weight:bold;}
   h2{font-size:24px; font-weight:bold;}
   h3{font-size:20px; font-weight:bold;}
}