@charset "utf-8";
/* css一覧
--common
--header
--article_home
--footer
--slider
----about us
----products
----contact
----js mode_switch
*/

/* common */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, div, form, table, th, td, fieldset {
  margin: 0;
  border: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal;
  list-style: none;
}

body {
  background: #FFF;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  -webkit-text-size-adjust: none;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-feature-settings : 'palt';
  color: #333;
  line-height: 1.7;
  max-width: 640px;
  margin: 0 auto;
  font-family: 'Roboto', sans-serif;
}
a {
  color: #333;
  text-decoration: none;
  outline: none;
}
img {
  width: 100%;
}
#bread_area {
  margin: 20px 0 15px;
  padding: 0 10px;
}
#bread_area h1 {
  font-size: 20px;
  color: #333;
  border-bottom: 1px solid #cccccc;
  position: relative;
  margin-bottom: 15px;
  padding-left: 10px;
}
#bread_area h1:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 100px;
  background: #1f4f83;
}
#bread_area div {
  background: #e9e8e6;
}
#bread_area ul {
  width: 100%;
  margin: 0 auto;
  height: 30px;
  align-items: center;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 11px;
}
#bread_area ul li:first-child a {
  text-decoration: underline;
}
#bread_area ul li:first-child a:hover {
  text-decoration: none;
}
#bread_area ul li:nth-child(2) {
  margin: 0 10px;
}



/* header */
#header {
  border-top: 2px solid #1f4f83;
}
#header_top {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#header h1 {
  position: relative;
  height: 60px;
  top: 7px;
  padding: 5px 0 0 10px;
}
#header h1 img {
  max-width: 438px;
  width: 80%;
}
#header #language {
  position: absolute;
  right: 10px;
  top: 19px;
  text-align: center;
  background-color: #272b33;
}
#header #language a {
  font-size: 13px;
  color: #fff;  
  padding: 1px 8px 4px;
  display: block;
}

nav {
  width: 100%;
  background-color: rgb(60,132,200);
  border-bottom: 2px solid #0A4687;
}
nav ul {
  width: 100%;
  margin: 0 auto;
  /* display: flex; */
  /* align-items: center; */
  height: 44px;
  position: relative;
  overflow: hidden;
}
nav ul li:nth-child(4):after {
  content: " ";
  clear: both;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: #5EA0DC;
}
nav ul li {
  float: left;
  width: 20%;
  text-align: center;
  height: 44px;
  line-height: 1.4;
  display: flex;
  align-items: center;
  font-weight: bold;
  position: relative;
  transition: 0.4s;
  font-size: 11px;
}
nav ul li.active {
  background: #154B85;
}
/*nav ul li:hover {
  background: #154B85;
}*/
nav ul li a {
  color: #fff;
  display: block;
  width: 100%;
  /* height: 100%; */
}
nav ul li:before {
  content: " ";
  clear: both;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 1px;
  background: #5EA0DC;
}


/* article */
article {
  width: 100%;
  margin: 20px auto;
  padding: 0 10px;
  box-sizing: border-box;

}
#top article section h2 {
  font-size: 18px;
  color: #333;
  border-bottom: 1px solid #cccccc;
  position: relative;
  margin-bottom: 15px;
}
#top article section h2:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1px;
  width: 100px;
  background: #bd3b2e;
}
article section ul li {
  margin: 0 0px 20px 0;
  border-top: 3px solid #4a88c5;
  position: relative;
  transition: 0.4s;
}
article section ul li:hover {
  opacity: 0.7;
}
article section ul li a {
  height: 100%;
  width: 100%;
  display: block;
}
article section ul li a img {
  display: block;
}
article section ul li div {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background: rgba(0,0,0,0.6);
}
article section ul li div p {
  padding-left: 10px;
}
article section ul li div p:nth-of-type(2) {
  position: absolute;
  bottom: 6px;
  right: 10px;
}


/* footer */
footer {
  background: #f7f1e8;
  margin-top: 40px;
}
footer img {
  width: auto;
}
#footer {
  width: 100%;
  margin: 0 auto;
}
#footer > p {
  background: #366ba3;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  position: relative;
}
#footer > p a {
  color: #fff;
}
#footer > p img {
  max-width: 13px;
}
#footer > p:after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  top: -12px;
  left: 46%;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 20px solid #366ba3;
}
#footer h2 img {
  padding-left: 10px;
  width: auto;
}
#footer ul {
  margin-bottom: 15px;
}
#footer ul li {
  font-size: 11px;
  font-weight: bold;
  padding-left: 10px;
  height: 40px;
  line-height: 40px;
  background: #f7f1e8;
  border-bottom: 1px solid #bbbbbb;
  background: url(../images/icon_footer_li.png) 95% center no-repeat;
}
#footer ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
#footer ul li:hover a {
  text-decoration: underline;
}
#footer #office {
  padding: 10px;
}
#footer dl {
  font-size: 14px;
}
#footer dd {
  font-size: 13px;
  margin-bottom: 15px;
}
footer small {
  font-size: 10px;
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  padding: 5px 0;
  background: #333;
}


/* slider */
#slider_box {
  width: 100%;
  margin: 15px auto;
}
.swiper-container .swiper-slide img {
  width: 100%;
  height: auto;
}
.swiper-pagination-bullet {
  width: 13px;
  height: 13px;
}


/* why_choose_daisaku */
#why_choose_daisaku .about_img {
  margin: 0 auto 30px;
}
#why_choose_daisaku .about_img li {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #e7e7e7;
}
#why_choose_daisaku .about_img li:first-child {
  margin-bottom: 15px;
}
#why_choose_daisaku .about_img li img {
  display: block;
  width: 100%;
}


/* about us */
.secondpage article section {
  display: inherit;
  margin-bottom: 40px;
}
.secondpage article section:last-child {
  margin-bottom: 50px;
}
.secondpage article section h2 {
  font-size: 18px;
  color: #333;
  height: auto;
  padding: 10px 0 10px 20px;
  margin: 0 0 10px 0;
  background: #eceae7;
}
.secondpage article section p {
  margin: 0 auto;
}
.secondpage article section .about_img {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
.secondpage article section .about_img figure {
  width: 100%;
  margin: 20px 0 0;
  padding: 8px 8px 15px;
  border: 1px solid #e7e7e7;
}
/*.secondpage article section .about_img figure h3 {
  background: url(../images/icon_about.png) 0 center no-repeat;
}*/
.secondpage article section table tr:nth-child(even) {
  height: 26px;
}
.secondpage article section table tr td {
  margin-bottom: 30px;
}
.secondpage article section table tr td a {
  color: #1f4f83;
  text-decoration: underline;
}
.secondpage article section table tr td a:hover {
  text-decoration: none;
}
#about.secondpage article section table tr:nth-child(odd) td:nth-of-type(1) {
  padding-right: 15px;
}
#about.secondpage article section {
  overflow: hidden;
}
#about table {
  width: 100%;
}
#about td {
  border: 1px solid #e7e7e7;
  padding: 10px;
  border-bottom: 0;
}
#about tr:last-child td {
  border-bottom: 1px solid #e7e7e7;
}
#about td strong {
  line-height: 30px;
}



/* products */
#products #products_menu {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  background: #e9e8e6;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#products #products_menu li {
  font-size: 19px;
  font-weight: bold;
  margin-right: 20px;
  text-align: center;
  height: 45px;
  line-height: 45px;
  background: url(../images/icon_products_menu.png) 148px 18px no-repeat, #4a88c5;
  transition: 0.4s;
}
#products #products_menu li:hover {
  background: url(../images/icon_products_menu.png) 148px 18px no-repeat, #154B85;
}
#products #products_menu li a {
  color: #FFF;
  width: 100%;
  height: 100%;
  display: block;
}
#products #products_menu li:last-child {
  margin-right: 0;
}
#products.secondpage article section h2 {
  font-size: 14px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  height: 25px;
  line-height: 28px;
  padding: 0;
  background: none;
  margin: 0 auto 15px;
  border-bottom: 1px solid #4a88c5;
}
#products.secondpage article section h2 div {
  font-size: 20px;
  color: #4a88c5;
  height: 20px;
  line-height: 28px;
  padding: 0 10px;
  border-left: 8px solid #4a88c5;
}
#products.secondpage article section {
  margin-bottom: 20px;
}
#products.secondpage article section table {
  width: 100%;
  margin-bottom: 20px;
}
#products.secondpage article section table,
#products.secondpage article section table tr th,
#products.secondpage article section table tr td{
  border-collapse: collapse;
  border: 1px solid #e7e7e7;
  text-align: center;
}
#products.secondpage .table_lh {
  line-height: 1.3;
}
#products.secondpage table tr {
  height: 50px;
}
#products.secondpage thead tr th {
  color: #fff;
  background-color: #4a88c5;
  width: 25%;
}
#products.secondpage tr:nth-child(even) td {
  background-color: #f4f4f4;
}
.products_img {
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.products_img figure {
  width: 48.5%;
  margin: 0 3% 13px 0;
  position: relative;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
}
.products_img figure img {
  display: block;
}
.products_img figure:nth-child(2n) {
  margin-right: 0;
}
.products_img figure h3 {
  padding-left: 10px;
  font-weight: 100;
  font-size: 13px;
}
.secondpage article section .products_img figure p {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  padding: 5px 8px;
  background: #eeeeef;
  border-radius: 0 0 10px 0;
  border: 1px solid #e7e7e7;
  font-size: 12px;
  line-height: 1.5;
}



/* contact */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

#contact section h2 {
  display: none;
}
#contact table {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
}
#contact table .kome {
  color: red;
}
#contact table input {
  height: 35px;
  /*margin-bottom: 15px;*/
}
#contact table input, #contact table textarea {
  resize: none;
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
  box-sizing: border-box;
}
#contact input[type="button"].return, #contact input[type="submit"] {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  padding: 15px 35px;
  background: #154b85;
  border: none;
  cursor: pointer;
  transition: 0.4s;
}
#contact input[type="button"].return {
  margin-right: 20px;
}
#contact input[type="button"].return:hover, #contact input[type="submit"]:hover {
  background: #052c57;
}
#contact article section table tr td {
  padding-bottom: 10px;
}


/* js mode_switch */
#mode_switch {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin: 15px 0;
}
#mode_switch div {
  cursor: pointer;
  padding: 0.4em 8%;
  text-align: center;
  border: 1px solid #0059A8;
  color: #fff !important;
  font-weight: bold;
  text-decoration: none;
  background-color: #0059A8;
  border: 1px solid #0059A8;
}
#mode_switch div.active {
  color: #fff;
  background-color: #00305C;
}
#mode_switch div:first-child {
  border-radius: 20px 0 0 20px;
  border-right: none;
}
#mode_switch div:last-child {
  border-radius: 0 20px 20px 0;
  border-left: none;
}