@charset "UTF-8";

.kirikae1{display: block;}
.kirikae2{display: none;}
@media (max-width: 820px) {
.kirikae2{display:block;}
.kirikae1{display: none;}
}

.kirikae-a{display: block;}
.kirikae-b{display: none;}
@media (max-width: 1180px) {
.kirikae-b{display:block;}
.kirikae-a{display: none;}
}


@media (min-width: 821px) {
.kirikae-820b{display:block;}
.kirikae-820a{display: none;}
}


/* margin -Top */
.mt0-5{margin-top:-5px;}
.mt0-10{margin-top:-10px;}
.mt0-15{margin-top:-15px;}
.mt0-20{margin-top:-20px;}
.mt0-25{margin-top:-25px;}
.mt0-30{margin-top:-30px;}
.mt0-35{margin-top:-35px;}
.mt0-40{margin-top:-40px;}
.mt0-45{margin-top:-45px;}
.mt0-50{margin-top:-50px;}
.mt0-55{margin-top:-55px;}
.mt0-60{margin-top:-60px;}
.mt0-65{margin-top:-65px;}
.mt0-70{margin-top:-70px;}
.mt0-75{margin-top:-75px;}
.mt0-80{margin-top:-80px;}
.mt0-85{margin-top:-85px;}
.mt0-90{margin-top:-90px;}
.mt0-95{margin-top:-95px;}
.mt0-100{margin-top:-100px;}
.mt0-110{margin-top:-110px;}
.mt0-120{margin-top:-120px;}
.mt0-130{margin-top:-130px;}
.mt0-140{margin-top:-140px;}
.mt0-150{margin-top:-150px;}
.mt0-160{margin-top:-160px;}
.mt0-170{margin-top:-170px;}
.mt0-180{margin-top:-180px;}
.mt0-190{margin-top:-190px;}
.mt0-200{margin-top:-200px;}


/* margin -bottom */
.mb0-5{margin-bottom:-5px;}
.mb0-10{margin-bottom:-10px;}
.mb0-15{margin-bottom:-15px;}
.mb0-20{margin-bottom:-20px;}
.mb0-25{margin-bottom:-25px;}
.mb0-30{margin-bottom:-30px;}
.mb0-35{margin-bottom:-35px;}
.mb0-40{margin-bottom:-40px;}
.mb0-45{margin-bottom:-45px;}
.mb0-50{margin-bottom:-50px;}
.mb0-55{margin-bottom:-55px;}
.mb0-60{margin-bottom:-60px;}
.mb0-65{margin-bottom:-65px;}
.mb0-70{margin-bottom:-70px;}
.mb0-75{margin-bottom:-75px;}
.mb0-80{margin-bottom:-80px;}
.mb0-85{margin-bottom:-85px;}
.mb0-90{margin-bottom:-90px;}
.mb0-95{margin-bottom:-95px;}
.mb0-100{margin-bottom:-100px;}
.mb0-110{margin-bottom:-110px;}
.mb0-120{margin-bottom:-120px;}
.mb0-130{margin-bottom:-130px;}
.mb0-140{margin-bottom:-140px;}
.mb0-150{margin-bottom:-150px;}
.mb0-160{margin-bottom:-160px;}
.mb0-170{margin-bottom:-170px;}
.mb0-180{margin-bottom:-180px;}
.mb0-190{margin-bottom:-190px;}
.mb0-200{margin-bottom:-200px;}


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






/* margin -left */
.ml0-5{margin-left:-5px;}
.ml0-10{margin-left:-10px;}
.ml0-15{margin-left:-15px;}
.ml0-20{margin-left:-20px;}
.ml0-25{margin-left:-25px;}
.ml0-30{margin-left:-30px;}
.ml0-35{margin-left:-35px;}
.ml0-40{margin-left:-40px;}
.ml0-45{margin-left:-45px;}
.ml0-50{margin-left:-50px;}
.ml0-55{margin-left:-55px;}
.ml0-60{margin-left:-60px;}
.ml0-65{margin-left:-65px;}
.ml0-70{margin-left:-70px;}
.ml0-75{margin-left:-75px;}
.ml0-80{margin-left:-80px;}
.ml0-85{margin-left:-85px;}
.ml0-90{margin-left:-90px;}
.ml0-95{margin-left:-95px;}
.ml0-100{margin-left:-100px;}
.ml0-110{margin-left:-110px;}
.ml0-120{margin-left:-120px;}
.ml0-130{margin-left:-130px;}
.ml0-140{margin-left:-140px;}
.ml0-150{margin-left:-150px;}
.ml0-160{margin-left:-160px;}
.ml0-170{margin-left:-170px;}
.ml0-180{margin-left:-180px;}
.ml0-190{margin-left:-190px;}
.ml0-200{margin-left:-200px;}


/* margin -right */
.mr0-5{margin-right:-5px;}
.mr0-10{margin-right:-10px;}
.mr0-15{margin-right:-15px;}
.mr0-20{margin-right:-20px;}
.mr0-25{margin-right:-25px;}
.mr0-30{margin-right:-30px;}
.mr0-35{margin-right:-35px;}
.mr0-40{margin-right:-40px;}
.mr0-45{margin-right:-45px;}
.mr0-50{margin-right:-50px;}
.mr0-55{margin-right:-55px;}
.mr0-60{margin-right:-60px;}
.mr0-65{margin-right:-65px;}
.mr0-70{margin-right:-70px;}
.mr0-75{margin-right:-75px;}
.mr0-80{margin-right:-80px;}
.mr0-85{margin-right:-85px;}
.mr0-90{margin-right:-90px;}
.mr0-95{margin-right:-95px;}
.mr0-100{margin-right:-100px;}
.mr0-110{margin-right:-110px;}
.mr0-120{margin-right:-120px;}
.mr0-130{margin-right:-130px;}
.mr0-140{margin-right:-140px;}
.mr0-150{margin-right:-150px;}
.mr0-160{margin-right:-160px;}
.mr0-170{margin-right:-170px;}
.mr0-180{margin-right:-180px;}
.mr0-190{margin-right:-190px;}
.mr0-200{margin-right:-200px;}

.tel p{line-height: 1em;}

.f150{font-size: 150%!important;}
.f170{font-size: 170%!important;}
.bold{font-weight: bold!important;}
.line15 {line-height: 1.5em!important;}
.plr3{padding-bottom: 3px;padding-right: 3px;}


.purple{color: #6639ff!important;}


.t-left{text-align: left!important;}

.red{color: #ff0000!important;}
.blu{color: #00ace8;}


.about-points2 {
  background: #fcfdff;
  border: 1px solid #6639ff;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 45px;
  margin-bottom: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.about-points2 li {
  width: 100%;
  float: left;
  padding:10px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .about-points2 li {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .about-points2 li {
    width: 100%;
    float: none;
    padding: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-points2 li {
    width: 100%;
    float: left;
  }
}
.about-points2 li:hover .p-icon i {
  color: #ffc206;
}


.about-points3 {
  
  border: 1px solid #6639ff;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 45px;
  margin-bottom: 50px;
padding: 20px;
}
@media (max-width: 767px) {
  .about-points3 {

    padding: 10px;
  }
}


.fbp h2{border-left: 8px #6638ff solid;padding-left: 10px;}

.fbp h3{border-left: 8px #6638ff solid;padding-left: 10px;}

.main-menu ul li .active {
  color: #ffc400;
}




.ryo table,.ryo td{
    border-collapse: collapse;
    border:1px solid #333;
    }
.ryo td{padding: 10px 20px;}
@media (max-width: 767px) {
    .ryo td{padding: 5px 5px;}
}


.green-row,.mds_company{background: #415bbc; color: #fff; font-weight: bold;}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

.comp table{width: 100%;}
.comp table,.comp td,.comp th{
    border-collapse: collapse;
    border:1px solid #ccc;
    }
.comp td,.comp th{padding: 20px 20px;}
.comp th{width: 40%;}



@media (max-width: 767px) {
    .comp td,.comp th{padding: 5px 5px;}
    .mds_company{width: 35%;}
}

.mds_txt-company{color: #fff; font-weight: bold;}




.company3 table {
	width: 100%;
}
.company3 table tr {
}
.company3 table tr th {
	width: 25%;
	line-height: 1.5;
	padding: 3%;
	border-bottom: 1px solid #d7d7d7;
	vertical-align: middle;
    color: #ffffff;
   
    
}
.company3 table tr td {
	width: 75%;
	line-height: 1.5;
	padding: 3%;
	border-bottom: 1px solid #d7d7d7;
    color: #333333;
   
    
}
.company3 p {
	margin: 1% 0 2% 0;
	line-height: 1.5;
}

.company3 textarea{width: 90%; padding: 10px;}

.company3 input{width: 75%; padding: 10px;}


.company3 select{padding: 10px; color: #000!important;}


.grb-btn.st-1a {
  background: #6639ff;
}
.grb-btn.st-1a:hover {
 background: #7B33D8;
  color: #ff0000 !important;
}
.grb-btn .st-1a:hover:before {
  left: 120%;
  transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0.25;
}



.grb-btn.st-1b {
  background: #ccc;
}


.line15b{line-height: 1.5em!important;
    text-shadow:2px 2px 0 #000, -2px -2px 0 #000,
              -2px 2px 0 #000, 2px -2px 0 #000,
              0px 2px 0 #000,  0 -2px 0 #000,
              -2px 0 0 #000, 2px 0 0 #000;}
.fbo{text-shadow:2px 2px 0 #000, -2px -2px 0 #000,
              -2px 2px 0 #000, 2px -2px 0 #000,
              0px 2px 0 #000,  0 -2px 0 #000,
              -2px 0 0 #000, 2px 0 0 #000;}

.fbo1{text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
              -1px 1px 0 #000, 1px -1px 0 #000,
              0px 1px 0 #000,  0 -1px 0 #000,
              -1px 0 0 #000, 1px 0 0 #000;}


.single-brand img{border-radius: 10px;border: 5px #ccc solid;}

.bg_blu{background: #05abe7;}

.about-points li p{border-bottom: #ccc 1px dotted;
padding-bottom: 10px; padding-top: 20px; margin-bottom: 30px;}

.about-points li p span{color:#05abe7; }

.no1{
  height: 96px;
  width: 96px;
  text-align: center;
  line-height: 92px;
  border: 2px solid #404cb6;
  border-radius: 50%;
  display: inline-block;
  font-size: 50px;
  color: #404cb6;
  
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.text-left{text-align: left!important;}

.width250{width: 250px!important;}

.bg-blu2{background: #ccd7ea;}

.blu{color: #404cb6;}
.blu2{color: #00ace8;}

.text-right{text-align: right;}
.whi{color: #fff!important;}
.text-b{font-size: 1.5em; line-height: 1.6em;}
.line {
  background: linear-gradient(transparent 80%, #f99a20 100%);
}
.bla{color: #000!important;}
.f85{font-size: 85%!important;}
.f95{font-size: 95%!important;}


.hov img:hover {
   opacity: 0.6; /* 40％ほど透過させる */
}

.com_box{padding: 20px;border: 1px #ccc solid;}

.com_box2{padding: 10px 20px 0 20px;border: 1px #ccc solid; width:inherit}


