body{letter-spacing: 0}

/*15px*/
#nav a{font-size: 18px;}

/*18px*/
.news_entry .body,
#sidebar h2,
.btn a, .btn input,
body{font-size: 14px}

/*20px*/
.price strong,
.flow li dl dt span,
#ft_tl{font-size: 16px}

/*25px*/
.price2 li dl dt,
.flow li dl dt,
#nav .tel,
#ft_btn li.btn a,
.allin li h3,
.sub_btn li a,
.main_btn li h3{font-size: 18px}

/*28px*/
.subtl,
#second #mainview h1 span,
#ft_contact ul li.mail a h4,
#safety dd{font-size: 20px}

/*35px*/
#safety dt,
.tl_area .tl{font-size: 28px}

/*40px*/
.allin li .thum span,
.allin li.title{font-size: 36px;}

/*50px*/
.tel_area dt,
#ft_contact ul li.tel{font-size: 40px}

/*74px*/
.price2 li dl dd,
#second #mainview h1{font-size: 70px}
.price2 li dl dd{font-size: 30px}
.price2 li dl dd span{font-size: 20px}

.pc{display: none;}
.sp{display: block;}

#head{padding:20px;}
#logo{width: 180px;position: relative;z-index: 10}
#nav{position: fixed;width: 100%;height: 100vh;z-index: 9;background:rgba(6,173,200,0.9);color:#fff;top:0;left:0;flex-direction:column;justify-content:center; }
#nav a{display: block;padding:2vh 0;text-align: center;}
#telphone {position: relative;z-index: 10;width: 30px;display: inline-block;margin-left: 15px}
#telphone svg{width: 100%;filter: drop-shadow(0px 0 10px rgba(0, 0, 0, 1));}
#nav li{width: 100%;}
#nav .tel{display: none;}


.sp_menu{display: flex;}


/*=============================
.btn-trigger
=============================*/
.btn-trigger {
  position: relative;
  width: 50px;
  height: 44px;
  cursor: pointer;
  zoom: 70%;
  z-index: 10;
}
.btn-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0 10px rgba(0, 0, 0, 1);
}
.btn-trigger, .btn-trigger span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
  top: 0;
}
.btn-trigger span:nth-of-type(2) {
  top: 20px;
}
.btn-trigger span:nth-of-type(3) {
  bottom: 0;
}
/*=============================
#btn09
=============================*/
#btn09.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(315deg);
  transform: translateY(20px) rotate(315deg);
}
#btn09.active span:nth-of-type(2) {
  opacity: 0;
}
#btn09.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(-315deg);
  transform: translateY(-20px) rotate(-315deg);
}

.tl_area{display: block;text-align: center;}
.tl_area .tl{margin:0 0 10px}
.tl_area p br{display: none;}
.main_btn li{width: 100%;}
.main_btn li a .thum{height: 50vw}
.allin li h3,
.main_btn li h3{padding: 0 0 5px}
.btn a, .btn input{width: 85%;}
.news_area li{width: 48%;margin-bottom: 15px}
.news_area ul{flex-wrap: wrap;margin-bottom: -15px}
.allin li.title{height: 3em;font-size: 20px}
.sub_btn{display: block;}
.sub_btn li:last-child,
.sub_btn li{width: 96%;padding:0;border:none;margin:2%}
.allin li{width: 100%;display: flex;align-items: center;}
.allin li .detail{padding:0 15px;width: 50vw;line-height: 120%}
.allin li .thum{width:50vw;height: 130px;}
.allin li h3{text-align: left;font-size: 16px}
.allin li .thum span{font-size: 5vw}
.main_btn li:nth-child(2n) a{border: none;}
.sub_btn li a,
.btn a, .btn input{padding:20px;}
.sub_btn li a,
.main_btn li .detail{background-size: 20px 6px}
.main_btn li p{width: 90%}
.btn a:after, .btn input:after{width: 20px; height: 7px;margin-top: -3.5px;right: 10px}
#safety dl{display: block;text-align: center;}
#safety dt{width: 100%;padding: 0 0 10px;line-height: 120%}
#safety dd{text-align: center;padding:10px 0;border: none;border-top: dotted 1px #fff;font-size: 18px;}
#safety dd br{display: none;}
#safety dd span{margin:5px auto 0}
#ft_nav .flex{flex-wrap: wrap;justify-content: flex-start;width: 96%;margin:0 auto;justify-content: space-between;padding: 10px 0 20px}
#ft_nav .flex li{width: 48%;}
#ft_nav .flex li a{display: block;border-bottom: dotted 1px #fff;}
#ft_nav #ft_btn .flex{display: block;}
#ft_contact ul li{width: 100% !important;border:none !important;}
.tel_area dt svg, #ft_contact ul li img{width: 30px;margin-right: 10px}
#ft_contact ul li.tel{padding-bottom: 15px}
#ft_nav #ft_btn .flex li{width: 100%;margin:5px 0}
#ft_nav #ft_btn .flex li a{padding: 20px;border: none;}
#ft_detail .logo{width: 50vw;text-align: center;margin:0 auto 10px}
#ft_detail{display: block;text-align: center;}
#copyright{padding: 30px 0}

#second #mainview{height: 50vw}
#second #mainview h1{font-size: 30px}
#second #mainview h1 span{font-size: 16px}

.flow li{padding:5vw}
.flow li dl dt, .flow li dl dd,
.flow li dl{display: block;}
.flow li dl dd{padding:3vw 0 0}
.flow li:last-child dl dt,
.flow li dl dt{border:none;border-bottom:solid 1px rgba(6,173,200,1.0);padding-bottom:3vw }
.flow li:last-child dl dt{border-bottom:solid 1px #fff;}

.flow li:after{width: 6vw;height: 6vw;bottom: -4vw;left:50%;margin-left: -3vw}
table th, table td{padding:3vw}
.price strong{margin-bottom: 2vw}

.wo_nav li a{padding: 15px 2vw}


.works_list li{width: 48%;margin-bottom: 3%;margin-right: 4%;}
.works_list li:nth-child(3n){margin-right: 4%}
.works_list li:nth-child(2n){margin-right: 0}

.shadowbox{padding:5vw}

.table2 th,
.table2 td{display: block;width: 100%;padding: 10px 0 ;}
.table2 th{text-align: center;border-bottom: none;background: rgba(6,173,200,0.1)}
.table2 td{border-top: none;border-bottom: none;}
.shadowbox p{line-height: 180%;}

.tel_area dl{display: block;}
.tel_area dt{margin:0}
.tel_area dd{text-align: center;}
.table2 td input, .table2 td textarea{width: 100%;}
.table2 td .mwform-radio-field input{width: auto}
.table2 td .mwform-tel-field  input{width: 25%}
.table2 th span{margin-right: 15px}

#telphone .cls-1{fill:#fff}

#sidebar,
.entry_area{width: 100%;}
.news li dl dt,
.news li dl dd{vertical-align: top;}
.news li dl dt{width: 40%}
.news li{padding: 5vw 0}
#sidebar ul li a{font-size: 16px;padding:15px 0}
.news_entry{padding-bottom: 50px}
#sidebar .widget{margin-bottom: 5vw}

.kodawari .center {padding: 5vw 0 0 ;}
.kodawari .center br{display: none;}