@charset "UTF-8";
/* CSS Document */



body{
  padding: 0;
  margin: 0;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-feature-settings: "palt";
  color: #222222;
  text-align: justify;
}

a{
  text-decoration: none;
  color: #222222;
  opacity: 1;
  transition: 0.3s;
}
a:hover{
  opacity: 0.6;
}




header{
  display: block;
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  height: 100px;
  background-color: #FFFFFF;
  border-radius: 0px;
  box-shadow: 0 3px 15px gray;
  z-index: 999999;
}
.header_nk{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: auto;
}
.header_left{
  display: block;
  width: 250px;
  height: auto;
  margin-left: 20px;
  margin-top: 30px;
}
.header_right nav{
  display: flex;
  justify-content: space-between;
}
.header_a{
  display: block;
  margin: 25px 15px 0 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #0089C5;
}
.header_a span{
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
}
.otoiawase{
  display: block;
  background-color: #020408;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  width: 160px;
  height: 75px;
  padding-top: 25px;
  margin-left: 20px;
}
.otoiawase span{
  display: block;
  font-size: 14px;
  font-weight: 400;
}


main{
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.main_view{
  display: block;
  position: relative;
  width: 100%;
  height: 600px;
  background-color: #BABABA;
  z-index: 100;
  background-image: url("../img/top_img.jpg");
  background-size: cover;
  background-position: center center;
}
.main_view h1{
  display: block;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 50px;
  width: 95%;
  color: #FFFFFF;
}
.main_view span{
  display: block;
  position: absolute;
  top: 72%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 60px;
  background-color: #FFF300;
  text-align: center;
  line-height: 60px;
  border-radius: 100px;
  font-size: 25px;
  font-weight: bold;
}

.main_news{
  display: block;
  position: relative;
  margin: -45px auto 0;
  width: 500px;
  height: 60px;
  border-radius: 100px;
  background-color: #FFFFFF;
  box-shadow: 0 0 15px gray;
  z-index: 200;
}

.main_news p{
  display: block;
  text-align: center;
  line-height: 60px;
  font-size: 14px;
  color: #858585;
}
.main_news p span{
  font-size: 16px;
  color: #222222;
  margin-left: 20px;
}




.main_service{
  display: block;
  width: 1000px;
  margin: 100px auto;
}
.main_mds h1{
  display: block;
  text-align: center;
  font-size: 30px;
}
.main_mds p{
  display: block;
  text-align: center;
  font-size: 20px;
}
.main_service_nk{
  display: flex;
  justify-content: center;
  width: 1000px;
  flex-wrap: wrap;
  margin: 80px auto 0;
}
.main_service_box{
  display: block;
  width: 320px;
  height: 220px;
  background-color: #FFFFFF;
  margin: 5px;
  border: solid 1px #AAAAAA;
}
.main_service_phot{
  display: block;
  width: 100%;
  height: 130px;
  background-repeat: no-repeat;
}
.s_list_phot1{
  background-image: url("../img/s_list_phot1.png");
  background-size: 60px;
  background-position: center 30px;
}
.s_list_phot2{
  background-image: url("../img/s_list_phot2.png");
  background-size: 80px;
  background-position: center 20px;
}
.s_list_phot3{
  background-image: url("../img/s_list_phot3.png");
  background-size: 110px;
  background-position: center 30px;
}
.s_list_phot4{
  background-image: url("../img/s_list_phot4.png");
  background-size: 100px;
  background-position: center 30px;
}
.s_list_phot5{
  background-image: url("../img/s_list_phot5.png");
  background-size: 100px;
  background-position: center 35px;
}
.s_list_phot6{
  background-image: url("../img/s_list_phot6.png");
  background-size: 100px;
  background-position: center 33px;
}
.main_service_p{
  display: block;
  width: 280px;
  height: auto;
  padding: 0 20px;
  text-align: center;
  margin-top: 20px;
}



.main_reason{
  display: block;
  width: 100%;
}
.main_reason_nk{
  display: block;
  width: 100%;
  margin: 80px auto 0;
}
.main_reason_lefty{
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
  background-color: #FFF200;
  padding: 80px 0;
}
.mrl_left{
  display: block;
  width: 430px;
  margin-top: 50px;
}
.mrl_left span{
  display: block;
  width: 80px;
  height: 60px;
  background-color: #01040A;
  border-radius: 100px;
  text-align: center;
  color: #FFFFFF;
  padding-top: 20px;
}
.mrl_left h2{
  font-size: 25px;
}
.mrl_left p{
  font-size: 18px;
}
.mrl_right{
  display: block;
  position: relative;
  width: 350px;
  height: 350px;
  background-color: #FFFFFF;
  border-radius: 550px;
  margin-left: 100px;
}
.maru1{
  display: block;
  position: absolute;
  width: 100%;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}
.maru2{
  display: block;
  position: absolute;
  width: 150%;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.maru3{
  display: block;
  position: absolute;
  width: 100%;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
}


.main_reason_righty{
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 80px 0;
}
.mrr_right{
  display: block;
  width: 430px;
  margin-top: 50px;
}
.mrr_right span{
  display: block;
  width: 80px;
  height: 60px;
  background-color: #01040A;
  border-radius: 100px;
  text-align: center;
  color: #FFFFFF;
  padding-top: 20px;
}
.mrr_right h2{
  font-size: 25px;
}
.mrr_right p{
  font-size: 18px;
}
.mrr_left{
  display: block;
  position: relative;
  width: 350px;
  height: 350px;
  background-color: #FFF300;
  border-radius: 550px;
  margin-right: 100px;
}




.main_greeting{
  display: block;
  width: 100%;
  margin: 0px auto;
  background-color: #F2F2F2;
  padding: 80px 0;
}
.main_greeting_nk{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: 80px auto 0;
}
.mg_left{
  display: block;
  width: 400px;
  height: 400px;
  background-image: url("../img/company_img.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  margin-top: -50px;
}
.mg_right{
  display: block;
  width: 520px;
  height: auto;
}
.mg_right h2{
  display: block;
}
.mg_right p{
  font-size: 18px;
}
.mg_right a{
  display: block;
  width: 200px;
  height: 50px;
  border: solid 1px #888888;
  border-radius: 50px;
  text-align: center;
  line-height: 50px;
}



.main_welcome{
  display: block;
  width: 100%;
  margin: 0px auto;
  background-color: #FFFFFF;
  padding: 80px 0 400px 0;
}
.main_welcome_nk{
  display: flex;
  position: relative;
  justify-content: space-between;
  width: 1000px;
  margin: 80px auto 0;
}
.main_welcome_left{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
}
.main_welcome_right{
  display: block;
  position: absolute;
  top: -50px;
  right: 0;
  width: 550px;
  height: 550px;
  background-image: url("../img/women.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100px center;
}




.main_contact{
  display: block;
  position: relative;
  width: 100%;
  margin: 0px auto;
  background-color: #008ACB;
  padding: 40px 0;
  color: #FFFFFF;
  z-index: 9999;
}
.main_contact_nk{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: 30px auto 0;
}
.main_contact_left{
  display: block;
  width: 450px;
}
.main_contact_left h2{
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  width: 300px;
  height: 40px;
  border-radius: 100px;
  line-height: 40px;
  margin: auto;
  background-color: #FFFFFF;
  color: #008CD1
}
.main_contact_left p{
  display: block;
  font-size: 30px;
  margin: 10px auto 0;
  font-weight: bold;
  background-image: url("../img/tel.png");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: 7px 7px;
  padding-left: 50px;
  width: 250px;
}
.main_contact_left span{
  display: block;
  text-align: center;
  font-size: 13px;
  margin: auto;
}
.main_contact_center{
  display: block;
  width: 1px;
  height: 120px;
  background-color: #FFFFFF;
}
.main_contact_right{
  display: block;
  width: 450px;
}
.main_contact_right h2{
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
  width: 300px;
  height: 40px;
  border-radius: 100px;
  line-height: 40px;
  margin: auto;
  background-color: #FFFFFF;
  color: #008CD1
}
.main_contact_right p{
  display: block;
  font-size: 28px;
  margin: 10px auto 0;
  font-weight: bold;
  background-image: url("../img/mail.png");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: 10px 12px;
  padding-left: 50px;
  width: 255px;
}
.main_contact_right span{
  display: block;
  text-align: center;
  font-size: 13px;
  margin: auto;
}













footer{
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 60px 0 80px 0;
}
.footer_nk{
  display: block;
  width: 95%;
  margin: auto;
}
.footer_up{
  display: block;
  width: 350px;
  height: auto;
  margin: auto;
}
.footer_down{
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
}
.footer_down a{
  display: block;
  margin: 0 10px;
  font-size: 16px;
  font-weight: 300;
}
.footer_under{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #010409;
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
  padding: 10px 0;
}







.main_view_sub{
  display: block;
  position: relative;
  width: 100%;
  height: 350px;
  background-color: #BABABA;
  z-index: 100;
  background-image: url("../img/top_img.jpg");
  background-size: cover;
  background-position: center center;
}
.main_view_sub h1{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 50px;
  width: 95%;
  color: #FFFFFF;
}




.main_service_sub{
  display: block;
  width: 100%;
  margin: 0px auto;
  padding: 50px 0 100px 0;
  background-color: #ECECEC;
}
.main_mds p{
  display: block;
  text-align: center;
  font-size: 20px;
}




/*ここからサービスページの内容*/
.service_detail{
  display: block;
  width: 100%;
  height: auto;
  padding: 100px 0 0 0;
}

.service_detail_nk{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: 20px auto;
}
.msn_left{
  display: block;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
}
.msn_phot1{
  background-image: url("../img/s_list_phot1.png");
  background-size: 100px;
  background-position: center center;
}
.msn_phot2{
  background-image: url("../img/s_list_phot2.png");
  background-size: 150px;
  background-position: center -5px;
}
.msn_phot3{
  background-image: url("../img/s_list_phot3.png");
  background-size: 190px;
  background-position: center 20px;
}
.msn_phot4{
  background-image: url("../img/s_list_phot4.png");
  background-size: 160px;
  background-position: center 20px;
}
.msn_phot5{
  background-image: url("../img/s_list_phot5.png");
  background-size: 160px;
  background-position: center 25px;
}
.msn_phot6{
  background-image: url("../img/s_list_phot6.png");
  background-size: 160px;
  background-position: center 20px;
}
.msn_right{
  display: block;
  width: 750px;
  height: auto;
}





.sub_company{
  display: block;
  width: 100%;
  margin: 0px auto;
  padding: 100px 0;
  background-color: #FFFFFF;
}
.sub_company_nk{
  display: block;
  width: 1000px;
  margin: auto;
}
.company_table{
  display: block;
  width: 100%;
  height: auto;
  border: solid 1px #888888;
  margin: 50px 0 0 0;
}
.company_table tr{
  display: flex;
  width: 100%;
  border-bottom: solid 1px #888888;
}
.company_table tr:nth-child(6){
  border-bottom: none;
}
.company_table th{
  display: block;
  width: 170px;
  padding: 20px 0 20px 20px;
  border-right: solid 1px #888888;
}
.company_table td{
  display: block;
  width: 780px;
  padding: 20px 0 20px 20px;
}






.main_result_sub{
  display: block;
  width: 100%;
  margin: 0px auto;
  padding: 50px 0 0px 0;
  background-color: #FFFFFF;
}

.main_result_nk{
  display: block;
  width: 100%;
  margin: 50px auto 0;
  background-color: #EDEDED;
  padding: 100px 0;
}

.main_result_lefty{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: 20px auto;
  border-bottom: solid 1px #888888;
  padding-bottom: 40px;
}
.main_result_lefty_left{
  display: block;
  width: 350px;
  height: 400px;
  background-color: #6D6D6D;
  background-size: cover;
  background-position: center center;
  margin-top: 30px;
}
.jnbt1{
  background-image: url("../img/jnbt2.png");
}
.jnbt2{
  background-image: url("../img/jnbt1.png");
}
.jnbt3{
  background-image: url("../img/jnbt3.png");
}
.jnbt4{
  background-image: url("../img/jnbt5.png");
}
.jnbt5{
  background-image: url("../img/jnbt4.png");
}
.main_result_lefty_right{
  display: block;
  width: 550px;
}

.works_ss{
  display: block;
  width: 550px;
  padding: 20px 40px;
  background-color: #FFFFFF;
}
.works_ss tr{
  display: block;
  margin: 20px 0;
}
.works_ss th{
  display: block;
  width: 200px;
}
.works_ss td{
  display: block;
  width: 100%;
  font-size: 14px;
}







@media screen and (max-width: 910px) {
	/* 910px以下に適用されるCSS） */
  
  
  
header{
  display: block;
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  height: 100px;
  background-color: #FFFFFF;
  border-radius: 0px;
  box-shadow: 0 3px 15px gray;
  z-index: 999999;
}
.header_nk{
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: auto;
}
.header_left{
  display: none;
  width: 250px;
  height: auto;
  margin-left: 20px;
  margin-top: 30px;
}
.header_right nav{
  display: flex;
  justify-content: space-between;
}
.header_a{
  display: block;
  margin: 25px 15px 0 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #0089C5;
}
.header_a span{
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #222222;
}
.otoiawase{
  display: block;
  background-color: #020408;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  width: 160px;
  height: 75px;
  padding-top: 25px;
  margin-left: 20px;
}
.otoiawase span{
  display: block;
  font-size: 14px;
  font-weight: 400;
}


  
}







@media screen and (max-width: 600px) {
	/* 600px以下に適用されるCSS（スマホ用） */


  
header{
  display: block;
  position: fixed;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 15vw;
  background-color: #FFFFFF;
  border-radius: 0px;
  box-shadow: 0 3px 15px gray;
  z-index: 999999;
}
.header_nk{
  display: block;
  justify-content: space-between;
  width: 100%;
  margin: auto;
  padding-left: 3vw;
}
.header_left{
  display: none;
  width: 25vw;
  height: auto;
  margin-left: 20px;
  margin-top: 30px;
}
.header_right nav{
  display: flex;
  justify-content: space-between;
}
.header_a{
  display: block;
  margin: 3vw 0vw 0 0;
  text-align: center;
  font-size: 3.5vw;
  font-weight: bold;
  color: #0089C5;
}
.header_a span{
  display: block;
  font-size: 2vw;
  font-weight: 400;
  color: #222222;
}
.otoiawase{
  display: block;
  background-color: #020408;
  text-align: center;
  font-size: 3.5vw;
  font-weight: bold;
  color: #FFFFFF;
  width: 23vw;
  height: 12vw;
  padding-top: 3vw;
  margin-right: 3vw;
  margin-left: 0;
}
.otoiawase span{
  display: block;
  font-size: 2vw;
  font-weight: 400;
}


main{
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.main_view{
  display: block;
  position: relative;
  width: 100%;
  height: 80vw;
  background-color: #BABABA;
  z-index: 100;
  background-image: url("../img/top_img.jpg");
  background-size: cover;
  background-position: center center;
}
.main_view h1{
  display: block;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 7vw;
  width: 95%;
  color: #FFFFFF;
}
.main_view span{
  display: block;
  position: absolute;
  top: 72%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60vw;
  height: 10vw;
  background-color: #FFF300;
  text-align: center;
  line-height: 10vw;
  border-radius: 100px;
  font-size: 4vw;
  font-weight: bold;
}

.main_news{
  display: block;
  position: relative;
  margin: -8vw auto 0;
  width: 90vw;
  height: 10vw;
  border-radius: 100px;
  background-color: #FFFFFF;
  box-shadow: 0 0 15px gray;
  z-index: 200;
}

.main_news p{
  display: block;
  text-align: center;
  line-height: 10vw;
  font-size: 3vw;
  color: #858585;
}
.main_news p span{
  font-size: 3.2vw;
  color: #222222;
  margin-left: 20px;
}




.main_service{
  display: block;
  width: 100%;
  margin: 10vw auto;
}
.main_mds h1{
  display: block;
  text-align: center;
  font-size: 5vw;
}
.main_mds p{
  display: block;
  text-align: center;
  font-size: 3vw!important;
}
.main_service_nk{
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  margin: 5vw auto 0;
}
.main_service_box{
  display: block;
  width: 45vw;
  height: auto;
  background-color: #FFFFFF;
  margin: 5px;
  border: solid 1px #AAAAAA;
  padding-bottom: 5vw;
}
.main_service_phot{
  display: block;
  width: 100%;
  height: 35vw;
  background-repeat: no-repeat;
}
.s_list_phot1{
  background-image: url("../img/s_list_phot1.png");
  background-size: 16vw;
  background-position: center 7vw;
}
.s_list_phot2{
  background-image: url("../img/s_list_phot2.png");
  background-size: 20vw;
  background-position: center 5vw;
}
.s_list_phot3{
  background-image: url("../img/s_list_phot3.png");
  background-size: 25vw;
  background-position: center 7vw;
}
.s_list_phot4{
  background-image: url("../img/s_list_phot4.png");
  background-size: 25vw;
  background-position: center 7vw;
}
.s_list_phot5{
  background-image: url("../img/s_list_phot5.png");
  background-size: 25vw;
  background-position: center 7vw;
}
.s_list_phot6{
  background-image: url("../img/s_list_phot6.png");
  background-size: 25vw;
  background-position: center 7vw;
}
.main_service_p{
  display: block;
  width: auto;
  height: auto;
  padding: 0 3vw;
  text-align: center;
  margin-top: 3vw;
  font-size: 3vw;
}



.main_reason{
  display: block;
  width: 100%;
}
.main_reason_nk{
  display: block;
  width: 100%;
  margin: 5vw auto 0;
}
.main_reason_lefty{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  background-color: #FFF200;
  padding: 5vw 0;
}
.mrl_left{
  display: block;
  width: 95%;
  margin-top: 0;
  margin: auto;
}
.mrl_left span{
  display: block;
  width: 15vw;
  height: 12vw;
  background-color: #01040A;
  border-radius: 100px;
  text-align: center;
  color: #FFFFFF;
  padding-top: 3vw;
  font-size: 3vw;
}
.mrl_left h2{
  font-size: 6vw;
}
.mrl_left p{
  font-size: 4vw;
}
.mrl_right{
  display: block;
  position: relative;
  width: 80vw;
  height: 80vw;
  background-color: #FFFFFF;
  border-radius: 100%;
  margin-left: 0;
  margin-top: 5vw;
  margin-bottom: 5vw;
}
.maru1{
  display: block;
  position: absolute;
  width: 100%;
  top: -15vw;
  left: 50%;
  transform: translateX(-50%);
}
.maru2{
  display: block;
  position: absolute;
  width: 150%;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.maru3{
  display: block;
  position: absolute;
  width: 100%;
  top: -15vw;
  left: 50%;
  transform: translateX(-50%);
}


.main_reason_righty{
  display: flex;
  flex-direction: row-reverse!important;
  flex-wrap: wrap-reverse;
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 5vw 0;
}
.mrr_right{
  display: block;
  width: 95%;
  margin-top: 0px;
}
.mrr_right span{
   display: block;
  width: 15vw;
  height: 12vw;
  background-color: #01040A;
  border-radius: 100px;
  text-align: center;
  color: #FFFFFF;
  padding-top: 3vw;
  font-size: 3vw;
}
.mrr_right h2{
  font-size: 6vw;
}
.mrr_right p{
  font-size: 4vw;
}
.mrr_left{
  display: block;
  position: relative;
  width: 80vw;
  height: 80vw;
  background-color: #FFF300;
  border-radius: 100%;
  margin-left: 0;
  margin-top: 5vw;
  margin-bottom: 5vw;
  margin-right: 0px;
}




.main_greeting{
  display: block;
  width: 100%;
  margin: 0px auto;
  background-color: #F2F2F2;
  padding: 5vw 0;
}
.main_greeting_nk{
  display: block;
  justify-content: space-between;
  width: 95%;
  margin: 0 auto 0;
}
.mg_left{
  display: block;
  width: 100%;
  height: 70vw;
  background-image: url("../img/company_img.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  margin-top: 0px;
}
.mg_right{
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
}
.mg_right h2{
  display: block;
  font-size: 6vw;
}
.mg_right p{
  font-size: 4vw;
}
.mg_right a{
  display: block;
  width: 50vw;
  height: 10vw;
  border: solid 1px #888888;
  border-radius: 50px;
  text-align: center;
  line-height: 10vw;
  font-size: 4vw;
  margin: 0 auto 5vw;
}



.main_welcome{
  display: block;
  width: 100%;
  margin: 0px auto;
  background-color: #FFFFFF;
  padding: 5vw 0 0 0;
}
.main_welcome_nk{
  display: block;
  position: relative;
  justify-content: space-between;
  width: 95%;
  margin: 5vw auto 0;
}
.main_welcome_left{
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.main_welcome_right{
  display: block;
  position: relative;
  top: 0px;
  right: 0;
  width: 80vw;
  height: 80vw;
  background-image: url("../img/women.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: auto;
}




.main_contact{
  display: block;
  position: relative;
  width: 100%;
  margin: 0px auto;
  background-color: #008ACB;
  padding: 5vw 0;
  color: #FFFFFF;
  z-index: 9999;
}
.main_contact_nk{
  display: block;
  justify-content: space-between;
  width: 95%;
  margin: 5vw auto 0;
}
.main_contact_left{
  display: block;
  width: 100%;
}
.main_contact_left h2{
  display: block;
  text-align: center;
  font-size: 4vw;
  font-weight: 300;
  width: 90%;
  height: 10vw;
  border-radius: 100vw;
  line-height: 10vw;
  margin: auto;
  background-color: #FFFFFF;
  color: #008CD1;
}
.main_contact_left p{
  display: block;
  font-size: 7vw;
  margin: 3vw auto 0;
  font-weight: bold;
  background-image: url("../img/tel.png");
  background-repeat: no-repeat;
  background-size: 7vw;
  background-position: 2vw 2vw;
  padding-left: 12vw;
  width: 63%;
}
.main_contact_left span{
  display: block;
  text-align: center;
  font-size: 2.5vw;
  margin: auto;
}
.main_contact_center{
  display: none;
  width: 1px;
  height: 120px;
  background-color: #FFFFFF;
}
.main_contact_right{
  display: block;
  width: 100%;
  margin-top: 5vw;
}
.main_contact_right h2{
   display: block;
  text-align: center;
  font-size: 4vw;
  font-weight: 300;
  width: 90%;
  height: 10vw;
  border-radius: 100vw;
  line-height: 10vw;
  margin: auto;
  background-color: #FFFFFF;
  color: #008CD1;
}
.main_contact_right p{
  display: block;
  font-size: 7vw;
  margin: 3vw auto 0;
  font-weight: bold;
  background-image: url("../img/mail.png");
  background-repeat: no-repeat;
  background-size: 7vw;
  background-position: 2vw 3vw;
  padding-left: 12vw;
  width: 65%;;
}
.main_contact_right span{
  display: block;
  text-align: center;
  font-size: 2.5vw;
  margin: 0 auto 5vw;
}













footer{
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  padding: 10vw 0 15vw 0;
  overflow: hidden;
}
.footer_nk{
  display: block;
  width: 95%;
  margin: auto;
}
.footer_up{
  display: block;
  width: 60vw;
  height: auto;
  margin: auto;
}
.footer_down{
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 5vw;
}
.footer_down a{
  display: block;
  margin: 0 2vw;
  font-size: 3vw;
  font-weight: 300;
}
.footer_under{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #010409;
  text-align: center;
  color: #FFFFFF;
  font-size: 2.5vw;
  padding: 10px 0;
}







.main_view_sub{
  display: block;
  position: relative;
  width: 100%;
  height: 45vw;
  background-color: #BABABA;
  z-index: 100;
  background-image: url("../img/top_img.jpg");
  background-size: cover;
  background-position: center center;
}
.main_view_sub h1{
  display: block;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 7vw;
  width: 95%;
  color: #FFFFFF;
}




.main_service_sub{
  display: block;
  width: 100%;
  margin: 0px auto;
  padding: 5vw 0 10vw 0;
  background-color: #ECECEC;
}
.main_mds p{
  display: block;
  text-align: center;
  font-size: 20px;
}




/*ここからサービスページの内容*/
.service_detail{
  display: block;
  width: 100%;
  height: auto;
  padding: 5vw 0 0 0;
}

.service_detail_nk{
  display: block;
  justify-content: space-between;
  width: 95%;
  margin: 5vw auto;
}
.msn_left{
  display: block;
  width: 80vw;
  height: 60vw;
  background-repeat: no-repeat;
  margin: auto;
}
.msn_phot1{
  background-image: url("../img/s_list_phot1.png");
  background-size: 35vw;
  background-position: center center;
}
.msn_phot2{
  background-image: url("../img/s_list_phot2.png");
  background-size: 40vw;
  background-position: center center;
}
.msn_phot3{
  background-image: url("../img/s_list_phot3.png");
  background-size: 50vw;
  background-position: center center;
}
.msn_phot4{
  background-image: url("../img/s_list_phot4.png");
  background-size: 45vw;
  background-position: center center;
}
.msn_phot5{
  background-image: url("../img/s_list_phot5.png");
  background-size: 50vw;
  background-position: center center;
}
.msn_phot6{
  background-image: url("../img/s_list_phot6.png");
  background-size: 50vw;
  background-position: center center;
}
.msn_right{
  display: block;
  width: 100%;
  height: auto;
}
  .msn_right h2{
    font-size: 5vw;
  }
  .msn_right p{
    font-size: 4vw;
  }




.sub_company{
  display: block;
  width: 100%;
  margin: 0px auto;
  padding: 5vw 0;
  background-color: #FFFFFF;
}
.sub_company_nk{
  display: block;
  width: 95%;
  margin: auto;
}
  .main_mds_company h1{
    font-size: 5vw;
  }
.company_table{
  display: block;
  width: 100%;
  height: auto;
  border: solid 1px #888888;
  margin: 5vw 0 0 0;
}
.company_table tr{
  display: flex;
  width: 100%;
  border-bottom: solid 1px #888888;
}
.company_table tr:nth-child(6){
  border-bottom: none;
}
.company_table th{
  display: block;
  width: 20vw;
  padding: 5vw 0 5vw 2vw;
  border-right: solid 1px #888888;
  font-size: 3.5vw;
}
.company_table td{
  display: block;
  width: 67vw;
  padding: 5vw 2vw 5vw 2vw;
  font-size: 3.5vw;
}






.main_result_sub{
  display: block;
  width: 100%;
  margin: 0px auto;
  padding: 5vw 0 0px 0;
  background-color: #FFFFFF;
}

.main_result_nk{
  display: block;
  width: 100%;
  margin: 5vw auto 0;
  background-color: #EDEDED;
  padding: 5vw 0;
}

.main_result_lefty{
  display: block;
  justify-content: space-between;
  width: 95%;
  margin: 5vw auto;
  border-bottom: solid 1px #888888;
  padding-bottom: 5vw;
}
.main_result_lefty_left{
  display: block;
  width: 100%;
  height: 100vw;
  background-color: #6D6D6D;
  background-size: cover;
  background-position: center center;
  margin-top: 3vw;
}
.jnbt1{
  background-image: url("../img/jnbt2.png");
}
.jnbt2{
  background-image: url("../img/jnbt1.png");
}
.jnbt3{
  background-image: url("../img/jnbt3.png");
}
.jnbt4{
  background-image: url("../img/jnbt5.png");
}
.jnbt5{
  background-image: url("../img/jnbt4.png");
}
.main_result_lefty_right{
  display: block;
  width: 100%;
}
  .main_result_lefty_right h2{
    font-size: 5vw;
  }
  .main_result_lefty_right p{
    font-size: 4vw;
  }

.works_ss{
  display: block;
  width: 100%;
  padding: 2vw 4vw;
  background-color: #FFFFFF;
}
.works_ss tr{
  display: block;
  margin: 20px 0;
}
.works_ss th{
  display: block;
  width: 100%;
  font-size: 4vw;
}
.works_ss td{
  display: block;
  width: 100%;
  font-size: 3.5vw;;
}





}