@font-face {
  font-family: "A-OTF 新ゴ Pro";
  src: local("A-OTF 新ゴ Pro"), local("A-OTF 新ゴ Pro");
  src: url('../assets/webfonts/A-OTF-UDShinMGoPro-DeBold.otf') format('opentype');
}
@font-face {
  font-family: A-OTF Shin Go Pro;
  src: local("A-OTF 新ゴ Pro"), local("A-OTF 新ゴ Pro");
  src: url('../assets/webfonts/A-OTF-UDShinMGoPro-DeBold.otf') format('opentype');
}
html {
  overflow-y: scroll;
  overflow-x: hidden;
}

body{

}

header{
  font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 14px;
}

p {
    margin: 0 0 8px;
}

.main-content{
  margin:0 auto;
  max-width: 968px;
  clear: both;
}
.main-column{
  float: unset;
}
@media (min-width: 992px) {
  .main-column{
    width: 708px;
    float: left;
  }
}

.main-column-single .container{
  max-width:712px;
  margin:0 auto;
  padding:0 16px;
}
@media (min-width: 992px) {
  .main-column-single .container{
    max-width:712px;
    margin:0 auto;
    padding:0;
  }
}

.main-column .container{
  width: unset;
  max-width:720px;
}
.side-bar{
  float:right;
  width:240px;
  margin-top: 32px;
}

footer {
  font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 12px;
}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	padding: 0;
}

.panel-group .panel + .panel {
	margin-top: 1px;
}


.row-2{margin-left:-2px; margin-right:-2px;}
.row-2 .col-xs-1, .row-2 .col-sm-1, .row-2 .col-md-1, .row-2 .col-lg-1, .row-2 .col-xs-2, .row-2 .col-sm-2, .row-2 .col-md-2, .row-2 .col-lg-2, .row-2 .col-xs-3, .row-2 .col-sm-3, .row-2 .col-md-3, .row-2 .col-lg-3, .row-2 .col-xs-4, .row-2 .col-sm-4, .row-2 .col-md-4, .row-2 .col-lg-4, .row-2 .col-xs-5, .row-2 .col-sm-5, .row-2 .col-md-5, .row-2 .col-lg-5, .row-2 .col-xs-6, .row-2 .col-sm-6, .row-2 .col-md-6, .row-2 .col-lg-6, .row-2 .col-xs-7, .row-2 .col-sm-7, .row-2 .col-md-7, .row-2 .col-lg-7, .row-2 .col-xs-8, .row-2 .col-sm-8, .row-2 .col-md-8, .row-2 .col-lg-8, .row-2 .col-xs-9, .row-2 .col-sm-9, .row-2 .col-md-9, .row-2 .col-lg-9, .row-2 .col-xs-10, .row-2 .col-sm-10, .row-2 .col-md-10, .row-2 .col-lg-10, .row-2 .col-xs-11, .row-2 .col-sm-11, .row-2 .col-md-11, .row-2 .col-lg-11, .row-2 .col-xs-12, .row-2 .col-sm-12, .row-2 .col-md-12, .row-2 .col-lg-12 {
  padding-top:2px;
  padding-right:2px;
  padding-bottom:2px;
  padding-left:2px;
  }
@media (min-width: 768px) {
.row-sm-8{margin-left:-8px; margin-right:-8px;}

.row-sm-8 .col-xs-1, .row-sm-8 .col-sm-1, .row-sm-8 .col-md-1, .row-sm-8 .col-lg-1, .row-sm-8 .col-xs-2, .row-sm-8 .col-sm-2, .row-sm-8 .col-md-2, .row-sm-8 .col-lg-2, .row-sm-8 .col-xs-3, .row-sm-8 .col-sm-3, .row-sm-8 .col-md-3, .row-sm-8 .col-lg-3, .row-sm-8 .col-xs-4, .row-sm-8 .col-sm-4, .row-sm-8 .col-md-4, .row-sm-8 .col-lg-4, .row-sm-8 .col-xs-5, .row-sm-8 .col-sm-5, .row-sm-8 .col-md-5, .row-sm-8 .col-lg-5, .row-sm-8 .col-xs-6, .row-sm-8 .col-sm-6, .row-sm-8 .col-md-6, .row-sm-8 .col-lg-6, .row-sm-8 .col-xs-7, .row-sm-8 .col-sm-7, .row-sm-8 .col-md-7, .row-sm-8 .col-lg-7, .row-sm-8 .col-xs-8, .row-sm-8 .col-sm-8, .row-sm-8 .col-md-8, .row-sm-8 .col-lg-8, .row-sm-8 .col-xs-9, .row-sm-8 .col-sm-9, .row-sm-8 .col-md-9, .row-sm-8 .col-lg-9, .row-sm-8 .col-xs-10, .row-sm-8 .col-sm-10, .row-sm-8 .col-md-10, .row-sm-8 .col-lg-10, .row-sm-8 .col-xs-11, .row-sm-8 .col-sm-11, .row-sm-8 .col-md-11, .row-sm-8 .col-lg-11, .row-sm-8 .col-xs-12, .row-sm-8 .col-sm-12, .row-sm-8 .col-md-12, .row-sm-8 .col-lg-12 {
  padding-top:8px;
  padding-right:8px;
  padding-bottom:8px;
  padding-left:8px;
  }
}




/*----------------------------------------*/
/*グローバルナビ*/
/*----------------------------------------*/
.global-nav{ 
  position: unset;
  border-top: 1px solid #ddd;
}
.nav-wrapper{
  height:108px;
}

@media (min-width: 992px) {
.global-nav{ 
  position: absolute;
  top: 0;
  left: calc(50% - 340px);
  border-top: none;
}

.nav-wrapper{
  height:63px;
}

  
}


.global-nav ul{
  display: flex;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  margin: 0;
}

.global-nav ul li{
  border-right: 1px solid #dddddd;
  flex: 1 1 25%;
  height: 64px;
}

header[focus="top"] .global-nav ul li.nav_btn_top,
header[focus="function"] .global-nav ul li.nav_btn_function,
header[focus="plan"] .global-nav ul li.nav_btn_plan,
header[focus="seminar"] .global-nav ul li.nav_btn_seminar,
header[focus="faq"] .global-nav ul li.nav_btn_faq,
header[focus="mobile"] .global-nav ul li.nav_btn_mobile-biz,
header[focus="mailmag"] .global-nav ul li.nav_btn_mailmag{
  
  border-right: 1px solid #dddddd;
  border-bottom: 2px solid #45b035;
  flex: 1 1 25%;
  height: 64px;
}

.global-nav ul li:first-child{
border-left: 1px solid #dddddd;
}


.global-nav ul li a{
font-weight: bold;
line-height: 1.6;
display: block;
vertical-align: middle;
padding: 20px 0;
text-decoration: none;
color: #222;
height: unset;
}
@media (max-width: 992px) {
  .global-nav ul li{
    height: auto!important;
  }
  .global-nav ul li a{
    line-height: 1.6;
    
    padding: 17px 0 14px;
  }
}

@media (min-width: 992px) {
  .global-nav ul li a{
    font-weight: bold;
    line-height: 1.6;
    display: block;
    vertical-align: middle;
    padding: 24px 0 20px 0;
    text-decoration: none;
    color: #222;
    height: unset;
  }
}
.global-nav ul li.nav_btn_mailmag a{
font-weight: bold;
line-height: 1.2;
display: block;
vertical-align: middle;
padding: 11px 0;
text-decoration: none;
color: #222;
height: unset;
}
@media (min-width: 992px) {
.global-nav ul li.nav_btn_mailmag a{
font-weight: bold;
line-height: 1.6;
display: block;
vertical-align: middle;
padding: 24px 0 20px 0;
text-decoration: none;
color: #222;
height: unset;
}
}


/*----------------------------------------*/
/*トップページ用スタイル*/
/*----------------------------------------*/
.ruby{
  font-size: .35em;
  position: absolute;
  top: calc(1em - 1.6em);
  left: 0;
  width: 100%;
  text-align: center;
  display: block;
}


section.feature ul{
  list-style: none;
  padding: 0 0 5px 0;
  height: 100%;
  margin: 0;
  display: flex;
  justify-content: space-between;
  border:none;
}
section.feature ul li{
  margin: 0 5px 0 0;
  flex: 0 3 100%;
  font-family:"A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"!important;
}


section.feature ul li:last-child{
  margin: 0;
  padding:0;
}
section.feature ul li a{
  font-size:10px;
  text-align: center;
  display: inline-block;
  color: #FFF;
  background-color: rgba(0,0,0,.3);
  height: calc(100% - 4px);
  box-shadow: 0 4px 0 rgba(0, 0, 0, .5);
  width: 100%;
  border-radius: 10px;
  font-weight: bold;
  border: 1px solid #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
section.feature ul li a:hover,
section.feature ul li a:focus,
section.feature ul li.active a{
  color: rgba(0,0,0,.3)!important;
  background-color: #FFF;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

section.feature ul#feature1 li a:hover,
section.feature ul#feature1 li a:focus,
section.feature ul#feature1 li.active a{
  color:#835b00!important;
}
section.feature ul#feature2 li a:hover,
section.feature ul#feature2 li a:focus,
section.feature ul#feature2 li.active a{
  color:#00596c!important;
}
section.feature ul#feature3 li a:hover,
section.feature ul#feature3 li a:focus,
section.feature ul#feature3 li.active a{
  color:#873f44!important;
}
section.feature ul#feature4 li a:hover,
section.feature ul#feature4 li a:focus,
section.feature ul#feature4 li.active a{
  color:#255e1c!important;
}

@media (min-width: 992px) {
section.feature ul{
  list-style: none;
  padding: 0;
  margin: 0;
  flex-direction: column;
}
section.feature ul li{
  display: block;
  height: 33.333334%;
  padding: 0 0 10px 0;
  margin:0;
  width: 250px;
}
section.feature ul li a{
  font-size:1.72em;
  text-align: center;
  display: inline-block;
  color: #FFF;
  background-color: rgba(0,0,0,.3);
  width: 100%;
  border-radius: 0 10px 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-left:none;
}
}






/*ボタン用スタイル*/
.btn.active {
  box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .15);
}
.btn.active > div{
  background: #FFF!important; 
  border-radius: 3px!important;
  margin: -4px -9px -2px!important;
  padding: 14px 0 12px 0!important;
}

.btn.active:active > div{
  background: #FFF!important;
  border-radius: 3px!important;
  margin: -3px -9px -2px!important;
  padding: 13px 0 12px 0!important;
}
/*色別処理*/
.btn.bgc-red.active .c-white{
  color:#e94653!important;
}
.btn.bgc-yellow.active  .c-white{
  color:#f6ab00!important;
}
.btn.bgc-green.active  .c-white{
  color:#45b035!important;
}
.btn.bgc-grass.active  .c-white{
  color:#9ecb3d !important;
}
.btn.bgc-water.active  .c-white{
  color:#00a6cb!important;
}

/*----------------------------------------*/
/*トップページ*/
/*----------------------------------------*/
/*キャラクター表示用クラス*/
.top-chara01{
  position: absolute;
  top: -15px;
  left: -65px;
  z-index: 0;
  width: 90px;
}
@media (min-width: 768px) {
  .top-chara01{
    position: absolute;
    top: -60px;
    left: -190px;
    z-index: 0;
    width: 230px;
  }
}

.func-info a{
  color:#888888;
  text-decoration: none;
}
.func-info hr{
  margin:5px 0 5px 60px;
}

.func-info-item{
  display: flex;
  align-items: center;
}
.func-info-item:hover{
  opacity: 0.3;
}

.func-info-icon{
  flex: 0 0 60px;
}

.func-info-label{
  flex: 0 0 70px;
}
.func-info-label > div:first-child{
  background:#e4ebf1; 
  border-radius: 9999px; 
  color:#006ae2; 
  height: 26px; 
  padding: 7px 0 0 0;
  margin-bottom: 5px;
}
.func-info-label > div:nth-child(2){
  transform: scale(0.8,1);
}

@media (min-width: 992px) {
  .func-info hr{
    margin:5px 0 5px 110px;
  }

  .func-info-item{
    display: flex;
    align-items: center;
  }

  .func-info-icon{
    flex: 0 0 110px;
  }
  .func-info-label{
    flex: 0 0 100px;
  }
  .func-info-label > div:first-child{
    height: 32px; 
    padding: 3px 0 0 0;
  }
  .func-info-label > div:nth-child(2){
    transform: scale(1,1);
  }
}
/*----------------------------------------*/
/*機能と特徴*/
/*----------------------------------------*/
/*見出し用スタイル*/
h2.heading{
  font-family:"A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  background: #45b035!important;
  color: #FFF;
  padding: 15px 20px;
  margin: 32px 0 16px;
  font-size: 20px;
  font-weight: bold;
}
h3.heading{
  color: #45b035;
  padding: 0 6px;
  font-size: 20px;
  border-left:4px solid #45b035;
  margin: 16px 0 8px;
  font-weight: bold;
}

.function_nav > div {
    padding: 2px;
}

/*----------------------------------------*/
/*よくある質問*/
/*----------------------------------------*/
/*FAQ用スタイル*/
.faq.panel-group .panel{
  border: solid 1px #38BA00; 
  border-radius:8px; 
  overflow: hidden;
  box-shadow: none;
  margin-bottom: 8px;
}
.faq.panel-group .panel-heading{
  background: unset!important;
  padding:0;
}

.faq.panel-group .collapse.in .panel-body{
  position: relative;
}
.faq.panel-group .collapse.in .panel-body:after{
  content:"";
  position:absolute;
  display:block!important;
  width:calc(100% - 54px);
  top:0px;
  right:16px;
  border-top:solid 1px #CCC;
}
@media (min-width: 768px) {
  .faq.panel-group .collapse.in .panel-body:after{
    width:calc(100% - 80px);
  }
}

@media (max-width: 767px){
  .faq.panel-group .collapse.in .panel-body:after{
    right:8px;
  }
}
.faq.panel-group .panel-heading:hover{
  background: #f0fff0!important;
}

.faq.panel-group .disp-f{
  align-items:center;
  padding: 0 16px;
}
@media (max-width: 767px){
  .faq.panel-group .disp-f{
    padding: 0 8px;
  }
}
.faq.panel-group .panel-heading a[aria-expanded="true"] .fa-chevron-down:before{
  content: "\f077"!important;
}

.faq_heading_icon{
  flex: 0 0 28px; 

}
.faq_heading{
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 14px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .faq_heading{
    padding-right: 16px;
    padding-left: 16px;
    font-size: 16px;
  }
}
.faq_heading_chevron{
  margin:0 0 0 auto;
  font-size: 20px;
  color:#45b035;
  line-height: 48px;
}

.faq .panel-body{
  font-size: 12px;
  line-height: 1.6em;
}
@media (min-width: 768px) {
  .faq .panel-body{
    font-size: 16px;
    line-height: 1.7;
  }
}

.faq .panel-body .disp-f{
  padding:0!important;
}
.faq .panel-body .faq_heading_icon{
  align-self: flex-start;
}
@media (min-width: 768px) {
  .faq .panel-body{
    padding-left: 16px;
  }
}

/*.faq .collapse.in {
    background: #9ecb3d42;
}*/
.faq .panel-default > .panel-heading + .panel-collapse > .panel-body{border-top-color: #fff;}
/* faq-trial */
.faq-trial-outer{
  background: #ffe09a;
}

  .faq-trial-hukidasi{
  border-radius: 10px;
  background:#FFF;
  text-align:center;
  margin:20px 0;
  padding:30px;
  position: relative;
}

@media (min-width: 767px) {

  .faq-trial-hukidasi{
  width:350px; 
  border-radius: 10px;
  float:left;
  background:#FFF;
  text-align:center;
  margin:20px 0;
  padding:30px;
      position: relative;
}
  
  .faq-trial-hukidasi:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 35px;
  border-color: transparent transparent transparent #ffffff;
  top: 60px;
  right: -35px;
  position: absolute;
}
}

/*----------------------------------------*/
/*料金プラン / 申込*/
/*----------------------------------------*/
ul.checklist{
  list-style: none;
  padding:0;
  margin:0;
  text-align: center;
}
ul.checklist li {
  display: inline-block;
  position: relative;
  line-height: 1.2;
  margin-left: 0;
  margin-right: 1em;
  font-size: 12px;
}
ul.checklist li:before{
  content: "/";
  display: inline-block;
  width: unset;
  height: unset;
  position: absolute;
  vertical-align: middle;
  right: -1em;
  top: 0;
}
ul.checklist li:last-child:before{
  content: "";
}
ul.checklist li.off{
  color:#bbbbbb;
}
@media (min-width: 992px) {
ul.checklist{
  list-style: none;
  padding:0;
  margin:0;
  text-align: left;
}  
  
ul.checklist li{
  display: list-item;
    position: relative;
    line-height: 1.4;
    margin-left: calc(25px + 1em);
    margin-bottom: 10px;
}
ul.checklist li:before{
  content: url(/web/img/icon_check_on.svg);
  display: inline-block;
  width: 25px;
  height: 30px;
  position: absolute;
  vertical-align: middle;
  left: calc(-25px - 1em);
  top: -2px;
}
  ul.checklist li:last-child:before{
  content: url(/web/img/icon_check_on.svg);
}
ul.checklist.y li:before{
  content: url(/web/img/icon_check_on_y.svg);
}
ul.checklist li.off{
  color:#bbbbbb;
}
ul.checklist li.off:before{
  content: url(/web/img/icon_check_off.svg)!important;
}
}
/*プランポップアップのスタイル*/
#planModal .modal-content {
    border: none;
}
#planModal .modal-header {
  color: #45b035 !important;
  background: unset;
  padding: 30px 15px 0;
  border-bottom: none;
  text-align: center;
}
#planModal .table {
  margin:0;
  
}
#planModal .table tr {
  border:none;
}
#planModal .table th{
  font-weight: bold;
}
#planModal .table th,#planModal .table td {
  border-right:none;
  border-left:none;
  text-align: center;
  background: unset;
  border-color:#38BA00;
}
#planModal .table tr th:nth-child(1){background-color:#FFFF00;}
#planModal .table tr td:nth-child(1){background-color:#FFFF00;color:#38BA00;}
#planModal .table tr td:nth-child(5),#planModal .table tr th:nth-child(5){background-color:#FFF;border-color:#fff;}

#planModal .table tr:nth-child(2) td:nth-child(1):before{
    position: absolute;
    font-weight: bold;
    color: #FFF;
    background: #FF3A49;
    line-height: 2em;
    padding: 2px 4px 0;
    display: block;
    top: calc(50% - 15px);
    left: -9em;
    border-radius: 3px;
    width: 100px;
    font-size: 12px;
}
#planModal .table tr:nth-child(3) td:nth-child(1):before{
    position: absolute;
    font-weight: bold;
    color: #000;
    line-height: 1.2em;
    padding: 2px 10px 0;
    display: block;
    top: calc(50% - 20px);
    left: -6.5em;
    border-radius: 3px;
    width: 128px;
    font-size: 18px;
    text-align: center;
    white-space: pre;
}
#planModal .table tr:nth-child(5) td:nth-child(1):before{
    position: absolute;
    font-weight: bold;
    color: #FFF;
    background: #f6ab00;
    line-height: 2em;
    padding: 2px 10px 0;
    display: block;
    top: calc(50% - 14px);
    left: -7em;
    border-radius: 3px;
    width:90px;
}
#planModal .table tr:nth-child(2) td:nth-child(1):before{content: "まずはお試し！";}
#planModal .table tr:nth-child(3) td:nth-child(1):before{content: "いつでも\Aお好きな\Aプランに\A変更可能！";}
#planModal .table tr:nth-child(5) td:nth-child(1):before{content: "人気No1";}

#planModal .table tr:nth-child(2) td:nth-child(1):after{
    border-color: transparent transparent transparent #FF3A49!important;
}
#planModal .table tr:nth-child(2) td:nth-child(1):after,
#planModal .table tr:nth-child(5) td:nth-child(1):after{
    content: "";
    position: absolute;
    display: block;
    top: calc(50% - 4px);
    left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 9px;
    border-color: transparent transparent transparent #f6ab00;
}
@media (max-width: 767px) {
#planModal .table tr:nth-child(2) td:nth-child(1):before,
#planModal .table tr:nth-child(5) td:nth-child(1):before,
#planModal .table tr:nth-child(2) td:nth-child(1):after,
#planModal .table tr:nth-child(5) td:nth-child(1):after
  {
    display: none;
  }
}


#planModal .table tr td:nth-child(1){
  font-weight: bold;
  position: relative;
}


@media (max-width: 767px) {
  #planModal .table tr th:nth-child(2),
  #planModal .table tr td:nth-child(2){
    display: none;
  }
}
#planModal .modal-footer {
  background: unset;
  text-align: center;
  border-top: none;
  padding:0 10px 30px;
}



/*相談窓口｜エキスパ*/
.new-customer-qa{
  padding: 16px;
  border:1px solid #45b035;
  margin-bottom:20px;
}
.new-customer-qa .q{
  float:left;
  width:50px;
  padding-right:10px;
}
.new-customer-qa .a{
  float:left;
  width: calc(100% - 50px);
}
@media (min-width: 768px) {
.new-customer-qa{
  padding:40px 0 40px 32px;
}
.new-customer-qa .q{
  width:70px;
}
.new-customer-qa .a{
  width: auto;
}
}
/*----------------------------------------*/
/*注意喚起の表示*/
/*----------------------------------------*/
.attention{
  border:4px solid #f6ab00;
  background:#fff2e0;
  clear:both;
  padding:10px;
}
.attention .attention-icon{
  width:55px; 
  height: 80px;
  text-align: center;
  float: left;
  padding-right:5px;
}

.attention .attention-text{
  width:calc(100% - 55px);
  float: left;
}
.attention .attention-contact-btn{
  width:100%;
  float: left;
  padding:10px 0 0 0;
}

@media (min-width: 768px) {
  .attention .attention-icon{
  width:80px;
  padding-right:0;
}

.attention .attention-text{
  width:50%;
  float: left;
}
.attention .attention-contact-btn{
  width:calc(50% - 80px);
  float: left;
  padding:7px;
}
}

/*----------------------------------------*/
/*operating-company*/
/*----------------------------------------*/
.table-plain{
  border:none;
  margin:0;
}
.table-plain tr{}
.table-plain tr th{background: transparent; font-weight:bold; padding:5px 20px 5px 0!important;}
.table-plain tr td{padding:5px 0 5px 0!important}
.table-plain tr th,.table-plain tr td{vertical-align: top;border:none!important;}
/*----------------------------------------*/
/*サイドバー*/
/*----------------------------------------*/
.side-bar .side-bar-faq{
  background:#FFF;
  padding:10px;
  border-radius:6px;
  text-align: left;
}

.side-bar .side-bar-faq ul{
  list-style: none;
  padding:0;
  margin:0;
}

.side-bar .side-bar-faq ul li{
  
}
.side-bar .side-bar-faq ul li a{
  color: #000!important;
  display: block;
  padding:8px 0 8px 0;
  border-bottom: 1px solid #ddd !important;
  text-align: left;
}
.side-bar .side-bar-faq ul li a:hover{
  text-decoration: none;
  background:#eee;
}
.side-bar .side-bar-faq ul li a .disp-f > div:first-child {
  flex: 0 0 190px;
}
.side-bar .side-bar-faq ul li a .disp-f > div:last-child {
  flex: 0 0 10px;
}
.side-bar .side-bar-faq ul li a i{
  color: #45b035 !important;
  font-size:10px;
}

/*----------------------------------------*/
/*フッター*/
/*----------------------------------------*/
footer{
  padding:0;
  background: none;
  background: #444;
}

.footer-container-follow{
  position: relative;
  flex: 1 0 auto;
  overflow: hidden;
  padding:40px 0 80px 0;
  color:#eee;
}

@media (min-width: 768px) {
  .footer-container-follow{
  padding:60px 0 70px 0;
  flex: 1 0 auto; overflow:hidden;
}
}
.footer-container-follow a{
  color:rgba(246, 171, 0, 1);
}
.footer-container-sitemap{
  flex: 1 0 320px;
  padding: 20px 0 10px;
  border-top: 1px solid #666;
}
@media (min-width: 768px) {
.footer-container-sitemap {
    flex: 0 0 310px;
    padding: 30px 0px 0 15px;
    margin: 10px 0 10px 0;
    border-top: none;
    border-left: 1px solid #666;
}

}

.footer-con {
  width: calc(50% - 10px);
  text-align: left;
  color: #eee;
  margin:0 0 20px 10px;
}
.inc_footer.container {
	padding: 0;
}

.footer-mascot{
  position: absolute;
  bottom: -30px;
  left: calc(50% - 140px);
  max-width:280px;
}
@media (min-width: 768px) {
  .footer-mascot{
  position: absolute;
  bottom: -35px;
  left: calc(50% - 190px);
  margin: 0px 0px;
  max-width: 380px;
}
}
@media (min-width: 992px) {
  .footer-mascot{
  position: absolute;
  bottom: -55px;
  left: calc(50% - 260px);
  max-width: 520px;
}
}

.footer-con h3 {
  width: 100%;
  height: auto;
  padding: 0 0 0 4px;
  box-sizing: border-box;
  margin: 0;
  font-size: 14px !important;
  font-weight: 100!important;
  font-weight: bold!important;
  text-align: left;
  background: none;
  border-left: 3px solid #45b035;
}

.footer-con ul {
  padding-left: 0;
  padding-top: 10px;
  margin:0;
  list-style:none;
}
.footer-con ul li a {
	text-decoration:none;
  color: #fff;
	font-size:14px;
  line-height: 1.7em;
}
.footer-con ul li a:hover {
	text-decoration:underline;
}


/*side-bannerのスタイル*/
.side-banner-right{display: none;}
.side-banner-right:hover{right:0;}
.side-banner-content{float:left;padding:30px;background:#fff;height:320px; border-top:2px solid #dddce4;border-bottom:2px solid #dddce4; width:762px;}
.side-banner-img{float:left;width:400px;}
.side-banner-text{float:left;font-size:18px;font-weight:bold;padding:0 30px 0 0;}
.side-banner-text ul{text-align: left;padding:0 0 0 20px;line-height:2;}
@media (min-width: 768px) {
  .side-banner-right{position: fixed; display: inline-block; height:320px; transition: all .5s ease; z-index: 9999; top:calc(50% - 160px);right: -520px;width:648px; box-shadow:rgb(150, 150, 150) 5px 5px 30px -5px;}
  
}


.copyright {
  flex: 0 0 auto;
}
.copyright p {
    font-size: 12px;
    padding: 10px 0;
    color: #FFF;
    text-align: center;
    margin: 0;
    border-top: 1px solid #666;
}
@media (min-width: 768px) {
.copyright p {
  font-size:12px;
	padding:10px 0 0;
	color: #FFF;
	text-align:center;
	margin: 20px 0 0;
  border-top:1px solid #444444;
}
}
@media (min-width: 992px) {
  .copyright p {
    border-top:none;
    margin-top:10px;
}
}
@media (max-width: 767px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {
  .container {
    width: 970px;
}
}
/*----------------------------------------*/
/*汎用クラス*/
/*----------------------------------------*/
.ff-marugo{
  font-family:"A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.hov-bgc-l-gray:hover{

  background: #f6f6f6 !important;
}

.c-green{
  color: #38BA00 !important;
}
.c-yellow{
  color: #ffa400 !important;
}

@media (max-width: 767px) {
  .xs-row-5{
    margin: 0 -5px!important;
  }
  .xs-row-5 > div{
    padding:5px!important;
  }
  .xs-row-10{
    margin: 0 -10px!important;
  }
  .xs-row-10 > div{
    padding:10px!important;
  }
}



.pt60{
  padding-top: 60px!important;
}
.pr50{
  padding-right:50px!important;
}
.pr60{
  padding-right:60px!important;
}
.pl50{
  padding-left:50px!important;

}
.pl60{
  padding-left:60px!important;
}

.pb3{
  padding-bottom:3px!important;
}

.mt32{margin-top:32px!important;}
.mb32{margin-bottom:32px!important;}
@media (min-width: 992px) {
  .md-pt0{
    padding-top:0px!important;
  }
  .md-pt10{
    padding-top:10px!important;
  }
  .mdpt20{
    padding-top:20px!important;
  }
  .md-pt30{
    padding-top:30px!important;
  }
  .md-pt50{
    padding-top:50px!important;
  }
  .md-pt60{
    padding-top:60px!important;
  }
  .md-pt100{
    padding-top:100px!important;
  }
  
  
  
  .md-pr10{
    padding-right:10px!important;
  }
  .md-pr40{
    padding-right:40px!important;
  }
  .md-pb0{
    padding-bottom:0px!important;
  }
  .md-pb20{
    padding-bottom:20px!important;
  }
  .md-pb30{
    padding-bottom:30px!important;
  }
  .md-pb40{
    padding-bottom:40px!important;
  }
  .md-pb50{
    padding-bottom:50px!important;
  }
  .md-pb60{
    padding-bottom:60px!important;
  }
  .md-pb75{
    padding-bottom:75px!important;
  }
  .md-pb100{
    padding-bottom:100px!important;
  }
  
  .md-pl10{
    padding-left:10px!important;
  }
  .md-pl20{
    padding-left:20px!important;
  }
  .md-pl40{
    padding-left:40px!important;
  }
  
}




@media (min-width: 768px) {
  .sm-mr10{
    margin-right:10px!important;
  }
  
  .sm-ml10{
    margin-left:10px!important;
  }
}
@media (min-width: 992px) {
  .md-mr10{
    margin-right:10px!important;
  }
  .md-mr20{
    margin-right:20px!important;
  }
  .md-mr40{
    margin-right:40px!important;
  }
  .md-mr30{
    margin-right:30px!important;
  }
  .md-mb0{
    margin-bottom:0px!important;
  }
  .md-mb20{
    margin-bottom:20px!important;
  }
  .md-ml10{
    margin-left:10px!important;
  }
  .md-ml30{
    margin-left:30px!important;
  }
  .md-ml40{
    margin-left:40px!important;
  }
  
}


@media (min-width: 992px) {
  .md-f14{
    font-size: 14px!important;
  }
  .md-f20{
    font-size: 20px!important;
  }
  .md-f22{
    font-size: 22px!important;
  }
  .md-f24{
    font-size:24px!important;
  }
  .md-f28{
    font-size:28px!important;
  }
  .md-f56{
    font-size:56px!important;
  }
}

.lh16{
  line-height: 1.6!important;
}
.lh18{
  line-height: 1.8!important;
}

@media (min-width: 992px) {
  .md-lh18{
    line-height: 1.8!important;
  }
}
.lh28{
  line-height: 28px!important;
}
.lh34{
  line-height:34px!important;
}
.lh35{
  line-height:35px!important;
}


.pt8{
  padding-top:8px;
}
.pt32{
  padding-top:32px;
}
.pr25{
  padding-right:25px;
}
.pl25{
  padding-left:25px;
}

@media (min-width: 768px) {
  .sm-pb15{
    padding-bottom:15px!important;
  }
  .sm-pb25{
    padding-bottom:25px!important;
  }
}

@media (min-width: 992px) {
  .md-pd0{
    padding:0!important;
  }
  .md-pd15{
    padding:15px!important;
  }
  .md-pd20{
    padding:20px!important;
  }
  .md-pt20{
    padding-top:20px!important;
  }
}

@media (max-width: 767px) {
  .xs-lh12{
    line-height: 1.2!important;
  }
}
@media (min-width: 768px) {
  .sm-lh2em{
    line-height: 2em!important;
  }  
  
  .sm-lh35{
    line-height: 35px!important;
  }
  .sm-lh63{
    line-height: 63px!important;
  } 
}
@media (min-width: 992px) {
  .md-lh35{
    line-height: 35px!important;
  }
  .md-lh63{
    line-height: 63px!important;
  } 
}



.w110{
width:110px;
}
.w137{
width:137px;
}
.w150{
width:150px;
}
.w195{
width:195px;
}
.w250{
 width:250px;
}
.w300{
 width:300px;
}
.w320{
 width:320px;
}

@media (max-width: 767px) {
  .xs-w100{
    width:100px; 
  }
  .xs-w250{
    width:250px; 
  }
  .xs-w300{

    width:300px!important; 
  }
  .xs-w320{
    width:320px!important; 
  }
  
}

@media (min-width: 768px) {
  .sm-w320{
   width: 320px; 
  } 
  .sm-w365{
   width: 365px; 
  } 
  .sm-w565{
  width:565px!important;
  }
  .sm-w640{
    width: 640px!important;
  }
}

@media (min-width: 992px) {
  .md-w120{
    width:120px;
  }
  .md-w160{
    width:160px;
  }
  .md-w440{
    width:440px;
  }
  .md-w520{
    width: 520px;
  }

  
  .md-w50per{
  width:50%;
  }
  .md-w-auto{
    width:auto!important;
  }
}


.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



.disp-f{
    display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -ms-flexbox;
  display: -o-flex;
}

.radius-arc {
    border-radius: 9999px!important;
}
.radius-16{
  border-radius: 16px;
}


@media (min-width: 768px) {
  .sm-radius-8{
    border-radius: 8px !important;
  }
   .sm-radius-t-8{
    border-radius: 8px 8px 0 0!important;
  }
    .sm-radius-b-8{
    border-radius: 0 0 8px 8px!important;
  }
  .sm-radius-16{
    border-radius: 16px !important;
  }
}

@media (min-width: 992px) {
  .md-radius-b0{
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
  }
}



@media (min-width: 768px) {
  .sm-f-direc_r {
    flex-direction: row;
  }
  .sm-f-direc_rr {
    flex-direction: row-reverse;
  }
  .sm-f-direc_c {
    flex-direction: column;
  }
  .sm-f-direc_cr {
    flex-direction: column-reverse;
  }
  .sm-flex-none {
    flex: 0 0 auto;
  }
}
@media (min-width: 992px) {
  .md-f-direc_r {
    flex-direction: row;
  }
  .md-f-direc_rr {
    flex-direction: row-reverse;
  }
  .md-f-direc_c {
    flex-direction: column;
  }
  .md-f-direc_cr {
    flex-direction: column-reverse;
  }
  .md-flex-none {
    flex: 0 0 auto;
  }
}





/*カラー指定*/
.bgc-red{
  background:#ff3a49!important;
}
.bgc-yellow{
  background:#ffa400!important;
}
.bgc-green{
  background:#38ba00!important;
}
.bgc-water{
  background:#00a9ce!important;
}
.bgc-l-xmgreen{
  background:#b9cd26!important;
}




/*テキストスケール*/
.text-vertical-70{transform: scale(0.7, 1)}
.text-vertical-90{transform: scale(0.9, 1)}

@media (min-width: 768px) {
.sm-text-vertical-70{transform: scale(0.7, 1)}
.sm-text-vertical-90{transform: scale(0.9, 1)}
}

@media (min-width: 992px) {
.md-text-vertical-70{transform: scale(0.7, 1)}
.md-text-vertical-90{transform: scale(0.9, 1)}
}





/*フォントサイズ*/



@media (min-width: 768px) {
  .sm-f14{font-size:14px!important;}
  .sm-f16{font-size:16px!important;}
  .sm-f18{font-size:18px!important;}
  .sm-f32{font-size:32px!important;}
  .sm-f38{font-size:38px!important;}
  .sm-f40{font-size:40px!important;}
  .sm-f48{font-size:48px!important;}
}
@media (min-width: 992px) {
  .md-f18{font-size:18px!important;}
  .md-f28{font-size:28px!important;}
  .md-f30{font-size:30px!important;}
  .md-f36{font-size:36px!important;}
  .md-f45{font-size:45px!important;}
  .md-f48{font-size:48px!important;}
  .md-f60{font-size:60px!important;}
}


/*-------------------------------------------------------------------------------------------------------*/
/*テキストデコレーション　袋文字　文字影　その他*/
/*-------------------------------------------------------------------------------------------------------*/

.t-hukuromoji-white{
  text-shadow:0.125em 0em 0 #fff,
  0.124em 0.01em 0 #fff,
  0.123em 0.021em 0 #fff,
  0.12em 0.032em 0 #fff,
  0.117em 0.042em 0 #fff,
  0.113em 0.052em 0 #fff,
  0.108em 0.062em 0 #fff,
  0.102em 0.071em 0 #fff,
  0.095em 0.08em 0 #fff,
  0.088em 0.088em 0 #fff,
  0.08em 0.095em 0 #fff,
  0.071em 0.102em 0 #fff,
  0.062em 0.108em 0 #fff,
  0.052em 0.113em 0 #fff,
  0.042em 0.117em 0 #fff,
  0.032em 0.12em 0 #fff,
  0.021em 0.123em 0 #fff,
  0.01em 0.124em 0 #fff,
  0em 0.125em 0 #fff,
  -0.011em 0.124em 0 #fff,
  -0.022em 0.123em 0 #fff,
  -0.033em 0.12em 0 #fff,
  -0.043em 0.117em 0 #fff,
  -0.053em 0.113em 0 #fff,
  -0.063em 0.108em 0 #fff,
  -0.072em 0.102em 0 #fff,
  -0.081em 0.095em 0 #fff,
  -0.089em 0.088em 0 #fff,
  -0.096em 0.08em 0 #fff,
  -0.103em 0.071em 0 #fff,
  -0.109em 0.062em 0 #fff,
  -0.114em 0.052em 0 #fff,
  -0.118em 0.042em 0 #fff,
  -0.121em 0.032em 0 #fff,
  -0.124em 0.021em 0 #fff,
  -0.125em 0.01em 0 #fff,
  -0.125em 0em 0 #fff,
  -0.125em -0.011em 0 #fff,
  -0.124em -0.022em 0 #fff,
  -0.121em -0.033em 0 #fff,
  -0.118em -0.043em 0 #fff,
  -0.114em -0.053em 0 #fff,
  -0.109em -0.063em 0 #fff,
  -0.103em -0.072em 0 #fff,
  -0.096em -0.081em 0 #fff,
  -0.089em -0.089em 0 #fff,
  -0.081em -0.096em 0 #fff,
  -0.072em -0.103em 0 #fff,
  -0.063em -0.109em 0 #fff,
  -0.053em -0.114em 0 #fff,
  -0.043em -0.118em 0 #fff,
  -0.033em -0.121em 0 #fff,
  -0.022em -0.124em 0 #fff,
  -0.011em -0.125em 0 #fff,
  -0.001em -0.125em 0 #fff,
  0.01em -0.125em 0 #fff,
  0.021em -0.124em 0 #fff,
  0.032em -0.121em 0 #fff,
  0.042em -0.118em 0 #fff,
  0.052em -0.114em 0 #fff,
  0.062em -0.109em 0 #fff,
  0.071em -0.103em 0 #fff,
  0.08em -0.096em 0 #fff,
  0.088em -0.089em 0 #fff,
  0.095em -0.081em 0 #fff,
  0.102em -0.072em 0 #fff,
  0.108em -0.063em 0 #fff,
  0.113em -0.053em 0 #fff,
  0.117em -0.043em 0 #fff,
  0.12em -0.033em 0 #fff,
  0.123em -0.022em 0 #fff;
}

.t-hukuromoji-black{
  text-shadow:0.125em 0em 0 #000,
  0.124em 0.01em 0 #000,
  0.123em 0.021em 0 #000,
  0.12em 0.032em 0 #000,
  0.117em 0.042em 0 #000,
  0.113em 0.052em 0 #000,
  0.108em 0.062em 0 #000,
  0.102em 0.071em 0 #000,
  0.095em 0.08em 0 #000,
  0.088em 0.088em 0 #000,
  0.08em 0.095em 0 #000,
  0.071em 0.102em 0 #000,
  0.062em 0.108em 0 #000,
  0.052em 0.113em 0 #000,
  0.042em 0.117em 0 #000,
  0.032em 0.12em 0 #000,
  0.021em 0.123em 0 #000,
  0.01em 0.124em 0 #000,
  0em 0.125em 0 #000,
  -0.011em 0.124em 0 #000,
  -0.022em 0.123em 0 #000,
  -0.033em 0.12em 0 #000,
  -0.043em 0.117em 0 #000,
  -0.053em 0.113em 0 #000,
  -0.063em 0.108em 0 #000,
  -0.072em 0.102em 0 #000,
  -0.081em 0.095em 0 #000,
  -0.089em 0.088em 0 #000,
  -0.096em 0.08em 0 #000,
  -0.103em 0.071em 0 #000,
  -0.109em 0.062em 0 #000,
  -0.114em 0.052em 0 #000,
  -0.118em 0.042em 0 #000,
  -0.121em 0.032em 0 #000,
  -0.124em 0.021em 0 #000,
  -0.125em 0.01em 0 #000,
  -0.125em 0em 0 #000,
  -0.125em -0.011em 0 #000,

  -0.124em -0.022em 0 #000,
  -0.121em -0.033em 0 #000,
  -0.118em -0.043em 0 #000,
  -0.114em -0.053em 0 #000,
  -0.109em -0.063em 0 #000,
  -0.103em -0.072em 0 #000,
  -0.096em -0.081em 0 #000,
  -0.089em -0.089em 0 #000,
  -0.081em -0.096em 0 #000,
  -0.072em -0.103em 0 #000,
  -0.063em -0.109em 0 #000,
  -0.053em -0.114em 0 #000,
  -0.043em -0.118em 0 #000,
  -0.033em -0.121em 0 #000,
  -0.022em -0.124em 0 #000,
  -0.011em -0.125em 0 #000,
  -0.001em -0.125em 0 #000,
  0.01em -0.125em 0 #000,
  0.021em -0.124em 0 #000,
  0.032em -0.121em 0 #000,
  0.042em -0.118em 0 #000,
  0.052em -0.114em 0 #000,
  0.062em -0.109em 0 #000,
  0.071em -0.103em 0 #000,
  0.08em -0.096em 0 #000,
  0.088em -0.089em 0 #000,
  0.095em -0.081em 0 #000,
  0.102em -0.072em 0 #000,
  0.108em -0.063em 0 #000,
  0.113em -0.053em 0 #000,
  0.117em -0.043em 0 #000,
  0.12em -0.033em 0 #000,
  0.123em -0.022em 0 #000;
}
.t-hukuromoji-black.t-shadow,
.t-hukuromoji-black .t-shadow,
.t-shadow .t-hukuromoji-black{
  text-shadow:0.125em 0em 0 #000,
  0.124em 0.01em 0 #000,
  0.123em 0.021em 0 #000,
  0.12em 0.032em 0 #000,
  0.117em 0.042em 0 #000,
  0.113em 0.052em 0 #000,
  0.108em 0.062em 0 #000,
  0.102em 0.071em 0 #000,
  0.095em 0.08em 0 #000,
  0.088em 0.088em 0 #000,
  0.08em 0.095em 0 #000,
  0.071em 0.102em 0 #000,
  0.062em 0.108em 0 #000,
  0.052em 0.113em 0 #000,
  0.042em 0.117em 0 #000,
  0.032em 0.12em 0 #000,
  0.021em 0.123em 0 #000,
  0.01em 0.124em 0 #000,
  0em 0.125em 0 #000,
  -0.011em 0.124em 0 #000,
  -0.022em 0.123em 0 #000,
  -0.033em 0.12em 0 #000,
  -0.043em 0.117em 0 #000,
  -0.053em 0.113em 0 #000,
  -0.063em 0.108em 0 #000,
  -0.072em 0.102em 0 #000,
  -0.081em 0.095em 0 #000,
  -0.089em 0.088em 0 #000,
  -0.096em 0.08em 0 #000,
  -0.103em 0.071em 0 #000,
  -0.109em 0.062em 0 #000,
  -0.114em 0.052em 0 #000,
  -0.118em 0.042em 0 #000,
  -0.121em 0.032em 0 #000,
  -0.124em 0.021em 0 #000,
  -0.125em 0.01em 0 #000,
  -0.125em 0em 0 #000,
  -0.125em -0.011em 0 #000,
  -0.124em -0.022em 0 #000,
  -0.121em -0.033em 0 #000,
  -0.118em -0.043em 0 #000,
  -0.114em -0.053em 0 #000,
  -0.109em -0.063em 0 #000,
  -0.103em -0.072em 0 #000,
  -0.096em -0.081em 0 #000,
  -0.089em -0.089em 0 #000,
  -0.081em -0.096em 0 #000,
  -0.072em -0.103em 0 #000,
  -0.063em -0.109em 0 #000,
  -0.053em -0.114em 0 #000,
  -0.043em -0.118em 0 #000,
  -0.033em -0.121em 0 #000,
  -0.022em -0.124em 0 #000,
  -0.011em -0.125em 0 #000,
  -0.001em -0.125em 0 #000,
  0.01em -0.125em 0 #000,
  0.021em -0.124em 0 #000,
  0.032em -0.121em 0 #000,
  0.042em -0.118em 0 #000,
  0.052em -0.114em 0 #000,
  0.062em -0.109em 0 #000,
  0.071em -0.103em 0 #000,
  0.08em -0.096em 0 #000,
  0.088em -0.089em 0 #000,
  0.095em -0.081em 0 #000,
  0.102em -0.072em 0 #000,
  0.108em -0.063em 0 #000,
  0.113em -0.053em 0 #000,
  0.117em -0.043em 0 #000,
  0.12em -0.033em 0 #000,
  0.123em -0.022em 0 #000,
  0.124em -0.011em 0 #000,0.1em 0.15em .125em rgba(0,0,0,.7);
}



/*旧コンテンツ用スタイル*/
.b1 {
  font-weight: bold;
  letter-spacing: -0.05em;
  color: #333;
}
.red1 {
    font-weight: bold;
    letter-spacing: -1px;

    color: #E74C3C;
}
.red3 {
    font-weight: bold;
    color: #FF0000;
    text-decoration: underline;
    background: #FFFF80;
}

#mokuji {
    background: #ECF5FF;
    padding: 8px 8px 8px 24px;
    font-size: 14px;
    margin-bottom: 24px;
    border: 1px #BFDFFF dashed;
}
#mokuji ul{
    list-style: none;
    padding-inline-start: 16px;
}
#mokuji p {
    font-weight: bold;
    margin: 0;
    font-size: 16px;
    line-height: 30px;
    color: #333;
}