/*
Theme Name: aqua
Author: nassunn
*/

/* -----------------------------------
  basic
----------------------------------- */

.typesquare_option .flex {
  display: flex;
  
}

/*デフォルトマージンを除去*/
*{
  margin:0;
  padding: 0;
}

/*文字サイズをリセット*/
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
}

html, body {
font-size: 16px;
background-color: white;
}

.font-large {
 font-size: 1.1rem;
 font-weight: bold;
}
/*
img {
  -webkit-backface-visibility: hidden;
}
*/

.block{
display: block;
}

.btn,
a.btn,
button.btn {
  font-weight: 700;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
}
.test{
	margin: 0 .1em .6em 0;
	padding: .6em;
	line-height: 1;
	text-decoration: none;
	vertical-align: baseline;
	color: #0000ee;
	background-color: #fff;
	border: 1px solid #6E0001;
	border-left: 5px solid #6E0001;	
}


a[href $='.pdf']    {
    background:url(./Adobe_PDF_file_icon_24x24.png) no-repeat center right;
    margin:0;
    padding:2px 32px 2px 0;
    color:#dd0000;
    text-decoration:underline;
}
 
a[href $='.pdf']:hover  {
    text-decoration:none;
}

.link-style:after{
  margin: 0 0 0 3px;
  font-family: "Font Awesome 5 Free";
  content: '\f35d';
  font-weight: 900;
}

.honbun-left-space{
}
/* -----------------------------------
  pc
----------------------------------- */
header{
width: 100%;
}

.bg-image_grade{
background: -moz-linear-gradient(top, #085FE5, #40BAFF);
background: -webkit-linear-gradient(top, #085FE5, #40BAFF);
background: linear-gradient(to bottom, #085FE5, #40BAFF);
}

.bg-image_grade_2{
background-color: rgba(243, 243, 243, 0.8);
}
.bg-image_grade_under{
margin-top: 14px;
height: 12px;
background: -moz-linear-gradient(top, #085FE5, #40BAFF);
background: -webkit-linear-gradient(top, #085FE5, #40BAFF);
background: linear-gradient(to bottom, #085FE5, #40BAFF);
}

.sd-color{
height: 4px;
 width: 100%;
background: linear-gradient(90deg, rgba(207,45,43,1) 0%, rgba(207,167,54,1) 8%, rgba(179,42,50,1) 14%, rgba(60,148,70,1) 20%, rgba(211,71,44,1) 26%, rgba(29,164,212,1) 32%, rgba(238,191,51,1) 38%, rgba(137,35,49,1) 42%, rgba(220,113,45,1) 48%, rgba(200,38,123,1) 54%, rgba(231,168,52,1) 60%, rgba(199,149,54,1) 66%, rgba(83,117,66,1) 72%, rgba(7,116,183,1) 78%, rgba(86,166,69,1) 84%, rgba(5,74,131,1) 90%, rgba(14,51,96,1) 96%);
}

.card-jizoku{
 font-size: 18px;
 font-weight: bold;
}
.card-jizoku span{
 display: inline-block;
 margin-left: 10px;
 margin-right: 4px;
 width: 2.5rem;
 height: 2.5rem; 
 background-color:#BC0003;
 border-radius: 50%;/* ←円を作る */
 font-size: 2rem;
 color: #ffffff;
 text-align: center;/* ←文字を左右に中央揃え */
 line-height: 2.5rem;/* ←文字を上下に中央揃え */
}

.card-jirei-col{
background-color:#EBEBEB;
}

.example table {
width: 100;
height: 100;
border: 1px #000000 solid;
border-collapse: collapse;
}

.example td {
border: 1px #000000 solid;
}

.example th {
width: 20%;
border: 1px #000000 solid;
background-color: #dcdcdc;
padding: 10 0;
}
.pickup01-txt__tit{
color: #002A7F;
font-size: 18pt;
font-weight: bold;
text-align: center;
}
.pickup01-txt__cath{
color:#E07000;
font-size: 14pt;
font-weight: bold;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
.pickup01-txt__honnbun{
line-height: 140%;
font-size: 12pt;
margin-bottom: 8px;
}

.whatsnew dt{
font-size: 9pt;
}
.whatsnew dd{
font-size: 1em;
width: 100%;
}
.bg-link{
background-color:#F0F0A0;
}
/*
pickup01-txt__tit
*/
/*
.font-large{
 font-size: 20px;
}

*/

footer{
height: 100%;
}

.header_height_uper{
height: 18px;
color: white;
vertical-align:middle;
font-size: 12px;
}
.small{
font-size: 8px;
}

.small_title{
font-size: 12px;
}
.container {
  width: 100%;
　background-color: #FFFFFF;
}

.container-modal {
  width: 100%;
}

.modal-content {
  border: 0;
  box-shadow: none;
  background: none;
}

.entry-header{
 margin: 0;
 padding: 0;
}

.margin-t-b-10{
 margin-top: 10px;
 margin-bottom: 10px;
}
.margin-t-b-20{
 margin-top: 20px;
 margin-bottom: 20px;
}
.margin-l-r-10{
margin-right: 10px;
margin-left: 10px;
}

.margin-l-r-15{
margin-right: 15px;
margin-left: 15px;
}

.margin-l-r-20{
margin-right: 20px;
margin-left: 20px;
}

.modal-dialog-fluid {
max-width: 100%;
width: 100%;
margin: auto;
}

.modal-title_css{
/*
	border-left: 10px  solid #0079c2;
*/
height: 34px;
line-height: 34px;
/*
background-image: linear-gradient(180deg, rgba(230, 235, 245, 1), rgba(82, 150, 245, 1) 100%, rgba(79, 150, 237, 1) 65%);
*/
color: white;
font-size: 16px;
font-weight: bold;
padding-left: 16px;

/*
color: white;
font-size: 18px;
border-left: 16px  solid #0079c2;
padding: 10px;
background: #0079c2;
margin-bottom: 10px;
*/
}

.modal-title_btn{
 display: block;
 background-color: aliceblue;
 font-size: 14px;
 width: 100%;
 padding: 4px;
 text-align: center;
}
.entry-title{
font-size: 20px;
font-weight: bold;
color: white;
padding: 6px;
background: -moz-linear-gradient(left, #0449C1 20%, #FFF);
background: -webkit-linear-gradient(left, #0449C1 20%, #FFF);
background: linear-gradient(to right, #0449C1 40%, #FFF); 
position: relative; /* 基準位置とする */
}
.entry-title-img{
/*
width: 50px;       /* 適当な幅を指定 */
height: 50px;      /* 適当な高さを指定 */
width: auto;
position: absolute;
right: 0px;
bottom: 0px; /*下からから10px*/
}
.link_button01 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #2285b1;
  font-size: 16px;
  font-weight: 700;
  border: 2px solid #a0c4d3;
  border-radius: 10px;
}

.link_button01 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 2px solid #2285b1;
  border-right: 2px solid #2285b1;
  transform: rotate(45deg);
}

.link_button01 a:hover {
  color: #333333;
  text-decoration: none;
  background-color: #a0c4d3;
}

.link_button01 a:hover::after {
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
}

.midashi01 {
position: relative;
font-size: 16px;
border-bottom: 1px solid #2D2D2D;
margin: 0;
}

.after {
font-size: 14px;
margin-left: 14px;
}

.kadai-taitle{
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 6px;
}

.title-ichiran {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  top:0;
}

.title-ichiran:before, .title-ichiran:after { 
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.title-ichiran:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
.title-ichiran:after {
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}

.understrap-read-more-link{
text-align: right;
display: block;
}

/* -----------------------------------
.色
----------------------------------- */
.bg-primary {
  background-color: #00008B !important;
}

.bg-gray{
  background-color: #CDCDCD !important;
}
.bg-gray-1{
  background-color: #424242;
}

.bg-info{
  background-color: #530803;
}

.btn-primary {
  color: #fff;
  background-color: #000099;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}



.widget-title{
 font-size: 18px;
}


.sd-icon{
  width: 80%;
}
.sd-icon-2{
  width: 100%;
}
.sd-icon-big{
  width: 70%;
 }
.sd-icon-big-2{
  width: 72%;
}

.widget, .widget_nav_menu{
 width: 100%;
 border: #444444 solid 0px;
 background-color: #BCD6FF;
}

.widget-title{
color:#FFFFFF;
background-color:#013B80;
width: 100%;
padding: 10px;
font-weight: bold;
}

.widget-title::before{
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: bold;
margin-right: 6px;
}

.menu-item-type-post_type a{
 color: #00166B;
 font-size: 16px;
 font-weight: bold;
margin-bottom: 16px;
}

.menu-item-type-post_type a::before{
  content: "";
  font-family: "Font Awesome 5 Free"; 
 border-left: solid #585858 5px;
 margin-right: 4px;
 margin-left: 8px;
}

.menu-item-object-category a{
 display:block;
 width: 100%;
 font-size: 16px;
 font-weight: bold;
 margin-right: 10px;
 border-top: #000000 dotted 1.5px; 
 border-bottom: #000000 dotted 1.5px;
color:#0E227F;
}
.menu-item-object-category ::before{
  content: "\f111";
  font-family: "Font Awesome 5 Free";
 margin-right: 4px;
 margin-left: 6px;
}

.fbc-page .fbc-wrap .fbc-items{
margin: 0px;
 padding: 0px;
}


.note {
  width: 100%;
  padding:0 0.5em;
  background: linear-gradient(#ccc 1px, transparent 1px);
  background-size: auto 2em;
  line-height: 2em;
  border-bottom: 1px solid #ccc;
  border-left: 0px solid #ccc;
  border-right: 0px solid #ccc;
}
/* -----------------------------------
.
----------------------------------- */
.top_video{
width: 100%;	
}

.single-title {
	position: relative;
	padding-top: 30px;
	font-size: 26px;
	border-bottom: 1px solid rgba(5,62,98,1);
}

.single-title span {
	position: relative;
	z-index: 2;
}

.single-title::before {
	content: attr(data-en);
	position: absolute;
	top: 0px;
	left: 0;
	color: rgba(5,62,98,0.2);
	font-size: 40px;
	text-transform: uppercase;
	z-index: 1;
}


.single-title-h2 {
	position: relative;
	font-size: 24px;
}

.single-title-h2::before {
	content: attr(data-number);
	display: inline-block;
	margin-right: 10px;
	color: #498ee0;
	font-size: 26px;
	border-bottom: 0px solid #498ee0;
}

.img-circle{
width: 100%;
max-height:100%;
border-radius: 50%;
}

.img-res{
width: 100%;
max-height:100%;
}

.mark-title{
 font-weight: bold;
}
.mark-title span{
  background: #ff0000;/*背景色*/
  padding: 0em;/*文字まわり（上下左右）の余白*/
 color: #ffffff;
 padding-left: 6px;
 padding-right: 6px;
 border-radius: 6px;
}


.home-title-h1{
 font-weight: bold;
 font-size: 22px;
 color:#005E9A;
}



.home-title-h2{ 
 margin-top: 24px;
 padding-bottom: 0.6em;
 font-size: 20px;
 font-weight: bolder;
 color:#0048AA;
  background: linear-gradient(to right,#6fb5ff,#b3d874,#ff838b);
  background-size: 100% 20%;
  background-repeat: no-repeat;
  background-position: bottom;
 margin-bottom:0.6em;
}

.home-title-h2::first-letter{
 font-size: 22px;
 font-weight: bolder;
 color:#040062;
}
.home-title-h2::before{
content:"●";
font-size: 20px;
margin-right: 6px;
margin-left: 0px;
}

.home-title-h3{
 font-size: 18px;
 color: orangered;
}
.home-title-h3::before{
    content:"▶";
    font-size: 18px;
    margin-right: 10px;
 margin-left: 20px;
}

.home-title-h3 {
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #207cca 51%, #1e5799 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* W3C */
	padding:8px 8px;
	color:#FFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 2px #333;
	-webkit-box-shadow:inset 0 0 50px rgba(0,0,0, 0.1);
	}

.home-title-h4{
 font-size: 18px;
font-weight: bold;
}
.home-title-h4::before{
content:"●";
font-size: 18px;
margin-right: 6px;
margin-left: 0px;
}

.back-image {
        background-image: url(test_img.jpg);    /* 背景画像指定 */
        background-size:  cover;                /* 画像のサイズ指定 */
}

.box-clumn{
 width: 100%;
 
}


.default-honbun{
 margin: 2em auto;
 padding: 1em;
 width: 100%;
 background-color: #fff; /* 背景色 */
 border: 1px solid #ccc; /* 枠線 */
}
.default-honbun p{
all: initial;

}


/*トップ画像下の４つのリンク*/
.technical-title-h1{
font-size: 20px;
font-weight: bold;
  padding: 0.2em 0.4em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 6px #7db4e6;/*左線*/
  border-bottom: solid 0px #d7d7d7;/*下線*/
  margin-bottom: 16px;
}

.technical-honbun{
margin: 1em;
}

.technical-honbun-2em{
padding-top: 10px;
padding-bottom: 10px;
margin-left: 54px;
}
.technical-honbun-title-1{
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 1em 1em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}

.technical-honbun-title-1:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: '\f00c 基本情報';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}

.technical-honbun-title-2{
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 1em 1em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}

.technical-honbun-title-2:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: '\f00c 用途／実績例';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}

.technical-honbun-title-3{
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 1em 1em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}

.technical-honbun-title-3:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: '\f00c 基本情報';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}

.technical-honbun-title-caralog{
  position: relative;
  color: black;
  background: #FF9595;
  line-height: 1.4;
  padding: 1em 1em;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
}
.technical-honbun-title-caralog a{
color: #FFFFFF;
}
.technical-honbun-title-caralog:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  font-weight: 900;
  content: '\f00c カタログページ（外部リンク）';
  background: #980034;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
}

a[target="_blank"]:before { 
	/* 他の部分は同じ */
	
  margin: 0 3px;
  font-family: FontAwesome;
  vertical-align: middle;
font-weight: 400;
content: '\f24d';

}



.ro-title-1 {
font-weight: bold;
  position: relative;
  padding: 8px 15px;
  margin-left: 40px;
  background:#f7ac5a;
  border-radius: 20px;
}

.ro-title-1:before {
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  font-weight: 900;
  position: absolute;
  font-size: 15px;
  left: -40px;
  bottom: 22px;
  color: #f7ac5a;
}

.ro-title-1:after {
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  font-weight: 900;
  position: absolute;
  font-size: 23px;
  left: -25px;
  bottom: 8px;
  color: #f7ac5a;
}

.ro-title-2 {
font-weight: bold;
position: relative;
padding: 8px 15px;
margin-left: 0px;
  background:#f7ac5a;
  border-radius: 20px;
margin-top: 20px;
margin-bottom: 20px;
}

.ro-title-3 {
color: #000D74;
font-weight: bold;
position: relative;
margin-left: 0px;
}
.ro-title-3:before {
content: "●";
font-size: 1.5em;
vertical-align :-6%;	
}



.tec_table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.tec_table tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .30em;
}
.tec_table th,
.tec_table td {
  padding: 1em 8px 1em 1em;
  border-right: 1px solid #bbb;
  border: 1px solid #bbb;
}
.tec_table th {
  border: 1px solid #bbb;
}
.tec_table thead tr{
  background-color: #eee;
}
 

.border-line{
border-bottom: 1px solid #272727;	
}

p.indent{
padding-left: 1em;
text-indent: -1em;
}

.blue_title{
color: #002F83;
font-weight: bold;
}
.tmf-block{
color: #FFFFFF;
}
.tmf-block-border{
padding-left: 10px;
padding-right: 10px;
border: 0px solid #272727;
background-color: rgba(91, 163, 239, 0.92);
height: 50px;
}


.google_map {
  padding-top: 100%;
  position: relative;
}

.google_map > iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


/*
bbbe54

*/
.img-text-box{
position: relative; /* 基準位置とする */
}

.img-text-box .img-text-box-text {
  /* 右下に固定
  position: absolute;
  bottom: 0;
  right: 0;
  */
     position: absolute;
    bottom: 0;
    right: 0;
}



table {
font-size:1em;
border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  box-shadow: 0 0 12px -6px #00000073;
}
table tr {
  background-color: #fff;
}
table th,
table td {
  padding: .35em 1em;
  border-bottom: 1px solid #eee;
}
table thead th {
font-weight: bold;
/*    font-size: .85em; */

    padding: 1em;
}
table thead tr{
  background-color: #607D8B;
  color:#fff;
}
table tbody th {
  text-align: left;
/*font-size: .8em;*/
font-weight: bold;
}
.txt{
   text-align: left;
/*
   font-size: .75em;
*/
}
.price{
  text-align: right;
  color: #000;
  font-weight: bold;
}
tbody:hover td,tbody:hover th {
/*
	color: transparent;
	text-shadow: 0 0 3px #aaa;
  background:#eee
*/
}

tbody:hover tr:hover td,
tbody:hover tr:hover th{
/*
color: #444;
	text-shadow: 0 1px 0 #fff;
  background:#fff
*/
}

.company_history {
	margin: 0px;
	padding: 0px 0px 150px 10px;
	width: 100%;
	font-size: 0.8em;
}
.history_box  {
	width: auto;
	margin: 5px 0px 0px;
	padding: 0px;
	display: block;
	height: 25px;
}
.history_boxg  {
	background-color: #EEEEEE;
	width: auto;
	margin: 0px;
	padding: 5px 0px 0px;
	height: 25px;
}

.year  {
	display: block;
	width: 10%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.date  {
	display: block;
	width: 10%;
	float: left;
	margin: 0px;
	padding: 0px;
}
.event     {
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 80%;
}

.card-title-jisseki{
font-size: 19px;
font-weight: bold;
padding: 0px;
background: #c2edff;/*背景色*/
}
.jisseki-color{
background-color:#FFF9A7;
}
.card-title-jisseki-honbun{
color:#FFFFFF;
font-weight: bold;
padding: 10px;
border: solid 1px #ccc;
background-color: #044BA0;
}


.box-tmf{
display: block;
width: auto;
height: auto;
}
.img_area_float  {
float: left;
margin: 0 15px 15px 0;
width: 30%;
}
.img_area_float_r  {
float: right;
margin: 0 20px 20px 0;
width: 60%;
}
.img_box_toukou{
width: 10%;
}


.button-tmf{
border: 0px;
padding-top: 3.6px;
padding-bottom: 3.6px;
padding-left: 12px;
padding-right: 12px;
float: right;
font-size: 14px;
color: #fff;
background-color: #eb6100;
}

.Stripe_ti {
padding: 6px;
width: 100%;
color: #fff;
background: -webkit-repeating-linear-gradient(-45deg, #db2021, #db2021 3px,#d11a1b 3px, #d11a1b 7px);
background: repeating-linear-gradient(-45deg, #db2021, #db2021 3px,#d11a1b 3px, #d11a1b 7px);
}

/* -----------------------------------
投稿ページ内
----------------------------------- */
.title-tokutyou{
 font-size: 20px;
 font-weight: bold;
 }
.title-tokutyou:before{
content: "―";
 }
.title-tokutyou:after{
content: "―";
 }

.title-t{
 padding-top: 20px;
 font-size: 20px;
 font-weight: bold;
}

.under_line{
width: 100%;
border-bottom: 3px solid #03A5FF;
}


.title-t, .under_line:before {
content: "●";
}

.box-spec{
border: 1px solid black;
border-radius: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding: 20px;
}

.box-spec-jirei{
border: 1px solid black;
border-radius: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding: 20px;
}


.box-spec-home{
height: 96px;
border: 1px solid #74CAD8;
border-radius: 8px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0,0,0,0;
padding-left: 10px;
/*
background-image:url("https://demo.aquatec.jp/wp-content/uploads/2022/05/424012-scaled.jpg");
background-repeat: no-repeat;
background-position:50% 50%;
background-size:100%;
*/
 }


.box-t{
 width: 94%;
}



.spec-t th,td {
    padding: 6px 10px;          /* 余白指定 */
}
 
.spec-t th {
    background-color: #2196F3;  /* 背景色指定 */
    color:  #fff;               /* 文字色指定 */
    font-weight:  normal;       /* 文字の太さ指定 */
    position:  relative;        /* 位置指定 */
    z-index: 10;                /* 重なり調整 */
}
 
.spec-t td {
    background-color:  #c0c9ff; /* 背景色指定 */
    padding-left: 25px;         /* 余白指定 */
}
 
.spec-t th::after {
    content:'';                 /* 空の要素を作る */
    position:  absolute;        /* 位置指定 */
    height: 24px;               /* 高さ指定 */
    width: 24px;                /* 幅指定 */
    background-color: #2196F3;  /* 背景色指定 */
    transform:  rotate(45deg);  /* 要素を回転 */
    top: 5px;                   /* 位置指定 */
    right: -12px;               /* 位置指定 */
    z-index:  -1;               /* 重なり調整 */
}
 
.spec-t-jirei tr {
    border-bottom:  solid #fff; /* 線指定 */
}

.spec-t-jirei th,td {
    padding: 6px 30px;          /* 余白指定 */
}
 
.spec-t-jirei th {
    background-color: #FF5B5D;  /* 背景色指定 */
    color:  #fff;               /* 文字色指定 */
    font-weight:  normal;       /* 文字の太さ指定 */
    position:  relative;        /* 位置指定 */
    z-index: 10;                /* 重なり調整 */
}
 
.spec-t-jirei td {
    background-color:#E1E1E1; /* 背景色指定 */
    padding-left: 25px;         /* 余白指定 */
}
 
.spec-t-jirei th::after {
    content:'';                 /* 空の要素を作る */
    position:  absolute;        /* 位置指定 */
    height: 24px;               /* 高さ指定 */
    width: 24px;                /* 幅指定 */
    background-color: #FD0004;  /* 背景色指定 */
    transform:  rotate(45deg);  /* 要素を回転 */
    top: 5px;                   /* 位置指定 */
    right: -12px;               /* 位置指定 */
    z-index:  -1;               /* 重なり調整 */
}
 
.spec-t-jirei tr {
    border-bottom:  solid #fff; /* 線指定 */
}


.speck-t-under {
 table-layout: auto;
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
 padding: 0;
 margin: 0;
}
.speck-t-under tr {
 border-top: dashed 2px #778ca3;
border-bottom: dashed 2px #778ca3; 
}
.speck-t-under th{
 background: #009CCC;
 color: #FFFFFF;
}

.speck-t-under td{
text-align: left;
}

.p-tokutyou li {
list-style: none;
padding-left:2em;
text-indent:-1em;
    }

/* -----------------------------------
2021/12/27
----------------------------------- */

.iframe-wrapper {
  position: relative;
  padding-bottom: 40%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.iframe-wrapper-home {
  position: relative;
  padding-bottom: 32%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper-home iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-block-table .is-style-stripes{
width: 100%;
margin: 20px;
padding: 20px;
}

.product {
  width: 100%;
  margin-bottom: 20px;
  background-image:url("https://demo.aquatec.jp/wp-content/uploads/2021/09/h-top.jpg");
}

.product-1 {
  margin-bottom: 20px;
}

.title_h2_link {
 font-size: 1.3rem;
 font-weight: bold;
 padding-right: 1rem;
 padding-left: 1rem;
 border-left: 10px solid #0058A0;
 margin-top: 1px;
 margin-left: 2px;
 margin-bottom: 1px;
}

.title_h2 {
 color:#0058A0;
 font-size: 1.3rem;
 font-weight: bold;
 padding-right: 1rem;
 padding-left: 1rem;
 border-left: 10px solid #0058A0;
 margin-top: 1px;
 margin-left: 2px;
 margin-bottom: 1px;
}

.title_h2-jirei {
 color:#0058A0;
 font-size: 1.3rem;
 font-weight: bold;
 padding-right: 1rem;
 padding-left: 1rem;
 border-left: 10px solid #0058A0;
 margin-top: 14px;
 margin-left: 2px;
 margin-bottom: 10px;
}
.title_h2-p {
 color:#0058A0;
 font-size: 1rem;
 font-weight: bold;
 padding-right: 0.5rem;
 padding-left: 0.5rem;
 border-left: 6px solid #0058A0;
 margin-top: 10px;
 margin-left: 6px;
 margin-bottom: 10px;
}
.card-title-No{
font-size: 30px;
position:relative;
top: -30px;
}

.sindan-hyouji{
color: #FFFFFF;
float: right;
font-size: 16px;
background-color: #001D8C;
padding: 2px;
margin: 0px;
width: 18em;
text-align: center;
border-radius: 20px;
}



.itiran-hyouji a{
color: #FFFFFF;
float: right;
font-size: 20px;
background-color: #001D8C;
padding: 0px;
margin: 0px;
width: 5.6em;
text-align: center;
}
.saigai-title{
color: #FFFFFF;
float: right;
font-size:14px;
background-color: #001D8C;
padding: 4px;
margin: 0px;
width: 20em;
text-align: center;
}

.title_h6{
font-size: 1rem;
}
.padding-bottom-10{
padding-bottom: 10px;
}

.point-kakomi{
 background-color: aqua;
 border-radius: 20px 20px 20px 20px;
 padding: 16px;
 margin-top: 30px;
}

.item-img-fit{
    border: 0px solid #ccc;
}
.item-img-fit img{
    display: block;
    height: 150px;
	object-fit: cover;
}

.footer-block{
padding: 20px;
}
/************************************
** お問い合わせフォームの入力
************************************/
#cf-tbl{
width: 100%;
}

#cf-tbl table{
width: 100%;
border-collapse: collapse;
border: solid #CCC;
border-width: 1px;
color: #444;
}
#cf-tbl table tr th,
#cf-tbl table tr td{
padding: 0.5em;
text-align: left;
vertical-align: top;
border: solid #CCC;
border-width: 1px;
vertical-align: middle;
}
#cf-tbl table tr th{
width: 35%;
background: #eee;
}
@media screen and (max-width:768px){
#cf-tbl{
width: 100%;
}

#cf-tbl table,
#cf-tbl table tbody,
#cf-tbl table tr,
#cf-tbl table tr th,
#cf-tbl table tr td{
display: block;
}

#cf-tbl table{
width: 100%;
border-width: 0 0 1px 0;
}

#cf-tbl table tr th,
#cf-tbl table tr td{
width: 100%;
padding: 3% 5%;
}

#cf-tbl table tr td{
border-width: 0px 1px 0px 1px;
}
}
/*「必須」文字デザイン*/
.required{
font-size:.8em;
padding: 5px;
background: #F57500;
color: #fff;
border-radius: 3px;
margin-right: 5px;
}

/*「任意」文字デザイン*/
.optional{
font-size:.8em;
padding: 5px;
background: #000080;
color: #fff;
border-radius: 3px;
margin-right: 5px;
}

/* 入力項目を見やすく */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
	background-color: #eff1f5;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 「送信する」ボタン */
input.wpcf7-submit {
    display: block;
    padding: 15px;
    width: 400px;
    background: #ffaa56;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    margin: 15px auto 0
}
@media screen and (max-width:768px){
input.wpcf7-submit {
width: 250px;
}
}

input.wpcf7-submit:hover {
	box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
	transform: translateY(-4px);
	opacity:0.7;
}
/* エラーメッセージを見やすく */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
	font-family: auto;
}

/************************************
** お問い合わせフォームの入力
************************************/

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

body,
tooltip,
popover {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
}

@media all and (-ms-high-contrast: none) {
  body,
  tooltip,
  popover {
    font-family: Verdana, Meiryo, sans-serif;
  }
}


.navbar{
 margin:0;
 padding: 0;
 padding-top: 10px;
 padding-bottom: 10px;
}