@charset "utf-8";
/*
----------------------------------------------------------------------------------------------------
  □ basic
---------------------------------------------------------------------------------------------------- */

.main_title { padding-bottom:20px }
.maker_box { position: relative; background-image: url(../maker/images/body_bg.png); background-repeat: repeat-y; padding: 10px 2px; background-size: 301px 6px; margin-bottom:20px }
.maker_box:before { position: absolute; background-image: url(../maker/images/bot_bg.png); background-position: left top; background-repeat: no-repeat; content: ""; bottom: -7px; width: 301px; height: 7px; left: 0px; background-size: 301px 7px; }
.maker_box:after { position: absolute; background-image: url(../maker/images/top_bg.png); background-position: left top; background-repeat: no-repeat; content: ""; top: -6px; width: 301px; height: 6px; left: 0px; background-size: 301px 6px; }
.maker_box dl { padding: 0px 10px; }
.maker_box dt { padding-top: 5px; color:#93aee6 }
.maker_box dd { padding:0px 0px 5px 0px; border-bottom: dashed 1px #8e8e8e; }
.maker_box a { color: #314396; }
.head_r { margin-top:15px }
.ttl_sty01 { background: url(../common_img/title_bg.png) no-repeat left top; background-size: 301px 24px; padding: 0px 10px 4px 28px; margin-bottom: 10px; }
.ttl_sty02 { background: url(../company/images/title_bg01.png) no-repeat left top; background-size: 301px 24px; padding: 0px 10px 4px 23px; margin-bottom: 10px; }
/*
----------------------------------------------------------------------------------------------------
  □ contact
---------------------------------------------------------------------------------------------------- */
.tbl_sty06 { width: 100%; margin-bottom: 20px; }
.tbl_sty06 th { background-color: #f7fcff; border: solid 1px #8dcff4; padding: 5px; vertical-align: top; text-align: left; padding-left:50px }
.tbl_sty06 td { border: solid 1px #8dcff4; padding: 5px; vertical-align: top; text-align: left; background-color: #fff; }
.tbl_sty06 th.require { background-image: url(../contact/images/hissu.png); background-repeat: no-repeat; background-position: 5px 3px; background-size:38px 23px; }
.tbl_sty06 th.ninni { background-image: url(../contact/images/ninni.png); background-repeat: no-repeat; background-position: 5px 3px; background-size:38px 23px; }
.tbl_sty06 td ul li { margin-bottom:5px }
.tbl_sty06 td p { margin-bottom:5px }
.form_control01 { width:100%}
.form_control02 { width:100% }
.form_control { width:100% }
.contact_link a { color:#333 }
#formend { text-align: center; margin-bottom: 20px; }
.btn_form { background: url(../contact/images/btn.png) no-repeat; border: medium none; cursor: pointer; margin: 10px 0; overflow: hidden; width: 211px; height: 45px; background-size:211px 45px }
.contact_sec02 p { padding-bottom: 10px; }
.highlight_box { background-image: url(../contact/images/bg_03.png); background-repeat: repeat; border: solid 1px #4377c7; padding:10px; margin-bottom: 10px; border-radius: 5px; }
.highlight_box ul li span { display:inline-block; margin-left:-20px }
.highlight_box ul li { margin-left:20px }
.highlight_box p { font-weight:bold }
.lock li { margin-left:10px; }
.contact_sec02 { margin-bottom:20px }
.lock li span { display:inline-block; margin-left:-10px; font-weight:bold; }
/*
----------------------------------------------------------------------------------------------------
  □ company
---------------------------------------------------------------------------------------------------- */
.tbl_sty02 { width: 100%; }
.tbl_sty02 th { background-color: #f1f6fe; text-align: left; vertical-align: middle; padding: 5px; border: solid 1px #a2c0f9; }
.tbl_sty02 td { background-color: #fff; text-align: left; vertical-align: middle; padding: 5px; border: solid 1px #a2c0f9; }
.com_sec01 { margin-bottom: 20px; }
.tbl_sty03 { width: 100%; margin-bottom: 20px; }
.tbl_sty03 th { background-color: #fafafa; text-align: left; vertical-align: middle; padding: 5px; border: solid 1px #e0e0e0; }
.tbl_sty03 td { background-color: #fff; text-align: left; vertical-align: middle; padding: 5px; border: solid 1px #e0e0e0; }
.tbl_sty04 { width: 100%; margin-bottom: 20px; }
.tbl_sty04 th { text-align: left; vertical-align: middle; padding: 5px; border-bottom: solid 1px #e0e0e0; }
.tbl_sty04 td { text-align: left; vertical-align: middle; padding: 5px; border-bottom: solid 1px #e0e0e0; }
.acco_sty1 dt:after { content: ""; display: inline-block; height: 0; width: 0; border-top: 10px solid #000; border-right: 7px solid transparent; border-bottom: 0px solid #000; border-left: 7px solid transparent; position: absolute; right: 5px; top: 50%; margin-top: -5px; }
.acco_sty1 dt.opened:after { border-top: 0px solid #000; border-right: 7px solid transparent; border-bottom: 10px solid #000; border-left: 7px solid transparent; }
.acco_sty1 dt { position:relative }
.tbl_sty05 { width: 100%; margin-bottom: 20px; }
.tbl_sty05 th { text-align: center; vertical-align: middle; padding: 6px; background-color: #d1e0fd; border: solid 1px #a2c0f9; font-weight: normal; }
.tbl_sty05 td { text-align: center; vertical-align: middle; padding: 6px; background-color: #fff; border: solid 1px #a2c0f9; }
/*
----------------------------------------------------------------------------------------------------
  □ news
---------------------------------------------------------------------------------------------------- */
.news_box { border: solid 1px #cdcdcd; padding:10px; border-top: solid 5px #3055a2; margin-bottom: 20px; }
.news_title { border-bottom: dotted 1px #cdcdcd; padding-bottom: 5px; margin-bottom: 10px; }
.news_title .date { background-image: url(../news/images/bg01.png); background-repeat: repeat; padding: 2px; width: 104px; color: #fff; text-align: center; border-radius: 5px; margin-bottom:5px }
.news_title .title { font-weight: bold; }
.news_link { color: #846fc8; }
.paging { margin-bottom: 30px; }
.paging .pre { float: left; }
.paging .next { float: right; }
/*
----------------------------------------------------------------------------------------------------
  □ about
---------------------------------------------------------------------------------------------------- */
.abt_sec01 p { padding-bottom: 10px; }
.abt_box { position: relative; margin-bottom: 30px; }
.abt_box p.point { position: absolute; top: -9px; left: -10px; }
.abt_box p.ttl { background-color: #3055a2; color: #fff; font-weight: bold; padding: 5px 0px 10px 72px; }
.abt_content { background-color: #f7f6f6; padding-bottom: 10px; }
.abt_content .txt { padding: 10px; }
.contact_box { background-image: url(../about/images/bg.png); background-repeat: repeat; background-position: left top; padding: 15px 10px 10px 10px; border: solid 10px #d1e0fd; margin-bottom: 20px; }
.contact_box .ttl { text-align: center; padding-bottom: 15px; }
.contact_box ul li { padding-bottom: 10px; }
.contact_r { background-color: #fff; border-radius: 5px; padding: 10px 10px 0px 10px; }
.contact_r p.txt { text-align: center; font-weight: bold; font-size: 16px; padding-bottom: 10px; }
.contact_r ul li { text-align:center; padding-bottom:10px }
/*
----------------------------------------------------------------------------------------------------
  □ export
---------------------------------------------------------------------------------------------------- */

.export_banner { background: url(../export/images/banner.png) no-repeat left top; height: 256px; padding: 10px; margin-bottom: 30px; background-size: 300px 256px; }
.export_banner p { padding-bottom: 5px; }
.export_banner p.txt { padding-right: 45px; }
.result_a { position: relative; margin-bottom: 60px; }
.result_a:after { background-image: url(../export/images/arrow.png); background-repeat: no-repeat; background-size:85px 17px; position: absolute; content: ""; bottom: -40px; left: 35%; width: 85px; height: 17px; }
.result_box .ttl { position: absolute; left: 43px; top: 0px; }
.result_box .txt { margin-top:18px }
.result_a.last:after { background-image: none; }
.result_a.last { margin-bottom:20px }
/*
----------------------------------------------------------------------------------------------------
  □ products
---------------------------------------------------------------------------------------------------- */
.pro_sec01 { background-image: url(../products/images/bg01.png); background-repeat: no-repeat; background-position: left top; height: 278px; padding: 15px 10px; margin-bottom: 20px; background-size:301px 278px; }
.pro_sec01 p.txt { text-align:center; padding-bottom:10px }
.pro_sec01 span { padding-right:49px }
.acco_sty2 dt { background:#f1f6fe; padding:5px 10px; position:relative; margin-bottom:10px }
.acco_sty2 dt:after { content: ""; display: inline-block; height: 0; width: 0; border-top: 10px solid #000; border-right: 7px solid transparent; border-bottom: 0px solid #000; border-left: 7px solid transparent; position: absolute; right: 5px; top: 50%; margin-top: -5px; }
.acco_sty2 dt.opened:after { border-top: 0px solid #000; border-right: 7px solid transparent; border-bottom: 10px solid #000; border-left: 7px solid transparent; }
.tbl_sty03 th.special { background-color: #a0b9ea; text-align: left; vertical-align: middle; padding: 5px; border: solid 1px #e0e0e0; }
/*
----------------------------------------------------------------------------------------------------
  □ result
---------------------------------------------------------------------------------------------------- */
.result_banner { background-image: url(../result/images/bg.png); background-repeat: no-repeat; background-position: left top; padding: 10px 60px 0px 10px; height: 292px; margin-bottom: 20px; background-size:300px 292px }
.resul02_box { border:solid 3px #fff; background:url(../result/images/bg02.png) repeat; background-size:53px 53px; -webkit-box-shadow: 0.5px 0.5px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0.5px 0.5px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0.5px 0.5px 5px 0px rgba(0, 0, 0, 0.75); margin-right:-5px; position:relative; color:#fff; padding:45px 10px 10px 10px; margin-bottom:20px }
.resul02_box .badge { position: absolute; top: 10px; left: -13px; }
.ttl_sty03 { background-image: url(../result/images/bg03.png); background-repeat: no-repeat; background-position: left 0px; padding: 0px 0px 0px 10px; margin-bottom: 10px; background-size: 4px 17px; }
.result_h4 p { padding-bottom: 10px; }
.red { color: #e63333; }
.result_h4 ul.pic li { float: left; margin-left: 10px; margin-bottom: 10px; }
.result_h4 ul li.first { margin-left: 0px; }
.banner02 { margin-bottom:15px }
.result_box03 { margin-bottom: 10px; }
.result_box03 .img { float: left; }
.result_box03 .txt { float: right; width: 190px; }
.result_high { border: solid 1px #3055a2; border-radius: 5px; position: relative; padding: 20px 10px 0px 10px; margin-bottom:20px }
.result_high p.ttl { position: absolute; background-color: #fff; top: -10px; left: 10px; padding-bottom: 0px; font-weight: bold; }

/*
----------------------------------------------------------------------------------------------------
  □ vs_coating
---------------------------------------------------------------------------------------------------- */
.vs_coating a {
  word-break: break-all;
}
.vs_banner { background: url(../vs_coating/images/banner.png) no-repeat left top; height: 362px; padding: 30px 10px 0 10px; background-size: cover; position: relative; margin-top: 30px;}
.vs_banner .mention {
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.vs_banner .mention img {
  max-width: 290px;
}
.vs_coating .vs_banner .pdf_link {
  position: absolute;
  right: 15px;
  top: 2px;
}
.vs_coating .vs_banner .pdf_link a {
  font-size: 11px;
  font-weight: bold;
  padding-left: 26px;
   background: url(../vs_coating/images/point.png) no-repeat;
  background-position: center left;
  background-size: 20px 12px;
  color: #fc1010;
}

.vs_coating .vs_banner .price {
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0;
  width: 70%;
  text-align: center;
  border: 1px solid #88d5e0;
  position: relative;
  background-color: rgb(255 255 255 / 73%);
  margin: 155px 0 0 45px;
}
.vs_coating .vs_banner .price span {
  font-size: 12px;
  font-weight: normal;
}
.vs_coating .vs_banner .price h4 {
  height: 25px;
  padding: 2px 15px;
  background-color: #88d5e0;
  color: #fff;
  position: absolute;
  top: -20px;
  left: -30px;
}
.vs_coating p.note {
  text-indent: -1em;
  padding-left: 1em;
}
.vs_coating .bosyuu {
  color: #3055a2;
  font-weight: bold;
  font-size: 16px;
}
.vs_coating .ttl_sty01 { background: url(../vs_coating/images/title_bg02.png) no-repeat left top; background-size: 301px 24px; padding: 0px 10px 4px 28px; margin-bottom: 10px; }
.vs_coating .sec01 {
  margin-top: 30px;
}
.vs_coating .sec01 .movie li {
  margin-bottom: 20px;
}
.vs_coating .sec01 .m_wrap frame {
width: 100%;
}
.vs_coating .sec01 .movie li h4 {
  background: url(../vs_coating/images/bg_movie.png) no-repeat left top;
  padding-left: 40px;
  min-height: 23px;
  line-height: 1.7;
  margin-top: 10px;
}
.vs_coating .sec02_txt {
  font-weight: bold;
  color: #3d60a8;
}
.vs_coating .sec03 .btn_dl a {
  display: block;
  width: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  padding: 10px 0 10px 60px;
  background: url(../vs_coating/images/ico_btn.png) no-repeat, #3055a2;
  background-position: left 10px center;
}
.vs_coating .sec03 .btn_dl a span {
  font-weight: normal;
}
.vs_coating .sec03_box {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 5px 0;
  width: 100%;
  border: 5px solid #acc3f2;
}
.vs_coating .sec03_box .sec03_ribbon {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 5px 20px;
  margin: 0 0 0 -20px;
  width: calc(30% + 20px);
  color: white;
  background: #3055a2;
}
.vs_coating .sec03_box .sec03_ribbon::before {
  position: absolute;
  content: '';
  top: 100%;
  left: -1px;
  border: none;
  border-bottom: solid 9px transparent;
  border-right: solid 18px #003473;
}
.vs_coating .sec03_box p {
  font-weight: bold;
  padding: 10px;
}
.vs_coating .sec04 {
  border: none;
  margin-bottom: 0;
  position: static;
  background: none;
}
.vs_coating .sec04 .vs_tb01 table td,
.vs_coating .sec04 .vs_tb01 table th {
  padding: 10px 20px;
  border: solid 1px #e0e0e0;
  vertical-align: middle;
  width: 33%;
}
.vs_coating .sec04 .vs_tb01 table th {
  background-color: #fafafa;
}
.vs_coating .sec04 .vs_tb01 table .bg_tb {
  background-color: #d1e0fd;
}
.vs_coating .sec04 dl.dis_flex {
  display:-webkit-box;
  	display:-ms-flexbox;
    display:flex;
}
.vs_coating .sec05,
.vs_coating .sec06 {
  margin-top: 30px;
}
.vs_coating .sec06 .sec06_dl dt {
  padding: 5px 10px;
  width: 50px;
  background-color: #3055a2;
  color: #fff;
  font-weight: bold;
  margin-bottom: 5px;
}
.vs_coating .sec06 .sec06_dl dd .sec06_txt {
  font-weight: bold;
  text-decoration: underline;
}