#wrapper{
  position: relative;
}

#main{
  margin:0;
  background: #FFFCEE;
}

.nav_on01{
  background:#fff;
  background-image: url("../img/common/orange/01_shovelcar_orange.png");
}
.nav_on02{
  background:#fff;
  background-image: url("../img/common/orange/02_exclamation_orange.png");
}
.nav_on03{
  background:#fff;
  background-image: url("../img/common/orange/03_wallet_orange.png");
}
.nav_on04{
  background:#fff;
  background-image: url("../img/common/orange/04_home_orange.png");
}
.nav_on05{
  background:#fff;
  background-image: url("../img/common/orange/05_question_orange.png");
}


.nav_on01 a,
.nav_on02 a,
.nav_on03 a,
.nav_on04 a,
.nav_on05 a{
  color: #f3914d;
}


.content{
  max-width: 663px;
  margin:0 auto;
}

h1{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-100%);
  color: #fff;
  font-size: 48px;
  letter-spacing: 0.2em;
  text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.16);

}

h2{
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  margin-top: 118px;
  letter-spacing: 0.1em;
}

h2 span{
  font-size: 28px;
  color: #007856;
}

.kasen{
  position: relative;
  display: inline-block;
  width: 100%;
}

.kasen:before{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px; /*下線の上下位置調整*/
  display: inline-block;
  width: 50px; /*下線の幅*/
  height: 4px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #F26E3E; /*下線の色*/
}

h3{
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.1em;
}

h4{
  font-size: 20px;
  font-weight: 400;
  color: #007856;
}

h4 span{
  font-size: 32px;
  color: #53BB93;
}

.h1_img{
  position: relative;
}

.h1_img img{
  width: 100%;
}


.light{
  font-weight: 200;
}

.center{
  text-align: center;
}

.orange{
  color: #F26E3E;
}

.money_question{
  position: relative;
  max-width: 332px;
  margin:120px auto;
  text-align: center;
}

.money_question img{
  width: 191px;
  height:auto;
}

.money_question_btn{
  max-width: 296px;
  font-size: 14px;
  margin:42.8px auto;
}

.money_question_btn::after{
  content:'▶︎';
  color: #fff;
  padding-left: 2em;
}

.money_question_btn:hover:after{
  content:'▶︎';
  color: #F26E3E;
  padding-left: 2em;
}


.sec08-com{
  max-width: 492px;
  margin:0 auto 64px;
  font-size: 18px;
  text-align: left;
}


/*
=======================
    10_kaitai_mirai
======================= */

#wrapper .kaitai_mirai{
  position: relative;
  z-index: 2;

  background-image: url('../img/kaitai_mirai/hikari.png');
  background-repeat: no-repeat;
  background-size: 1051px 1051px;
  background-position: top 60px left -100px;
}

#wrapper footer{
  position: relative;
  z-index: 10;
}


.kaitai_mirai .happa{
  background-position: top 26px left 21px;
}

.kaitai_happa{
  position: fixed;
  width: 130px;
  bottom: -6px;
  right: 30px;
  z-index: 1;
}

.kaitai_mirai > h2{
  color:#007856;
}

.kaitai-text{
  font-size: 16px;
  font-weight: 200;
  color: #707070;
  max-width: 590px;
  margin:58px auto 0;
  z-index: 2;
}

.kaitai-text span{
  color: #53BB93;
}

.slider,
.thumb{
  position: relative;
  z-index: 10;
}

.border-box{
  position: relative;
  margin-top: 160px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);
  z-index: 2;
}

.ab-text{
  position: absolute;
  top:-120px;
  right: -65px;
  width: 350px;
  height: 215px;

  background-image: url('../img/kaitai_mirai/hukidashi.png');
  background-repeat: no-repeat;
  background-size:contain;
  background-position: center;

  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  text-align: center;
  color: #f26e3e;
}

.ab-text p{
  position: relative;
  top:25px;
  left:50%;
  transform: translateX(-50%);

}

.ab-text p span{
  font-size: 22px;
}


.kaitai-ul{
  margin:0;
  padding:0 89.1px;
  font-size: 16px;
  font-weight: 200;
  color: #707070;
  letter-spacing: 0.1em;
  line-height: 40px;

}

.kaitai-ul li::before{
  content:'●';
  color: #007856;
  padding-right: 0.3em;
}

.border-box .kaitai-text{
  font-size: 14px;
  color: #F26E3E;
  max-width: 461px;
  margin:23.7px auto 0;
  text-indent: -14px;
}


.kaitai_mirai #section08{
  position: relative;
  z-index: 2;
}

.kaitai_mirai #section08 .box{
  border-radius: 10px;
  background: #fff;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);
}





/*
=======================
    20_kinkyu_kaitai
======================= */
#wrapper .kinkyu_kaitai{
  position: relative;
  z-index: 2;

  background-image: url('../img/kinkyu_kaitai/kikenline_01.png'),url('../img/kinkyu_kaitai/kikenline_02.png');
  background-repeat: no-repeat,no-repeat;
  background-size: contain,contain;
  background-position: top 450px center,top 1470px center;
}

.warning-box{
  margin:80px 0;
  text-align: center;
}

.warning .no_img::before{
  position: absolute;
  content:'';
  color: #FF0000;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  font-size: 0.4em;
}


.kinkyu_kaitai .content{
  max-width: 750px;
  margin:0 auto;
}


.kinkyu_kaitai .content p{
  margin-bottom: 59px;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  color: #333333;
}

.kinkyu_kaitai .content .kinkyu_img{
  position: relative;
  z-index: 10;
  width: 439.07px;
  height: 310.42px;
}

.kinkyu_box01,
.kinkyu_box02,
.kinkyu_box03{
  position: relative;
}

.kinkyu_box01{
  margin-top: 100px;
}

.kinkyu_box03{
  margin-bottom: -300px;
}

.kinkyu_kaitai .content .kinkyu-ab{
  max-width: 302px;
  display: inline-block;
  /* padding:45px 50px; */
  width: 200px;
  height: 200px;
  position: relative;
  z-index: 11;
  background-image: url("../img/kinkyu_kaitai/hukidashi-toge.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.kinkyu_kaitai .content .kinkyu-ab p{
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-49.5%,-65%);
  font-size: 14px;
  font-weight: 200;
  line-height: 1.7em;
  color: #333333;
}

.kinkyu_kaitai .content .kinkyu-ab p span{
  font-size: 20px;
  font-weight: 400;
  display: block;
  margin-top: 0.5em;
}

.kinkyu_kaitai .content .kinkyu_box01 .ab_text01{
  top:-90px;
  left:65px;
}

.kinkyu_kaitai .content .kinkyu_box01 .ab_text02{
  top:-30px;
  left: 500px;
}

.kinkyu_kaitai .content .kinkyu_box02 .ab_text03{
  top:-110px;
  left:-20px;
}

.kinkyu_kaitai .content .kinkyu_box03 .ab_text04{
  top:-300px;
  left: 500px;
}

.kinkyu_kaitai .content .kinkyu_box03 .ab_text05{
  top:-300px;
  left: 10px;
}


.kinkyu_box01 .kinkyu_img01{
  transform: rotate(-5deg);
  top:50px;
  right: 50px;
}

.kinkyu_box02 .kinkyu_img02{
  transform: rotate(5deg);
  top:-130px;
  right: 120px;
}

.kinkyu_box03 .kinkyu_img03{
  transform: rotate(-5deg);
  top: -190px;
  right: 60px;
}


.kinkyu-text{
  max-width: 596px;
  margin:161px auto 0;
  font-size: 16px;
  font-weight: 200;
  color: #767676;
}

.kinkyu_midashi{
  /* max-width: 688px; */
  margin:48px auto 119px;
  text-align: center;
  font-size:20px;
  font-weight: 400px;
  letter-spacing: 0.1em;
  color: #007856;
}

.kinkyu_midashi:before{
  content: '';
  padding:1.5em 1em;
  background-image: url('../img/common/orange/yubi.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top 3px;
}

.kinkyu_midashi span{
  font-size: 28px;
}

.money_text{
  max-width: 492px;
  margin:0 auto;
  text-align: left;
  font-size: 18px;
  font-weight: 200;
  margin-bottom: 64px;
  color: #333333;
}

.kinkyu_kaitai #section08 .box{
  border-radius: 10px;
  background: #fff;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);
}

/*
=======================
    30_ryokin_jirei
======================= */

.ryokin .content{
  max-width: 797px;
}

.ryokin .ansin{
  padding:15px 0;
  background-image: url('../img/price/haikei.png');
  background-repeat: no-repeat;
  background-size: 890px 514px;
  background-position: center;
}


.ryokin-text{
  max-width: 584px;
  margin:64px auto 0;
  font-size: 16px;
  font-weight: 200;
  color: #767676;
  line-height: 28px;
}

.ryokin .box{
  margin:80px 0;
  border-radius: 10px;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);
}

.ryokin .box h2{
  margin:0 auto;
}


.ryokin-box01{
  padding-left: 15px;
  padding-right: 15px;
}

.ryokin-box01 .ryokin-flex img,
.ryokin-box02 .ryokin-flex img{
  width: 100%;
  height: auto;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);
}

.ryokin-box01 img{
  margin-bottom: 21px;
}

.ryokin-box01 .flex-text{
  padding-left: 14px;
}

.ryokin-box01 .light{
  max-width: 422px;
  margin:0 auto;
  text-align: left;
}

.ryokin-box01 .orange{
  font-size: 16px;
  margin-top: 20px;
}

.ryokin-box01 .ryokin-flex{
  margin:71px auto;
}

.ryokin-flex{
  display: flex;
  justify-content: space-between;
}

.ryokin-flex .line{
  font-size: 18px;
  font-weight: 400;
  background:linear-gradient(transparent 60%,#F3914D 60%);
}


.flex-text{
  max-width: 160px;
  margin:0 auto;
  font-size: 14px;
  font-weight: 200;
}

.ryokin-img02{
  margin:0 48px;
}



.ryokin-box02 .ryokin-flex{
  max-width: 529px;
  margin:68px auto;
}

.ryokin-box02 img{
  width: 100%;
  height: auto;
}


.ryokin-img04,
.ryokin-img06{
  margin-right: 81px;
}

.green_hukidashi02{
  position: relative;
  border-radius: 10px;
  margin-top: 15px;
  background: #2CAA85;
  color: #fff;
  padding:21px 0;
}

.green_hukidashi02 p{
  display: block;
  max-width: 200px;
  height: 25px;
  margin:0 auto;
  text-align: center;
}

.green_hukidashi02 p span{
  font-weight: 400;
}


.triangle, .triangle:before, .triangle:after { width: 4em; height: 4em; }
.triangle {
        overflow: hidden;
        position: absolute;
        top: -180px;
        left: 40%;
        margin: 7em auto 0;
        border-radius: 20%;
        transform: translateY(50%) rotate(125deg) skewY(30deg) scaleX(.500) scaleY(.950);
        cursor: pointer;
        pointer-events: none;
}
.triangle:before, .triangle:after {
        position: absolute;
        background: #2CAA85;
        pointer-events: auto;
        content: '';
}
.triangle:before {
        border-radius: 20% 20% 20% 53%;
        transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%)
                        skewX(30deg) scaleY(.866) translateX(-24%);
}
.triangle:after {
        border-radius: 20% 20% 53% 20%;
        transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%)
                        skewX(-30deg) scaleY(.866) translateX(24%);
}

/** extra styles to show how it works **/

.triangle:hover { overflow: visible; }
.triangle:hover:before, .triangle:hover:after { background: none; }
.triangle:hover, .triangle:hover:before, .triangle:hover:after {
        border: dashed 1px;
}

.huyouhin-midashi{
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  margin-top: 80px;
}

.ryokin-box03{
  padding-left: 67px;
  padding-right: 67px;
}


.ryokin-box03 img{
  display: block;
  width: 64px;
  height: 64px;
  margin-bottom: 5px;
}

.ryokin-box03 h5{
  font-size: 16px;
  font-weight: 400;
  color: #007856;
  position: absolute;
  top: -40px;
  left: 50%;
  transform:translate(-50%,0);
  padding:0 7px;
  background:#fff;
}

.ryokin-box03 p{
  display: block;
  max-width: 458px;
  margin:0 auto;
  font-size: 14px;
  text-indent: -14px;
  padding-left: 14px;
}

.ryokin-box03 .ryokin-flex{
  max-width: 663px;
  margin:50px auto;
}

.ryokin_left{
  position: relative;
  width: 368px;
  border-radius: 10px;
  border: 3px solid #ccc;
  text-align: center;
  font-size: 14px;
  font-weight: 200;
  color: #333333;
  padding:40px 40px;
}

.ryokin_right{
  position: relative;
  max-width: 234px;
  border-radius: 10px;
  border: 3px solid #ccc;
  text-align: center;
  font-size: 14px;
  font-weight: 200;
  color: #333333;
  padding:40px 33px;
}

.left_box,
.right_box{
  display: flex;
  justify-content: space-between;
}

.left_box{
}

.right_box{
  width: 168px;
}

.ryokin-icon02,
.ryokin-icon07{
  margin:0 42px;
}


/*
=======================
        40_flow
======================= */

.flow h2{
  margin-bottom: 50px;
}

.con-box{
  max-width: 663px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);

  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:65px 67px;
}


.con-box img{
  width: 56px;
  height: 56px;
}

.box-name{
  text-align: center;
  width: 25%;
}

.box-name p{
  color: #007856;
  font-size: 18px;
  margin:0 0 16.3px 0;
}


.box-text{
  max-width: 365px;
  font-weight: 200;
  font-size: 16px;
  letter-spacing: 0.1em;
  color: #5c5c5c;

}

.box-text span{
  color:#F26E3E;
}

.box-text p{
  font-size: 10px;
}

.sita{
  display: block;
  width: 48px;
  height: 20px;
  margin:23px auto;
  text-align: center;
}

.flow h4{
  letter-spacing: 0.1em;
  line-height: 48px;
  text-align: left;
  max-width: 517px;
  margin:0 auto;
}

.flow-text{
  max-width: 529px;
  margin:64px auto 0;
  font-weight: 200;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 27px;
  text-align: left;
  color: #5c5c5c;

}

.flow-con02{
  margin-top: 108px;
}

.flow-flex{
  max-width: 663px;
  margin:67px auto;
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 200;
  text-align: center;
}

.flow-flex img{
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 12px;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}

.flow-img02{
  margin:0 38px;
}

.flow #section08 .box{
  border-radius: 10px;
  background: #fff;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);
}


/*
=======================
      50_question
======================= */
.question h2{
  margin-bottom: 50px;
}

.question .content{
  margin-bottom: 32px;
  max-width: 663px;
}

.question .content .kirikae p{
  max-width: 463px;
  margin:85px 0 0 auto;
  padding:0;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.7em;
  color: #767676;
}

.question .box{
  border-radius: 10px;
  padding:58px 46px;
  background: #fff;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);
}

.question .box .kirikae .que-flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.question .box .kirikae .que-flex .que-left{
  width: 12%;
}

.question .box .kirikae .que-flex .que-left img{
  width: 100%;
  height: auto;
}

.question .box .kirikae .que-flex .que-right{
  width: 88%;
  padding-left: 42px;
}

.question .box .kirikae .que-flex .que-right label{
  display: block;
  width: 100%;
  font-size: 20px;
  font-weight: 200;
  color: #333333;
  letter-spacing: 0.1em;
}

.question .box .box03 label{
  padding-top:8px;
}

.question #section08 .box{
  border-radius: 10px;
  background: #fff;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);
  padding:24px 0;
}


/*
=======================
      company
======================= */
.gaiyou #section08 .box{
  border-radius: 10px;
  background: #fff;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);
}
.gaiyou .content table{
  width: 100%;
  letter-spacing: 0.1em;
}

.gaiyou-tb{
  max-width: 668px;
  text-align: left;
  margin-top: 82px;
  font-size: 16px;
}

.gaiyou-tb table tr{
  border:solid #CCCCCC;
  border-width: 1px 0 1px;
}

.gaiyou-tb table tr th{
  width: 40%;
  font-weight: 400;
  vertical-align: text-top;
  padding:25px 67px;
}

.gaiyou-tb table tr td{
  width: 59%;
  font-weight: 200;
  padding:25px 43px 25px 0;
  line-height: 1.7em;

}

.map{
  max-width: 797px;
  height: 552px;
}

iframe{
  width: 100%;
  height:100%;
}


/*
=======================
      70_contact
======================= */

.contact-text{
  font-size: 16px;
  font-weight: 200;
  max-width: 625px;
  margin:80px auto 0;
}

.contact-text span{
  font-size: 20px;
}

.contact-phone img{
  display: block;
  width: 48px;
  height: auto;
  margin:0 auto;
}

.contact-phone a{
  display: block;
  font-size: 32px;
  max-width: 254px;
  margin:24px auto;
  text-align: center;
  color: #007856;
}

.contact-phone p{
  display: block;
  max-width: 320px;
  margin:0 auto;
  font-size: 16px;
  font-weight: 200;
}

.contact-mail{
  font-size: 14px;
  font-weight: 200;
  text-align: left;
  max-width: 642px;
  margin:64px auto 0;
}

.contact-mail ul{
  padding:0;
}

.contact-mail ul li{
  padding:0;
}

.contact .content .box{
  max-width: 663px;
  margin:44px auto 0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.16);
}

.red{
  color: #fff;
  max-width: 33px;
  margin-left: 1em;
  padding:3px 5px;
  border-radius: 10px;
  background: #f00;
}

#mail_error{
  padding: 10px 0 0;
  color: #FF484C;
  font-weight: 400;
}

#formWrap{
  max-width: 663px;
}

#formWrap form .box{
  width: 663px;
  padding:101px 91.5px;
}

.formTable{
  max-width: 663px;
  padding:0;
  font-weight: 200;
  text-align: left;
}

.formTable th{
  max-width: 100%;
  font-weight: 400;
  padding:15px 0 5px;
}

.formTable td{
  max-width: 100%;
  font-weight: 200;
  padding:3px 0;
}


.formTable tr th span{
  max-width: 33px;
  border-radius: 10px;
  color: #fff;
  background: #f00;
  font-size: 10px;
  font-weight: 200;
  padding:5px 10px;
  margin-left: 1em;
  vertical-align: middle;
}

button{
  padding:12px 19px;
  border-radius: 25.5px;
  font-size: 14px;
  text-align: center;
  width: 155px;
  border:solid 1px #f3914d;
  color: #fff;
  background: #f3914d;
}

button:hover{
  color: #f3914d;
  background-color: #fff;
  border:solid 1px #f3914d;
}


input{
  border: 1px solid #707070;
  border-radius: 10px;
  border-radius: 4px;
  padding:12px;
  font-size: 16px;
}

textarea{
  border: 1px solid #707070;
  border-radius: 10px;
  border-radius: 4px;
  padding:12px;
  font-size: 16px;
  max-width: 468px;
  min-height: 296px;
  width: 100%;
}


.zip{
  max-width: 109px;
}

.form_tel{
  width: 100%;
  max-width: 176px;
}

.small{
  width: 100%;
  max-width: 197px;
}

.medium{
  width: 100%;
  max-width: 303px;
}

.use_btn{
  padding:15px 25px;
  border-radius: 25.5px;
  font-size: 12px;
  text-align: center;
  width: 140px;
  border:solid 1px #f3914d;
  color: #fff;
  background: #f3914d;

  margin-top: 53px;
}

.use_btn:hover{
  color: #f3914d;
  background-color: #fff;
  border:solid 1px #f3914d;
  transition: 500ms;
}

.nouse_btn{
  background: #999;
  border-color: #999;
}

.nouse_btn:hover{
  background: #999;
  border-color: #999;
  color:#fff;
}


input[type=radio] {
    display: none;
}

.radio01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.radio01::before {
    border: 1px solid #231815;
    border-radius: 50%;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.radio01::after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  position: absolute;
  top:8.5px;
  left: 4.5px;
  background: #F26E3E;
  background-image: url("../img/contact/checked.png");
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: center;

  opacity: 0;
  transform: none;
}

input[type=radio]:checked + .radio01::after {
    opacity: 1;
}

input[placeholder],
textarea[placeholder]{
  color: #666666;
}

/*
=======================
      responsive
======================= */

@media(max-width:797px){
  @import url("common-s.css");
}