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


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


a{
  text-decoration: none;
  transition: 0.3s;
  opacity: 1;
}
a:hover{
  opacity: 0.4;
}





header{
  display: block;
  width: 100%;
  height: auto;
}
.header_up{
  display: block;
  width: 100%;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  font-weight: bold;
  color: #0088AE; /* 文字の色 */
  text-shadow:
    2px 2px 0 #fff,   /* 右下 */
    -2px 2px 0 #fff,  /* 左下 */
    2px -2px 0 #fff,  /* 右上 */
    -2px -2px 0 #fff; /* 左上 */
  background: repeating-linear-gradient(
    -45deg,                /* 斜め45度 */
    #5ac7ff 0,            /* 濃い水色 */
    #5ac7ff 2px,         /* ストライプの太さ（濃い部分） */
    #b6e8ff 2px,         /* 薄い水色 */
    #b6e8ff 4px          /* ストライプの太さ（薄い部分） */
  );
}
.header_nav{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 60px;
  background: linear-gradient(to bottom, #D3F5FF, #9BE8FF);
}
.header_nav a{
  display: block;
  padding: 0 30px;
  margin-top: 0px;
  line-height: 60px;
  color: #005E79;
  font-weight: bold;
}
.nav_hr{
  display: block;
  width: 1px;
  height: 60px;
  background-color: #25859E;
}





main{
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.main_view{
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  background-color: #EFFFF9;
  border-bottom: solid 1px #00C8FF;
  z-index: 1;
  overflow: hidden;
}
.main_view img{
  display: block;
  position: relative;
  top: 0;
  left: 45%;
  transform: translateX(-50%);
  width: 1000px;
  z-index: 10;
}


.main_view p{
  display: block;
  position: absolute;
  font-size: 30px;
  font-weight: bold;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  z-index: 100;
  color: #005F7C;
  text-shadow: 0 0 5px #00C8FF;
}
.main_p1{
  top: 150px;
  left: 50%;
}
.main_p2{
  top: 200px;
  left: 53%;
}
.main_p3{
  top: 250px;
  left: 56%;
}



.main_onayami{
  display: block;
  position: relative;
  width: 1000px;
  height: auto;
  margin: auto;
}
.main_onayami h1{
  display: block;
  text-align: center;
  margin-top: 50px;
  font-size: 30px;
  color: #008AB2;
}
.onayami_flex{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  height: auto;
}
.onayami_left{
  display: block;
  width: 600px;
}
.onayami_right{
  display: block;
  width: 400px;
  margin-top: 40px;
}
.onayami_right p{
  display: block;
  font-size: 20px;
  line-height: 20px;
  border-bottom: dotted 1px #A58E6F;
  color: #A58E6F;
  padding-bottom: 15px;
}
.onayami_st{
  display: block;
  width: 940px;
  padding: 20px 30px;;
  background-color: #FFFFFF;
  box-shadow: 0 0 5px gray;
  margin-top: 40px;
  border-radius: 10px;
}








.main_riyu{
  display: block;
  position: relative;
  width: 1000px;
  height: auto;
  margin: auto;
}
.main_riyu h1{
  display: block;
  text-align: center;
  margin-top: 50px;
  font-size: 30px;
  color: #008AB2;
}
.riyu_flex{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  height: auto;
  margin-top: 60px;
}
.riyu_box{
  display: block;
  width: 310px;
}
.riyu_box_phot{
  display: block;
  width: 200px;
  height: 200px;
  border-radius: 200px;
  background: linear-gradient(to bottom, #9BE8FF, hsla(194,71%,44%,1.00));
  margin: auto;
}
.riyu_box p{
  text-align: center;
  font-size: 14px;
}
.riyu_box_phot p{
  display: block;
  font-size: 18px;
  padding-top: 50px;
  color: #FFFFFF;
  text-shadow: 0 0 5px hsla(194,100%,36%,1.00);
}
.riyu_box_phot p span{
  display: block;
  font-size: 55px;
  font-weight: bold;
  color: hsla(55,95%,85%,1.00);
}





.main_syoukai{
  display: block;
  width: 100%;
  height: 300px;
  background-color: #EBFFFA;
  margin: 50px auto 0;
  background-image: url("../img/phot_pararax.jpg");
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}











.main_support{
  display: block;
  position: relative;
  width: 1000px;
  height: auto;
  margin: auto;
}
.main_support h1{
  display: block;
  text-align: center;
  margin-top: 50px;
  font-size: 30px;
  color: #008AB2;
}
.main_support p{
  text-align: center;
}

.support_nk{
  display: block;
  width: 1000px;
  margin: 40px auto 0;
}
.support_nk h2{
  display: block;
  color: #424242;
}
.support_naiyo{
  display: block;
  width: 1000px;
  height: auto;
}
.main_support a{
  display: block;
  width: 200px;
  height: 40px;
  background-color: #AA8C6B;
  margin: 40px auto 0;
  text-align: center;
  line-height: 40px;
  color: #FFFFFF;
}





.main_sarani_st{
  display: block;
  width: 100%;
  height: 300px;
  padding: 0px 0;
  background-color: #E5FFFA;
  margin-top: 50px;
  background-image: url("../img/pararax_2.jpg");
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}
.main_sarani{
  display: block;
  position: relative;
  width: 1000px;
  height: auto;
  margin: auto;
}
.main_sarani h1{
  display: block;
  text-align: center;
  margin-top: 0px;
  font-size: 30px;
  color: #FCFACB;
  line-height: 300px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  text-shadow: 0 0 5px gray;
}





.main_hoka{
  display: block;
  position: relative;
  width: 1000px;
  height: auto;
  margin: auto;
}
.main_hoka h1{
  display: block;
  text-align: center;
  margin-top: 50px;
  font-size: 30px;
  color: #008AB2;
}
.main_hoka p{
  text-align: center;
}
.main_hoka_flex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.hoka_flex_box{
  display: flex;
  justify-content: center;
  width: 260px;
  background: #008CB6;
  margin: 10px 0;
  padding: 20px 30px;
  border-radius: 10px;
}
.hoka_flex_box img{
  display: block;
}
.icon1{
   width: 40px;
  height: 40px;
}
.icon2{
   width: 40px;
  height: 35px;
}
.icon3{
   width: 20px;
  height: 40px;
}
.icon4{
   width: 30px;
  height: 40px;
}
.icon5{
   width: 30px;
  height: 40px;
}
.icon6{
   width: 40px;
  height: 40px;
}
.hoka_flex_box span{
  display: block;
  margin-left: 15px;
  margin-top: 12px;
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
}
.main_hoka a{
  display: block;
  width: 200px;
  height: 40px;
  background-color: #AA8C6B;
  margin: 40px auto 0;
  text-align: center;
  line-height: 40px;
  color: #FFFFFF;
}




footer{
  display: block;
  position: relative;
  width: 100%;
  height: 200px;
  background: linear-gradient(to bottom, #D3F5FF, #9BE8FF);
  margin: 50px auto 0;
}
.footer_up{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: auto;
}
.footer_up img{
  display: block;
  width: 500px;
  margin-top: 60px;
}
.footer_up_right{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 400px;
  height: 60px;
  margin-top: 60px;
}
.footer_up_right a{
  display: block;
  width: 120px;
  height: 20px;
  margin: auto;
  color: #005E79;
}
.footer_under{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #005E79;
  text-align: center;
}






.main_view_sub{
  display: block;
  width: 100%;
  height: 150px;
  margin: 0 auto 0;
  background-image: url("../img/sub_main_img.png");
  background-size: 1000px;
  background-repeat: no-repeat;
  background-position: center 65%;
  background-color: #EFFFF9;
  border-bottom: solid 1px #00C8FF;
}
.main_view_sub h1{
  display: block;
  margin: auto;
  text-align: center;
  line-height: 150px;
  color: #0088AE; /* 文字の色 */
  text-shadow:
    2px 2px 0 #fff,   /* 右下 */
    -2px 2px 0 #fff,  /* 左下 */
    2px -2px 0 #fff,  /* 右上 */
    -2px -2px 0 #fff; /* 左上 */
}





.service_one{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  height: auto;
  margin: 50px auto 0;
}
.service_one_left{
  display: block;
  width: 300px;
  height: auto;
  background-color: #CACACA;
  background-image: url("../img/cost_phot.jpg");
  background-size: cover;
  background-position: center center;
}
.service_one_right{
  display: block;
  width: 600px;
  height: auto;
}
.service_one_right h2{
  display: block;
  width: 100%;
  color: #1B849E;
  border-bottom: solid 1px #008AB2;
  padding-bottom: 10px;
}
.service_one_right p{
  display: block;
  font-size: 14px;
}


.service_two{
  display: block;
  width: 1000px;
  height: auto;
  margin: auto;
}



.service_three{
  display: block;
  width: 1000px;
  height: auto;
  margin: 50px auto 0;
}
.service_three_box{
  display: block;
  width: 1000px;
  height: auto;
  margin: 20px auto 0;
}
.service_three_box h2{
  display: block;
  width: 1000px;
  height: auto;
  background-color: hsla(194,100%,24%,1.00);
  margin: auto;
  text-align: center;
  padding: 10px 0;
  color: #FFFFFF;
}
.service_three_box h2 span{
  font-size: 16px;
  opacity: 0.6;
  margin-right: 15px;
}

.service_three_box_naiyo{
  display: flex;
  width: 1000px;
  height: auto;
  margin: auto;
  background-color: #E8FCFF;
}
.service_box_left{
  display: flex;
  justify-content: center;
  width: 400px;
}
.service_box_left span{
  display: none;
  width: 60px;
  height: 60px;
  background-image: url("../img/home.png");
  background-size: cover;
  background-position: center center;
  margin: 30px 20px 0 0;
}
.service_box_left p{
  display: block;
  margin-top: 50px;
  font-size: 20px;
  color: hsla(195,100%,25%,1.00);
  font-weight: bold;
}
.service_box_center{
  display: block;
  width: 1px;
  height: auto;
  padding-bottom: 40px;
  background-color: #E0E0E0;
}
.service_box_right{
  display: block;
  width: 500px;
  padding: 0 99px;
}

.service_three_box_naiyo2{
  display: flex;
  width: 1000px;
  height: auto;
  margin: 10px auto 0;
  background-color: #E8FCFF;
}


.service_four{
  display: block;
  position: relative;
  width: 1000px;
  height: auto;
  margin: 0 auto 30px;
}
.service_four h1{
  display: block;
  text-align: center;
  margin-top: 50px;
  font-size: 30px;
  color: #008AB2;
}
.service_four p{
  text-align: center;
}
.service_four_flex{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.service_four_flex_box{
  display: flex;
  justify-content: center;
  width: 260px;
  background: #008CB6;
  margin: 10px 6px;
  padding: 20px 30px;
  border-radius: 10px;
}
.hoka_flex_box img{
  display: block;
}
.service_four_flex span{
  display: block;
  margin-left: 15px;
  margin-top: 10px;
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
}
.service_box_right p{
  text-align: justify!important;
}
.hoka_service{
  display: block;
  width: 900px;
  padding: 0 99px;
}


.cost_nk{
  display: block;
  margin: 50px auto 0;
}
.cost_box{
  display: block;
  width: 1000px;
  height: auto;
  margin: 20px auto 30px;
}
.cost_box h2{
  display: block;
  width: 1000px;
  height: auto;
  background-color: hsla(194,100%,24%,1.00);
  margin: auto;
  text-align: center;
  padding: 10px 0;
  color: #FFFFFF;
}
.cost_box h2 span{
  font-size: 16px;
  opacity: 0.6;
  margin-right: 15px;
}

.cost_box_naiyo{
  display: flex;
  width: 1000px;
  height: auto;
  margin: auto;
  background-color: #E8FCFF;
}
.cost_box_left{
  display: flex;
  justify-content: center;
  width: 499px;
}
.cost_box_left span{
  display: none;
  width: 60px;
  height: 60px;
  background-image: url("../img/home.png");
  background-size: cover;
  background-position: center center;
  margin: 30px 20px 0 0;
}
.cost_box_left p{
  display: block;
  margin-top: 20px;
  font-size: 20px;
  color: hsla(195,100%,25%,1.00);
  font-weight: bold;
}
.cost_box_center{
  display: block;
  width: 1px;
  height: auto;
  padding-bottom: 40px;
  background-color: #E0E0E0;
}
.cost_box_right{
  display: block;
  width: 499px;
  padding: 0 0px;
}
.cost_box_right p{
  display: block;
  text-align: center;
  font-size: 30px;
  line-height: 0;
  margin-top: 35px;
  font-weight: bold;
  color: hsla(359,100%,33%,1.00);
}
.cost_phot{
  background-image: url("../img/service_phot.jpg")!important;
  background-size: cover;
  background-position: center center!important;
}




.voice_nk{
  display: block;
  width: 1000px;
  margin: 80px auto 30px;
}
.voice_box{
  display: flex;
  justify-content: center;
  width: 900px;
  height: auto;
  padding: 30px 50px;
  background-color: #E8FCFF;
  margin-top: 30px;
}
.voice_box_left{
  display: block;
  width: 650px;
}
.voice_box_left h2{
  color: #005E79;
  border-bottom: solid 1px hsla(193,100%,35%,1.00);
  padding-bottom: 10px;
}
.voice_box_right{
  display: block;
  width: 120px;
  height: 120px;
  margin-left: 50px;
}
.voice_box_right img{
  display: block;
  background-color: hsla(0,0%,100%,1.00);
  border-radius: 100%;
  padding: 20px;
}
.voice_box_right p{
  display: block;
  text-align: center!important;
  width: 150px;
  margin: 20px 0 0 10px;
  background-color: hsla(0,0%,93%,1.00);
  color: hsla(194,100%,24%,1.00);
}
.hito5{
  padding: 10px 25px!important;
}




.qa_st{
  display: block;
  width: 1000px;
  height: auto;
  margin: 80px auto 30px;
}
.qa_box{
  display: block;
  width: 900px;
  height: auto;
  padding: 30px 50px;
  background-color: #E8FCFF;
  margin-top: 30px;
}
.qa_box_up{
  display: block;
}
.qa_box_up p{
  display: block;
  color: hsla(193,100%,24%,1.00);
  border-bottom: solid 1px hsla(193,100%,35%,1.00);
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  padding-left: 50px;
  background-image: url("../img/q.png");
  background-repeat: no-repeat;
  background-size: 32px 30px;
  background-position: 10px -0px;
  line-height: 32px;
}
.qa_box_down{
  display: block;
}
.qa_box_down p{
  display: block;
  font-size: 16px;
  padding-left: 50px;
  background-image: url("../img/a.png");
  background-repeat: no-repeat;
  background-size: 32px 30px;
  background-position: 10px -0px;
  line-height: 32px;
}






.contact_st{
  display: block;
  width: 1000px;
  margin: 80px auto 30px;
}
.contact_st p{
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: hsla(193,100%,24%,1.00);
}
.contact_tel{
  display: block;
  margin: 50px auto 0;
  width: 500px;
}
.contact_mail{
  display: block;
  margin: 20px auto 0;
  width: 500px;
}







.company_table{
  display: block;
  width: 1000px;
  height: auto;
  margin: 80px auto 30px;
  border: solid 1px hsla(194,100%,24%,1.00);
}
.company_table tr{
  display: flex;
  width: 995px;
  border-bottom: solid 1px hsla(193,100%,24%,1.00);
}
.company_table tr:nth-child(6){
  border-bottom: none;
}
.company_table tr th{
  display: block;
  width: 230px;
  background-color: hsla(190,100%,95%,1.00);
  padding: 20px 0 20px 20px;
}
.company_table tr td{
  display: block;
  width: 730px;
  padding: 20px 0 20px 20px;
}