/* リセット */
.container {
  max-width: 1000px;
  position:  relative;
}
.jumbotron {
  margin-bottom: 0;
  border-radius: 0;
  background: #f0f6fb;
}
/* 追加 */
.ttl-h1 {
  position: relative;
  padding: 10px 0 10px 30px;
  font-size: 32px;
  font-weight: bold;
  border-left: 4px solid #004eab;
}
.ttl-h2 {
  font-size: 24px;
  font-weight: bold;
  color: #1f286f;
}
.ttl-h3 {
  color: #004eab;
  font-size: 18px;
  font-weight: bold;
}
/* btn */
.contact-btn:hover,
.btn-confirm:hover,
.btn-send:hover,
.img-btn-nav:hover {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
  opacity: .9;
}
/* info-news */
.info-news {
  margin: -1em 0 3em;
  padding: 1em;
  color: #d00;
  border: #d00 2px solid;
  background: #ffe2e5;
  border-radius: .2em;
  text-align: center;
}
/* ベース（スクリュー杭） */
.navbar {
  padding: 15px;
}
.navbar-brand {
  margin: 0;
}
header nav.navbar {
  padding: 0;
  background: #004eab;
}
header nav.navbar img {
  margin-right: 10px;
}
header nav.navbar .navbar-nav {
  width: 100%;
}
header .navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,1);
}
header nav.navbar .navbar-nav .nav-item {
  padding: .5em 1.24em;
  border-left: 1px solid #3a84dc;
  font-size:15px;
}
header nav.navbar .navbar-nav .nav-item:last-child {
  border-right: 1px solid #3a84dc;
}
header nav.navbar .navbar-nav .nav-item.active {
  background: #3a84dc;
}
.hero {
  padding: 10px 2rem 20px;
  background: #b7e4f2;
}
.hero .jumbotron-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: -10px;
  padding-top: 10px;
  background-image: url(../img/screw-kui/hero-bg.png);
  background-repeat: no-repeat;
  background-position: top right;
}
.hero-txt {
  position: relative;
  right: -30px;
  bottom: -10px;
}
.hero .container {
  position: relative;
}
.hero .nav-lp ul {
  position: absolute;
  display: flex;
  padding: 0 15px;
  top: 0;
  right: 0;
  list-style: none;
}
.hero_sub {
  padding: 1rem 2rem;
  text-align: center;
  background: #004eab;
  background: -webkit-gradient(linear, left top, left bottom, from(#0068b7),to(#004eab));
  background: linear-gradient(to bottom, #0068b7 0%,#004eab 100%);
}
.about .bg-white {
  margin: 0;
}
.about .bg-white .box {
  padding: 0;
}
.about .bg-white .col-7 {
  padding: 25px;
}
.about .plice .ttl-h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px 0 0;
  font-size: 28px;
  font-weight: bold;
  color: #1f286f;
  background: #fff;
}
.about .plice .ttl-h2::before {
  background-color: #1f286f;
  margin-right: 20px;
  padding: 15px;
}
.about .plice .ttl-h2.screw::before {
  content: url(../img/screw-kui/about-icn-screw_white.png);
}
.about .plice .ttl-h2.fringe::before {
  content: url(../img/screw-kui/about-icn-fringe_white.png);
}
.contact {
  background: #aadfef;
}
.contact .contact-bg {
  position: relative;
}
.contact .contact-btn {
  position: absolute;
  top: 125px;
  right: 40px;
}
.merit {
  background-image: linear-gradient(
    -45deg,
    #2084ef 20%,
    #27a2f3 20%,
    #27a2f3 50%,
    #2084ef 50%,
    #2084ef 70%,
    #27a2f3 70%,
    #27a2f3
  );
  background-size: 20px 20px;
}
.merit-container {
  padding: 50px 30px;
  background: #fff;
}
.merit-container img {
  width: 100%;
}
.merit-item {
  margin: 0 0 30px;
  padding: 0 0 40px;
  border-bottom: 7px solid #e5f0f8;
}
.merit-item:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
.merit-icon, .merit-img {
  padding: 0;
}
.merit-txt {
  padding: 10px 20px 0 30px;
}
.merit-txt p {
  margin: 0;
}
.merit-item-ttl {
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
}
.merit-item-ttl span {
  color: #ff4400;
}
.info-ttl {
  margin-bottom: 30px;
  padding: 10px;
  font-size: 22px;
  text-align: center;
  color: #fff;
  background: #004eab;
}
/* フェンス */
#page-fence .hero .jumbotron-heading {
  background-image: url(../img/fence/hero-bg.png);
  background-repeat: no-repeat;
  background-position: 320px -10px;
}
#page-fence .hero-txt {
  right: -10px;
}
#page-fence .about .plice .ttl-h2::before {
  content: "";
  padding: 25px 4px;
}
/* 架台 */
#page-kadai .hero .jumbotron-heading {
  background-image: url(../img/kadai/hero-bg.png);
  background-repeat: no-repeat;
  background-position: 320px -10px;
}
#page-kadai .hero-txt {
  right: -50px;
}
#page-kadai .about .plice .ttl-h2::before {
  content: "";
  padding: 25px 4px;
}
#page-kadai .plice .bg-white .col-9 {
  padding: 25px;
}
/* 防草シート */
#page-sheet .hero .jumbotron-heading {
  background-image: url(../img/sheet/hero-bg.png);
  background-repeat: no-repeat;
  background-position: 240px -40px;
}
/* お問い合わせ */
.contact-form {
  font-size: 18px;
  background: #fff;
}
.form-table-ttl {
  margin: 0;
  padding: 10px 20px;
  font-size: 22px;
  color: #fff;
  background: #004eab;
}
.contact-form .form, .contact-form .content, .contact-calculator  {
  margin: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 50px);
}
.contact-form .form th {
  padding: 16px 0;
  /* 配送情報を復活したときは 200pxに戻す */
  width: 220px;
}
.contact-form .form .checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 15px 0;
}
.contact-form .form .checkbox label {
  width: 50%;
  padding: 5px 20px;
}
.contact-form .form .checkbox .is-invalid {
  color: #dc3545;
}
.contact-customer th.required:after {
  content: '*';
  color: #d00;
  margin-left: 0.2em;
}
.contact-calculator {
  border: 1px solid #004eab;
  border-collapse: collapse;
}
.contact-calculator th,
.contact-calculator td{
  padding: 15px;
}
.contact-calculator th {
  background: #e5edf6;
  border: 1px solid #004eab;
}
.contact-calculator td {
  border: 1px solid #004eab;
}
.contact-calculator td p {
  margin: 0;
  font-size: 16px;
}
.contact-cal-input label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: .5rem 0;
}
.contact-cal-input label .label-ttl {
  width: 160px;
}
.contact-cal-input label input,
.contact-cal-input label .input-group {
  margin: 0 20px;
  text-align: right;
}
.contact-cal-num {
  font-size: 28px;
  font-weight: bold;
}
.contact-cal-sum {
  font-size: 36px;
  font-weight: bold;
}
.contact-calculator .font-bold {
  font-weight: bold;
}
.contact-calculator th.border-bold,
.contact-calculator td.border-bold {
  border-bottom: 4px solid #004eab;
}
.btn-confirm, .btn-pdf {
  margin: 0;
  padding: 0;
  width: auto;
  background: none;
  border: 0;
  font-size: 0;
  line-height: 0;
  overflow: visible;
  cursor: pointer;
}
/* オンライン見積 */
#page-estimate .jumbotron {
  padding: 1rem;
}
#page-estimate .container {
  position: relative;
  padding-right: 30px;
  padding-left: 30px;
  background: #fff;
}
#page-estimate .function-btn {
  position: absolute;
  top: 1em;
  right: 1em;
}
#page-estimate .contact-calculator {
  margin: 0;
  width: 100%;
  border: 4px solid #000;
}
#page-estimate .contact-calculator td,
#page-estimate .contact-calculator th {
  padding: 5px 10px;
  border: 1px solid #000;
}
#page-estimate .contact-calculator td.border-bold,
#page-estimate .contact-calculator th.border-bold {
  border-bottom: 4px solid #000;
}
#page-estimate .contact-calculator th {
  background: none;
  border-right: 4px solid #000;
}
#page-estimate .contact-cal-input label {
  margin: 0 0 2px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
}
#page-estimate .contact-cal-input label:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
#page-estimate .write-field {
  margin: 10px 0 10px 30px;
  padding-right: 0;
  padding-left: 0;
  border: dashed 2px #000;
  box-sizing: border-box;
}
#page-estimate .contact-customer {
  width: 100%;
}
#page-estimate .contact-customer th {
  padding: 5px 0;
  border-top: 1px solid #000;
}
#page-estimate .contact-customer td {
  /* 配送情報を復活したときは 5px 0pxに戻す */
  padding: 5px 0 0 10px;
  border-top: 1px solid #000;
}
#page-estimate .contact-customer tr:last-child th,
#page-estimate .contact-customer tr:last-child td {
  border-bottom: 1px solid #000;
}
#page-estimate .contact-customer th {
  width: 140px;
}
#page-estimate .info-fax {
  background: #ddd;
  border: 1px solid #000;
}


/*-----
tuika 20190710
------------------------------------------------*/


.clearfix::after {
  content: "";
  display: table;
  clear: both;
}



.itemImg{
margin:  0;
padding: 0;
 width:  960px;
 margin-bottom:  40px;
}

.itemImg li{
margin:  0;
padding: 0;
list-style:  none;
float: left;
width:  300px;
margin-right:  30px;
}

.itemImg li:nth-child(3n){
margin-right: 0 !important;
}

.pdf01{
margin:  0;
padding: 0;
margin-bottom:  15px;
}

.pdf01 li{
margin:  0;
padding: 0;
list-style:  none;
margin-bottom:  5px;
width:  100%;
}

.pdf01 li a{
display: block;
padding:  5px 10px;
border:  solid 1px #ccc;
background:  #e2e2e2;
}

.pdf02{
margin:  0;
padding: 0;
margin-bottom:  30px;
}

.pdf02 li{
margin:  0;
padding: 0;
list-style:  none;
margin-bottom:  10px;
width:  100%;
}

.pdf02 li a{
display: block;
padding:  5px 10px;
border:  solid 1px #ccc;
background:  #fed6d6;
}

.kadaiBox01{
width:  960px;
 margin-bottom: 60px;
}

.kadaiBox01 p:nth-child(1){
float: left;
width:  700px;
}

.kadaiBox01 p:nth-child(2){
float: right;
width:  220px;
}

.kadaiBox02{
width:  960px;
 margin-bottom: 60px;
}

.kadaiBox02 p:nth-child(1){
float: right;
width:  700px;
}

.kadaiBox02 p:nth-child(2){
float: left;
width:  220px;
}

/*-----
tuika 20190831
------------------------------------------------*/

.anc{
 width:  100%;
 margin-bottom:  80px;
}

.anc li{
float: left;
width:  15%;
margin-right: 2%;
list-style:none;
font-size:  14px;
}

.anc li:last-child{
margin-right: 0;
}

.anc li a{
display:  block;
padding:  10px;
text-align: center;
border: solid 1px #ccc;
}

.home{
position:  absolute;
top: 15px;
left:  250px;
display: block;
width:  100px;
}

.home a{
display: block;
border: solid 1px #ccc;
background:  #d0df68;
text-align: center;
padding:  3px 0;
}

/* ---------------------------- */
/* 20220708 修正追記 */
/* ---------------------------- */
/* メインビジュアル */
.jumbotron .hero_right_area .hero_title_box {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.jumbotron .hero_right_area .hero_title_box p {
  font-weight: 700;
}
.jumbotron .hero_right_area .hero_title_box .hero_title_text {
  font-size: 26px;
  line-height: 1.0;
  padding-top: 15px;
  color: #B9001A;
  text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff,
               3px 2px 0 #fff, -3px 2px 0 #fff,
               3px 1px 0 #fff, -3px 1px 0 #fff,
               3px 0px 0 #fff, -3px 0px 0 #fff,
               -3px 3px 0 #fff, 3px -3px 0 #fff,
               -3px 2px 0 #fff, 3px -2px 0 #fff,
               -3px 1px 0 #fff, 3px -1px 0 #fff,
               0px 3px 0 #fff, 0px -3px 0 #fff,
               2px 3px 0 #fff, -2px 3px 0 #fff,
               2px 2px 0 #fff, -2px 2px 0 #fff,
               2px 1px 0 #fff, -2px 1px 0 #fff,
               2px 0px 0 #fff, -2px 0px 0 #fff,
               -2px 3px 0 #fff, 2px -3px 0 #fff,
               -2px 2px 0 #fff, 2px -2px 0 #fff,
               -2px 1px 0 #fff, 2px -1px 0 #fff,
               0px 2px 0 #fff, 0px -2px 0 #fff,
               1px 3px 0 #fff, -1px 3px 0 #fff,
               1px 2px 0 #fff, -1px 2px 0 #fff,
               1px 1px 0 #fff, -1px 1px 0 #fff,
               1px 0px 0 #fff, -1px 0px 0 #fff,
               -1px 3px 0 #fff, 1px -3px 0 #fff,
               -1px 2px 0 #fff, 1px -2px 0 #fff,
               -1px 1px 0 #fff, 1px -1px 0 #fff,
               0px 1px 0 #fff, 0px -1px 0 #fff;
}
.jumbotron .hero_right_area .hero_title_box .hero_title_price {
  font-size: 42px;
  -webkit-text-stroke-width: 1.4px;
  -webkit-text-stroke-color: #000;
  -webkit-text-fill-color: #E70000;
  -webkit-transform: skewX(-10deg);
  -moz-transform: skewX(-10deg);
  -o-transform: skewX(-10deg);
  transform: skewX(-10deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')";
  text-shadow: 5px 5px 0 #fff, -5px -5px 0 #fff,
               5px 4px 0 #fff, -5px -4px 0 #fff,
               5px 3px 0 #fff, -5px -3px 0 #fff,
               5px 2px 0 #fff, -5px -2px 0 #fff,
               5px 1px 0 #fff, -5px -1px 0 #fff,
               5px 0px 0 #fff, -5px 0px 0 #fff,
               -5px 5px 0 #fff, 5px -5px 0 #fff,
               -5px 4px 0 #fff, 5px -4px 0 #fff,
               -5px 3px 0 #fff, 5px -3px 0 #fff,
               -5px 2px 0 #fff, 5px -2px 0 #fff,
               -5px 1px 0 #fff, 5px -1px 0 #fff,
               -5px 0px 0 #fff, 5px 0px 0 #fff,
               4px 5px 0 #fff, -4px -5px 0 #fff,
               4px 4px 0 #fff, -4px -4px 0 #fff,
               4px 3px 0 #fff, -4px -3px 0 #fff,
               4px 2px 0 #fff, -4px -2px 0 #fff,
               4px 1px 0 #fff, -4px -1px 0 #fff,
               4px 0px 0 #fff, -4px 0px 0 #fff,
               -4px 5px 0 #fff, 4px -5px 0 #fff,
               -4px 4px 0 #fff, 4px -4px 0 #fff,
               -4px 3px 0 #fff, 4px -3px 0 #fff,
               -4px 2px 0 #fff, 4px -2px 0 #fff,
               -4px 1px 0 #fff, 4px -1px 0 #fff,
               -4px 0px 0 #fff, 4px 0px 0 #fff,
               3px 5px 0 #fff, -3px -5px 0 #fff,
               3px 4px 0 #fff, -3px -4px 0 #fff,
               3px 3px 0 #fff, -3px -3px 0 #fff,
               3px 2px 0 #fff, -3px -2px 0 #fff,
               3px 1px 0 #fff, -3px -1px 0 #fff,
               3px 0px 0 #fff, -3px 0px 0 #fff,
               -3px 5px 0 #fff, 3px -5px 0 #fff,
               -3px 4px 0 #fff, 3px -4px 0 #fff,
               -3px 3px 0 #fff, 3px -3px 0 #fff,
               -3px 2px 0 #fff, 3px -2px 0 #fff,
               -3px 1px 0 #fff, 3px -1px 0 #fff,
               -3px 0px 0 #fff, 3px 0px 0 #fff,
               2px 5px 0 #fff, -2px -5px 0 #fff,
               2px 4px 0 #fff, -2px -4px 0 #fff,
               2px 3px 0 #fff, -2px -3px 0 #fff,
               2px 2px 0 #fff, -2px -2px 0 #fff,
               2px 1px 0 #fff, -2px -1px 0 #fff,
               2px 0px 0 #fff, 2px 0px 0 #fff,
               -2px 5px 0 #fff, 2px -5px 0 #fff,
               -2px 4px 0 #fff, 2px -4px 0 #fff,
               -2px 3px 0 #fff, 2px -3px 0 #fff,
               -2px 2px 0 #fff, 2px -2px 0 #fff,
               -2px 1px 0 #fff, 2px -1px 0 #fff,
               -2px 0px 0 #fff, 2px 0px 0 #fff,
               1px 5px 0 #fff, -1px -5px 0 #fff,
               1px 4px 0 #fff, -1px -4px 0 #fff,
               1px 3px 0 #fff, -1px -3px 0 #fff,
               1px 2px 0 #fff, -1px -2px 0 #fff,
               1px 1px 0 #fff, -1px -1px 0 #fff,
               -1px 5px 0 #fff, 1px -5px 0 #fff,
               -1px 4px 0 #fff, 1px -4px 0 #fff,
               -1px 3px 0 #fff, 1px -3px 0 #fff,
               -1px 2px 0 #fff, 1px -2px 0 #fff,
               -1px 1px 0 #fff, 1px -1px 0 #fff,
               -1px 0px 0 #fff, 1px 0px 0 #fff,
               0px 5px 0 #fff, 0px -5px 0 #fff,
               0px 4px 0 #fff, 0px -4px 0 #fff,
               0px 3px 0 #fff, 0px -3px 0 #fff,
               0px 2px 0 #fff, 0px -2px 0 #fff,
               0px 1px 0 #fff, 0px -1px 0 #fff,
               0px -5px 0 #fff, 0px 5px 0 #fff,
               0px -4px 0 #fff, 0px 4px 0 #fff,
               0px -3px 0 #fff, 0px 3px 0 #fff,
               0px -2px 0 #fff, 0px 2px 0 #fff,
               0px -1px 0 #fff, 0px 1px 0 #fff;
}
.jumbotron .hero_right_area .hero_title_box .hero_title_price span {
  font-size: 90px;
}
.jumbotron .hero_right_area .hero_attention {
  font-size: 20px;
  font-weight: 700;
  text-align: right;
  margin-top: -20px;
}

/* 太陽光フェンス */
.jumbotron .hero_right_area .fence_attention {
  margin-right: 50px;
}
/* 価格表 */
.price_block {
  background: #fff;
  margin-bottom: 10px;
}
.price_block .price_headding {
  background: #004FAC;
  color: #fff;
  text-align: center;
  font-weight: 700;
  padding: 15px;
  margin-bottom: 0px;
}
.price_block .price_headding span {
  background: #FFFF01;
  color: #004FAC;
  padding: 5px 15px;
  border-radius: 8px;
  font-size: 18px;
  margin-left: 15px;
}
.price_block .price_box {
  border: 1px solid #004FAC;
  padding: 30px;
}
.price_block .price_box .price_table {
  max-width: 900px;
  width: 100%;
  border-top: 1px solid #2B4A66;
  border-right: 1px solid #2B4A66;
}
.price_block .price_box .price_table th,
.price_block .price_box .price_table td {
  width: calc(100% / 3);
  border-bottom: 1px solid #2B4A66;
  border-left: 1px solid #2B4A66;
  padding: 8px 12px;
  font-size: 24px;
}
.price_block .price_box .price_table th {
  background: #E6EDF7;
  line-height: 0.8;
}
.price_block .price_box .price_table th span {
  font-size: 15px;
  color: #296294;
}
.price_block .price_box .price_table thead th,
.price_block .price_box .price_table td {
  text-align: center;
}
.price_block .price_box .price_table td {
  font-weight: 700;
}

/* fence */
.price_block .price_box .separate4 th,
.price_block .price_box .separate4 td {
  width: calc(100% / 4);
}
.price_block .price_box .separate4 thead th .table_title,
.price_block .price_box .separate4 td .td_contact {
  font-size: 18px;
  color: #000;
}
@media (min-width:500px){
  .sp{
    display:none;
  }
}



.c2 .d3 .price_box{overflow-x: scroll;}
.kadai .hero_title_text{font-size:18px; font-weight:bold; text-align: right;}


.sheet .price_box{display: flex;}
.sheet .price_table-1{width: 80%; margin: 0 40px 0 0;}
.sheet .price_table-1 th{width: 70% !important;}
.sheet .price_table-1 td{width: 30%;}
.sheet .price_table-1 .txt2{color:#000 !important;}
.sheet .price_table-2{width: 40% !important;}

.h1{font-size: 40px; font-weight: bold; letter-spacing: 1px;}
.h1 .title{font-size:50px;}
.h1 .title-u{color: #b81c22;}
.h1 .title-y{color: #1f286f;}
.h1 .title-under{border-bottom: 10px solid #f40;}

.breadcrumbs{width: 1000px; margin: 0 auto;}

@media screen and (max-width: 768px){
.breadcrumbs{width: 100%; padding: 0 10px;}
.pc{display:none;}
.mb-5, .my-5{margin-bottom: 2rem!important;}
.jumbotron-heading {flex-direction: column;}
.jumbotron .hero_right_area .hero_title_box{flex-direction: column; align-items: flex-start;}
.jumbotron .hero_right_area .hero_title_box .hero_title_price{margin:10px 0 0 0; font-size:30px;}
.screw-kui .jumbotron .hero_right_area .hero_title_box .hero_title_price{margin: 0 0 30px 0;}
.jumbotron .hero_right_area .hero_title_box .hero_title_price span{font-size: 50px;}
#page-fence .hero-txt{top: -20px;}

.h1{font-size:30px;}
.h1 .title-under{border-bottom: 5px solid #f40;}
.h1 .title{font-size:40px;}

.hero_right_area{width: 100%;}
.hero-ttl{width: 70%;}
.hero-txt{width: 100%; right: 0;}
.price_block .price_box{padding: 15px;}
.price_block .price_box .price_table th, .price_block .price_box .price_table td{font-size: 16px;}
.cta-box {position: unset !important;}
.cta-box .contact-btn{position: unset !important;}
.cta-box img{width: 100%;}
.about .plice .ttl-h2{flex-direction: column; padding: 0 10px 10px 10px; font-size: 22px;}
.about .plice .ttl-h2.screw::before, .about .plice .ttl-h2.fringe::before{width: 100%; margin: 0 auto 10px !important; text-align: center;}
.contact-form .form .checkbox{display: block;}
.contact-form .form .checkbox label{width: 100%;}
.contact-form .form, .contact-form .content, .contact-calculator{margin: 20px auto; width: 95%;}
.contact-cal-input label input, .contact-cal-input label .input-group{margin: 0 5px 0 0;}
.contact-table table tr{display: flex; flex-direction: column;}
.contact-cal-input label .label-ttl{width: unset !important; margin: 0 5px 0 0;}
.contact-calculator th.border-bold, .contact-calculator td.border-bold{border-bottom: 1px solid #004eab;}
.contact-cal-num{font-size: 18px;}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text{height: calc(2.25rem + 2px); width: 100%;border-radius: 0; margin: 0 0 10px 0;}
.contact-cal-input label input, .contact-cal-input label .input-group{display: block; width: 100%;border-radius: 0;}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child){width: 100%; border-radius: 0; margin: 0 0 10px 0 !important;}
.contact-cal-input label{display: block;}
.container{padding:0;}
.choice-btn{font-size: 12px;}
.jumbotron .hero_right_area .fence_attention{margin-top: 10px;}
.kadaiBox02 p:nth-child(1), .kadaiBox01 p:nth-child(1){width:100%;}
.kadaiBox02 p:nth-child(2), .kadaiBox01 p:nth-child(2){width: 100%;text-align: center;}
.about .bg-white .col-7{padding: 10px;}
.ttl-h1{padding: 5px 0 5px 10px; font-size: 25px;}
.merit-item-ttl{font-size:25px;}

.screw-kui-hero .hero_right_area .hero_title_box{flex-direction: row; align-items: center; justify-content: space-between;}
.screw-kui-hero .hero_right_area .hero_attention{margin-top:10px;}
#page-kadai .hero-txt{right: 0;}
#page-kadai .hero .jumbotron-heading, #page-sheet .hero .jumbotron-heading{align-items: flex-start;}

.c1 img{width: 100%;}
.c2 .d1 img{width: 100%;}
.c2 .d2 img{width: 100%;}
.c2 .d2{flex-direction: column;}
.c2 .d2 div{max-width: 100%;}
.c2 .d3 .md1{display: flex; flex-direction: column; width: 100%;}
.c2 .d3 .md1 img{width: 100%;}
.c2 .d3 .col-3{text-align: center; max-width: 100%; margin: 0 0 15px 0;}
.c2 .d3 .col-9{max-width: 100%;}

.c3 img{width: 100%;}
.c3 .merit-item{flex-direction: column;}
.c3 .merit-txt{max-width: 100%; padding:0;}
.c3 .merit-img{max-width: 100%; margin: 20px auto 0;}
.c3 .merit-container{padding: 50px 15px;}

.c4 .row{flex-direction: column; width: 100%; margin:0;}
.c4 img{width: 100%;}
.c4 .col-6{max-width: 100%;}

.c2 .d3 ul{display: flex; flex-direction: column; width: 100%;}
.c2 .d3 ul li{width: 100%;}
.c2 .d3 ul li img{width: 100%;}
.c2 .d3 table{white-space: nowrap;}

.d4 .anc{padding: 0; display: flex; flex-wrap: wrap; justify-content: space-around;}
.d4 .anc li{width: 50%; margin:0;}
.screw-kui-hero_attention{}
.form-table tr{display: flex; align-items: baseline;}
.contact-calculator th, .contact-calculator td{padding: 10px;}
.header-img{margin-bottom: 1rem;}

.hamburger {position: absolute; right: 10px; top: 10px; width: 50px; height: 50px; cursor: pointer; z-index: 300; background: #004eab; border-radius: 5px;}
.hamburger__line {position: absolute; width: 40px; height: 3px; right: 5px; background-color: #fff; transition: all 0.5s;}
.hamburger__line--1 {top: 10px;}
.hamburger__line--2 {top: 24px;}
.hamburger__line--3 {top: 38px;}
.open .hamburger__line--1 {transform: rotate(-45deg);top: 24px;}
.open .hamburger__line--2 {opacity: 0;}
.open .hamburger__line--3 {transform: rotate(45deg); top: 24px;}
.sp-nav {position: fixed; right: -100%; top: 0; width: 70%; height: 100vh; background-color: #004eab; transition: all 0.5s; z-index: 200; overflow-y: auto; }
.open .sp-nav {right: 0;}
.open .hamburger{background:#fff}
.open .hamburger__line--1, .open .hamburger__line--3{background:#004eab;}
.black-bg {position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 5; background-color: #000; opacity: 0; visibility: hidden; transition: all 0.5s; cursor: pointer; z-index: 100;}
.open .black-bg {opacity: 0.3;visibility: visible;}
.sp-nav ul{margin: 5em 0 0; list-style: none; padding: 0;}
.sp-nav ul li{color: #fff; padding: 10px; border-bottom: 1px solid #fff;}
.sp-nav ul li:hover{background: #1565c5;}

.sheet .price_box{display:block;}
.sheet .price_table-1 th{line-height: 20px !important;}
.sheet .price_table-1{margin: 0 0 20px 0;}
}

/* 2024/02/16 ヘッダー追従css */
#fixed-header{
    position: fixed;
    z-index: 999999;
    top: -235px;
    width: 100%;
    height: 70px;
    /*line-height: 70px;*/
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    transition: .5s;
}
#fixed-header.is-show {
    top: 0
}
#fixed-header .bg_white{
  background-color: #fff;
}
/*@media screen and (max-width: 768px){
  #fixed-header header .nav-item{padding: 0;}
}*/
@media screen and (max-width: 702px){
  #fixed-header{display:none}

  .header_tsuizyu{position: fixed; z-index: 999; top: 0; background-color: #fff;}
  .screw-kui_02{margin-top: 120px;}
}

@media (max-width: 720px){
.navbar .header-contact {
    display: flex;
    width: 100%;
}
.navbar .header-contact .header-img {
    width: 55%;
    height: 100%;
    margin: 0 10px 0 0 !important;
}
.navbar .header-contact .contact-btn img {
    width: 100%;
    height: auto;
    margin: 0 !important;
}
.navbar .logo {
    width: 70%;
    margin: 0 0 10px;
}
}
/*-------------------------*/
/* 2024/02/22 kadaiリニューアル 追加css */
#kadai_box .midashi h2{color: #1f286f; font-weight: 600;}
#kadai_box .midashi {background: #fff; padding: 10px 0 5px; margin: 0 0 30px; text-align: center; border-bottom: 5px solid #1f286f; letter-spacing: 3px;}
#kadai_box .popular_products_box{display: flex; justify-content: space-between; flex-flow: wrap;}
#kadai_box .popular_products_box .item{display: flex; justify-content: space-between; width: 475px; margin-bottom: 20px;}
#kadai_box .popular_products_box .item p{font-size: 14px; margin-bottom: 0;}
#kadai_box .popular_products_box .item img{width: 180px; height: 100%; object-fit: cover; border-radius: 10px 0 0 10px;}
#kadai_box .popular_products_box .item .text{padding: 20px; background-color: #fff; border-radius: 0 10px 10px 0;}
#kadai_box .popular_products_box .item .category{background-color: #004eab; color: #fff; width: 140px; text-align: center; border-radius: 50px; margin-bottom: 10px;}
#kadai_box .popular_products_box .item .name{color: #004eab; font-weight: bold; font-size: 20px; margin-bottom: 10px; line-height: 1.2;}
#kadai_box .popular_products_box .item table{width: 100%; font-size: 14px; margin-bottom: 10px;}
#kadai_box .popular_products_box .item table td{background-color: #eeeeee; width: 69%; border-bottom: solid 2px #fff; padding-left: 10px;}
#kadai_box .popular_products_box .item table .price,
#kadai_box .popular_products_box .item table .area{background-color: #004eab; color: #fff; padding: 5px 10px; width: 31%; border-right: solid 2px #fff; border-bottom: solid 2px #fff;}

#kadai_box .related_products_box{padding: 4rem 2rem 0; background-color: #f0f6fb;}
#kadai_box .related_products_box .inner{max-width: 970px; width:100%; margin: 0 auto;}
#kadai_box .related_products_box .related_products_area{display: flex; justify-content: space-between; flex-flow: wrap;}
#kadai_box .related_products_box .item{width: 315px; margin-bottom: 15px; box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.3); border-radius: 0 0 5px 5px;}
#kadai_box .related_products_box .item img{width: 100%; height: 200px; object-fit: cover; border-radius: 5px 5px 0 0;}
#kadai_box .related_products_box .item .text{background-color: #fff; border-radius: 0 0 5px 5px; padding: 10px;}
#kadai_box .related_products_box .item .name{color: #004eab; font-weight: bold; font-size: 20px; margin-bottom: 5px;}
#kadai_box .related_products_box .item span{font-size: 13px; margin-right: 10px; color: #000000;}
#kadai_box .related_products_box .item .detail{display: flex; justify-content: right; align-items: center;}
#kadai_box .related_products_box .item .detail img{width: 16px; height: 16px; margin-left: 5px;}
#kadai_box .related_products_box .item .detail_button{font-size: 13px; text-align: right; display: block; margin-bottom: 0;}

#kadai_box .c3_sec {background: url(/img/top/toha_bg.jpg) no-repeat center bottom; background-color: #f0f6fb;}
#kadai_box .c3_sec .title {text-align: center; margin: 0 0 30px;}
#kadai_box .c3_sec .right .ko-midashi {font-size: 30px; color: #fff; letter-spacing: 3px;font-weight: bold;}
#kadai_box .c3_sec .right .txt { color: #fff; font-size: 16px;}
#kadai_box .c3_sec .right {padding: 50px 0 0 50px; letter-spacing: 1px;}
#kadai_box .c3_sec .content {display: flex;}
#kadai_box .c3_sec .right .ko-midashi span {color: #fffd04;}

#kadai_box .c4 .col-6_02{background-color: #fff; width: 100%;}
#kadai_box .c4 .col-6_02 .image_area{display: flex; justify-content: space-evenly; margin-bottom: 20px;}
#kadai_box .c4 .col-6_02 .c4_img_03{display: block; margin: 0 auto 20px;}

#kadai_box .main_visual .sp{display: none;}
#kadai_box .main_visual{height: 412px; background: #0855a5; padding: 0;}
#kadai_box .main_visual img{display: block; margin: 0 auto;}
#kadai_box .main_visual_text{margin-bottom: 0; color: #fff; font-weight: bold; font-size: 30px; letter-spacing: 2px;}
#kadai_box .main_visual_text span{}

#kadai_box .call_cta{text-align: center;}

@media (max-width: 768px){
  #kadai_box .main_visual{height: auto;}
  #kadai_box .main_visual_text_pc{display: none;}
  #kadai_box .main_visual .pc{display: none;}
  #kadai_box .main_visual .sp{display: block;}
  #kadai_box .main_visual img{width: 100%;}
  #kadai_box .hero_sub{padding: 10px;}
  #kadai_box .popular_products_box .item{width: 100%; flex-direction: column;}
  #kadai_box .popular_products_box .item img{border-radius: 10px 10px 0 0; width: 100%;}
  #kadai_box .popular_products_box .item .text{border-radius: 0 0 10px 10px;}
  #kadai_box .c3_sec img{width: 100%;}
  #kadai_box .c3_sec .content{display: block;}
  #kadai_box .c3_sec .content img{margin: 0 auto; display: block;}
  #kadai_box .c3_sec .right{padding: 30px 30px 0;}
  #kadai_box .related_products_box{padding: 2rem 1rem;}
  #kadai_box .related_products_box .inner{width: 100%;}
  #kadai_box .related_products_box a{width: 48%;}
  #kadai_box .related_products_box .item{width: 100%;}
  #kadai_box .related_products_box .item img{height: auto;}
  #kadai_box .c4 .col-6_02 .image_area{flex-direction: column; padding: 20px;}
  #kadai_box .c4 .col-6_02 .c4_img_03{padding: 0 20px;}
}
/*----------------------------------*/
/* 2024/04/08 スクリュー杭リニューアル 追加css */
.contact .contact-bg {
position: relative;
text-align: center;
}
.contact-bg.call_cta img{
width: 100%;
max-width: 851px;
}
#page_screw .main_visual .sp{display: none;}
#page_screw .main_visual,#kadai_box .main_visual{height: auto;background: #0855a5; padding: 0;}
#page_screw .main_visual img,#kadai_box .main_visual img{display: block; margin: 0 auto;width: 100vw;max-width: 963px;}
#page_screw .main_visual_text{margin-bottom: 0; color: #fff; font-weight: bold; font-size: 30px; letter-spacing: 2px;}
#page_screw .main_visual_text span{}
#page_screw
#page_screw .call_cta{text-align: center;}
#page_screw .about .plice .ttl-h2.large_screw::before {
content: url(../img/screw-kui/about-icn-large_white.webp);
}
@media (max-width: 768px){
#page_screw .main_visual,#kadai_box .main_visual{height: auto;}
#page_screw .main_visual_text_pc{display: none;}
#page_screw .main_visual .pc{display: none;}
#page_screw .main_visual .sp{display: block;}
#page_screw .main_visual img,#kadai_box .main_visual img{width: 100%;}
#page_screw .hero_sub{padding: 10px;}
}
#page_screw .midashi {
background: #fff;
padding: 10px 0 5px;
margin: 0 0 30px;
text-align: center;
border-bottom: 5px solid #1f286f;
letter-spacing: 3px;
}
#page_screw .midashi h2 {
color: #1f286f;
font-weight: 600;
}
#page_screw .screw_description{
border-radius: 10px;
}
#page_screw .screw_description img{
border-radius: 10px 0 0 10px;
height: 100%;
width: 100%;
object-fit: cover;
}
#page_screw .about .plice .ttl-h2::before {
background-color: #004eab;
border-radius: 10px 0 0 0;
}
#page_screw .about .plice .ttl-h2 {;
border-radius: 10px 10px 0 0;
margin-bottom: 0;
background-color: #004fac;
color: #fff;
font-size: 24px;
padding-left: 24px;
}
#page_screw .screw_wrap{
background:#fff;
margin-bottom: 80px;
border-radius: 0 0 10px 10px;}
#page_screw .screw_flex{
padding: 50px 20px 0 20px;
margin: 0 auto;
}
#page_screw .screw_wrap img{
border-radius: 10px;}
#page_screw .screw_flex p{
margin-bottom:20px;
}
/*#page_screw .pdf01{
display: flex;
frex-wrap: wrap;
flex-wrap: wrap;
gap: 0 1%;
}*/
#page_screw .pdf01 li{
margin-bottom:10px;
width: fit-content;
}
#page_screw .pdf01 li a{
display: inline-block;
width: 334px;
padding: 8px 10px 8px 15px;
border-radius: 30px;
color: #004eab;
border: solid 2px #004eab;
background: transparent;
font-weight: 400;
background: tranceparent;
font-size: 14px;
transition: 0.2s;
}
#page_screw .pdf01 li a:hover{
color: #fff;
background: #004eab;
text-decoration:none;
}
#page_screw .pdf01 li a{
position: relative;
}
#page_screw .pdf01 li a::after {
content: '';
/*background-image: url(../img/screw-kui/icon_pdf.webp);
background-repeat: no-repeat;
background-size: contain;*/
width: 9px;
height: 9px;
position: absolute;
border-right: 2px solid #004eab;
border-bottom: 2px solid #004eab;
top: 48%;
transform: translateY(-50%);
right: 14px;
rotate: -45deg;
}
#page_screw .pdf01 li:hover a::after {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
/*240426追記*/
.sp_none_br {
display:none;
}
#page_screw .large_screw .pdf01 li a {
width: 360px;
font-size: 13px;
}
@media screen and (min-width: 769px) {
#page_screw .large_screw .pdf01 li {
margin-bottom: 10px;
max-width: 400px;
width: 100%;
}
#page_screw .large_screw .pdf01 li a {
width: 100%;
font-size: 13px;
}
}
/**/
#page_screw .price_block .price_box {
border:none;
overflow-x: auto;
padding:0;
}
#page_screw .screw_box{
padding: 0 20px;
}
#page_screw .price_block {
background: #fff;
margin-bottom: 10px;
padding: 0 0 20px 0;
max-width: 900px;
margin-right:auto;
margin-left:auto;
}
#page_screw .price_block .price_box .price_table {
max-width: 900px;
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-right: 2px solid #E6EDF7;
border-bottom: 2px solid #E6EDF7;
border-radius: 0 0 5px 5px;
}
#page_screw .price_block .price_box .price_table thead th, #page_screw .price_block .price_box .price_table td {
text-align: center;
color: #1f456f;
font-size: 22px;
padding: 12px 12px;
border-left: none;
box-sizing: border-box;
}
#page_screw .price_block .price_box .price_table th{
border-bottom: 2px solid #ffffff;
border-right: 2px solid #ffffff;
border-left: none;
padding: 12px 20px;
box-sizing: border-box;
color: #1f456f;
}
#page_screw .price_block .price_box .price_table tr th:last-child{
border-right: none;
}
#page_screw .price_block .price_box .price_table td{
border-right: 2px solid #e6edf7;
border-bottom: 2px solid #e6edf7;
}
#page_screw .price_block .price_box .price_table tbody tr:last-of-type th{
border-bottom:none;
border-radius: 0 0 0 5px;
}
#page_screw .price_block .price_box .price_table tr td:last-of-type{
border-right:none;
}
#page_screw .price_block .price_box .price_table tr:last-child td{
border-bottom:none;
color: #1f456f;
}
#page_screw .price_block .price_headding {
background: #004eab;
border-right: 1px solid #2962a1;
border-left: 1px solid #2962a1;
margin-bottom: 0px;
border-radius: 5px 5px 0 0;
}
#page_screw .price_block .price_headding span {
border-radius: 30px;
}
#page_screw .text-left {
padding: 10px 0;
}
@media screen and (max-width: 768px){
#page_screw .about .bg-white .col-7 {
padding: 20px;
}
#page_screw .screw_description img {
border-radius: 10px 10px 0 0;
}
#page_screw .col-3,#page_screw .col-9  {
padding: 0;
}
#page_screw .pdf01 li a {
width: 100%;
font-size: 12px;
max-width: 300px;
padding: 8px 6px 8px 13px;
}
#page_screw .large_screw .pdf01 li a {
width: 100%;
min-width: 300px;
max-width: none;
padding: 8px 18px 8px 13px;
box-sizing: border-box;
}
#page_screw .pdf01 li a span::after {
right: -14px;
}
#page_screw .price_block .price_box .price_table th {
padding: 12px 14px;
}
.price_block .price_box .price_table th span {
font-size: 12px;
}
#page_screw .pdf01 li {
width: 100%;
}
#page_screw .pdf01 li a::after {
right: 10px;
width: 8px;
height: 8px;
}
}
@media screen and (max-width: 400px){
.sp_none_br {
display:block;
}
}
/*はみ出し修正*/
main:not(#kadai_box) .c4 img {
width: 100%;
}
#page-kadai .main_visual_text_pc img{
width:100%;
max-width:826px;
}
@media screen and (min-width: 769px){
#kadai_box .c4 img {
width: 49%;
}
.breadcrumbs {
max-width:1000px;
width: 100%;
padding: 0 10px;
}
#kadai_box .c3_sec img{
object-fit: contain;
}
#kadai_box .related_products_box .related_products_area {
gap: 5px;
}
#kadai_box .related_products_box .related_products_area a{
width: calc((100% / 3) - 5px);
max-width: 315px;
}
#kadai_box .related_products_box .item {
width: auto;
}
}
/*画像はみ出し修正end*/
/*パネルパワコンリニューアル*/
@media (min-width: 576px) {
.jumbotron.makers {
padding: 0 2rem 4rem;
}
}
.panel .maker_list{
padding: 0;
display: flex;
flex-wrap:wrap;
gap: 10px;
}
.panel .maker_list_child{
width: calc(25% - 10px);
list-style: none;
background:#fff;
border-radius:10px;
}
.panel .maker_list_child .list_pic {
max-height:120px;
}
.panel .maker_list_child .list_logo {
height: 50px;
margin: 0 auto;
width: 80%;
border-radius: 0 0 10px 10px;
display: flex;
align-items: center;
justify-content: center;
object-fit: contain;
padding: 5px 10px;
}
.panel .maker_list_child img{
width: 100%;
}
.panel .maker_list_child .list_pic img{
height: 120px;
border-radius: 10px 10px 0 0;
object-fit:cover;
object-position: bottom;
}
.panel .maker_list_child .list_logo img{
height: 100%;
object-fit: contain;
}
.maker_detail .bg-white{
border-radius:10px;
}
.maker_detail::before{
height: 150px;
margin-top: -150px;
content: "";
display: block;
}
.panel_products_box .img-fluid img{
border-radius: 10px 0 0 10px;
height: 100%;
width: 100%;
object-fit: cover;
}
.maker_logo img{
max-width: 40%;
height: 50px;
margin-bottom: 10px;
object-fit: contain;
display: block;
}
#page-panel .maker_wrap .maker_detail:nth-child(2) .maker_logo img,
#page-panel .maker_wrap .maker_detail:nth-child(7) .maker_logo img,
#page-panel .maker_wrap .maker_detail:nth-child(11) .maker_logo img,
#page-panel .maker_wrap .maker_detail:nth-child(15) .maker_logo img,
#page-panel .maker_wrap .maker_detail:nth-child(20) .maker_logo img{
height: 80px;
}
#page-panel .maker_wrap .maker_detail.chnt .maker_logo img {
max-width: 120px;
}
.maker_name{
font-size: 1.1rem;
font-weight: bold;
color: #1f286f;
background: #0855a5;
color: #fff;
border-radius: 2px;
padding: 5px 10px;
}
.maker_strength{
color: #004eab;
font-weight: bold;
border-radius: 3px;
padding: 0px 0px 5px;
margin: 1rem 5px;
border-bottom: solid 3px #cce4ff;
position: relative;
}
.maker_strength:after{
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #004eab;
bottom:-3px;
width: 20%;
}
@media (max-width: 768px) {
.panel .maker_list_child{
width: calc(50% - 10px);
font-size: clamp(0.8125rem, 0.6382rem + 0.7538vw, 1rem);
}
.panel_products_box .img-fluid img{
border-radius: 10px 10px 0 0;
height: 180px;
}
.maker_logo img {
max-width: 45%;
height: 50px;
margin-bottom: 10px;
object-fit: contain;
object-position: left;
display: block;
}
.maker_detail .row{
flex-direction: column;
}
#page-panel .maker_wrap .maker_detail:nth-child(16) .maker_logo img,
#page-panel .maker_wrap .maker_detail:nth-child(17) .maker_logo img{
height: 35px;
}
#page-panel .maker_wrap .maker_detail:nth-child(18) .maker_logo img{
max-width: 60%;
}
.about .bg-white .maker_right{
padding: 15px;
}
.maker_text{
margin-inline: 5px;
}
.maker_name{
font-size: 1rem;
}
}
/*パネルリニューアル*/
/*パワコンリニューアル*/
#page-power .maker_list {
    justify-content: center;
}
#page-power .maker_list_child .list_pic img {
    height: 130px;
    border-radius: 10px 10px 0 0;
    object-fit: contain;
    object-position: center;
    padding-top: 10px;
}
#page-power .maker_list .maker_list_child:nth-child(11) .list_pic img,
#page-power .maker_wrap .maker_detail:nth-child(11) .img-fluid img {
padding: 30px;
}
#page-power .img-fluid {
    display: flex;
    align-items: center;
    padding: 10px;

}
#page-power .panel_products_box .img-fluid img {
    border-radius: 10px 0 0 10px;
    height: 70%;
    width: 100%;
    object-fit: contain;
    object-position: center;
}
#page-power .maker_wrap .maker_detail:nth-child(2) .maker_logo img,
#page-power .maker_wrap .maker_detail:nth-child(3) .maker_logo img{
max-width:50%;
height: 70px;
}
#page-power .maker_wrap .maker_detail:nth-child(7) .maker_logo img,
#page-power .maker_wrap .maker_detail:nth-child(9) .maker_logo img{
max-width:50%;
height: 70px;
}
@media (max-width: 768px) {
#page-power .panel_products_box .img-fluid img {
border-radius: 10px 10px 0 0;
height: 180px;
}
}
/*パワコンリニューアル*/
/*h2調整*/
@media (max-width: 768px) {
#kadai_box .midashi h2{
font-size:1.6rem;
}
}
/*スタンダード架台*/
#page-standard-kadai .main_visual_text_pc img{
width:100%;
max-width:826px;
}
/*リード文*/
#page-standard-kadai .standard_lead{
font-weight: bold;
font-size: 1.8rem;
color: #242f81;
width: fit-content;
margin-inline: auto;
}
#page-standard-kadai .standard_lead.keep_all{
word-break: keep-all;
}
#page-standard-kadai .pc_none{
display: none;
}
#page-standard-kadai .standard_lead .title-under {
border-bottom: 10px solid #f40;
}
#page-standard-kadai .standard_lead .lead_large{
font-size: 130%;
}
#page-standard-kadai .standard_lead .title {
color: #212529;
}
#page-standard-kadai .standard_lead .title-u {
color: #b81c22;
}
#page-standard-kadai .standard_lead .title-y {
color: #1f286f;
}
#page-standard-kadai .title-y {
    color: #1f286f;
}
#page-standard-kadai .standard_lead_margin{
margin-top: 50px;
}
@media (max-width: 768px) {
#page-standard-kadai .standard_lead{
font-weight: bold;
font-size: 1.2rem;
color: #242f81;
}
#page-standard-kadai .standard_lead .lead_large{
font-size: 120%;
}
#page-standard-kadai .standard_lead .title-under {
border-bottom: 5px solid #f40;
}
#page-standard-kadai .pc_none{
display: block;
}
}
/*trouble*/
.kadai_trouble_ul{
padding: 0;
}
.kadai_trouble_ul .kadai_trouble_li{
list-style-type: none;
}
@media (min-width: 769px){
.kadai_trouble_ul{
position: relative;
height: 400px;
max-width: 800px;
margin: 60px auto;
}
.kadai_trouble_ul .kadai_trouble_li{
position: absolute;
}
.kadai_trouble_ul .kadai_trouble_li:not(.kadai_trouble_icon){
background: #fff;
padding: 20px;
border-radius: 10px;
font-size: 1.2rem;
color: #1f286f;
font-weight: bold;
}
.kadai_trouble_ul{
position: relative;
}
.kadai_trouble_ul .kadai_trouble_1{
top: 0;
left: 0;
transform: translateX(25%);
margin-top: 20px;
margin-left: 20px;
}
.kadai_trouble_ul .kadai_trouble_2{
top: 50%;
left: 0;
transform: translateY(-50%);
margin-left: 20px;
}
.kadai_trouble_ul .kadai_trouble_3{
bottom: 0;
right: 50%;
transform: translateX(50%);
}
.kadai_trouble_ul .kadai_trouble_4{
top: 0;
right: 0;
margin-top: 20px;
margin-right: 20px;
}
.kadai_trouble_ul .kadai_trouble_5{
top: 50%;
right: 0;
transform: translateY(-50%);
margin-right: 20px;
margin-bottom: 20px;
}
.kadai_trouble .kadai_trouble_icon{
width: 150px;
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
}
.kadai_trouble_icon img{
width:100%;
}
}
@media (max-width: 768px) {
.kadai_trouble{
padding-bottom: 10vh;
}
.kadai_trouble_ul{
background: #fff;
padding: 20px;
border-radius: 10px;
font-size: 1rem;
line-height: 1.8;
color: #1f286f;
margin: 30px auto;
}
.kadai_trouble .kadai_trouble_icon {
position: absolute;
right: 0;
top:66%;
}
#page-standard-kadai .kadai_trouble_icon img{
width:130px;
}
#page-standard-kadai .kadai_trouble_li br{
display: none;
}
.kadai_trouble_ul .kadai_trouble_li:not(.kadai_trouble_icon){
  position: relative;
  padding-left: 20px;
}
.kadai_trouble_ul .kadai_trouble_li:not(.kadai_trouble_icon)::after{
  position: absolute;
  display: block;
  top: 45%;
  left: 0;
  content: '';
  width: 10px;
  height: 5px;
  border-left: 2px solid #ff4400;
  border-bottom: 2px solid #ff4400;
  transform: rotate(-45deg);
}
}
/*about*/
#page-standard-kadai .about_standard_box img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: 0 25%;
border-radius: 0 0 10px 10px;
}
.about_standard{
text-align: center;
}
.about_standard_deco{
position: relative;
}
.about_standard_deco::before,
.about_standard_deco::after{
content: "";
position: absolute;
bottom: 0px;
display: block;
width: 2px;
height: 80%;
background: #fff;
}
.about_standard_deco::before {
left: -30%;
transform: rotate(-30deg);
}
.about_standard_deco::after {
right: -30%;
transform: rotate(30deg);
}
.jumbotron.about_standard{
padding-top: 0;
}
.about_standard .ttl-h2{
border-radius: 10px 10px 0 0;
margin-bottom: 0;
background-color:#242f81;
color: #fff;
font-size: 2rem;
padding:10px;
}
.about_standard_box{
background: #fff;
border-radius: 0 0 10px 10px;
height: 400px;
}
@media (max-width: 768px) {
.about_standard .ttl-h2{
font-size: 1.2rem;
}
.about_standard_box {
height: 250px;
}
}
/*feature*/
#page-standard-kadai .c4 .midashi {
    background: #fff;
    padding: 10px 0 5px;
    margin: 0 0 30px;
    text-align: center;
    border-bottom: 5px solid #1f286f;
    letter-spacing: 3px;
}
#page-standard-kadai .c4 .content {
    display: flex;
    border-radius: 10px;
    background: #fff;
    margin: 0 0 30px;
}
#page-standard-kadai .c4.feature .content .img {
    width: 45%;
    border-radius: 10px 0 0 10px;
    height: 300px;
    object-fit: cover;
}
#page-standard-kadai .c4.feature .content:nth-child(odd) .img {
    border-radius: 0 10px 10px 0;
}
#page-standard-kadai .c4.feature .content img {
    width: 100%;
    object-fit: cover;
}
#page-standard-kadai .c4 .content .txtarea .ko-midashi {
    font-size: 27px;
    margin: 0 0 20px;
    color: #1f286f;
    font-weight: bold;
}
#page-standard-kadai .c4 .content .txtarea {
    width: 55%;
    padding: 30px;
}
#page-standard-kadai .c4 .content .txtarea .txt {
    font-size: 16px;
    margin: 0 0 30px;
}
#page-standard-kadai .c4 .content:nth-child(odd) {
    flex-direction: row-reverse;
}
@media (max-width: 768px) {
#page-standard-kadai .c4 .content .txtarea .ko-midashi {
font-size: 1.4rem;
}
}
/*flow*/
.flow_standard_ul{
display: flex;
flex-wrap: wrap;
gap: 5px;
padding: 0;
}
.flow_standard_li{
list-style: none;
width: calc((100% / 5) - 5px);
}
.flow_text_box{
list-style: disc;
padding: 10px 10px 10px 30px;
}
.flow_text{
list-style: disc;
font-size: 14px;
}
.flow_bottom{
background: #fff;
border-radius: 10px;
margin-top: 10px;
height: 90%;
padding: 10px;
}
#page-standard-kadai .flow_img img{
width:100%;
margin-bottom: 5px;
}
.flow_step{
width: 90%;
position: relative;
align-items: center;
    text-align: center;
padding: 13px 0;
line-height: 1.5;
background: #222b71;
color: #ffffff;
border-radius: 3px 0 0 3px;
}
.flow_step::before,.flow_step::after{
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
content: '';
border: 25px solid transparent;
border-left: 20px solid #222b71;
margin: auto;
left: 100%;
}
.flow_textbox{
padding-left: 20px;
}
.flow_ttl{
font-weight: bold;
padding: 10px;
color: #222b71;
}
@media (max-width: 768px) {
#page-standard-kadai .c4 .content {
        display: block;
    }
#page-standard-kadai .c4.feature .content .img {
        width: 100%;
        border-radius: 10px 10px 0 0;
        height: 200px;
    }
.flow_standard_ul {
gap: 30px 15px;
}
.flow_bottom {
height: 85%;
}
#page-standard-kadai .c4 .content .txtarea {
        width: 100%;
        padding: 15px;
    }
.flow_standard_li{
width: calc((100% / 3) - 15px);
}
}
@media (max-width: 500px) {
.flow_standard_li{
width: calc((100% / 2) - 15px);
}
}
/*会社概要*/
#page-standard-kadai .c6 table {
    width: 100%;
}
#page-standard-kadai .c6 table th {
    width: 20%;
    padding: 20px;
    background: #f7f7f7;
    border: solid 1px #cccccc;
}
#page-standard-kadai .c6 table td {
    padding: 20px;
    background: #fff;
    border: solid 1px #cccccc;
}
@media (max-width: 768px) {
#page-standard-kadai .c6 table th {
width: 25%;
padding: 10px;
}
#page-standard-kadai .c6 table td {
padding: 10px;
}
}
/*スタンダード架台*/
/*240604追記*/
.standard_banner{
text-align: center;
padding-top: 4rem;
background: #f0f6fb;
}
.standard_banner img{
width: 650px;;
}
@media (max-width: 768px) {
.standard_banner{
padding-top: 2rem;
}
.standard_banner img{
width: 100%;
padding: 0 2rem;
}
.navbar .header-contact .header-img{
border: 3px solid #004eab;
padding: 10px 20px;
border-radius: 20px;
box-shadow: 3px 3px 3px #ccc;
box-sizing: border-box;
}
}
/*240604追記*/