@charset "utf-8";
/* CSS Document */
/*---------------------------------------------*
* トップページCSS
*----------------------------------------------*/

/*---------------------------------------------*
*
* section wrapper
*
*----------------------------------------------*/
.wrapper,
section{
width: 100%;
}
.wrapper:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wrapper .wrap,
section .wrap{
width: 96%;
background-color: #fff;
margin:30px 2% 0 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:14rem 0 11rem 0;
}
.wrapper .wrap .inner,
section .wrap .inner{
width: 1200px;
margin: 0 auto;
}


nav.global{
position: absolute;
left: 50%;
margin-left:-600px;
top:620px;
z-index:999;
}



/*---------------------------------------------*
*
* mv
*
*----------------------------------------------*/
/* header.mv{
height: auto;
}
.mv,
main{
position: relative;
}
.mv .wrap{
position: absolute;
background-color: inherit;
z-index: 100;
width: 1200px;
display: block;
margin:0 0 0 -600px;
padding: 0;
left: 50%;
top: 0;
}
.mv> ul.slider{
position: relative;
max-height:755px;
overflow: hidden;
}
.mv> ul.slider img{
object-fit: cover;
width:auto;
min-width: 100%;
height: auto;
min-height: 755px;
}
.mv> ul.slider .sp{
display: none;
}

.mv .wrap p.logo{
margin: 60px 0 0 0;
}

.mv .wrap h1{
font-size: 2.6rem;
color: #FFF;
font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
line-height:1.8;
margin:75px 0 50px 0;
}
.mv .wrap h1 br{
display: none;
}

.mv .wrap p.catch{
padding-top: 2.7rem;
font-size: 4.5rem;
line-height: 1.3;
color: #FFFFFF;
font-family: Libre Baskerville,"Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
}


.mv .wrap p.btn.blue{
margin: 50px 0 0 0;
}

.mv .wrap div.contact.tels{
position: absolute;
right: 0;
top:45px;
width: 265px;
height: 87px;
}
.mv .wrap div.contact.tels p.freedial{
	display:flex;
	justify-content:flex-start;
	align-items: center;
font-size: 2.9rem;
font-family: Lato,-apple-system,Noto Sans CJK JP,Noto Sans Japanese,Noto Sans JP,游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif;
}
.mv .wrap div.contact.tels p.freedial a{
font-size: 2.9rem;
color: #fff;
}
.mv .wrap div.contact.tels p{
padding-top:0.75rem;
font-size: 1.8rem;
    -moz-text-align-last: justify;
     text-align-last: justify;
     text-justify:inter-ideograph;
     color: #fff;
}
.mv .wrap div.contact.tels p a{
font-size: 1.6rem;
margin-left: 1em;
color: #fff;
}
.mv .wrap div.contact.tels p.uketsuke{
    padding-top: 1rem;
    font-size: 1.2rem;
    color:#ffffff;
white-space: nowrap;
}
.mv .wrap div.contact.tels svg{
width:45px;
height:auto;
margin-right: 1em;
fill:#fff;
}
.mv .wrap div.contact.tels p.freedial svg{
margin-right: inherit;
fill:#fff;
}

.mv .wrap div.contact.tels svg#nagoya{
display: none;
fill:#fff;
}

.mv .wrap div.medals{
width: 50%;
position: absolute;
right: 0;
bottom:0;
text-align: right;
}
.mv .wrap div.medals img{
max-width:544px;
width:100%;
height: auto;
}


section.mv aside,
.mv .wrap div.contact.tels p span.sp,
.mv .wrap div.medals img.sp{
display: none;
} */

/* ☆☆☆new☆☆☆ */
.mv-rm {
    background-image: url('../images/top/top_mv_bg.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 768px;
}
.mv-rm-wrap-flex{
    display: flex;
    flex-direction: row;
    width: 1200px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
}
.mv-rm-wrap-flex-child{
    width: 50%;
}
.mv-rm-text-1{
    font-size: 34px;
    color: #393D44;
    font-weight: bold;
}
.mv-rm-text-1-deco-1{
    font-size: 38px;
}
.mv-rm-text-2{
    font-size: 54px;
    color: #393D44;
    font-weight: bold;
    line-height: 150%;
    margin-top: 20px;
}
.mv-rm-text-2-deco-1{
    font-size: 60px;
    color: #003A9A;
    font-weight: bold;
}
h1.mv-rm-text-add {
    font-size: 3em;
    font-weight: bold;
    color: #003A9A;
    line-height: 1.3;
}
.mv-rm-text-3{
    font-size: 32px;
    color: #393D44;
    margin-top: 13px;
}
.mv-rm-text-4 {
    margin: 30px 0 0;
    font-size: 16px;
    font-weight: bold;
}
.mv-rm-img-group1{
    display: flex;
    flex-direction: row;
    margin-top: 40px;
}
.mv-rm-img-group1-1{
    width: 155.7px;
}
.mv-rm-img-group1-2{
    width: 100.79px;
    margin-left: 27px;
}

.mv-rm-speed-btn{
    background-color: #003A9A;
    width: 500px;
    height: 80px;
    border-radius: 50px;
    margin-top: 40px;
    color: #fff !important;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: #003A9A solid 1px;
}

.mv-rm-speed-btn:hover{
    background-color: #fff;
    color: #003A9A !important;
    opacity: 0.7;
}

.mv-rm-img-group2{
    display: flex;
    flex-direction: column;
    width: 50%;
    align-items: center;
}
.mv-rm-img-group2-1{

}
.mv-rm-img-group2-2-1{
    text-align: center;
}
.mv-rm-img-group2-2{
    margin-top: 50px;
}
.mv-rm-img-group img{
    max-width: 100%;
    height: auto;
}
@media screen and (max-width:1200px) {
    .mv-rm-wrap-flex{
        width: auto;
    }
    .mv-rm-wrap-flex-child{
        margin-left: 20px;
    }
    .mv-rm-speed-btn{
        width: 300px;
        height: 80px;
    }
    .mv-rm-img-group2-1{
        width: 90%;
    }
    .mv-rm-img-group2-2{
        width: 90%;
    }
}
@media screen and (max-width:768px) {
    .mv-rm-wrap-flex{
        width: auto;
        flex-direction: column;
        padding: 100px 20px;
        padding-top: 70px;
    }
    .mv-rm-wrap-flex-child{
        width: 100%;
        margin-left: 0;
    }
    .mv-rm-text-1{
        font-size: 24px;
        margin-left: 20px;
    }
    .mv-rm-text-1-deco-1{
        font-size: 30px;
    }
    .mv-rm-text-2{
        font-size: 32px;
        margin-left: 20px;
    }
    .mv-rm-text-2-deco-1{
        font-size: 40px;
    }
    h1.mv-rm-text-add {
        font-size: 1.6em;
        margin-left: 20px;
    }
    .mv-rm-text-3{
        font-size: 24px;
        margin-left: 20px;
    }
    .mv-rm-text-4 {
        margin: 30px 20px 0;
        line-height: 1.5;
    }
    .mv-rm-img-group1{
        justify-content: center;
    }
    .mv-rm-speed-btn{
        width: 300px;
        height: 60px;
        margin: 0 auto;
        margin-top: 30px;
    }
    .mv-rm-img-group2{
        width: 90%;
        margin: 0 auto;
        margin-top: 50px;
    }
}    

/*---------------------------------------------*
*
* about-service
*
*----------------------------------------------*/
/* .about-service{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.about-service .sp{
display: none;
} */

/* ☆☆☆new☆☆☆ */
.about-service-rm{
   background-color: #fff;
}
.about-service-rm-wrap{
    width: 1200px;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
}
.about-service-rm-title{
    font-size: 20px;
    color:  #003A9A;
    font-weight: bold;
    text-align: center;
}
.about-service-rm-subtitle{
    font-size: 24px;
    color:  #003A9A;
    font-weight: bold;
    text-align: center;
    margin-top: 32px;
}
.about-service-rm-wrap-flex{
    display: flex;
    flex-direction: row;
    margin-top: 60px;
}
.about-service-rm-wrap-flex-child{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.about-service-rm-text-1-deco-1{
    font-size: 36px;
    color: #003A9A;
    font-weight: bold;
    line-height: 150%;
}
.about-service-rm-text-1{
    font-size: 14px;
    color: #393D44;
    margin-top: 60px;
    line-height: 160%;
}

.about-service-rm-img-group1{
    display: flex;
    flex-direction: column;
    margin: 0 100px;
}

.about-service-rm-img-group1-1{
    max-width: 300px;
}

.about-service-rm-img-group1-2{
    margin-top: 40px;
    margin-left: -100px;
    /* max-width: 257px; */
}

.about-service-rm-img-group1-3{
    margin-top: 40px;
    max-width: 271px;
}

.about-service-rm-img-group2{
    display: none;
    /* display: flex;
    flex-direction: column;
    margin: 0 100px; */
}

.about-service-rm-btn-group1{
    display: flex;
    flex-direction: row;
    margin-top: 60px;
}

.about-service-rm-speed-btn1{
    background-color: #fff;
    width: 300px;
    height: 60px;
    border-radius: 50px;
    border: #003A9A solid 1px;
    color: #003A9A !important;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-service-rm-speed-btn1:hover{
    background-color: #003A9A;
    color: #fff !important;
    opacity: 0.7;
}
.about-service-rm-speed-btn2{
    background-color: #003A9A;
    width: 300px;
    height: 60px;
    border-radius: 50px;
    color: #fff !important;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    border: #003A9A solid 1px;
}
.about-service-rm-speed-btn2:hover{
    background-color: #fff;
    color: #003A9A !important;
    opacity: 0.7;
}

@media screen and (max-width:1200px) {
.about-service-rm-wrap{
    width: auto;
}
.about-service-rm-img-group1{
    margin:0 50px;
}
.about-service-rm-img-group1-1{
    max-width: 200px;
}
     .about-service-rm-img-group1{
        display: none;
     }
     .about-service-rm-img-group2{
        display: flex;
        flex-direction: column;
        margin: 0 100px;
        margin-top: 40px;
        text-align: center;
    }
    .about-service-rm-wrap-flex{
          justify-content: center;
    }

}

@media screen and (max-width:768px) {
    .about-service-rm{

     }
     .about-service-rm-wrap{
         width: auto;
         padding: 100px 20px;
     }
     .about-service-rm-title{

     }
     .about-service-rm-subtitle{
        font-size: 16px;
    }
     .about-service-rm-wrap-flex{
        flex-direction: column;
     }
     .about-service-rm-wrap-flex-child{

     }
     .about-service-rm-text-1-deco-1{
        font-size: 16px;
        margin-top: 10px;
     }
     .about-service-rm-text-1{
        font-size: 14px;
        margin-top: 15px;
     }
     
     .about-service-rm-img-group1{
        display: none;
     }
     
     .about-service-rm-img-group1-1{
     
     }
     
     .about-service-rm-img-group1-2{

     }
     
     .about-service-rm-img-group1-3{

     }
     .about-service-rm-img-group2{
        display: flex;
        flex-direction: column;
        margin: 0 100px;
        margin-top: 40px;
    }
     
     .about-service-rm-btn-group1{
        flex-direction: column;
        align-items: center;
        margin-top: 40px;
     }
     
     .about-service-rm-speed-btn1{

     }
     
     .about-service-rm-speed-btn2{
        margin-left: 0;
        margin-top: 20px;
     }
}

/*---------------------------------------------*
* about
*----------------------------------------------*/
/* .about-service .wrap .inner section.about{
width:46%;
float: right;
}
.about-service .wrap .inner section.about h3,
.about-service .wrap .inner h2{
line-height:2;
font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
font-size: 2.6rem;
color: #1884c4;
}
.about-service .wrap .inner section.about h2:before{
content: "";
display: block;
left: 0;
float: left;
width:40px;
height:1px;
margin:2.7rem 1em 0 0;
background-color:#1884c4; 
}
.about-service .wrap .inner section.about h2{
padding-top:1.75em;
}
.about-service .wrap .inner section.about h3{
padding-bottom: 1em;
}
.about-service .wrap .inner section.about p{
line-height: 2;
padding-bottom: 1em;
}
.about-service .wrap .inner section.about p.btn.blue{
margin-top:1em;
padding-bottom: 0.5em;
} */

/*---------------------------------------------*
* service
*----------------------------------------------*/
/* .about-service .wrap .inner section.service h2{
text-align: center;
padding:12rem 0 8rem 0;
position: relative;
}
.about-service .wrap .inner section.service h2:after,
.about-service .wrap .inner section.service h2:before{
content: "";
display: block;
position: absolute;
width:40px;
height:1px;
left: 50%;
background-color:#1884c4; 
}
.about-service .wrap .inner section.service h2:before{
margin:3rem 0 0 -10rem;
}
.about-service .wrap .inner section.service h2:after{
margin:-2.4rem 0 0 6rem;
}
.about-service .wrap .inner section.service ul{
display: flex;
  justify-content: center;
  align-items: center;
justify-content: space-between;
}
.about-service .wrap .inner section.service ul li{
max-width: 288px;
}
.about-service .wrap .inner section.service ul li h3{
padding-top: 3rem;
font-size: 1.8rem;
color: #198acd;
line-height: 1;
font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
}
.about-service .wrap .inner section.service ul li p{
padding-top: 1rem;
line-height: 2;
}
.about-service .wrap .inner section.service ul li div.img{
width: 100%;
height: 305px;
display: block;
overflow: hidden;
}
.about-service .wrap .inner section.service ul li div.img img{
object-fit: cover;
  transition: 1s;
  -webkit-transition: 1s;
}
.about-service .wrap .inner section.service ul li a:hover img{
transform: scale(1.1);	
}
.about-service .wrap .inner section.service ul li a:hover p{
color:#333;
}
.about-service .wrap .inner section.service ul li h3 br{
display: none;
} */

/* ☆☆☆new☆☆☆ */

.service-rm {
    background-color: #edf4fb;
}
.service-rm-wrap {
    width: auto;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
}
.service-rm-title{
    font-size: 20px;
    color:  #003A9A;
    font-weight: bold;
    text-align: center;
}
.service-rm-subtitle{
    font-size: 24px;
    color:  #003A9A;
    font-weight: bold;
    text-align: center;
    margin-top: 32px;
}
.service-rm-wrap-flex{
    display: flex;
    flex-direction: column;
    margin-top: 60px;
}
.service-rm-wrap-flex-flex{
    display: flex;
    flex-direction: row;
    justify-content: center
}
.service-rm-wrap-flex-flex2{
    display: flex;
    flex-direction: row;
    justify-content: center
}
.service-rm-viewmore-btn{
    background-color: #fff;
    width: 300px;
    height: 60px;
    border-radius: 50px;
    border: #003A9A solid 1px;
    color: #003A9A !important;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.service-rm-viewmore-btn:hover{
    background-color: #003A9A;
    color: #fff !important;
    opacity: 0.7;
}
.service-rm-box-title{
    font-size: 24px;
    color:  #003A9A;
    font-weight: bold;
}
.service-rm-box-title span{
    font-size: 36px;
    margin-right: 10px;
}
.service-rm-box-text1{
    margin-top: 25px;
    font-size: 16px;
    line-height: 200%;
}
.service-rm-box-item1{
    margin-top: 25px;
}
.service-rm-box-left{
    margin-right: 75px;
}
.service-rm-box-wo1{
    margin-top: 100px;
}
.service-rm-box{
    width: 420px;
}
.service-rm-sp{
    display: none;
}

@media screen and (max-width:1200px) {
.service-rm-box{
    width: 320px;
}
.service-rm-box-left{
    margin-right: 65px;
}
}

@media screen and (max-width:768px) {
    .service-rm {
    }
    .service-rm-wrap {
        width: auto;
        padding: 100px 20px;
    }
    .service-rm-title{
    }
    .service-rm-subtitle{
        font-size: 16px;
    }
    .service-rm-wrap-flex{
    }
    .service-rm-wrap-flex-flex{
        flex-direction: column;
        align-items: center;
    }
    .service-rm-wrap-flex-flex2{
        flex-direction: column-reverse;
        align-items: center;
    }
    .service-rm-viewmore-btn{
        margin: 0 auto;
    }
    .service-rm-box-title{
        font-size: 16px;
    }
    .service-rm-box-title span{
        font-size: 24px;
    }
    .service-rm-box-text1{
        font-size: 14px;
        margin-top: 20px;
    }
    .service-rm-box-item1{
        margin-top: 20px;
    }
    .service-rm-box-left{
        margin-right: 0px;
    }
    .service-rm-box-wo1{
        margin-top: 40px;
    }
    .service-rm-box{
        width: auto;
        margin-top: 20px;
    }
    .service-rm-pc{
        display: none;
     }
    .service-rm-sp{
        display: block;
    }
    .service-rm-sp img{
        margin-bottom: 0;
    }
}
/*---------------------------------------------*
*
* voices
*
*----------------------------------------------*/
.wrapper.voices .wrap{
width: 96%;
background-color: #fff;
margin:60px 2% 0 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:6rem 0 8rem 0;
}
.wrapper.voices .wrap:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wrapper.voices .wrap section{
width:49%;
float:left;
}
.wrapper.voices .wrap section:nth-of-type(2){
margin-left:2%;
}

.wrapper.voices section h2{
font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
padding:14rem 0 5.5rem 0;
font-size: 2.2rem;
line-height: 1.5;
text-align: center;
position: relative;
border-bottom: 1px solid #c9c9c9;
}
.wrapper.voices section h2:before{
content: "";
display: block;
width: 87px;
height: 81px;
position: absolute;
left: 50%;
margin:-125px 0 0 -43.5px;
}
.wrapper.voices section p.btn{
display: flex;
  justify-content: center;
  align-items: center;
padding:4em 0 0 0;
}
ul.qanda .acc-btn,
ul.qanda .acc-btn.active{
    display:flex;
}


/*---------------------------------------------*
* voices casestudy
*----------------------------------------------*/
.wrapper.voices section.casestudy h2:before{
background-image: url("../images/top/top_icon_01.png");
background-size: cover;
}
.wrapper.voices section.qanda-area h2:before{
background-image: url("../images/top/top_icon_02.png");
background-size: cover;
}
.wrapper.voices section ul li {
padding:30px 0;
clear: both;
border-bottom: 1px solid #c9c9c9;
    font-size: 1.6rem;
    line-height: 2;
    position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.wrapper.voices section.casestudy ul li h3{
    font-weight: 700;
}
.wrapper.voices section.casestudy ul li p{
width: 370px;
    -moz-text-align-last: justify;
     text-align-last: justify;
     text-justify:inter-ideograph;
}
.wrapper.voices section.casestudy ul li a{
width: 100%;
	display:flex;
	justify-content:flex-start;
	align-items: center;	
}
.wrapper.voices section.casestudy ul li a:after{
content: "";
width: 10px;
height: 18px;
display: block;
background-image: url("../images/icon-right-solid-bk.svg");
background-size: cover;
margin-left: 1.5em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
.wrapper.voices section.casestudy .img{
width: 145px;
height:97px;
overflow: hidden;
display: block;
margin-right:1em;
}
.wrapper.voices section.casestudy .img img{
width:auto;
height:100%;
object-fit: cover;
  transition: 1s;
  -webkit-transition: 1s;
}
.wrapper.voices section.casestudy ul li a:hover img{
  transform: scale(1.1);	
}
.wrapper.voices section.casestudy ul li a:hover:after{
margin-left: 2em;
}
.wrapper.voices section.casestudy ul{
padding-top: 1px;
}

.wrapper.voices section ul.qanda li {
    padding: 0 0 0 0;
}

/*---------------------------------------------*
*
* consultant
*
*----------------------------------------------*/
.consultant{
height:auto;
min-height:inherit;
}
.consultant .wrap{
width: 1200px;
background-color: transparent;
margin: 0 auto;
text-align: center;
padding:5vw 0 ;
}
.consultant h2{
font-size: 2.5rem;
color: #1884c4;
font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
line-height: 1.75;
margin-bottom: 1.5em;
}
.consultant p{
line-height: 2;
font-size: 1.6rem;
margin-bottom:50px;
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}
.consultant p.btn{
text-shadow:none;
margin:0 auto;
}
.consultant p.btn.white a {
margin:0 auto;
}
.consultant img.sp{
display: none;
}

/* ☆☆☆new☆☆☆ */
.consultant-rm{
    background-image: url('../images/top/top_mv_bg_1.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 728px;
}

.consultant-rm-wrap{
    width: auto;
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.consultant-rm-viewmore-btn{
    background-color: #fff;
    width: 300px;
    height: 60px;
    border-radius: 50px;
    border: #003A9A solid 1px;
    color: #003A9A !important;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.consultant-rm-viewmore-btn:hover{
    background-color: #003A9A;
    color: #fff !important;
    opacity: 0.7;
}

.consultant-rm-title{
    font-size: 32px;
    color: #003A9A;
    font-weight: bold;
    line-height: 150%;
    text-align: center;
}

.consultant-rm-text-1{
    font-size: 18px;
    color: #393D44;
    font-weight: bold;
    line-height: 150%;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 80px;
}
.consultant-rm-sp-only{
    display: none;
}
@media screen and (max-width:768px) {
    .consultant-rm{
    }
    
    .consultant-rm-wrap{
        width: auto;
    }
    
    .consultant-rm-viewmore-btn{
    }
    
    .consultant-rm-title{
        font-size: 16px;
    }
    
    .consultant-rm-text-1{
        font-size: 14px;
    }   
    .consultant-rm-sp-only{
        display: block;
    }
}

/*---------------------------------------------*
*
* comparison
*
*----------------------------------------------*/
.comparison .wrap{
padding: 8rem 0;
margin: 0 auto;
}
.comparison h2{
font-size: 2.4rem;
color: #1884c4;
text-align: center;
font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
padding-bottom: 8rem;
}


.comparison p.btn.white{
padding:80px 0 0 0;
}
.comparison p.btn.white a{
margin: 0 auto;
}
.comparison h2 br{
display:none;
}


/*---------------------------------------------*
*
* comparison
*
*----------------------------------------------*/
/* .blog-area h2{
font-size: 2.4rem;
color: #1884c4;
font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
text-align: center;
}
.blog-area .wrap{
width: 100%;
padding: 8rem 0;
margin:0 auto 60px auto;
}
.blog-area p.btn.white{
padding:60px 0 0 0;
}
.blog-area p.btn.white a{
margin: 0 auto;
}
.blog-area ul.blog{
margin-top: 80px;
width:100%;
	display:flex;
	justify-content:flex-start;
	align-items: center;
justify-content: space-between;    
-ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.blog-area ul.blog li{
width: 49%;
border-top: 1px solid #c9c9c9;
}
.blog-area ul.blog li:nth-last-child(-n+2){
border-bottom: 1px solid #c9c9c9; 
}
.blog-area ul.blog li a{
display: block;
padding: 27px 50px 27px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height:2;
font-size: 1.6rem;
position: relative;
}
.blog-area ul.blog li a:after{
content: "";
width: 10px;
height: 18px;
display: block;
background-image: url("../images/icon-right-solid-bk.svg");
background-size: cover;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
  position: absolute;
  right: 0;
  top:50%;
  margin: -9px 30px 0 0;
}
.blog-area ul.blog li a:hover:after{
  margin: -9px 20px 0 0;
}
.blog-area ul.blog p{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.blog-area ul.blog .data-area{
	display:flex;
	justify-content:flex-start;
	align-items: center;
    font-size: 1.1rem;
color: #6d6d6d;
}
.blog-area ul.blog .data-area time{
    color: #ffaa16;
    font-weight: bold;
    padding-right:1em;
}
.blog-area ul.blog .data-area .cat span{
text-decoration: underline;
} */

/* ☆☆☆new☆☆☆  */
.blog-rm {
    background-color: #fff;
}

.blog-rm-wrap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 120px;
    padding-bottom: 120px;
}

.blog-rm-title{
    font-size: 20px;
    color:  #003A9A;
    font-weight: bold;
    text-align: center;
}

.blog-rm-subtitle{
    font-size: 24px;
    color:  #003A9A;
    font-weight: bold;
    text-align: center;
    margin-top: 32px;
}

.blog-rm-list{
    margin-top: 80px;
    width:100%;
	display:flex;
    justify-content: center;
    flex-wrap: wrap;
}

.blog-rm-list li{
    border-top: 1px solid #CCCCCC;
}
.blog-rm-list li:hover{
    opacity: 0.7;
}
/* 奇数だけ適応 */
.blog-rm-list li:nth-child(odd){
    margin-right: 40px;
}
/* 最後の二個だけ適応 */
.blog-rm-list li:nth-last-child(-n+2){
    border-bottom: 1px solid #CCCCCC;
}

.blog-rm-list a{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 20px;
}

.blog-rm-list time{
    color: #AEAEAE;
    font-size: 16px;
    font-weight: bold;
}

.blog-rm-list p{
    color: #393D44;
    font-size: 16px;
    width: 380px;
    margin-top: 12px;
    line-height: 150%;
    font-weight: bold;
}

.blog-rm-list .cat{
    width: 100px;
    height: 20px;
    background-color: #EFF4FB;
    color: #8A9DB7;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.blog-rm-list img{
    width: 32px;
    height: 32px;
    margin-left: 35px;
}

.blog-rm-btn{
    display: flex;
    justify-content: center;
    margin-top: 80px;
}

.blog-rm-viewmore-btn{
    background-color: #fff;
    width: 300px;
    height: 60px;
    border-radius: 50px;
    border: #003A9A solid 1px;
    color: #003A9A !important;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-rm-viewmore-btn:hover{
    background-color: #003A9A;
    color: #fff !important;
    opacity: 0.7;
}

@media screen and (max-width:1200px) {
.blog-rm-wrap {
    width: auto;
}
.blog-rm-list li:nth-child(odd){
    margin-right: 0px;
}
}

@media screen and (max-width:768px) {
    .blog-rm {
    }
    
    .blog-rm-wrap {
        width: auto;
    }
    
    .blog-rm-title{
    }
    
    .blog-rm-subtitle{
        font-size: 16px;
    }
    
    .blog-rm-list{
    }
    
    .blog-rm-list li{
    }
    /* 奇数だけ適応 */
    .blog-rm-list li:nth-child(odd){
        margin-right: 0px;
    }
    /* 最後の二個だけ適応 */
    .blog-rm-list li:nth-last-child(-n+2){
        border-bottom: initial;
    }
    /* 最後の一個だけ適応 */
    .blog-rm-list li:nth-last-child(-n+1){
        border-bottom: 1px solid #CCCCCC;
    }
    
    .blog-rm-list a{
    }
    
    .blog-rm-list time{
    }
    
    .blog-rm-list p{
        width: 310px;
        font-size: 14px;
    }
    
    .blog-rm-list .cat{
    }
    
    .blog-rm-list img{
        margin-left: 20px;
    }
    
    .blog-rm-btn{
    }
    
    .blog-rm-viewmore-btn{
    }
}

/*---------------------------------------------*
* width 1600px
*----------------------------------------------*/
@media screen and (max-width:1780px) {
.consultant {
    height:auto;
    min-height:inherit;
}
.consultant .wrap {
    width: 1200px;
    background-color: transparent;
    margin: 0 auto;
}
}


/*---------------------------------------------*
* width 1350px
*----------------------------------------------*/
@media screen and (max-width:1350px) {

.consultant {
   background-size:100% 100%;
}
 .wrap {
    width: 96%;
    background-color: #fff;
    margin: 3vw 2% 0 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7vw 0 6vw 0;
}
.wrapper .wrap .inner, section .wrap .inner,
footer .wrap,
.consultant .wrap,
 .wrap .inner {
    width:96%;
    margin: 0 auto;
}

.consultant .wrap {

}
.consultant h2 {
    margin-bottom:2vw;
}
.consultant p {
    margin-bottom:4vw;
}

nav.global {
box-shadow:none;
position: fixed;
   margin: 0;
    left:270px;
    top: 0;
z-index: 10001;
}
.mv {
padding-bottom: 2vw;
}
.mv > ul.slider img {
    object-fit: cover;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height:inherit;
    max-height: 700px;
}
.mv .wrap {
    position: absolute;
    background-color: inherit;
    z-index: 100;
    width:90%;
    display: block;
    margin:0;
    padding: 0;
    left:5%;
    top: 0;
}

.about-service .wrap .inner section.about h2 {
    padding-top:0;
}

.about-service .inner>img{
max-width: 49%;
}
.about-service .wrap .inner section.service h2 {
    text-align: center;
    padding:8vw 0 4vw 0;
    position: relative;
}
.about-service .wrap .inner section.service ul{
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
    justify-content: space-between;
}
.about-service .wrap .inner section.service ul li {
    max-width:24%;
}
.about-service .wrap .inner section.service ul li div.img {
    width: 100%;
    height:240px;
    display: block;
    overflow: hidden;
}

.wrapper.voices .wrap {
margin: 3vw 2% 0 2%;
padding: 3vw 0 6vw 0;
}

.comparison .wrap {
    padding:8vw 0;
}
.comparison p.btn.white {
    padding:4vw 0 0 0;
}
.blog-area .wrap {
    width: 100%;
   padding:8vw 0;
   margin: 6vw auto;
}

}
/* width 1350px end ----------------------------------------------*/


/*---------------------------------------------*
* width 1200px
*----------------------------------------------*/
@media screen and (max-width:1200px) {
body{
padding-top: 50px;
}
.wrapper .wrap, section .wrap {
    width: 96%;
    background-color: #fff;
    margin:5vw 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:5vw 0 0 0;
}

	nav.global{
		position:fixed;
        display: block;
		width:100%;
		height:0;
        min-height: inherit;
        max-height:inherit;
		overflow:hidden;
		background-color:#FFF;
		left:0;
		top:50px;
	}

.mv .btn,
.mv .catch,
.mv .logo{
display: none;
}

.mv .wrap,
.mv .slider,
.mv .wrap div.medals,
.mv .wrap div.contact.tels{
position: relative;
}

.mv{
background-color: #fff;
}
.mv .wrap{
left: inherit;
margin: 0 auto;
min-height: inherit;
height: auto;
}

.mv .slider{
width: 100%;
height:61.4vw;
}
.mv .slider img.sp{
display: block;
max-width: 100%;
height: auto;
}
.mv .slider img.pc{
display: none;
}
.mv .wrap h1 {
color: #ffffff;
margin: 0 0 0 -6em;
padding-top: 0;
font-size:3rem;
text-align:left;
position: absolute;
top: -30vw;
left: 50%;
}
.mv .wrap h1 br{
display:block;
}


.mv .wrap div.medals{
margin-top: 10px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mv .wrap div.medals img.pc{
display: none;
}
.mv .wrap div.medals img.sp{
display: block;
max-width: 100%;
width: 100%;
height: auto;
}

.mv .wrap div.contact.tels {
    right:inherit;
    top:inherit;
    width:100%;
    height:auto;
    display: flex;
  justify-content: center;
  align-items: center;
    -ms-flex-wrap: wrap;
      flex-wrap: wrap;
justify-content:space-around;      
}
.mv .wrap div.contact.tels p{
	display:flex;
	justify-content:center;
	align-items: center;	
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      font-size: 1rem;
      width:48%;
      min-height: 55px;
      padding: 0;
      margin:2em 0 0 0;
      border: 1px solid #c9c9c9;
      position: relative;
}
.mv .wrap div.contact.tels p span.sp{
  font-size: 1rem;
display:block;
width: 9em;
}
.mv .wrap div.contact.tels p a{
font-size: 1.8rem;
font-weight: 900;
margin: 0;
width: 100%;
font-family: Lato,-apple-system,Noto Sans CJK JP,Noto Sans Japanese,Noto Sans JP,游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif;
	display:flex;
	justify-content:center;
	align-items: center;	
}
.mv .wrap div.contact.tels svg#nagoya {
display: block;
}
.mv .wrap div.contact.tels p{
    padding-top:0;
    font-size: 1rem;
    -moz-text-align-last:none;
    text-align-last:none;
    text-justify:none;
}
.mv .wrap div.contact.tels svg{
height: 15px;
width: auto;
margin-right: 0.5em;
}
.mv .wrap div.contact.tels svg.sp{
display: block;
}
.mv .wrap div.contact.tels p.uketsuke{
display: block;
    padding-top: 1rem;
    font-size:1rem;
    color:#888888;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}
.mv .wrap div.contact.tels p.freedial a{
font-size: 1.8rem;
}
.mv .wrap div.contact.tels p.freedial svg{
margin-right: 0.5em;
}

.mv .wrap div.contact.tels p:after{
position: absolute;
content: "";
display: block;
width:100%;
height: 100%;
left: 0;
top: 0;
z-index:-1;
  transform-origin:left top;
  transform:scale(0, 1);
  transition:transform .5s;
background-color:#C9C9C9;
}
.mv .wrap div.contact.tels p:hover{
color: #ffffff;
}
.mv .wrap div.contact.tels p:hover:after{
  transform-origin: left top;
  transform:scale(1, 1);
  opacity: 1;
}
.mv .wrap div.contact.tels p:hover svg{
fill:#ffffff;
}

.mv .wrap div.contact.tels p.freedial {
    display: flex;
    justify-content:center;
    align-items: center;
    font-size:1rem;
}

.mv .wrap div.contact.tels p.uketsuke {
    padding-top: 1rem;
    font-size: 1.2rem;
    color:#888888;
    white-space: nowrap;
    text-align: center;
    border: none;
    display: block;
    text-align-last:center;
}
.mv .wrap div.contact.tels p.uketsuke:after{
display: none;
}

.mv aside{
display: block;
margin-top:1em;
}


.mv .wrap div.contact.tels p.freedial a{
color: #333;
}
.mv .wrap div.contact.tels p{
     color: #333;
}
.mv .wrap div.contact.tels p a{
color: #333;
}
.mv .wrap div.contact.tels p.uketsuke{
    color:#333;
}
.mv .wrap div.contact.tels svg{
fill:#333;
}
.mv .wrap div.contact.tels p.freedial svg{
fill:#333;
}

.mv .wrap div.contact.tels svg#nagoya{
fill:#333;
}


/*---------------------------------------------*
* .about-service
*----------------------------------------------*/
.about-service .wrap .inner section.about:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.about-service .wrap .inner section.service{
clear: both;
padding-bottom: 3vw;
}


/*---------------------------------------------*
* .wrapper.voices 
*----------------------------------------------*/
.wrapper.voices section {
    width:70%;
    float:none;
    margin: 0 auto;
}
.wrapper.voices section:nth-of-type(2) {
/*    margin:6vw auto 3vw auto;*/
}
.wrapper.voices section.casestudy ul li p {
    width:95%;
    overflow: hidden;
white-space:inherit;
text-overflow: ellipsis;
max-height:4em;
display: block;
    -moz-text-align-last:none;
    text-align-last:none;
    text-justify:none;
}
.wrapper.voices section.casestudy ul li a:after {
right:0;
position: absolute;
}

}
/* width 1200px end-----------------------------------------*/


/*---------------------------------------------*
* width 1000px
*----------------------------------------------*/
@media screen and (max-width:1000px) {
.about-service .inner > img {
    max-width:30%;
}
.about-service .wrap .inner section.about {
    width:68%;
    float: right;
}
.about-service .wrap .inner section.service ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;    
justify-content:space-around;
-ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.about-service .wrap .inner section.service ul li{
width: 45%;
max-width:286px;
display: block;
margin-bottom:3em;
}

.wrapper.voices .wrap .inner section {
    width:100%;
    padding: 3vw 0;
}
.wrapper.voices .wrap section:nth-of-type(2) {
    margin-left:0;
}

/* .consultant {
    height:auto;
    min-height:inherit;
} */

}
/* width 1000px end ---------------------------------------------*/

/*---------------------------------------------*
* width 768px
*----------------------------------------------*/
@media screen and (max-width:768px) {
.wrapper{
clear: both;
margin: 3vw auto;
}
.wrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.wrap {
    width:100%;
    background-color: #fff;
    margin: 3vw auto 0 auto;
    padding:6vw 2%;
    -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


.mv .wrap h1 {
font-size: 5vw;
}

/*---------------------------------------------*
* about-service
*----------------------------------------------*/
.about-service .wrap{
padding-bottom: 0;
}

.about-service .wrap .inner section.about {
    width:100%;
    float:none;
    padding:6vw 0 0 0;
}
.about-service .inner > img.pc{
display: none;
}
.about-service .inner > img,
.about-service .inner > img.sp{
display:block;
width: 100%;
max-width: inherit;
height: auto;
}
.about-service .wrap .inner section.service ul li h3 br{
display: block;
}

/*---------------------------------------------*
* .wrapper.voices 
*----------------------------------------------*/
.wrapper.voices section h2 {
    padding:0 0 3rem 76px;
    line-height: 1.3;
    text-align: left;
}
.wrapper.voices section h2:before {
    content: "";
    display: block;
    width:58px;
    height:54px;
    position:absolute;
    top: 0;
    left:0;
    margin:0;
}

.wrapper.voices section h2:before {
    content: "";
    display: block;
    width:66px;
    height:66px;
    position:absolute;
    top: 0;
    left:0;
    margin:0;
}

/*---------------------------------------------*
* consultant
*----------------------------------------------*/
/* .consultant {
background-image: none;
padding-top: 0;
}
.consultant .wrap {
    background-color: transparent;
    margin: 0 2%;
    padding:6vw 2% 12vw 2%;
}
.consultant img.sp{
display:none;
width: 100%;
height: auto;
}
.consultant h2 {
    font-size:1.6rem;
    line-height: 1.5;
    margin-bottom: 1em;
}
.consultant p {
    line-height:1.5;
    font-size: 1.4rem;
    margin-bottom:3vw;
}
.consultant p.btn a{
margin: 0 auto;
}

.comparison h2 {
font-size:3.5vw;
    color: #1884c4;
    text-align:left;
    padding-bottom:8vw;
    line-height: 1.5;
}
.consultant h2 br,
.consultant p br{
display: none;
} */

/*---------------------------------------------*
* blog
*----------------------------------------------*/
.blog-area h2 {
font-size:3.5vw;
text-align: left;
}

.blog-area ul.blog {
    margin-top: 8vw;
}
.blog-area ul.blog li{
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.blog-area ul.blog li:nth-last-child(-n+2) {
    border-bottom:none;
}
.blog-area ul.blog li:nth-last-child(1) {
    border-bottom: 1px solid #c9c9c9;
}
.blog-area .blog .data-area {
white-space: nowrap;
}
.blog-area .blog p {
font-size: 1.4rem;
}
.blog-area ul.blog li a{
padding:1em 30px 1em 0;
}
.blog-area ul.blog li a:after {
right: -1em;
}
.blog-area p.btn.white {
    padding: 6vw 0 0 0;
}

}
/* width 768px end --------------------------------------------*/

/*---------------------------------------------*
* width 640px
*----------------------------------------------*/
@media screen and (max-width:640px) {

.wrapper.voices section.casestudy .img {
display: none;
}
.wrapper.voices section h2:before {
    content: "";
    display: block;
    width:58px;
    height:58px;
    position:absolute;
    top: 0;
    left:0;
    margin:0;
}
.wrapper.voices section p.btn {
    padding:2em 0;
}


}
/* width 640px end --------------------------------------------*/

/*---------------------------------------------*
* width 480px
*----------------------------------------------*/
@media screen and (max-width:480px) {
.about-service .wrap .inner section.about {
    width:100%;
    float:none;
}
.about-service .wrap .inner section.about:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.about-service .wrap .inner section.about h2{
padding-top: 2rem;
    font-size:2rem;
}
.about-service .wrap .inner section.about h2::before {
    margin:2.2rem 1em 0 0;
}
.about-service .wrap .inner section.about h3{
    padding-top: 1rem;
    font-size: 1.6rem;
}


.about-service .wrap .inner section.service h2 {
    text-align:left;
    font-size: 2rem;
padding:1em 0 1em 60px;
    font-size:2rem;
}
.about-service .wrap .inner section.service h2:before {
    margin:2.2rem 1em 0 0;
    left: 0px;
}
.about-service .wrap .inner section.service h2:after{
display: none;
}
.about-service .wrap .inner section.service ul {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    justify-content:none;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.about-service .wrap .inner section.service ul li{
width: 100%;
max-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 1em;
}
.about-service .wrap .inner section.service ul li div.img {
    width:90px;
    height:90px;
    display: block;
    float: left;
    overflow: hidden;
    margin-right:0.5em;
}
.about-service .wrap .inner section.service ul li div.img img{
height: 100%;
width: auto;
min-width: 90px;
}

.about-service .wrap .inner section.service ul li h3 {
    padding-top:0;
    font-size: 1.6rem;
    color: #198acd;
    line-height: 1;
    font-family: "Noto Serif JP",Yu Mincho,YuMincho,Hiragino Mincho ProN,"NotoSerifCJKjp",HGS明朝E,HG明朝E,serif;
}

.about-service .wrap .inner section.service ul li p{
    padding-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.5;
}

.wrapper.voices section h2 {
font-size:5vw;
padding: 0 0 2rem 60px;
}
.wrapper.voices section h2::before {
    content: "";
    display: block;
    width:55px;
    height:55px;
    position: absolute;
    top:3px;
    left: 0;
    margin: 0;
}
.comparison h2 {
    font-size:1.6rem;
}
.comparison h2 br{
    display: block;
}
.blog-area h2 {
    line-height: 1.5;
    font-size: 1.6rem;
    text-align: left;
}
}
/* width 480px end --------------------------------------------*/

/*---------------------------------------------*
* width 320px
*----------------------------------------------*/
@media screen and (max-width:320px) {
}