/*============================
#fv
============================*/
#main_content #fv {
  background-image: url('/assets/top/img/fv_bg_pc.jpg');
  background-position: center top;
  background-repeat: repeat-x;
  text-align: left;
}
@media (max-width:1100px){
  #main_content #fv{
    background-size: 160%;
    background-position: 46.5% top;
  }
 }

#main_content #fv .sec_inner {
max-width: 1100px;
margin: 0 auto;
}
#main_content #fv .sec_inner .fv_logo {
  width: calc(234/1100*100%);
padding-top:  calc(30/1100*100%);
margin-left: calc(-15/1100*100%);
}

#main_content #fv .sec_inner .blue_text{
  font-size: 2.3rem;
  color: #FFF;
  padding:0.5rem 0.5rem;
  height: 5rem;
  line-height: 1.8;
  background-color: #153a96;
  position: absolute;
  top: calc(384/1100*100%);
  left: calc(212/1100*100%);
  position: absolute;
  display: inline-block;
  z-index: 2;
  font-weight: 500;
}
#main_content #fv .sec_inner .blue_text:after{
  content:"";
  display: block;
  width:2rem;
  height: 5rem;
  border:2rem solid transparent;
  border-bottom:5rem solid #153a96;
  position: absolute;
  right:-2rem;
  top:-2rem;
  z-index: -1;
}

#main_content #fv .sec_inner .fv_mani_copy {
  width: calc(478/1100*100%);
  padding-bottom: calc(60/1100*100%);

}


/*============================
#trouble
============================*/
#main_content #trouble {
  background-color: #e9e9e9;
}
#main_content #trouble .sec_inner {
}
#main_content #trouble .sec_inner h2{
  padding-top: calc(50/1100*100%);
  width: calc(996/1100*100%);
  margin: 0 auto calc(20/1100*100%);
}

#main_content #trouble .sec_inner p{

}
#main_content #trouble .trouble_bottomInner {
  background-image: url('/assets/top/img/support_head_bg_pc.jpg');
  background-repeat: repeat-x;
}
@media (max-width:1100px){
  #main_content #trouble .trouble_bottomInner {
    background-position: top;
    background-size: contain;
  }
  #main_content #fv .sec_inner .blue_text{
    font-size: 2.1vw;
    height: 4vw;
    line-height: 1.5;
    left:calc(235/1100*100%);

  }
  #main_content #fv .sec_inner .blue_text:after{
    content:"";
    display: block;
    width:2vw;
    height: 4vw;
    border:2vw solid transparent;
    border-bottom:4vw solid #153a96;
    position: absolute;
    right:-2vw;
    top:-2vw;
    z-index: -1;
  }
}
/*============================
#support
============================*/
#main_content #support {
  background-image: url('/assets/top/img/support_bg_pc.jpg');
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #dddddd;
}
#main_content #support .sec_inner{
  padding: 140px 0 35px;
}

@media (max-width:1100px){
#main_content #support .sec_inner{
  padding: calc(140/1100*100%) calc(30/750*100%) calc(35/1100*100%);
}

}
#main_content #support .sec_inner h2{
  padding: 0 0 calc(55/1100*100%);
  width: calc(1090/1100*100%);
  margin: 0 auto;
}

#main_content #support .sec_inner ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
        -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#main_content #support .sec_inner ul li{
  width: calc(330/1100*100%);
  margin-bottom:  calc(50/1100*100%);
}

/*============================
#service
============================*/
#main_content .hidden_area{
  overflow-x: hidden;
}

#main_content #service .service_head {
  background-color: #1876cc;
}
#main_content #service .service_head {
}
#main_content #service .service_head h3{
  width:  calc(658/1100*100%);
  margin: 0 auto;
  padding:  calc(40/1100*100%) 0 calc(30/1100*100%);
}
#main_content #service .service_head ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
        -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: calc(30/1100*100%);
}
#main_content #service .service_head ul li{
  width: calc(346/1100*100%);
}
#main_content #service .service_head .service_man{
  width:calc(300/1100*100%);
  position:  absolute;
  right: -13%;
  top: -9%;
}

#main_content #service .service_main ul {
  padding: calc(65/1100*100%) 0 calc(175/1100*100%);
}

#main_content #service .service_main ul li:nth-of-type(3){
  margin-top: calc(-20/1100*100%);
}
/*============================
#reason
============================*/
#main_content #reason {

}

#main_content #reason .reason_wrap{
  background-image: url('/assets/top/img/reason_bg_pc.jpg');
  background-position: center center;
  background-size: cover;
}
#main_content #reason .reason_wrap .sec_inner {
}
#main_content #reason .reason_wrap .sec_inner h2{
  width: calc(787/1100*100%);
  position: absolute;
  z-index: 2;
  top: -3%;
  left:50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#main_content #reason .reason_wrap .sec_inner ol{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: calc(192/1100*100%) 0 calc(83/1100*100%);
}

#main_content #reason .reason_wrap .sec_inner ol li{
  width: calc(350/1100*100%);
/* drop-shadow */
filter: drop-shadow(0px 0px 12px rgba(255,176,1,0.5));
}

#main_content #reason>.sec_inner {
}

#main_content #reason>.sec_inner h3{
  width: calc(1075/1100*100%);
  margin: 0 auto;
  padding: calc(70/1100*100%) 0 calc(50/1100*100%);
}

#main_content #reason .compare_wrap{
  padding: 0 0 calc(90/1100*100%);
}
#main_content #reason  .compare_bottom_wrap {
  background-image: url('/assets/top/img/compare_bottom_bg_pc.jpg');
  background-position: center top;

}
#main_content #reason .sec_inner .compare_bottom_wrap .inviewScroll.spe {
}
#main_content #reason .sec_inner.compare_bottom_inner {
}

@media (max-width: 1100px){
#main_content #reason  .compare_bottom_wrap .sec_inner{
  padding: 0!important;
}
#main_content #reason .reason_wrap .sec_inner ol{
  padding:calc(250/1100*100%) 0 calc(83/1100*100%)
}
}
/*============================
#relief
============================*/
#main_content #relief {
  background-image: url('/assets/top/img/relief_bg_pc.jpg');
  background-position: center top;
  background-repeat: repeat;

  background-size: 1920px 1477px;
}

@media (max-width:1100px){
#main_content #relief .sec_inner{
  padding: 0;
  }
}

#main_content #relief .sec_inner {
}

/*============================
#staff
============================*/
#main_content #staff {
  background-image: url('/assets/top/img/staff_bg_pc.jpg');
  background-position: center top;


}
#main_content #staff .sec_inner.staff_inner h2 {
  width:calc(357/1100*100%);
  margin: 0 auto;
  padding: calc(65/1100*100%) 0 0;
}
#main_content #staff .sec_inner.staff_inner h3 {
  width:calc(208/1100*100%);
  margin: calc(37/1100*100%) auto calc(30/1100*100%);
}

#main_content #staff .sec_inner.staff_inner ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
        -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  margin-bottom: calc(60/1100*100%);
}

#main_content #staff .sec_inner.staff_inner ul li{
/* drop-shadow */
filter: drop-shadow(0px 0px 5px rgba(209,0,5,0.5));
width: calc(245/1100*100%);
margin-bottom: calc(30/1100*100%);
}

#main_content #staff .sec_inner.staff_inner h3:nth-of-type(2){
width: calc(335/1100*100%);
}

#main_content #staff .sec_inner.staff_inner ul:nth-of-type(2){
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
    -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#main_content #staff .sec_inner.staff_inner ul:nth-of-type(2) li{
  margin-right: calc(40/1100*100%);
}


#main_content #staff .sec_inner.staff_inner {
}


#main_content #staff .staff_bottomInner {
  background-color: #fff4f5;
}

/*============================
#payment
============================*/
#main_content #payment {
  background-image: url('/assets/top/img/payment_bg_pc.jpg');
  background-position: center top;
  background-size: cover;
}
#main_content #payment .sec_inner {
}
#main_content #payment .sec_inner h2 {
  width: calc(647/1100*100%);
  margin: 0 auto ;
  padding: calc(100/1100*100%) 0 calc(30/1100*100%);
}
#main_content #payment .sec_inner h2:nth-of-type(2) {
  width: calc(497/1100*100%);
  margin: calc(25/1100*100%) auto 0;
  padding: calc(70/1100*100%) 0 calc(30/1100*100%);
}

#main_content #payment .sec_inner ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
        -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
}
#main_content #payment .sec_inner ul li{
  filter: drop-shadow(0px 0px 8px rgba(209,0,5,0.2));
  width:  calc(350/1100*100%);
}

#main_content #payment .sec_inner ul:nth-of-type(1) li{

}

#main_content #payment .sec_inner ul:nth-of-type(2){
  padding-bottom: calc(40/1100*100%);

}
#main_content #payment .sec_inner ul:nth-of-type(2) li:nth-of-type(1){
  width: calc(365/1100*100%);
}
#main_content #payment .sec_inner ul:nth-of-type(2) li:nth-of-type(2){
  width: calc(367/1100*100%);
}
#main_content #payment .sec_inner ul:nth-of-type(2) li:nth-of-type(3){
  width: calc(366/1100*100%);
}



/*============================
Smartphone
============================*/

@media screen and (max-width:769px){


/*============================
#fv
============================*/
#main_content #fv {
  background-image: url('/assets/top/img/fv_bg_sp.jpg');
  background-position: center top;
  background-repeat: no-repeat;
  text-align: left;
  background-size: cover;
}
#main_content #fv .sec_inner {
overflow-x: hidden;
}
#main_content #fv .sec_inner .fv_logo {
  width: calc(160/750*100%);
top: calc(-10/750*100%);
left:calc(10/750*100%);
position: fixed;
z-index: 2;
}
#main_content #fv .sec_inner .fv_mani_copy {
  width: calc(598/750*100%);
  padding:calc(260/750*100%) 0 calc(500/750*100%);
  margin: 0 auto 0;
}

#main_content #fv .sec_inner .blue_text{
  font-size: 3rem;
  color: #FFF;
  padding:0.5rem 0.8rem;
  height: 6rem;
  line-height: 1.6;
  background-color: #153a96;
  position: absolute;
  top: calc(120/750*100%);
  left:auto;
  right: calc(55/750*100%);
  position: absolute;
  display: inline-block;
  z-index: 2;
}
#main_content #fv .sec_inner .blue_text:after{
  content:"";
  display: block;
  width:2rem;
  height: 6rem;
  border:2rem solid transparent;
  border-bottom:6rem solid #153a96;
  position: absolute;
  right:-2rem;
  top:-2rem;
  z-index: -1;
}

/*============================
#trouble
============================*/
#main_content #trouble {
  background-color: #e9e9e9;
}
#main_content #trouble .sec_inner {
  padding: 0;
}
#main_content #trouble .sec_inner h2{
  padding-top: 0;
  width: 100%;
  margin: 0 auto 0;
}

#main_content #trouble .sec_inner p{
  margin-bottom:0;
}
#main_content #trouble .trouble_bottomInner {
  background-image: url('/assets/top/img/support_head_bg_pc.jpg');
  background-repeat: repeat-x;
}

/*============================
#support
============================*/
#main_content #support {
  background-image: url('/assets/top/img/support_bg_sp.jpg');
background-size: cover;

  background-color: #f0f0f0;

}
#main_content #support .sec_inner{
  padding: 0 calc(30/750*100%);
}
#main_content #support .sec_inner h2{
  padding: calc(90/750*100%) 0 calc(30/750*100%);
  width: calc(651/690*100%);
  margin: 0 auto;
}

#main_content #support .sec_inner ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
        -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
}

#main_content #support .sec_inner ul li{
  width: calc(330/690*100%);
  margin-bottom:  calc(65/690*100%);
}

/*============================
#service
============================*/
#main_content #service .service_head {
}
#main_content #service .service_head {
}
#main_content #service .service_head h3{
  width:  calc(654/750*100%);
  margin: 0 auto;
  padding:  calc(35/750*100%) 0 calc(30/750*100%);
}
#main_content #service .service_head ul {
    display:block;
  padding-bottom: calc(90/750*100%);
}
#main_content #service .service_head ul li{
  width: calc(535/690*100%);
  margin-left: 0;
}
#main_content #service .service_head ul li:not(:last-child){
  margin-bottom: calc(30/750*100%);
}
#main_content #service .service_head .service_man{
  width:calc(500/750*100%);
  position:  absolute;
  right: -19.5%;
  top: 16%;
}
#main_content #service .service_main{
  padding: 0;
}
#main_content #service .service_main ul {
  padding: calc(65/750*100%) 0 calc(40/750*100%);
}
#main_content #service .service_main ul li:nth-of-type(2){
  margin-top: calc(80/750*100%);
}
#main_content #service .service_main ul li:nth-of-type(3){
  margin-top: calc(60/750*100%);
}
/*============================
#reason
============================*/
#main_content #reason {

}

#main_content #reason .reason_wrap{
  background-image: url('/assets/top/img/reason_bg_sp.jpg');
  background-position: center top;
  background-size: cover;
}
#main_content #reason .reason_wrap .sec_inner {
}
#main_content #reason .reason_wrap .sec_inner h2{
  width: calc(703/750*100%);
  position: absolute;
  z-index: 2;
  top: 1.5%;
  left:50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

#main_content #reason .reason_wrap .sec_inner ol{
   display: block;
  padding: calc(266/750*100%) 0 calc(90/750*100%);
}

#main_content #reason .reason_wrap .sec_inner ol li{
  width: 100%;
/* drop-shadow */
filter: drop-shadow(0px 0px 12px rgba(255,176,1,0.3));
}

#main_content #reason .reason_wrap .sec_inner ol li:not(:last-child){
  margin-bottom: calc(50/750*100%);
}

#main_content #reason>.sec_inner {
}

#main_content #reason>.sec_inner h3{
  width: calc(515/750*100%);
  margin: 0 auto;
  padding: calc(60/750*100%) 0 calc(50/750*100%);
}

#main_content #reason .compare_wrap{
  padding: 0 calc(30/750*100%) calc(72/750*100%);
  margin-bottom: calc(72/750*100%);
  overflow-x: scroll;
}

#main_content #reason .compare_wrap .compare_sheet{
  width: 150%;
}

#main_content #reason  .compare_bottom_wrap {
  background-image: none;

}
#main_content #reason .sec_inner .compare_wrap .inviewScroll.spe {
  position: absolute;
  top: 27%;
  left: 34%;
  width: calc(185/750*100%);
}
#main_content #reason .sec_inner.compare_bottom_inner {
}

.scrollOut{
  animation: swipe 2s ease forwards;

}
@keyframes swipe {
  0% { transform:translateX(0) }
  5% { transform:translateX(0) }
  10% { transform:translateX(0) }
  20% { transform:translateX(-15px) }
  25% { transform:translateX(0) }
  30% { transform:translateX(15px) }
  50% { transform:translateX(0) }
  70% {opacity: 1;}
  100% { opacity: 0;display: none; }
}

/*============================
#relief
============================*/
#main_content #relief {
  background-image: none;
}
#main_content #relief .sec_inner {
  padding: 0;
}

/*============================
#staff
============================*/
#main_content #staff {
  background-image: url('/assets/top/img/staff_bg_sp.jpg');
  background-position: center top;
  background-size: contain;
  background-repeat: repeat;
}

#main_content #staff .sec_inner.staff_inner{
  padding: 0;
}
#main_content #staff .sec_inner.staff_inner h2 {
  width:calc(238/750*100%);
  margin: 0 auto;
  padding: calc(65/750*100%) 0 calc(55/750*100%);
}
#main_content #staff .sec_inner.staff_inner h3 {
  width:calc(240/750*100%);
  margin: 0 auto calc(40/750*100%);
}

#main_content #staff .sec_inner.staff_inner ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
        -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  margin-bottom: calc(40/750*100%);
  padding: 0  calc(30/750*100%);
}

#main_content #staff .sec_inner.staff_inner ul li{
/* drop-shadow */
filter: drop-shadow(0px 0px 5px rgba(209,0,5,0.5));
width: calc(340/750*100%);
margin-bottom: calc(50/750*100%);
}

#main_content #staff .sec_inner.staff_inner h3:nth-of-type(2){
width: calc(386/750*100%);
}

#main_content #staff .sec_inner.staff_inner ul:nth-of-type(2){
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
        -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#main_content #staff .sec_inner.staff_inner ul:nth-of-type(2) li{
  margin-right: calc(40/1100*100%);
}


#main_content #staff .sec_inner.staff_inner {
}


#main_content #staff .staff_bottomInner {
  background-color: #fff4f5;
}

/*============================
#payment
============================*/
#main_content #payment {
  background-image: url('/assets/top/img/payment_bg_sp.jpg');
  background-position: center top;
  background-size: cover;
}
#main_content #payment .sec_inner {
}
#main_content #payment .sec_inner h2 {
  width: calc(517/750*100%);
  margin: 0 auto ;
  padding: calc(80/750*100%) 0 calc(60/750*100%);
}
#main_content #payment .sec_inner h2:nth-of-type(2) {
  width: calc(397/750*100%);
  margin: 0 auto calc(60/750*100%);
  padding: calc(80/750*100%) 0 calc(40/750*100%);
}

#main_content #payment .sec_inner ul{
    display:block;
}


#main_content #payment .sec_inner ul li{
  filter: drop-shadow(0px 0px 8px rgba(209,0,5,0.2));
  width: 100%;

}
#main_content #payment .sec_inner ul li:not(:last-of-type){
  margin-bottom: 0;
}

#main_content #payment .sec_inner ul:nth-of-type(1) li{
  margin-bottom: 7%!important;

}

#main_content #payment .sec_inner ul:nth-of-type(2) li{
  width: 100%!important;
}

#main_content #payment .sec_inner ul:nth-of-type(2){
  padding-bottom: 0;
}


}