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


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

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

.anchor{
    display: block;
    padding-top: 90px;
    margin-top: -90px;
}





header{
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  box-shadow: 0 0 5px gray;
  background: linear-gradient(0deg, #E7E7E7 0%, #FFFFFF 100%);
  z-index: 999999;
}

.header_nk{
  display: flex;
  justify-content: space-between;
  width: 95%;
  margin: auto;
}
.header_left{
  display: block;
  width: 230px;
  height: 30px;
  margin-top: 15px;
  text-align: center;
  line-height: 30px;
}

.header_right{
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.header_right a{
  display: block;
  margin: 0 10px;
  color: #242424;
  font-size: 12px;
  text-align: center;
}
.header_right a span{
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #DD0000;
}




main{
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.main_view{
  display: block;
  position: relative;
  width: 100%;
  height: 50vw;
  background-color: #ADADAD;
  background-image: url("../img/top_img.png");
  background-size: cover;
  background-position: bottom center;
  overflow: hidden;
}
.top_uma{
  display: block;
  position: absolute;
  width: 70vw;
  top: 15vw;
  left: -20vw;
  animation: floating-yu 4s ease-in-out infinite alternate-reverse;
}
@keyframes floating-yu {
  0% {
    transform: translateY(1%);
  }
  100% {
    transform: translateY(-1%);
  }
}
.top_snyper{
  display: block;
  position: absolute;
  width: 25vw;
  opacity: 0.6;
  top: 9vw;
  left: 17vw;
  animation: floating-y 6s ease-in-out infinite alternate-reverse;
}
/*
@keyframes floating-y {
  0% {
    transform: translateY(-3%);
  }
  100% {
    transform: translateY(3%);
  }
}
*/

.main_view h1{
  display: block;
  position: absolute;
  top: 0vw;
  right: 0vw;
  width: 49vw;
  z-index: 9999;
  text-align: center;
  font-size: 4vw;
  text-shadow: 0px 0px 5px #FFFFFF;
  color: #190000;
  font-weight: bold;
}
.main_view h1 span{
  display: block;
  font-size: 2.5vw;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
/* 帯のスタイル */
.text-with-background {
  width: 40vw;
  height: auto;
  background-color: #000; /* 帯の色 */
  position: absolute;
  right: 5vw;
  top: 20vw;
  /* 帯が最初見えないようにする */
  transform: translateX(-30%);
  animation: slide-in-background 1s forwards; /* 帯のアニメーション */
}

/* 帯のキーフレーム */
@keyframes slide-in-background {
  to {
    transform: translateX(0);
  }
}

/* テキストのスタイル */
.text-with-background .text{
  opacity: 0; /* 最初テキストを非表示にする */
  animation: fade-in-text 0.8s forwards;
  animation-delay: 0.5s; /* 帯のアニメーション後に開始する */
}

/* テキストのキーフレーム */
@keyframes fade-in-text {
  to {
    opacity: 1; /* テキストを徐々に表示する */
  }
}





.main_contents_news{
  display: block;
  width: 100%;
  height: auto;
  padding: 50px 0;
  background-color: #FFFFFF;
}
.c_news{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: auto;
}
.c_news_left{
  display: block;
  position: relative;
  width: 350px;
}
.fadeIn {
  transform: translate3d(50px, 0, 0);
  transition: 1s;
  opacity: 0;
}

.fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}


.news_span1{
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  font-size: 90px;
  line-height: 0;
  color: #B0B0B0;
  z-index: 10;
  opacity: 0.2;
}
.news_span2{
  display: block;
  position: absolute;
  top: 55px;
  left: 10px;
  font-size: 50px;
  line-height: 0;
  color: #DD0000;
  z-index: 100;
}
.c_news_left p{
  display: block;
  position: absolute;
  top: 100px;
  font-size: 20px;
  font-weight: bold;
}

.c_news_right{
  display: block;
  width: 650px;
  height: auto;
}
.c_news_right_box{
  display: block;
  width: auto;
  height: auto;
  padding-bottom: 0px;
  border-bottom: solid 1px #222222;
  margin-bottom: 20px;
}
.news_cate{
  display: inline-block;
  width: 100px;
  text-align: center;
  background-color: #DD0000;
  color: #FFFFFF;
  border-radius: 4px;
}
.news_time{
  display: inline-block;
  margin-left: 10px;
}
.news_title{
  display: block;
  font-size: 20px;
  margin: 0 auto 20px;
}





.main_contents_one{
  display: block;
  width: 100%;
  height: 1050px;
  padding: 50px 0;
  background-color: #F0F0F0;
}
.c_one{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: 0px auto 100px;
  background-color: #005F68;
  border-radius: 20px;
  overflow: hidden;
}
.c_one_left{
  display: block;
  width: 350px;
  background-color: #FFFFFF;
  background-image: url("../img/c_one_img.jpg");
  background-size: cover;
  background-position: center center;
}
.c_one_right{
  display: block;
  width: 550px;
  padding: 30px 50px;
}
.c_one h1{
  display: block;
  text-align: justify;
  font-size: 30px;
  line-height: 0;
  color: #FFFFFF;
}
.c_one p{
  display: block;
  width: auto;
  margin: 40px auto 0;
  font-size: 16px;
  color: #FFFFFF;
}

.c_one_down{
  display: block;
  width: 1000px;
  margin: 0px auto 0px;
}
.c_one_ceo{
  display: flex;
  position: relative;
  justify-content: space-between;
  top: 150px;
}
.c_one_ceo img{
  display: block;
  width: 350px;
  margin-left: 80px;
}
.ceo_bn{
  display: block;
  width: 500px;
}
.ceo_bn h2{
  font-size: 20px;
}
.ceo_bn h2 span{
  display: block;
  font-size: 40px;
}
small{
  font-size: 16px;
  color: #888888;
  margin-left: 20px;
}




.main_contents_two{
  display: block;
  width: 100%;
  height: auto;
  padding: 50px 0 250px;
  background-color: #FFFFFF;
}
.c_two{
  display: block;
  width: 1000px;
  margin: 0px auto;
}
.c_two_up{
  display: block;
  position: relative;
  width: 1000px;
  margin: auto;
}
.c_two_span1{
  display: block;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 90px;
  line-height: 0;
  color: #B0B0B0;
  z-index: 10;
  opacity: 0.2;
}
.c_two_span2{
  display: block;
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 50px;
  line-height: 0;
  color: #DD0000;
  z-index: 100;
}
.fadeIn_up {
  transform: translate3d(0px, 50px, 0);
  transition: 1s;
  opacity: 0;
}
.fadeIn_up.animated_up {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}


.c_two_up p{
  display: block;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  font-weight: bold;
}
.c_two_down{
  display: block;
  position: relative;
  top: 220px;
}
.c_two_down_point{
  display: block;
  width: 1000px;
  height: 60px;
  margin: 0 auto 20px;
  background-color: #00616A;
  text-align: center;
  line-height: 60px;
  font-size: 25px;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: 50px;
}
.c_two_down_point span{
  color: #E6FF00;
}
.fadeIn_left {
  transform: translate3d(-50px, 0, 0);
  transition: 1s;
  opacity: 0;
}
.fadeIn_left.animated_left {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.c_two_down_lefty{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: 50px auto 0;
}
.ctdl_left{
  display: block;
  width: 500px;
  height: auto;
}
.ctdl_left h2{
  display: block;
  line-height: 0;
}
.ctdl_left span{
  display: block;
  width: 470px;
  padding-left: 30px;
  background-color: #BDDEE2;
  background-image: url("../img/snyper.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 5px 2px;
  margin-top: 30px;
}
.ctdl_right{
  display: block;
  width: 450px;
  height: auto;
  background-color: #A0A0A0;
}


.c_two_down_righty{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: 50px auto 0;
}
.ctdr_right{
  display: block;
  width: 500px;
  height: auto;
}
.ctdr_right h2{
  display: block;
  line-height: 0;
}
.ctdr_right span{
  display: block;
  width: 470px;
  padding-left: 30px;
  background-color: #BDDEE2;
  background-image: url("../img/snyper.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 5px 2px;
  margin-top: 30px;
}
.ctdr_left{
  display: block;
  width: 450px;
  height: auto;
  background-color: #A0A0A0;
}

.c_two1{
  background-image: url("../img/c_two1.jpg");
  background-size: cover;
  background-position: center center;
}
.c_two2{
  background-image: url("../img/muryo.jpg");
  background-size: cover;
  background-position: center -160px;
}
.c_two3{
  background-image: url("../img/c_two3.jpg");
  background-size: cover;
  background-position: bottom right;
}







.main_contents_pickup{
  display: block;
  width: 100%;
  height: auto;
  padding: 50px 0 250px;
  background-color: #FFFFFF;
}
.c_pickup{
  display: block;
  width: 1000px;
  margin: 0px auto;
}
.c_pickup_up{
  display: block;
  position: relative;
  width: 1000px;
  margin: auto;
}
.c_pickup_up p{
  display: block;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  font-weight: bold;
}

.c_pickup_down{
  display: flex;
  justify-content: space-between;
  position: relative;
  top: 200px;
  width: 1000px;
  height: auto;
  background-color: #008564;
  border-radius: 20px;
  background-image: url("../img/race.jpg");
  background-size: 110%;
  background-position: center right;
}
.c_pickup_left{
  display: block;
  width: 450px;
  height: 450px;
  background-color: transparent;
  border-radius: 400px;
}
.c_pickup_right{
  display: block;
  width: 400px;
  height: 250px;
  background-color: rgba(255,255,255,0.8);
  margin-right: 50px;
  margin-top: 50px;
  padding: 50px;
  border-radius: 20px;
}
.c_pickup_right h2{
  font-size: 25px;
  line-height: 0;
  text-align: center;
}
.c_pickup_right p{
  display: block;
  margin-top: 30px;
  font-size: 17px;
}
.c_pickup_price{
  display: flex;
  justify-content: center;
  width: 400px;
  height: 50px;
  background-color: #DD0000;
  border-radius: 50px;
  line-height: 50px;
  margin-top: 20px;
  color: #FFFFFF;
}
.c_pickup_price span{
  text-decoration: line-through;
}
.red{
  display: block;
  margin-left: 20px;
  font-weight: bold;
  color: #ECFF00;
}




.main_contents_three{
  display: block;
  width: 100%;
  height: auto;
  padding: 30px 0 350px;
  background-color: #FFFFFF;
}

.c_two_down_flex{
  display: flex;
  position: relative;
  justify-content: space-between;
  top: 220px;
}
.bene_box{
  display: block;
  width: 300px;
  height: auto;
  background-color: #F0F0F0;
}
.bene_b_phot{
  display: block;
  width: 100%;
  height: 200px;
  background-color: #C5C5C5;
}
.bene_b_title{
  display: block;
  width: 100%;
  height: 40px;
  background-color: #00616A;
  text-align: center;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
}
.bene_b_bn{
  display: block;
  font-size: 14px;
  padding: 20px;
}
.c_shimekiri{
  display: block;
  position: relative;
  top: 260px;
  height: 50px;
  background-color: #DD0000;
  text-align: center;
  color: #FFFFFF;
  line-height: 50px;
  font-size: 30px;
  font-weight: bold;
}

.b_p1{
  background-image: url("../img/31987625_s.jpg");
  background-size: cover;
  background-position: center center;
}
.b_p2{
  background-image: url("../img/quocard.jpg");
  background-size: cover;
  background-position: center center;
}
.b_p3{
  background-image: url("../img/c_two2.jpg");
  background-size: cover;
  background-position: center center;
}




.main_contents_company{
  display: block;
  width: 100%;
  height: auto;
  padding: 50px 0;
  background-color: #F0F0F0;
}
.c_com{
  display: block;
  width: 1000px;
  margin: 160px auto 0;
}
.c_com table{
  display: block;
}
.c_com table tr{
  display: flex;
  justify-content: space-between;
  margin: 30px;
}
.c_com table tr th{
  display: block;
  width: 200px;
  border-bottom: solid 1px #222222;
  padding-bottom: 30px;
}
.c_com table tr td{
  display: block;
  width: 750px;
  border-bottom: solid 1px #848484;
}




.contact_st{
  display: block;
  width: 100%;
  height: auto;
  padding: 60px 0;
  background: linear-gradient(0deg, #E7E7E7 0%, #FFFFFF 100%);
}

.contact{
  display: block;
  width: 900px;
  margin: 140px auto 0;
}
.contact h1{
  display: block;
  color: #131313;
  font-size: 50px;
  margin-top: 0px;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-style: normal;
}
.contact h1 span{
  display: block;
  font-size: 14px;
}


.contact_nk{
  display: flex;
  justify-content: center;
  width: 800px;
  height: 200px;
  margin: auto;
  border-radius: 0px;
  background-color: #FFFFFF;
  text-align: center;
  padding: 0px 0;
}
.contact_left{
  display: block;
  width: 300px;
  margin-right: 20px;
}
.contact_left span{
  display: block;
  width: 300px;
  height: 50px;
  background: linear-gradient(0deg, #00616A 0%, #00919E 100%);
  margin: 80px auto 0;
  border-radius: 100px;
  line-height: 50px;
  color: #FFFFFF;
}

.contact_right{
  display: block;
  width: 300px;
  margin-left: 20px;
}
.contact_right p{
  display: block;
  margin: 60px auto 30px;
  font-size: 14px;
  color: #00616A;
}
.tel{
  font-size: 35px;
  font-weight: bold;
  color: #00616A;
  line-height: 0;
  margin-top: -5px;
}
.tel span{
  font-size: 18px;
  color: #454545;
}
.main_contact_uktk{
  display: block;
  margin: 20px auto 0;
  width: auto;
  padding: 5px 0;
  font-size: 12px;
}




.company table{
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0px auto 0;
  padding: 0px;
  background-color: #E3E3E3;
}
.company table tr{
  width: 100%;
  display: block;
  padding: 5px;
}
.company table tr th{
  width: 200px;
  text-align: justify;
  padding-left: 20px;
  height: 60px;
  background-color: #4D4D4D;
  color: #FFFFFF;
  font-weight: bold;
}
.company table tr td{
  width: 537px;
  text-align: justify;
  padding-left: 20px;
  height: 60px;
  background-color: #FFFFFF;
  color: #2D2D2D;
  font-weight: 500;
  text-decoration: none!important;
}






footer{
  display: block;
  position: relative;
  width: 100%;
  height: 250px;
  background-color: #3A3A3A;
}

.footer_nk{
  display: block;
  width: 1000px;
  margin: auto;
  padding: 60px 0;
}
.footer_up{
  display: block;
  width: 300px;
  height: 50px;
  margin: 0px auto 0;
  text-align: center;
  line-height: 100px;
}
.footer_down{
  display: flex;
  justify-content: center;
  margin: 30px auto 0;
}
.footer_down a{
  display: block;
  margin: 0 10px;
  color: #FFFFFF;
}


.footer_under{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  text-align: center;
  color: #FFFFFF;
  font-size: 10px;
  background-color: #0D0D0D;
  line-height: 30px;
}




.main_view_sub{
  display: block;
  width: 100%;
  height: 250px;
  background-color: #CDCDCD;
  text-align: center;
  line-height: 280px;
}





.main_view_sub_content{
  display: block;
  width: 95%;
  max-width: 800px;
  margin: 0px auto;
  padding-bottom: 0px;
  padding-top: 50px;
}
.info{
  margin-top: 130px;
}
.main_view_sub_content h3{
  display: block;
  text-align: start;
  color: #222222;
  border-bottom: solid 2px #828282;
}
.main_view_sub_content h5{
  color: #222222;
  font-size: 16px;
}

.list span{
  display: block;
  font-size: 0.8rem;
}





.company{
  display: block;
  width: 100%;
  height: auto;
  padding: 0px 0 50px 0;
}
.company{
  display: block;
  width: 800px;
  margin: auto;
}
.company table{
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0px auto 0;
  padding: 0px;
  background-color: #E3E3E3;
}
.company table tr{
  width: 100%;
  display: block;
  padding: 5px;
}
.company table tr th{
  width: 200px;
  text-align: justify;
  padding-left: 20px;
  height: 60px;
  background-color: #4D4D4D;
  color: #FFFFFF;
  font-weight: bold;
}
.company table tr td{
  width: 537px;
  text-align: justify;
  padding-left: 20px;
  height: 60px;
  background-color: #FFFFFF;
  color: #2D2D2D;
  font-weight: 500;
  text-decoration: none!important;
}



.small_w{
  color: #FFFFFF;
}











@media screen and (max-width: 600px) {
	/* 600px以下に適用されるCSS（スマホ用） */
  
  
 
.anchor{
    display: block;
    padding-top: 90px;
    margin-top: -90px;
}





header{
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 15vw;
  box-shadow: 0 0 5px gray;
  background: linear-gradient(0deg, #E7E7E7 0%, #FFFFFF 100%);
  z-index: 999999;
}

.header_nk{
  display: flex;
  justify-content: space-between;
  width: 95%;
  margin: auto;
}
.header_left{
  display: block;
  width: 23vw;
  height: 30px;
  margin-top: 5vw;
  text-align: center;
  line-height: 0;
}

.header_right{
  display: flex;
  justify-content: space-between;
  margin-top: 2vw;
  width: 65vw;
}
.header_right a{
  display: block;
  margin: 0 2vw;
  color: #242424;
  font-size: 2vw;
  text-align: center;
}
.header_right a span{
  display: block;
  font-size: 3vw;
  font-weight: bold;
  color: #DD0000;
}




main{
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.main_view{
  display: block;
  position: relative;
  width: 100%;
  height: 100vw;
  background-color: #ADADAD;
  background-image: url("../img/top_img.png");
  background-size: cover;
  background-position: bottom center;
  overflow: hidden;
}
.top_uma{
  display: block;
  position: absolute;
  width: 110vw;
  top: 55vw;
  left: -10vw;
  animation: floating-yu 4s ease-in-out infinite alternate-reverse;
}
@keyframes floating-yu {
  0% {
    transform: translateY(1%);
  }
  100% {
    transform: translateY(-1%);
  }
}
.top_snyper{
  display: block;
  position: absolute;
  width: 25vw;
  opacity: 0.6;
  top: 52vw;
  left: 55vw;
  animation: floating-y 6s ease-in-out infinite alternate-reverse;
}
/*
@keyframes floating-y {
  0% {
    transform: translateY(-3%);
  }
  100% {
    transform: translateY(3%);
  }
}
*/

.main_view h1{
  display: block;
  position: absolute;
  top: 0vw;
  right: 0vw;
  width: 90vw;
  z-index: 9999;
  text-align: center;
  font-size: 6vw;
  text-shadow: 0px 0px 5px #FFFFFF;
  color: #190000;
  font-weight: bold;
}
.main_view h1 span{
  display: block;
  font-size: 4.5vw;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
/* 帯のスタイル */
.text-with-background {
  width: 40vw;
  height: auto;
  background-color: #000; /* 帯の色 */
  position: absolute;
  right: 5vw;
  top: 20vw;
  /* 帯が最初見えないようにする */
  transform: translateX(-30%);
  animation: slide-in-background 1s forwards; /* 帯のアニメーション */
}

/* 帯のキーフレーム */
@keyframes slide-in-background {
  to {
    transform: translateX(0);
  }
}

/* テキストのスタイル */
.text-with-background .text{
  opacity: 0; /* 最初テキストを非表示にする */
  animation: fade-in-text 0.8s forwards;
  animation-delay: 0.5s; /* 帯のアニメーション後に開始する */
}

/* テキストのキーフレーム */
@keyframes fade-in-text {
  to {
    opacity: 1; /* テキストを徐々に表示する */
  }
}





.main_contents_news{
  display: block;
  width: 100%;
  height: auto;
  padding: 5vw 0 30vw 0;
  background-color: #FFFFFF;
}
.c_news{
  display: block;
  justify-content: space-between;
  width: 95%;
  margin: auto;
}
.c_news_left{
  display: block;
  position: relative;
  width: 100%;
}
.fadeIn {
  transform: translate3d(50px, 0, 0);
  transition: 1s;
  opacity: 0;
}

.fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}


.news_span1{
  display: block;
  position: absolute;
  top: 5vw;
  left: 0;
  font-size: 16vw;
  line-height: 0;
  color: #B0B0B0;
  z-index: 10;
  opacity: 0.2;
}
.news_span2{
  display: block;
  position: absolute;
  top: 7vw;
  left: 2vw;
  font-size: 10vw;
  line-height: 0;
  color: #DD0000;
  z-index: 100;
}
.c_news_left p{
  display: block;
  position: absolute;
  top: 10vw;
  font-size: 5vw;
  font-weight: bold;
}

.c_news_right{
  display: block;
  position: relative;
  top: 25vw;
  width: 100%;
  height: auto;
}
.c_news_right_box{
  display: block;
  width: auto;
  height: auto;
  padding-bottom: 0px;
  border-bottom: solid 1px #222222;
  margin-bottom: 5vw;
}
.news_cate{
  display: inline-block;
  width: 25vw;
  text-align: center;
  background-color: #DD0000;
  color: #FFFFFF;
  border-radius: 4px;
  font-size: 4vw;
}
.news_time{
  display: inline-block;
  margin-left: 3vw;
  font-size: 4vw
}
.news_title{
  display: block;
  font-size: 4vw;
  margin: 0 auto 5vw;
}





.main_contents_one{
  display: block;
  width: 100%;
  height: auto;
  padding: 10vw 0;
  background-color: #F0F0F0;
}
.c_one{
  display: block;
  justify-content: space-between;
  width: 95%;
  margin: 0px auto 10vw;
  background-color: #005F68;
  border-radius: 3vw;
  overflow: hidden;
}
.c_one_left{
  display: block;
  width: 100%;
  height: 50vw;
  background-color: #FFFFFF;
  background-image: url("../img/c_one_img.jpg");
  background-size: cover;
  background-position: center center;
}
.c_one_right{
  display: block;
  width: 90%;
  padding: 5vw 5vw;
}
.c_one h1{
  display: block;
  text-align: center;
  font-size: 4.5vw;
  line-height: 0;
  color: #FFFFFF;
}
.c_one p{
  display: block;
  width: auto;
  margin: 6vw auto 0;
  font-size: 3.5vw;
  color: #FFFFFF;
}

.c_one_down{
  display: block;
  width: 100%;
  margin: 0px auto 0px;
}
.c_one_ceo{
  display: block;
  position: relative;
  justify-content: space-between;
  top: 25vw;
}
.c_one_ceo img{
  display: block;
  width: 60%;
  margin-left: 50%;
  transform: translateX(-50%);
}
.ceo_bn{
  display: block;
  width: 95%;
  margin: 3vw auto;
  font-size: 4vw;
}
.ceo_bn h2{
  font-size: 4.5vw;
}
.ceo_bn h2 span{
  display: block;
  font-size: 8vw;
}
small{
  font-size: 4vw;
  color: #888888;
  margin-left: 5vw;
}




.main_contents_two{
  display: block;
  width: 100%;
  height: auto;
  padding: 20vw 0 40vw;
  background-color: #FFFFFF;
}
.c_two{
  display: block;
  width: 100%;
  margin: 0px auto;
}
.c_two_up{
  display: block;
  position: relative;
  width: 95%;
  margin: auto;
}
.c_two_span1{
  display: block;
  position: absolute;
  top: 5vw;
  left: 50%;
  transform: translateX(-50%);
  font-size: 16vw;
  line-height: 0;
  color: #B0B0B0;
  z-index: 10;
  opacity: 0.2;
}
.c_two_span2{
  display: block;
  position: absolute;
  top: 7vw;
  left: 50%;
  transform: translateX(-50%);
  font-size: 10vw;
  line-height: 0;
  color: #DD0000;
  z-index: 100;
}
.fadeIn_up {
  transform: translate3d(0px, 50px, 0);
  transition: 1s;
  opacity: 0;
}
.fadeIn_up.animated_up {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}


.c_two_up p{
  display: block;
  position: absolute;
  width: 95%;
  text-align: center;
  top: 13vw;
  left: 50%;
  transform: translateX(-50%);
  font-size: 5vw;
  font-weight: bold;
}
.c_two_down{
  display: block;
  position: relative;
  top: 33vw;
}
.c_two_down_point{
  display: block;
  width: 95%;
  height: auto;
  margin: 0 auto 3vw;
  background-color: #00616A;
  text-align: center;
  line-height: 6vw;
  font-size: 3vw;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: 100vw;
}
.c_two_down_point span{
  color: #E6FF00;
}
.fadeIn_left {
  transform: translate3d(-50px, 0, 0);
  transition: 1s;
  opacity: 0;
}
.fadeIn_left.animated_left {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.c_two_down_lefty{
  display: block;
  justify-content: space-between;
  width: 95%;
  margin: 10vw auto 0;
}
.ctdl_left{
  display: block;
  width: 100%;
  height: auto;
}
.ctdl_left h2{
  display: block;
  line-height: 0;
}
.ctdl_left span{
  display: block;
  width: 92%;
  padding-left: 8%;
  background-color: #BDDEE2;
  background-image: url("../img/snyper.png");
  background-repeat: no-repeat;
  background-size: 5vw;
  background-position: 1vw 1vw;
  margin-top: 8vw;
}
  .ctdl_left p{
    font-size: 4vw;
  }
.ctdl_right{
  display: block;
  width: 95%;
  height: 50vw;
  height: auto;
  background-color: #A0A0A0;
}


.c_two_down_righty{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 95%;
  margin: 5vw auto 0;
  flex-direction: column-reverse;
}
.ctdr_right{
  display: block;
  width: 100%;
  height: 50vw;
  height: auto;
}
.ctdr_right h2{
  display: block;
  line-height: 0;
}
.ctdr_right span{
  display: block;
  width: 92%;
  padding-left: 8%;
  background-color: #BDDEE2;
  background-image: url("../img/snyper.png");
  background-repeat: no-repeat;
  background-size: 5vw;
  background-position: 1vw 1vw;
  margin-top: 8vw;
}
.ctdr_left{
  display: block;
  width: 100%;
  height: auto;
  background-color: #A0A0A0;
}

.c_two1{
  background-image: url("../img/c_two1.jpg");
  background-size: cover;
  background-position: center center;
  height: 50vw;
  width: 98%;
}
.c_two2{
  background-image: url("../img/muryo.jpg");
  background-size: cover;
  background-position: center -26vw;
  height: 50vw;
  width: 98%;
}
.c_two3{
  background-image: url("../img/c_two3.jpg");
  background-size: cover;
  background-position: bottom right;
  height: 50vw;
  width: 98%;
}







.main_contents_pickup{
  display: block;
  width: 100%;
  height: auto;
  padding: 0px 0 0px;
  background-color: #FFFFFF;
}
.c_pickup{
  display: block;
  width: 95%;
  margin: 0px auto;
}
.c_pickup_up{
  display: block;
  position: relative;
  width: 100%;
  margin: auto;
}
.c_pickup_up p{
  display: block;
  position: absolute;
  top: 12vw;
  left: 50%;
  transform: translateX(-50%);
  font-size: 5vw;
  font-weight: bold;
}

.c_pickup_down{
  display: block;
  justify-content: space-between;
  position: relative;
  top: 30vw;
  width: 100%;
  height: auto;
  background-color: #008564;
  border-radius: 3vw;
  background-image: url("../img/race.jpg");
  background-size: cover;
  background-position: center center;
  padding: 4vw 0 8vw 0;
}
.c_pickup_left{
  display: block;
  width: 90%;
  height: 0vw;
  background-color: transparent;
  border-radius: 100vw;
}
.c_pickup_right{
  display: block;
  width: 80%;
  height: 50vw;
  background-color: rgba(255,255,255,0.8);
  margin: 5vw auto 0;
  padding: 5%;
  border-radius: 20px;
}
.c_pickup_right h2{
  font-size: 5vw;
  line-height: 0;
  text-align: center;
}
.c_pickup_right p{
  display: block;
  margin-top: 5vw;
  font-size: 3.5vw;
}
.c_pickup_price{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 10vw;
  background-color: #DD0000;
  border-radius: 100vw;
  line-height: 10vw;
  margin-top: 5vw;
  color: #FFFFFF;
  font-size: 3.5vw;
}
.c_pickup_price span{
  text-decoration: line-through;
}
.red{
  display: block;
  margin-left: 2vw;
  font-weight: bold;
  color: #ECFF00;
}




.main_contents_three{
  display: block;
  width: 100%;
  height: auto;
  padding: 38vw 0 48vw;
  background-color: #FFFFFF;
}

.c_two_down_flex{
  display: block;
  position: relative;
  justify-content: space-between;
  top: 35vw;
}
.bene_box{
  display: block;
  width: 95%;
  height: auto;
  background-color: #F0F0F0;
  margin: 3vw auto;
}
.bene_b_phot{
  display: block;
  width: 100%;
  height: 60vw;
  background-color: #C5C5C5;
}
.bene_b_title{
  display: block;
  width: 100%;
  height: 10vw;
  background-color: #00616A;
  text-align: center;
  color: #FFFFFF;
  font-size: 5vw;
  font-weight: bold;
  line-height: 10vw;
}
.bene_b_bn{
  display: block;
  font-size: 3.5vw;
  padding: 3vw;
}
.c_shimekiri{
  display: block;
  position: relative;
  top: 38vw;
  height: 10vw;
  width: 95%;
  margin: auto;
  background-color: #DD0000;
  text-align: center;
  color: #FFFFFF;
  line-height: 10vw;
  font-size: 3.5vw;
  font-weight: bold;
}

.b_p1{
  background-image: url("../img/31987625_s.jpg");
  background-size: cover;
  background-position: center center;
}
.b_p2{
  background-image: url("../img/quocard.jpg");
  background-size: cover;
  background-position: center center;
}
.b_p3{
  background-image: url("../img/c_two2.jpg");
  background-size: cover;
  background-position: center center;
}




.main_contents_company{
  display: block;
  width: 100%;
  height: auto;
  padding: 5vw 0;
  background-color: #F0F0F0;
}
.c_com{
  display: block;
  width: 95%;
  margin: 25vw auto 0;
}
.c_com table{
  display: block;
}
.c_com table tr{
  display: flex;
  justify-content: space-between;
  margin: 3vw;
}
.c_com table tr th{
  display: block;
  width: 20vw;
  border-bottom: solid 1px #222222;
  padding-bottom: 3vw;
  font-size: 3vw;
}
.c_com table tr td{
  display: block;
  width: 68vw;
  border-bottom: solid 1px #848484;
  font-size: 3vw;
}




.contact_st{
  display: block;
  width: 100%;
  height: auto;
  padding: 6vw 0;
  background: linear-gradient(0deg, #E7E7E7 0%, #FFFFFF 100%);
}

.contact{
  display: block;
  width: 95%;
  margin: 25vw auto 0;
}
.contact h1{
  display: block;
  color: #131313;
  font-size: 50px;
  margin-top: 0px;
  text-align: center;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-style: normal;
}
.contact h1 span{
  display: block;
  font-size: 14px;
}


.contact_nk{
  display: block;
  justify-content: center;
  width: 100%;
  height: auto;
  margin: auto;
  border-radius: 0px;
  background-color: #FFFFFF;
  text-align: center;
  padding: 5vw 0;
}
.contact_left{
  display: block;
  width: 90%;
  margin: 5vw auto 0;
}
.contact_left span{
  display: block;
  width: 100%;
  height: auto;
  background: linear-gradient(0deg, #00616A 0%, #00919E 100%);
  margin: 0vw auto 0;
  border-radius: 100vw;
  line-height: 50px;
  color: #FFFFFF;
}

.contact_right{
  display: block;
  width: 100%;
  margin-left: 0px;
}
.contact_right p{
  display: block;
  margin: 6vw auto 8vw;
  font-size: 4vw;
  color: #00616A;
}
.tel{
  font-size: 8vw;
  font-weight: bold;
  color: #00616A;
  line-height: 0;
  margin-top: -2vw;
}
.tel span{
  font-size: 3vw;
  color: #454545;
}
.main_contact_uktk{
  display: block;
  margin: 8vw auto 0;
  width: auto;
  padding: 0vw 0;
  font-size: 2.5vw;
}










footer{
  display: block;
  position: relative;
  width: 100%;
  height: 75vw;
  background-color: #3A3A3A;
}

.footer_nk{
  display: block;
  width: 100%;
  margin: auto;
  padding: 6vw 0;
}
.footer_up{
  display: block;
  width: 80vw;
  height: 10vw;
  margin: 0px auto 0;
  text-align: center;
  line-height: 100px;
}
.footer_down{
  display: block;
  justify-content: center;
  margin: 15vw auto 0;
}
.footer_down a{
  display: block;
  margin: 1vw 0vw;
  color: #FFFFFF;
  font-size: 3vw;
  text-align: center;
}


.footer_under{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  text-align: center;
  color: #FFFFFF;
  font-size: 10px;
  background-color: #0D0D0D;
  line-height: 30px;
}




.main_view_sub{
  display: block;
  width: 100%;
  height: 250px;
  background-color: #CDCDCD;
  text-align: center;
  line-height: 280px;
}





.main_view_sub_content{
  display: block;
  width: 95%;
  max-width: 800px;
  margin: 0px auto;
  padding-bottom: 0px;
  padding-top: 50px;
}
.info{
  margin-top: 130px;
}
.main_view_sub_content h3{
  display: block;
  text-align: start;
  color: #222222;
  border-bottom: solid 2px #828282;
}
.main_view_sub_content h5{
  color: #222222;
  font-size: 16px;
}

.list span{
  display: block;
  font-size: 0.8rem;
}





.company{
  display: block;
  width: 100%;
  height: auto;
  padding: 0px 0 50px 0;
}
.company{
  display: block;
  width: 800px;
  margin: auto;
}
.company table{
  display: block;
  width: 100%;
  max-width: 1000px;
  margin: 0px auto 0;
  padding: 0px;
  background-color: #E3E3E3;
}
.company table tr{
  width: 100%;
  display: block;
  padding: 5px;
}
.company table tr th{
  width: 200px;
  text-align: justify;
  padding-left: 20px;
  height: 60px;
  background-color: #4D4D4D;
  color: #FFFFFF;
  font-weight: bold;
}
.company table tr td{
  width: 537px;
  text-align: justify;
  padding-left: 20px;
  height: 60px;
  background-color: #FFFFFF;
  color: #2D2D2D;
  font-weight: 500;
  text-decoration: none!important;
}



.small_w{
  color: #FFFFFF;
  font-size: 2vw;
  margin: 0;
}

  
  
  
}