@charset "UTF-8";

.ikisei{
    margin-top: -25px;
}
.ibackall{
    background-image: url(../images/iback.jpg);
    background-size: cover;
    background-position: 50% 0;
    width: 100%;
}
.ibackmigi{
    background-image: url(../images/ibackmigi.png);
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    height: 500px;
}
.i1{
    padding-right: 5%;
}
.itel11{
    width: 170px;
    height: auto;
}
.itelhidari{
    width: 20%;
}
.itelmigi{
    width: 80%;
}
.itoku{
    left: -80px;
}
.itelhidari{
    padding-right: 40px;
}

.ikonna{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.ikonna11{
    width: 100%;
}
.orange{
    color: #B47D00;
    font-weight: bold;
}
.i3{
    padding-left: 5%;
}
.iback2 {
    background-image: url(../images/ibackhidari2.png);
    background-size: cover;
    background-position: 50%;
    width: 100%;
}
.i20{
    padding: 15px 0;
}
.i21{
    display: inline;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}
.ireason{
    width: 400px;
    height: auto;
}
.i5{
    padding-right: 5%;
}
.ibackmigi2{
    background-image: url(../images/ibackmigi2.png);
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
}
.ivoice2{
    position: absolute;
    top: 58.5%;
    right: -5%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.i5 ul{
    padding: 15px 0;
}
.i5left{
    width: 200px;
    border: 3px solid #000;
    padding: 15px;
    text-align: center;
}
.i5right{
    width: calc(100% - 200px);
    padding-left: 30px;
}
.iback3{
    background-image: url(../images/iback3.jpg);
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
}
.i612 li{
    padding: 20px 0;
}
.iq{
    width: 50px;
}
.iq2{
    width: calc(100% - 50px);
    padding-left: 30px;
}

.i8{
    padding-left: 5%;
}
.ibackhidari2{
    background-image: url(../images/ibackhidari.png);
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    height: 500px;
}
.icon{
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 15px 0;
}
.itel2{
    padding: 20px 0;
}
.c_check a{
    color: #000;
    border-bottom: 1px solid #000;
}



@media only screen and (max-width: 1680px) {
.i1,.i5 {
    padding-right: 0;
}
.i3,.i8 {
    padding-left: 0;
}


}


@media only screen and (max-width: 1440px) {
.ivoice2{
    position: absolute;
    top: 58.5%;
    right: -8%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

}


@media only screen and (max-width: 1280px) {
.ivoice{
    text-align: center;
    width: 100%;
}
.ivoice2 {
    position: static;
    width: 250px;
    display: block;
    margin: 0 auto;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}


}


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

.itel11 {
    width: 100px;
    height: auto;
}
.itoku {
    left: 0;
}
.itel21{
    max-width: 450px;
    width: 80%;
}
.itelmigi {
    width: calc(100% - 120px);
}
.ibackmigi{
    background-image: url(../images/ibackmigi.png);
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    height: auto;
}
.ikonna{
    width: 100%;
    position: static;
    text-align: center;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}
.ikonna11{
    width: 80px;
    height: auto;
}
.ikonna2{
    display: block;
}
.ikonna2hidari{
    width: 100%;
    padding: 0 3%;
}
.ikonna2migi{
    width: 100%;
    padding: 0 3%;
}
.ireason {
    width: 250px;
    height: auto;
}
.i21{
    display: inline;
    border-bottom: 1px solid #fff;
    padding-bottom: 2px;
}

.itegaki21{
    max-width: 450px;
    width: 80%;
    height: auto;
}

.ibackhidari2 {
    background-image: url(../images/ibackhidari.png);
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    height: auto;
    padding-left: 60px;
}
.ikisei {
    margin-top: 0;
}

}


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

.itel11 {
    width: 60px;
    height: auto;
}
.itoku {
    left: 0;
}
.itel21{
    max-width: 450px;
    width: 80%;
}
.itelmigi {
    width: calc(100% - 80px);
}
.ibackmigi{
    background-image: url(../images/ibackmigi.png);
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    height: auto;
}

.iservice{
    width: 250px;
    display: block;
    margin: 0 auto;
}
.isita{
    display: block;
    margin: 0 auto;
    width: 50px;
    height: auto;
}

.itegaki21{
    max-width: 450px;
    width: 90%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.i5left {
    width: 100%;
    border: 3px solid #000;
    padding: 15px;
    text-align: center;
}
.i5right {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
}

.i71right{
    margin-top: 40px;
    padding: 0 3%;
}
.iq{
    width: 30px;
}
.iq2{
    width: calc(100% - 30px);
}
.iq11{
    width: 30px;
    height: auto;
}
.ia11{
    width: 30px;
    height: auto;
}

.ibackhidari2{
    background-image: url(../images/ibackhidari.png);
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    height: auto;
}

.ibackhidari2 {
    background-image: url(../images/ibackhidari.png);
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    height: auto;
    padding-left: 0;
}



}