/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;900&family=Noto+Serif+JP:wght@400;500;900&family=Sawarabi+Mincho&family=Shippori+Mincho+B1:wght@400;600;800&display=swap');

html{
  font-size: 62.5%;
  line-height: normal;
}
body{
  font-size: 1.6rem;
  line-height: 1.5;
  color: #000;
  max-width: 100vw;
  font-family: 'Hina Mincho','Noto Sans JP',"Noto Serif JP","Sawarabi Mincho",sans-serif, "serif";
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color:#ffffff;
  font-weight: 400;
}
.flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.center{
  text-align: center;
}
.sp{
  display: none;
}
.pc{
  display: block;
}
/*navigation*/
nav{
  font-family: 'Noto Sans JP';
  position: fixed;
  width: 100%;
  height: 4.17vw;
  background-color: #cfcfcf;
  z-index: 800;
}
nav>div{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 95vw;
}
nav>div>ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
nav>div>ul>li:last-of-type>ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 60vw;
  font-size: 1.4vw;
  line-height: 2;
}
.nav_logo img{
  width: 15vw;
}
.nav-area li a{
  color: #000;
}
/*END navigation*/
.eyecatch-area{
  position: relative;
}
.header_eyecatch{
  overflow: hidden;
  padding-top: 3.69vw;
}
.header_eyecatch img{
  width: 100%;
}
.eyecatch-area p{
  position: absolute;
  top: 33.85vw;
  left: 11.2vw;
  font-size: 1.25vw;
  color: #fff;
  text-shadow:1px 1px 0 #555555, -1px -1px 0 #555555,
  -1px 1px 0 #555555, 1px -1px 0 #555555,
  0px 1px 0 #555555,  0-1px 0 #555555,
  -1px 0 0 #555555, 1px 0 0 #555555;
}
.eyecatch-area h1{
  position: absolute;
  top: 36.3vw;
  left: 12.29vw;
  font-size: 2.6vw;
  color: #fff;
  text-shadow:
        1px 1px 0 #333,
        2px 2px 0 #333,
        3px 3px 0 #333,
        4px 4px 0 #333,
        5px 5px 0 #333;
  font-family: "Krungthep";
}
.header-title_1{
  position: absolute;
  top: 11.04vw;
  left: 2.81vw;
}
.header-title_1 img{
  width: 34.27vw;
}
.header-title_2{
  position: absolute;
  top: 16.67vw;
  left: 15.73vw;
}
.header-title_2 img{
  width: 30.05vw;
}
.cv_btn-top{
  position: absolute;
  top: 43.02vw;
  left: 13.28vw;
  border: none;
  background-color: #DE4D4D;
  -webkit-box-shadow: 0px 10px 6px #00000029;
  box-shadow: 0px 10px 6px #00000029;
  width: 23.85vw;
  height: 5.26vw;
  color: #fff;
  font-size: 1.56vw;
  font-family: "Noto Sans JP";
  letter-spacing: 3px;
  font-weight: 600;
  line-height: 3.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cv_btn-top a{
  color: #fff;
  padding-left: 5.31vw;
}
.cv_btn-top:hover{
  cursor: pointer;
  -webkit-transform: translate3d(0, 8px, 0);
  transform: translate3d(0, 8px, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/**ＥＮＤ//**ヘッダーエリア***/

/*プロテクター装備のジャケット*/
.h2-area{
    padding: 5vw 0;
    box-sizing: border-box;
}
.h2-img{
    width: 28.8vw;
    margin: auto;
    margin-bottom: 3.13vw;
}
.h2-img img{
    width: 100%;
}
h2{
    margin-bottom: 2.08vw;
    font-size: 3.33vw;
}
.start_text{
    margin: auto;
    width: 52.08vw;
    font-size: 1vw;
    line-height: 2;
    font-weight: 400;
    color: #000;
}
.box19 {
  position: relative;
  padding:1.25em;
  width:52.08vw;
  margin: auto;
}
.box19:before,.box19:after{ 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}
.box19:before{
  border-left: solid 3px #707070;
  border-top: solid 3px #707070;
  top:0;
  left: 0;
}
.box19:after{
  border-right: solid 3px #707070;
  border-bottom: solid 3px #707070;
  bottom:0;
  right: 0;
}
.box19 p {
 
  padding: 0;
}
/*四角エリア*/
.Bland_section02 li{
    color: #fff;
    width: 50vw;
    padding: 2vw;
    box-sizing: border-box;
}
.Bland_ul01,.Bland_ul02{
    display: flex;
}
.Bland_text{
    background-color: #000;
}
.Bland_text h3{
  white-space: nowrap;
    font-size: 1.25vw;
    letter-spacing: 4px;
    margin-top: 5.21vw;
    margin-bottom: 7.81vw;
    text-align: center;
    box-sizing: border-box;
}
.Bland_text p{
    font-size: 1vw;
    width: 30.63vw;
    margin: auto;
    line-height: 2;
}
.Bland_ul02{
    flex-flow: row-reverse;
}
.Bland_img img{
    width: 100%;
}
/*END 四角エリア*/

/*footer*/
footer{
    text-align: center;
    padding: 6.77vw 0 1.56vw;
    background-color: #000;
    color: #fff;
    font-family: 'Noto Sans JP';
}
footer div{
    width: 32.14vw;
    margin: auto;
    margin-bottom: 2vw;
}
footer div img{
  width: 100%;
}
footer p:last-of-type{
    margin-bottom: 6.25vw;
}
small{
  font-size: 15px;
  margin-bottom: 20px;
}

/*END footer*/