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

@font-face{
  font-family:'Noto Sans JP'; 
  font-style:normal;
  font-weight:400;
  src:url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700,900'); 
}
html{
  font-size: 62.5%;
  font-feature-settings: "palt"
}
body{
  font-family: 'Noto Sans JP', sans-serif;
  color: #323232;
  font-size: 0.833vw;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{
	max-width: 100%;
    height: auto;
}
a{
	text-decoration: none;
}
a.no-click{
  pointer-events: none;
}
.SP{
  display: none;
}
h2{
  font-size: 2.083vw;
  padding: 3.75vw 0 6.25vw 0;
  font-weight: 900;
  text-align: center;
}
h2 span{
  font-size: 1.563vw;
  padding-left: 3.906vw;
}
.section_wrapp{
  padding: 0 12.083vw;
  margin: 0 auto;
}
/*video---------------*/
 #player {
 	position: absolute; 
 	top:0; 
 	width: 100%; 
 	height: 100%; 
 	background: #FFF; 
 	z-index: 9999999999;
 }
#SPplayer{
  display: none;
}
/*---------------video*/
/*header--------------*/
.topLogo{
  margin-left: 11.458vw;
}
.topLogo img{
  width: 10.104vw;
}
.top_videoBox{
  position: relative;
  height: 56.25vw;
}
.top_videoBox video{
  width: 100vw;
  height: 56.25vw;
}
.top_videoBox__inner{
  position: absolute;
  bottom: 6.771vw;
  left: 12.083vw;
  color: #fff;
}
.top_videoBox__inner dt img{
  width: 11.406vw;
}
.top_videoBox__inner dd{
  margin-bottom: 2.604vw;
  font-size: 1.302vw;
  font-weight: bolder;
}
.top_videoBox__inner dd:first-of-type{
  font-size: 3.906vw;
  margin-top: 3.646vw;
  text-transform: uppercase;
}
.top_videoBox__inner dd:nth-of-type(2){
  line-height: 1.5em;
}
.top_videoBox__inner dd:last-of-type{
  margin-bottom: 6.771vw;
}
.top_videoBox__inner a{
  display: inline-block;
  color: #fff;
  border: solid 4px #fff;
  font-weight: bold;
  padding: 0.781vw 1.823vw;
}

/*--------------header*/
/*section portfolio---------*/
.section_pf{
  background-color: #E7E7E7;
  padding-bottom: 3.75vw;
}
.slick-box{
  margin-left: 3.125vw;
  padding-bottom: 4.948vw;
}
.slick-box.slick-boxSP{
  display: none;
}
.slick-box img{
  width: 13.75vw;
}
.logo-box{
  background-color: #fff;
  padding: 2.604vw 0;
}
.logo-box div{
  width: 65.625vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-bottom: 2.083vw;
}
.logo-box div img{
  width: 12.24vw;
  height: 4.688vw;
}
.logo-box div img.logo_small{
  width: 5.99vw;
}
/*---------section portfolio*/
/*section hybrid------------*/
.section_hb__about{
  text-align: center;
}
.section_hb__about dt{
  font-size: 2.604vw;
  font-weight: bolder;
  padding-bottom: 0.521vw;
}
.section_hb__about .cross{
  font-size: 3.646vw;
  padding: 3.646vw 0;
}
.section_hb__type dl{
  padding-top: 7.292vw;
}
.section_hb__type dt{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 5.729vw;
}
.section_hb__type dt img{
  width: 7.552vw;
}
.section_hb__type dt p{
  font-size: 1.302vw;
  padding-left: 3.906vw;
  padding-top: 1.042vw;
}
.section_hb__type dd{
  display: flex;
  justify-content: space-between;
}
.section_hb__type dd img{
  display: block;
}
.type_yoko{
  width: 25.885vw;
  height: 17.344vw;
  padding-top: 0.781vw;
}
.type_yoko2{
  padding-top: 3.125vw;
}
.type_tate{
  width: 18.802vw;
  padding-right: 3.125vw;
  padding-bottom: 3.75vw;
}
.type_4{
  width: 25.729vw;
}
.type_yaji{
  width: 5.573vw;
  height: 2.031vw;
  padding-top: 7.813vw;
}
.type_yaji2{
  padding-top: 10.417vw;
}
/*------------section hybrid*/
/*section merit-------------*/
.section_mr{
  background-color: #F2F5F4;
  padding-bottom: 3.75vw;
}
.section_mr__inner{
  width: 65.625vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-top: 1.042vw;
}
.section_mr__inner dl{
  text-align: center;
}
.section_mr__inner dt img{
  width: 11.198vw;
}
.section_mr__inner .section_mr__inner__tytle{
  font-size: 1.302vw;
  font-weight: 900;
  padding: 2.604vw 0;
}
.section_mr__inner dd:last-child{
  width: 17.448vw;
  font-size: 1.042vw;
  text-align: left;
  line-height: 1.7em;
}
.line1{
  width: 34.844vw;
}
.line2{
  width: 39.167vw;
}
/*-------------section merit*/
/*section price-------------*/
.section_pr div{
  display: flex;
}
.section_pr__ex_1{
  justify-content: space-between;
  margin-bottom: 5.729vw;
}
.section_pr__ex_1 img{
  width: 22.813vw;
}
.section_pr__ex_1 i{
  font-size: 2.083vw;
  padding-top: 1.042vw;
}
.section_pr__ex_2{
  justify-content: space-around;
  margin-bottom: 5.729vw;
}
.exTitle{
  font-size: 1.563vw;
  font-weight: 900;
  padding-bottom: 1.563vw;
  text-align: center;
}
.exBox{
  background-color: #F2F4F5;
  padding: 3.125vw 2.083vw;
}
.exBox dt{
  font-size: 1.302vw;
}
.exBox dd{
  font-size: 1.563vw;
  font-weight: 900;
  padding-top: 1.563vw;
  padding-bottom: 3.125vw;
}
.exBox__total img{
  width: 3.49vw;
}
.exBox__total p{
  color: #02c535;
  font-size: 2.604vw;
  font-weight: 900;
  padding-left: 2.344vw;
  padding-top: 0.521vw;
}
.section_pr_caution{
  width: 50vw;
  margin: 0 auto;
  font-size: 1.042vw;
  line-height: 2em;
  margin-bottom: 8.594vw;
}
/*-------------section price*/
/*section affiliate---------*/
.section_af{
  width: 60%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 3.75vw auto;
}

/*---------section affiliate*/
/*footer--------------------*/
footer{
  background-color: #BFBFBF;
  padding: 6.771vw 0;
}
footer ul{
  display: flex;
  justify-content: space-around;
}
footer ul img{
  width: 13.438vw;
}
footer ul .linkBox a{
  color: #323232;
  padding-right: 1.042vw;
  padding-left: 1.042vw;
  font-size: 0.938vw;
}
footer ul li{
  padding-top: 2.083vw;
}
footer ul li:nth-of-type(2){
  padding-top: 0;
}
/*--------------------footer*/