/* ゴシック系 */

body {
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
p {margin-bottom: 0;}
.but-pc {position: fixed; bottom:100px; width: 130px; right:10px; z-index: 99999;}
.but-sp {display: none;}
h1 {margin: 0; padding: 0; max-width: 502px; width: 100%;display: inline-block;}
h5 {font-size: 1em !important; font-weight: bold;}
.carousel-control-prev-icon {background-image: url(../images/arrow-left.svg); width: 100px; height:100px;}
.carousel-control-next-icon {background-image: url(../images/arrow-right.svg); width: 100px; height:100px}
.logo {margin-top: 10px;margin-bottom: 10px;}
.logo img { width: 502px; height: 93px; }
.eigyo {font-size: 0.9rem;font-weight: normal;/*! margin-bottom: 0px; */margin-left: 3px;}
.tel {background: url(../images/telicon.png) 0 14px no-repeat; font-size: 2.5rem;font-weight: bold;width: 364px;float: right; margin-top: 23px;padding-left: 45px; padding-top: 5px}
a {color: #000;}
a[href^=tel]{ color:#000; text-decoration:none;}
.orange {background: #bd1c03;}
nav { position: relative; background: rgb(253,0,2);
    background: linear-gradient(180deg, rgba(253,0,2,1) 0%, rgba(244,0,2,1) 25%, rgba(166,0,1,1) 77%);} 
nav ul { display: table; padding: 0; margin: 0; width: 100%; }
nav ul li { text-align: center; display: table-cell; width: 20%; line-height:1.0 !important; font-weight: bold;font-size: 15px;}
.nav-link {color: #fff;}
.navbar-brand {display: none;}
nav .nav-link { padding-right: .0rem !important; padding-left: .0rem !important;padding-top: 15px;padding-bottom: 15px;}
.navbar-original {color: #fff !important;}
.nav-link  {color: #fff !important;}
.dropdown-item:hover {background:#000 }
.navbar-light .navbar-brand {color: #FFFFFF;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: #FFFFFF;background:#000 !important;}
.navbar-light .navbar-nav .nav-link {color: #FFFFFF;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {background:#000 !important; color: #ccc !important;}
.dropdown-menu {padding:0; margin: 0;}
.top-h2 {margin-top: 20px;}
h2 {
    text-align: center; 
    background: #bd1c03;
    color: white;
    padding: 10px;
    font-size: 2.5rem;
    font-weight: bold;
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    margin-bottom: 0;
}
.mimg {margin-top: 15px;}
h4 {font-size:1.2rem; color:#12a30c !important;}
.kom {width: 100px; display: inline-block;line-height: 35px;}
.kom2 {display: inline-block;line-height: 24px;}
.kom3 {width: 100%; line-height: 35px;}
.padinfo {padding-left: 20px;}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:80%;
    width:95%;
    position:absolute;
}
.icon-p {width: 33%;}
footer {  
    font-size: 10px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    background-color: #bd1c03;
    color: #FFFFFF;
}
.minus-40 {margin-bottom: -40px;}
.padcar {padding-left: 20px; padding-right: 20px;}
.mar-r {margin-right: 8px;} 
.img-full {width: 100%;}
.icon-inline {display: inline-block; width: 30%;}
.icon-g {width: 270px;}
.dropdown-item.active {background-color: #000;}
h2.inside { font-size: 34px; color: #000; background: #f4f4f4; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 30px 0; margin-bottom: 10px;font-weight: normal;}
h2.inside2 { font-size: 34px; color: #000; background: #f4f4f4; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 30px 0; margin-bottom: 30px; margin-top:0px; font-weight: normal;}
.paflow {padding: 10px;}
.colminpa {padding: 0; margin: 0;}
.flow-img {width: 21.3%; display: inline-block;margin-bottom: 45px;}
.a-flow-img {width: 4%; display: inline-block;text-align: center;}
.text-flow { padding: 0px 0 40px 0px; line-height: 24px;}
.flow-hide {display: none;}
.show-flow-sp {display: none}
.hide-pc {display: none;}
.step {max-width: 160px; width: 100%; padding-top: 40px;}
.stepred {background: #d20001; padding: 15px; color: #fff; font-size: 25px; margin-left: 20px; font-weight: bold;}
.point {margin-bottom: 40px;}
.point-txt {font-size:1.1rem;color: #000;line-height: 28px;}
.point-bg {background: #ffecec; padding: 10px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;margin-bottom: 40px;}
.inline {display: inline-block;}
.point-a {width: 160px;vertical-align: top;}
.point-b {width: 80%;}
.point-1 {padding-top: 47px;}
.point-2 {padding-top: 35px;}
.point-3 {padding-top: 40px;}
.point-4 {padding-top: 50px;}
.point-slide-pc {display: block}
.point-slide-sp {display: none;}
.us-tit {font-size: 1.2em; font-weight: bold; text-align: center;}
.oki {font-size: 1.4em; text-align: center; padding:0 0 30px 0; font-weight: bold; color:#bd1c03}
.usimage {font-size: 1em; text-align: center; padding:10px; font-weight: bold; }
.deliv {line-height: 24px;}
.deliv-tit {color: #d20001 !important; font-size: 26px; font-weight: bold;}
.mar-div {margin-top: 15px;margin-bottom: 30px;}
.step2 {max-width: 160px; width: 100%;}
.step-div {display: inline-block;vertical-align: top;}
.step-txt {margin-top: -20px;font-size: 1.2rem;line-height: 28px;width: 76%;}
.waku {background: #ffeaea;padding: 36px 20px 10px 15px; margin-bottom: 30px;}
.plus {text-decoration: underline; }
.mar-img {margin-bottom: 30px;}
.mini {margin-right: 10px;color: #000 !important;}
.cen {width: 90%;margin: 0 auto;}
.faq>dl {margin-bottom: 40px;}
.faq>dl>dt {
    width: 90%;
    padding: 0.4em 0 0.2em 1.8em;
    color: #A51B02;
    font-size: 107%;
    font-weight: bold;
    position: relative;
    margin-bottom: 5px;
}
.faq>dl>dt::before {
    content: 'Q';
    font-size: 80%;
    display: inline-block;
    padding: 0.4em 0.6em;
    margin: 0 1em 0 0;
    background: rgb(165, 27, 2);
    color: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    top: 0.2em;
    left: 0;
}
.faq>dl>dd {
    width: 90%;
    padding: 0.4em 0 0.2em 58px;
    font-size: 107%;
    font-weight: bold;
    position: relative;
}
.faq>dl>dd::before {
    content: 'A';
    font-size: 80%;
    display: inline-block;
    padding: 0.4em 0.6em;
    margin: 0 1em 0 0;
    background: rgb(255, 226, 220);
    color: rgb(133, 0, 0);
    border-radius: 50%;
    position: absolute;
    top: 0.2em;
    left: 29px;
}

/* Style the list */
ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: inherit !important;
    margin-bottom: 50px;
  }
  
  /* Display list items side by side */
  ul.breadcrumb li {
    display: inline;
    font-size: 18px;
  }
  
  /* Add a slash symbol (/) before/behind each list item */
  ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
  }
  
  /* Add a color to all links inside the list */
  ul.breadcrumb li a {
    color: #000;
    text-decoration: none;
  }
  
  /* Add a color on mouse-over */
  ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
  }

.ppolicy {line-height: 30px; padding: 30px; background:#f1f1f1; margin-bottom: 40px;}
.car-sp {display: none;}
.car-pc {display: block;}

.btn-link {color: #000 !important}
.q {background: rgb(124, 0, 0); padding: 3px 9px; color: #fff; margin-right: 8px; width: 31px; display: inline-block;}
.a {background: rgb(255, 230, 230);
padding: 3px 9px;
color: #000;
margin-right: 8px;
width: 31px;
display: inline-block;;
margin-bottom: 8px;
}
.ryokin table td {padding: 10px;}
.ryokin table th {padding: 10px;}
.tabred {background: #bd1c03; color:#fff}
.cellpink {background:rgb(253, 216, 216)}
.ryokin table tr th {/*! width: 20%; */}
.ryokin2 {width: 50% !important}
.color {background-color: #ae2d19 !important; border-color: #b21f2d;}
.pa-l {padding-left: 60px;}
.padtab th {padding: 7px !important;text-align: center;}
.padtab td {padding: 7px !important;text-align: center;}
.padpri table {width: 80%;}
.but-blue {background-color: #418ccd !important;border-color: #0f4472!important}
.but-green {background-color: #88c464 !important;border-color: #498825 !important}
.hide-car-slide {display: none;}
.td-sp {width: 50%;}
.line-ban {text-align: center; margin:0 auto; width:70%; margin-top: 50px; margin-bottom: 40px;}
.line-ban2 {text-align: center; margin:0 auto; width:70%; /*! margin-top: -20px; */ margin-bottom: 80px;}
.explain {float: left;line-height: 24px; width: 70%;padding: 10px;text-align: left;}
.foto {float: right;width: 30%;text-align: center; }
.foto img {width: 192px; height: auto;}
.carlink a {color: #000 !important;}
.w-car a {color: #000;}


@media only screen and (max-width: 1200px) {
.flow-img {width: 28.6%; display: inline-block;margin-bottom: 45px;}
.a-flow-img {width: 5%; display: inline-block;text-align: center;}
.a-flow-img img {width: 97%; margin: 0 auto;}
.flow-hide2 {display: none;}     
.point-1 {padding-top: 47px;}
.point-2 {padding-top: 22px;}
.point-3 {padding-top: 34px;}
.point-4 {padding-top: 35px;}

.explain {float: left;line-height: 24px; width: 70%;padding: 10px;}
.foto {float: right;width: 30%;}
.foto img {width: 192px; height: auto;}

}

@media only screen and (max-width: 992px) {
    nav ul li {font-size: 18px;}
    .floating {display: none;}
    .topmar {padding-top: 94px;}
    .a-flow-img img {width: 97%; margin: 0 auto;}
    .row {margin-left: 0; margin-right: 0;}
    .container {max-width: 100%;padding-right: 0;padding-left: 0;}
    .navbar-brand {display: block;}
    .navbar-toggler {background-color: #fe0000;}
    .navbar-brand {padding: 0; margin: 0;} 
    .aligment{margin-top: 0px; margin-right: 20px;}
    header {margin-left: -15px; margin-right: 0px;position: fixed;z-index: 9;background: #fff;width: 100%;border-top: #fe0000 10px solid;padding-left: 10px;top: 0;}
    .mob-min {padding-left: 0; padding-right: 0;}
    .logo {margin-top: 8px;margin-bottom: 0px;}    
    .logo img { max-width: 502px; width: 80%; height: auto; }    
    .tel {display: none;}
    nav ul li { width: 100% ; /*! padding: 5px 0; */ border-bottom:#fff 1px solid ;}
    .custom-toggler.navbar-toggler { border-color: white; margin-right: 1%; z-index: 9999; position: fixed; top: 33px; right: 5px; } 
    .custom-toggler .navbar-toggler-icon { 
    background-image: url( 
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250, 250, 250, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
        } 
    .pad {padding-left: 20px; padding-right: 20px;} 
    .map-responsive{
        overflow:hidden;
        padding-bottom:56.25%;
        position:relative;
        height:0;
    }
    .map-responsive iframe{
        left:0;
        top:0;
        height:80%;
        width:100%;
        position:absolute;
    }
    .ppolicy {line-height: 30px; padding: 30px; background:#f1f1f1; width: 80%; margin:0 auto}
    .expand {padding-right: 0px !important; padding-left: 0px !important;position: fixed;z-index: 90;top: 97px;}
    h2.inside {margin-top: 100px; /*! margin-bottom: 40px; */}
    h2.inside2 {margin-top: 100px; margin-bottom: 40px;}    
    .text-flow {padding: 0px 0 30px 50px;line-height: 24px;} 
    .point-1 {padding-top: 5%;}
    .point-2 {padding-top: 1%;}
    .point-3 {padding-top: 4%;}
    .point-4 {padding-top: 5%;}
    .point-b  {width: 67%;}
    h2.inside2 {
        margin-top: 100px;
        margin-bottom: 20px;
    }
    .padpri table {width: 100%;}

    .explain {float: left;line-height: 24px; width: 69%;padding: 10px;}
    .foto {float: right;width: 31%;}
    .foto img {width: 192px; height: auto;}
                
}
@media only screen and (max-width: 768px) {
    .minus-40 {margin-bottom: 40px;}     
    .a-flow-img img {width: 97%; margin: 0 auto;}
    .flow-center {margin: 0 auto;}
    .step {max-width: 800px; width: 100%; padding-top: 40px;text-align: center;}
    .stepred { margin-left: 0px; }
    h2.inside2 {
        margin-top: 100px;
        margin-bottom: 20px;
    }
    .deliv {line-height: 24px;}
    .deliv-tit {color: #d20001 !important; font-size: 20px; font-weight: bold;}
    .mar-div {margin-top: 0px;margin-bottom: 30px;}
    .step2 {max-width: 130px; width: 100%;}
    .step-div {display: inline-block;vertical-align: top;}
    .step-txt {margin-top: -20px;width: 75%;}
    
    form#mail_form input#name_1, form#mail_form input#name_2, form#mail_form input#read_1, form#mail_form input#read_2, form#mail_form input#postal, form#mail_form input#phone, form#mail_form input#schedule {
        width: 100% !important;
    }
    .line-ban {text-align: center; margin:0 auto; width:80%; margin-top: 80px; margin-bottom: 40px;}
    .line-ban2 {text-align: center; margin:0 auto; width:80%; margin-top: 20px; margin-bottom: 40px;}
    .hide-sec {display: block;}

    .explain {float: left;line-height: 24px; width: 65%;padding: 10px;text-align: left;}
    .foto {float: right;width: 32%;}
    .foto img {width: 192px; height: auto;}
  }
  @media only screen and (max-width: 576px) {
    .but-pc {display: none;}
    .but-sp {display: block;}
    .but-sp {display: block;position: fixed;bottom: 0;width: 100%;z-index: 9999;}
    .line {display:inline-block; width: 33.33%;}
    .tele {display:inline-block; width: 33.33%;}
    .email {display:inline-block; width: 33.33%;}
    h1 { width: 270px; }
    h2  {padding: 10px 10px 10px 10px; }
    .logo img {
        width: 230px;
        height: auto;
    }
    .topmar {padding-top: 69px;}
    .expand {
        padding-right: 0px !important;
        padding-left: 0px !important;
        position: fixed;
        z-index: 90;
        top: 70px;
    }
    .custom-toggler.navbar-toggler {
        border-color: white;
        margin-right: 1%;
        z-index: 9999;
        position: fixed;
        top: 20px;
        right: 5px;
    } 
    .ppolicy {line-height: 30px; padding: 30px; background:#f1f1f1; width: 90%; margin:0 auto}
    .aligment{margin-top: -64px; margin-right: 0px;}
    h2 {font-size: 1.3rem;}
    .padinfo {padding-left: 0px;}
    .car-full {width: 100%;}
    .icon-g {width: 250px;}
    .icon-inline {display: inline-block;width: 29%;}
    .map-responsive {
        overflow:hidden;
        padding-bottom:128%;
        position:relative;
        height:0;
    }
    .map-responsive iframe{
        left:0;
        top:0;
        height:80%;
        width:100%;
        position:absolute;
    }
   .minus-tit {margin-top: -40px;}
   .minus-40 {margin-bottom: 40px;}
    .flow-img {width: 90%; display: block; margin: 0 auto; margin-bottom: 0px;}
    .a-flow-img {width: 7%; display: inline-block;text-align: center;}
    .flow-hide2 {display: none;}
    .hide-flow-pc {display: none;}
    .show-flow-sp {display: block;text-align: center;padding-top: 10px;padding-bottom: 10px;}
    .text-flow { padding: 20px 20px 40px 20px; line-height: 24px;}
    .step {max-width: 452px; width: 100%; padding-top: 60px;text-align: center;}
    .step {
        max-width: 452px;
        width: 100%;
        padding-top: 40px;
        text-align: center;
    }
    h2.inside {margin-top: 80px; /*! margin-bottom: 40px; */}
    h2.inside2 { font-size: 24px; color: #000; background: #f4f4f4; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 30px 0; margin-bottom: 10px; margin-top:70px; font-weight: normal;}
    .point {margin-bottom: 40px;}
    .point-txt {font-size:1.1rem;color: #000;line-height: 28px;}
    .point-bg {background: #ffecec; padding: 10px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;margin-bottom: 40px;}
    .inline {display: inline-block;}
    .point {margin-bottom: 20px;}
    .point-txt {font-size:1.1rem;color: #000;line-height: 28px;}
    .point-bg {background: #ffecec; padding: 10px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;margin-bottom: 40px;}
    .inline {display: inline-block;}
    .point-a {width: 88px;vertical-align: top;}
    .point-a img {width: 80px; height: auto;}
    .point-b {width: 65%;}
    .point-1 {padding-top: 0;}
    .point-2 {padding-top: 0;}
    .point-3 {padding-top: 0;}
    .point-4 {padding-top: 0;}
    .point-slide-pc {display: none;}
    .point-slide-sp {display: block;}
    .deliv-tit {font-size: 14px;}
    .h3-tit {font-size: 22px;}
    .mar-div {margin-top: 15px;margin-bottom: 15px;}
    .deliv {line-height: 24px;}
    .deliv-tit {color: #d20001 !important; font-size: 26px; font-weight: bold;text-align: center;}
    .mar-div {margin-top: 15px;margin-bottom: 15px;}
    .step2 {max-width: 100%; /*! width: 100%; */background: #d20001;padding: 20px 0;text-align: center;}
    .step-div {display: block;width: 100%;}
    .step-txt {margin-top: 20px;font-size: 1.2rem;line-height: 28px;}
    .waku {background: #ffeaea;padding: 20px 20px 20px 20px; margin-bottom: 0;}
    .plus {text-decoration: underline; }
    .mar-img {margin-bottom: 15px;}
    .car-sp {display: block; }
    .car-sp img {width: 125px;}
    .car-pc {display: none;}
    .w-car {width: 100%; margin: 5px 0 5px 0;background: #ffecec;padding: 8px;}
    .car-pad {padding-left: 5px; padding-right: 5px;}
    .komb {/*! width: 100px; */ display: inline-block;line-height: 22px;color: red;margin-right: 5px;}
    .komb2 {display: inline-block;/*! line-height: 20px; */color: red;font-weight: bold;}
    .car-s {font-size: 0.7em;}
    .car-tit {margin-bottom: 5px; font-weight: bold;}
    .hide-pc {display: block}
    .hide-sp {display: none;}

    .large input {width: 100% !important}
    .large textarea {width: 100% !important}
    .hide-car-slide {display: block}
    .hide-car-pc {display: none;}
    .sm {margin-top: 50px;}
    .td-sp {width: 60%;}
    .line-ban {text-align: center; margin:0 auto; width:90%; margin-top: 47px; margin-bottom: -20px;}
    .line-ban2 {text-align: center; margin:0 auto; width:90%; margin-top: -20px; margin-bottom: 60px;}

    .explain {float: left;line-height: 24px; width: 100%;padding: 10px;text-align: center;}
    .foto {float: right;width: 100%;}
    .foto img {width: 192px; height: auto;}

    }

    /* 追加 */
    

td span {
    display: block;
}