@charset "UTF-8";
/* -------------全体設定----------- */
body {
}

#container {
}

/* -------------メインコンテンツ -------------*/
.main-conts {
    
}

.MV{
    width: 100%;
    height: auto;
    margin: 0 auto;
}

/* メイン画像の設定 */
.main-conts-images {
    position: relative;
}

.main-conts-images a{
    position: absolute;
    top:0;
    left: 0;
}


/* -------------コンテンツごとの設定------------- */
/* -----contens1----- */
.conts1 {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.conts1-box1 {
    padding-top: 120px;
    padding-bottom: 30px;
    line-height: 3rem;
}

.conts1-box2 {
    
}

.boxman1 {
    display: inline-block;
    list-style: none;
    margin-top: 65px;
    padding: 2% 4%;
    margin-left: auto;
    margin-right: auto;
    width: 67%;
    height: auto;
    max-width: 960px;
    background: #FFF;
    border:solid 2px #53B4CA;
    box-shadow: 5px 5px 0px 0px rgba(83, 180, 202, 0.8);
    border-radius: 10px;
    text-align: left;
}

.conts1-box3{
    margin-top: -26%;
}

.conts1-box3-child1 {
}

.conts1-box3-child2{
    padding-bottom: 75px;
}

.boxman-text {
    float: left;
    width: 40%;
    position: relative;
    font-size:min(1.2vw, 18px) ;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 8%;

}

.set2 {
    clear: both;
}

.boxman-text::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 20px;
    left: 0;
    margin-left: -10%;
}

.boxman-text-bold {
    font-size: min(1.3vw, 18px);
}

.icn-man1 {
    width: 20%;
    height: auto;
    margin-left: 58%;
    margin-top: -9%;
}

.text1-1 {
    
}

.text1-2 {
    
}

.text1-3 {
    
}

.text1-4 {
    padding-top: 10px;
    font-size:min(1.6vw, 26px);
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
}

.text1-5 {
    padding-top: 10px;
    
}

.text1-6 {
    padding-top: 40px;
    padding-bottom: 20px;
}



/* -----contents2----- */
.conts2 {
    margin-top: 120px;
    padding-bottom: 120px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.conts2-box1 {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    width: 67%;
}

.conts2-box1-child1 {
    display: flex;
    justify-content: space-between;
    
}

.conts2-box1-child2 {
    display: flex;
    justify-content: center;
    margin-top: 36px;
    
}

.conts2-box2 {
    margin-top: 60px;
}

.conts2-box2-child1 {
    
}

.boxmerit {
    padding: 1% 2%;
    background: #FFF;
    border: solid 3px #53B4CA;
    box-shadow: 7px 7px 0px 0px rgba(83, 180, 202, 0.8);

    width: 26%;
}

.boxmerit-setting {
    margin-left: 10%;
}

.icn-cube {
    text-align: center;
    width: 35px;
    height: auto;
}

.icn-merit1 {
    width: 35%;
    height: auto;
    margin-top: 10%;
}

.icn-merit2 {
    width: 35%;
    height: auto;
    margin-top: 10%;
}

.icn-merit3 {
    width: 35%;
    height: auto;
    margin-top: 12%;
}

.icn-merit4 {
    width: 35%;
    height: auto;
    margin-top: 8%;
}

.icn-merit5 {
    width: 35%;
    height: auto;
    margin-top: 15%;
}

.merit-text {
    font-size:min(1.6vw, 24px) ;
    font-weight: 500;
}

.text2-1 {
    
}

.text2-2 {
    margin-top: 10px;
}

.text2-3 {
    padding-top: 20px;
}

.text2-4 {
    padding-top: 5px;
}

.text2-5 {
    padding-top: 7px;
}

.text2-6 {
    padding-top: 20px;
}


/* -----contents3------ */
.conts3 {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.conts3-box1 {
    padding-top: 120px;
    width: 67%;
    margin-left: auto;
    margin-right: auto;
}

.conts3-box1-child1 {
    margin-top: 40px;
    
}

.conts3-box1-child2 {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    
}

.conts3-box1-child3 {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.conts3-box1-child4 {
    margin-top: -22%;
}

.conts3-box2 {
    padding-bottom: 120px;
}

.ball-pos {
    margin-left: 15%;
    
}

.ball-text {
    text-align: left;
    font-size:min(1.7vw, 24px) ;
    font-weight: 700;
}

.icn-demo {
    width: 15%;
    height: auto;
}

.icn-man2{
    width: 20%;
    height: auto;
}

.text3-1 {
    margin-top: 20px;
}

.text3-2 {
    margin-top: 10px;
}


/* -----contents4----- */
.conts4{
    margin-top: 120px;
    margin-bottom: 120px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.conts4-box1{
    width: 67%;
    margin-top: 115px;
    margin-left: auto;
    margin-right: auto;
}

.conts4-box1-child1 {
    margin-top: 60px;
}

.conts4-box1-child2 {
    margin-top: 60px;
}

.conts4-box2 {
    margin-top: 60px;
}
.reason-box1 {
    text-align: left;
}

.reason-box2 {
    margin-top: -6%;
    text-align: right;
}

.reason-box3 {
    margin-top: -20%;
    margin-left: -3%;
}

.reason-box4 {
    margin-left: 40%;
}

.reason-box5 {
    margin-top: -7%;
    text-align: left;
}

.reason-box6 {
    margin-top: -20%;
    margin-left: 45%;
}

.reason-box7-setting1 {
    margin-top: 6%;
}

.reason-box7-setting2 {
    margin-top: 4.5%;
}
.reason-box7-setting3 {
    margin-top: 3.5%;
}
.reason-box7-setting4 {
    margin-top: 7.5%;
}


.reason-text3-1 {
    text-align: left;
    margin-left: 11%;
    font-size:min(2.2vw, 34px) ;
}

.reason-text3-2 {
    text-align: left;
    margin-left: 3%;
    margin-top: 20px;
    width: 57%;
}

.reason-text6-1 {
    text-align: left;
    margin-left: 9%;
    font-size:min(2.2vw, 34px) ;
    
}

.reason-text6-2 {
    text-align: left;
    margin-left: -7%;

    margin-top: 20px;
    width: 108%;
    line-height: 30px;
}

.reason-text7-1 {
    text-align: left;
}

.text4-1 {
}

.icn-rs1 {
    
}

.icn-rs2 {
    margin-right: 80%;
}

.icn-imgrs1 {
    width: 33%;
    height: auto;
    text-align: right;
}

.icn-imgrs2 {
    margin-right: 50%;
    width: 33%;
    height: auto;
}
.reason-line {
    width: 100%;
    margin-top: 70px;
}

/* -------contents5------ */
.conts5 {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.conts5-box1 {
    width: 67%;
    margin-left: auto;
    margin-right: auto;
}

.conts5-box1-child1 {
    width: 35%;
    height: auto;
}

.conts5-box1-child2 {
    margin-top: -27%;
    margin-left: 41%;
}

.conts5-box1-child2a {
    text-align: left;
}

.conts5-box1-child3 {
   color: #222;
   margin-bottom: 70px;
}

.conts5-box1-child3-setting1 {
    margin-top: 2.8vw;
}

.conts5-box1-child3-setting2 {
    margin-top: 10vw;
}

.conts5-box1-child3-setting3 {
    margin-top: 12vw;
}

.conts5-box2 {
    width: 67%;
    margin-left: auto;
    margin-right: auto;
}

.conts5-box2-child1 {
    display: flex;
    justify-content: space-between;
    
}

.conts5-box2-child1a {
    display: flex;
    flex-direction: column;
    width: 31vw;
    max-width: 460px;
    margin-bottom: 10%;
}

.conts5-box2-child1a-t1 {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    text-align: left;
    margin-top: -5%;
}

.conts5-box2-child1a-t2 {
}

.conts5-box2-child1-textbox1 {

}

.conts5-box2-child1b-t2{

}

.conts5-box3{
    padding-bottom: 120px;
}

.text5-1 {
    
}

.text5-2 {


}
.text5-3 {
    margin-top: 10px;
    margin-bottom: 7%;
    font-size:min(1.3vw, 18px) ;

}

.text5-4 {
    margin-top: 20px;
    font-size:min(1.7vw,28px) ;
}

.text5-5 {
    margin-top: 10px;
    
}

.text5-6-setting{
    text-align: left;
}

.icn-future {
    border-radius: 10px;
}

.icn-Lamp1 {
    width: 7vw;
    height: auto;
    margin-left: -15vw;
}


/* -----contents6------ */

.conts6 {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.conts6-box1 {
    width: 67%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    margin-top: 70px;
}

.conts6-box1-child1 {
    margin-left: 5%;
    padding-top: 60px;
    width:24%;
    height: auto;
}

.conts6-box1-child2-1 {
    margin-left: 30%;
    width: 65%;
    text-align: left;
    
    margin-top: -25%;
    padding-bottom: 60px;
}

.conts6-box1-child2-2 {
    margin-left: 30%;
    width: 65%;
    text-align: left;
    margin-top: -27%;
    padding-bottom: 60px;
}

.text6-1 {
}

.text6-2 {

}

.text6-3 {
    margin-top: 40px;
}

.icn-voice {
    border-radius: 50%;
    margin-bottom: 10px;
    width: 85%;
    height: auto;
}

.customer-name {
    font-size:min(1.1vw, 18px) ;
    font-weight: 700;
    letter-spacing: 0;
}

/* ------contents7------ */
.conts7 {
    margin-top: 120px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 120px;
}

.conts7-box1 {
    width: 67%;
    margin-top: 33px;
    margin-left: auto;
    margin-right:auto;
}
.conts7-box1-child1 {
    text-align: left;
    
}

.conts7-box1-setting {
    padding-bottom: 120px;
}

.img-conts7 {

}

.q-margin {
}

.ul-conts7 {
    list-style-type: none;
}

.li7-Q {
    position: relative;
    padding-left: 4vw;
    padding-bottom: 10px;
    
}

.li7-Q::before {
    content: '';
    position: absolute;
    top: 2%;
    left: 0;
    background-image: url(../images/Q.png);
    background-size: cover;
    width: 2.2vw;
    height: 2.2vw;
}

.li7-A {
    position: relative;
    padding-left: 4vw;
    padding-bottom: 10px;
}

.li7-A::before {
    content: '';
    position: absolute;
    top: 3%;
    left: 0;
    background-image: url(../images/A.png);
    background-size: cover;
    width: 2.2vw;
    height: 2.2vw;
}


/* ------contents8------ */
.conts8 {
    width: 83%;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
}

.conts8-box1 {
    margin-top: 100px;
}

.conts8-box1-child1 {
    width:40%;
    height: auto;
}

.conts8-box1-child2 {

    margin-top: -55%;
    margin-left: 43%;
}

.conts8-box1-child3 {
    width:40%;
    height: auto;
    margin-top: 28%;
    margin-left: 60%;
}

.conts8-box1-child4 {
    width: 56%;
    margin-top: -52%;
    padding-bottom:30%;
}

.img-conts8 {
    margin-top: 10px;
}

.img-conts8-child1 {
    margin-top: 10px;
}

.img-conts8-child2 {
   display: inline-flex;
   justify-content: space-between;
}

.text8-3-box {
    text-align: left;
}

.icn-consultant {
    width: 95%;
    height: auto;
    
}

.consultant-name {
    margin-top: 10px;
    font-size:min(1.7vw, 30px) ;
    letter-spacing: 0;
}

.icn-yti1 {
    margin-top: 10px;
    width: 50%;
    height: auto;
}
.icn-yti2 {
    margin-top: 10px;
    width: 50%;
    margin-left: 20%;
    height: auto;
}

.text8-2 {
    padding-top: 20px;
}

.copyright {
    width: 100%;
    height: 80px;
    padding-top: auto;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    background-color: #53B4CA;
    color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}