/*common*/


/*------------------------------------------------------------------------------*/

.section_in {
  width: 94%;
  margin-left: auto;
  margin-right: auto;
}

.right_img {
  float: right;
  padding-left: 10px;
  padding-bottom: 10px;
}

.bg_01 {
  background: url(../image/common/bg_01.html);
}

.bg_02 {
  background: url(../image/common/bg_02.html);
}

.bg_03 {
  background: url(../image/common/bg_03.html);
}

.bg_04 {
  background: url(../image/common/bg_04.html);
}

.box2_in {
  width: 90%;
  margin: 0px auto;	
}

.box2_in_left {
  width: 95%;
  margin: 0px;
  margin-left: 5%;
}

@media only screen and (max-width:690px) {
  .right_img {
    float: none;
    padding-left: 0px;
    padding-bottom: 10px;
  }
  .right_img img {
    width: 100%;
    height: auto;
  }
  .pt50 {
    padding-top: 20px;
  }
  .box2_in_left {
    width: 90%;
    margin: 0px auto;
    padding-bottom: 10px;
  }
}

.common_left {
  width: 49%;
  float: left;
}

.common_right {
  width: 49%;
  float: right;
}

.common_ti_left {
  width: 34%;
  float: left;
}

.common_ti_right {
  width: 62%;
  float: right;
}

.common_ti_left img, .common_ti_right img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width:690px) {
  .common_left img, .common_right img {
    width: 100%;
    height: auto;
  }
  .no_float .common_ti_left {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .no_float .common_ti_right {
    width: 100%;
    float: none;
  }
  .no_float .box2_left {
    margin-bottom: 10px;
  }
}

.img100 img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width:690px) {
  .img100_sp img {
    width: 100%;
    height: auto;
  }
}

.common_box {
  border-top: 3px solid #00ABAF;
  background: #F5F5F5;
  padding: 20px;
}

.common_box_in {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  display: block;
  float: left;
  width: 49%;
  margin-right: 2%;
}
.common_box.type2 .common_box_in {
	border-radius: 20px;
	margin-bottom: 15px;
}
.common_box .common_box_in:nth-child(2n) {
  margin-right: 0%;
}

@media only screen and (max-width:690px) {
  .common_box_in {
    float: none;
    width: 100%;
    margin-right: 0%;
  }
}

.common_box01 {
  background: #EAF5F7;
  padding: 20px;
}

.common_box02 {
  background: #F9EAE9;
  padding: 20px;
}

.common_box02 .subtitle04 {
  color: #C7332C;
}

.common_box02 .subtitle06 {
  font-size: 130%;
  background: url(../image/common/tit_06.html) no-repeat 5px center #C7332C;
  padding: 5px 5px 5px 25px;
  margin-bottom: 15px;
  color: #FFF;
  font-weight: bold;
}

.common_btn {
  display: table;
  vertical-align: middle;
  margin: 0px auto;
}

.common_btn li {
  display: table-cell;
  padding: 0px 10px 0px 0px;
}

.common_btn li:last-child {
  padding: 0px 0px 0px 0px;
}

.common_btn a {
  margin: 0px auto;
  display: block;
  padding: 10px 20px 10px 30px;
  border: 1px solid #ABABAB;
  border-radius: 5px;
  border-top: 4px solid #02BDC2;
  background: url(../image/common/arr07.png) no-repeat 10px center #F5F5F5;
  color: #333;
}


/*
	.common_btn a:after{
		content:"";
		background: url(../image/common/arr02.png) no-repeat right center;
	}
	
	*/

.common_btn a:hover {
  opacity: 0.7
}

@media only screen and (min-width:691px) and (max-width:1024px) {}

@media only screen and (max-width:690px) {
  .common_btn {
    width: 100%;
    display: block;
    text-align: center;
    vertical-align: middle;
    margin: 0px auto;
  }
  .common_btn li {
    width: 100%;
    display: block;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
  }
  .common_btn li:last-child {
    padding: 0px 0px 0px 0px;
  }
}

.common_btn01 {
  display: table;
  vertical-align: middle;
  margin: 0px auto;
  float: right;
}

.common_btn01b {
  display: block;
  vertical-align: middle;
  margin: 0px auto;
  text-align: center;
}

.common_btn01c {
  display: table;
  vertical-align: middle;
  margin: 0 0 0 20px;
  float: right;
}

.common_btn01 a, .common_btn01b a, .common_btn01c a {
  margin: 0px auto;
  padding: 5px 10px 5px 25px;
  border-radius: 5px;
  background: url(../image/common/arr09.png) no-repeat 10px center #00ABAF;
  color: #FFF;
}


/*
	.common_btn a:after{
		content:"";
		background: url(../image/common/arr02.png) no-repeat right center;
	}
	
	*/

.common_btn01 a:hover, .common_btn01b a:hover, .common_btn01c a:hover {
  opacity: 0.7;
}

@media only screen and (max-width:690px) {
  .common_btn01b a {
    display: block;
  }
  .common_btn01c {
    float: none;
    margin: 0 0 20px;
  }
}

.common_btn02 {
  margin: 0px;
}

.common_btn02 a {
  display: table;
  width: auto;
  padding: 3px 20px;
  background: url(../image/common/arr04.png) no-repeat left center;
  position: relative;
}

.common_btn02 a:hover {
  opacity: 0.7;
}

.common_btn03 {
  width: 100%;
  display: block;
  vertical-align: middle;
  margin: 10px auto;
}

.common_btn03 a {
  width: 100%;
  display: block;
  text-align: center;
  margin: 0px auto;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  background: url(../image/common/arr04_on.png) no-repeat 98% center #00ABAF;
  font-size: 90%;
  color: #FFF;
}

.common_btn03 a:hover {
  opacity: 0.7;
}

.common_btn03_nolink {
  width: 100%;
  display: block;
  text-align: center;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  background: url(../image/common/arr04_on.png) no-repeat 5% center #00ABAF;
  font-size: 90%;
  color: #FFF;
  margin: 20px auto 0;
}

.common_btn03_nolink02 {
  width: 50%;
  display: block;
  text-align: center;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  background: url(../image/common/arr04_on.png) no-repeat 5% center #00ABAF;
  font-size: 90%;
  color: #FFF;
  margin: 20px auto 0;
  clear: both;
}

@media only screen and (max-width:690px) {
  .common_btn03_nolink02 {width: 100%;}
}

.common_btn04 {
    display: flex;
    justify-content: right;
}
.common_btn04 a {
    padding: 5px 20px 5px 35px;
    border-radius: 5px;
    background: url(../image/common/arr09.png) no-repeat 10px center #00ABAF;
    color: #FFF;
    font-size: 120%;
}
.common_btn04 a:hover{opacity:0.7; }


.common_ul {
  width: 100%;
}

.common_ul li {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}

.common_ul li:before {
  content: "●";
  color: #1F3F85;
  padding-right: 5px;
  position: absolute;
  left: 0px;
}

.common_ul li a {
  color: #333;
}

.common_ul li a:hover {
  color: #4285f4;
}

.common_ul_01 {
  width: 100%;
}

.common_ul_01 li a {
  width: 33.333%;
  min-height: 70px;
  margin: 0px;
  float: left;
  color: #333;
  padding: 10px;
  display: block;
  background: #EAEAEA;
}

.common_ul_01 li:nth-child(2n) a {
  background: #FFF;
}

.common_ul_01 li a:hover {
  opacity: 0.7;
}

.common_ul_02 {
  width: 100%;
}

.common_ul_02 li {
  width: 100%;
  margin-bottom: 5px;
}

.common_ul_02 li:before {
  content: "●";
  padding-right: 10px;
}

.common_ul_03 {
  width: 100%;
}

.common_ul_03 li a {
  width: 33.333%;
  min-height: 70px;
  margin: 0px;
  float: left;
  color: #FFF;
  padding: 10px;
  display: block;
  text-align: center;
  background: #4385F5;
  font-weight: bold;
}

.common_ul_03 li a:before {
  content: ">";
  padding-right: 10px;
  font-weight: normal;
}

.common_ul_03 li:nth-child(2n) a {
  background: #0B3486;
}

.common_ul_03 li a:hover {
  opacity: 0.7;
}

.common_table {
  width: 100%;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

.common_table th {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  background: #00ABAF;
  color: #FFF;
  text-align: center;
}
.common_table.left th {
  text-align: left;
}
.common_table.left2 th {
  text-align: center;
}
.common_table td {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 5px;
  vertical-align: middle;
  background: #FFF;
  text-align: center;
}
.common_table.left td, .common_table.left2 td{
  text-align: left;
}

.common_table td.tit {
  background: #F5F5F5;
}

.common_table.file_dl a{
  color: #00ABAF;
}
.common_table.file_dl a:hover{
  color: #878787;
}

.common_table01 {
  width: 100%;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

.common_table01 th {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  background: #00ABAF;
  color: #FFF;
  width: 220px;
  text-align: center;
}
.common_table01.auto th {
  width: auto;
}
.common_table01 td {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 5px;
  vertical-align: middle;
  background: #FFF;
  text-align: left;
}

/*交互に行に背景色いれる*/
.common_table tr.gray td{
  background: #F5F5F5;
}
.common_table01 tr.gray td{
  background: #F5F5F5;
}

/*最初のthのみ200px　スタイル*/
.th200 .common_table th:first-child {width: 200px; }
.th200 .common_table th:not(:first-child) {width: auto; }
.th200 .common_table td {
/*    width: -webkit-calc(100% / 3 - 200px);
    width: calc(100% / 3 - 200px);*/
    width: 22%;
}


/*アスタリスク*/
.sup {
  position: relative;
  background:none !important;
}
sup {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: 5px;
}
span.supText {
font-size: 75.5%;
vertical-align: top;
position: relative;
top: -0.1em;
}

.common_table02 {
  width: 100%;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

.common_table02 th {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  background: #D6DBE9;
  font-weight: bold;
  width: 30%;
}

.common_table02 td {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 5px;
  vertical-align: middle;
  background: #FFF;
}

.common_table02 td.tit {
  background: #D6DBE9;
  font-weight: bold;
  text-align: center;
}

.common_table_sds, .common_table_manual {
  width: 100%;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

.common_table_sds th, .common_table_manual th {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  background: #00ABAF;
  color: #FFF;
  text-align: center;
}

.common_table_sds td, .common_table_manual td {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 5px;
  vertical-align: middle;
  background: #FFF;
  text-align: center;
}

.common_table_sds td.tit, .common_table_manual td.tit {
  background: #F5F5F5;
  text-align: left;
  width: 50%;
}

.common_table_sds td.tit h4, .common_table_manual td.tit h4 {
  font-weight: bold;
  font-size: 100%;
}

.common_table_sds td p, .common_table_manual td p {
  font-size: 85%;
}

.common_table_commu {
  width: 100%;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

.common_table_commu th {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  background: #00ABAF;
  color: #FFF;
  width: 150px;
  text-align: center;
}

.common_table_commu td {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 10px 5px;
  vertical-align: middle;
  background: #FFF;
  text-align: left;
}

.common_table_commu td.date {
  border-right: none;
  width: 110px;
}

.common_table_commu td a {
  color: #009e9f;
}

.common_table_commu td a:hover {
  text-decoration: underline;
}

.tbl{width: 100%; }
.tbl th{
	padding:3px 5px;
	vertical-align:middle;
	background:#EAEAEA;
	font-weight:normal;
}
.tbl td{
	padding:3px 5px;
	vertical-align:middle;
}
	
@media only screen and (max-width:690px) {
  .common_ul li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 10px;
    float: none;
  }
  .common_ul li:nth-child(2n) {
    margin-right: 0%;
  }
  .common_table {
    font-size: 90%;
  }
  .table_box {
    width: 100%;
    overflow-x: scroll;
  }
  .table_box .common_table {
    width: 700px;
  }

  /* .common_table01{width: 700px; }*/

  .common_table01 th {
    display: block;
    width: 100%;
  }
  .common_table01 td {
    display: block;
    width: 100%;
  }
  .common_table_sds {
    border-top: none;
    border-bottom: 1px solid #cccccc;
  }
  .common_table_sds th {
    display: none;
  }
  .common_table_sds td {
    display: block;
    width: 100%;
    border-top: none;
    border-bottom: none;
  }
  .common_table_sds td.tit {
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    width: 100%;
  }
  .common_table_sds td.tit h4 {
    text-align: center;
  }
  .common_table_sds td:first-child::before {
    content: "［接着剤名称］";
    text-align: center;
    display: block;
    color: #00abaf;
    font-weight: bold;
  }
  .common_table_sds td:nth-child(2)::before {
    content: "［SDS PDF］";
    text-align: center;
    display: block;
    color: #00abaf;
    font-weight: bold;
  }
  .common_table_sds td:nth-child(3)::before {
    content: "［成分表 PDF］";
    text-align: center;
    display: block;
    color: #00abaf;
    font-weight: bold;
  }
  .common_table_commu th {
    display: block;
    width: 100%;
  }
  .common_table_commu td {
    display: block;
    width: 100%;
    padding: 0 10px 10px;
  }
  .common_table_commu td.date {
    border-right: 1px solid #cccccc;
    border-bottom: none;
    padding: 5px 10px 0;
    width: 100%;
  }
  .th200 .common_table01 th:first-child {width: 100%; }
}


/*service*/


/*------------------------------------------------------------------------------*/

.service_box {
  width: 25%;
  border: 1px solid #E0E0E0;
  float: left;
}

.service_box01 {
  background: #00A220;
  color: #FFF;
  width: 100%;
  text-align: center;
  padding: 5px 0px;
  margin-bottom: 30px;
}

.service_box02 {
  width: 90%;
  margin: 0px auto;
  padding: 15px 0px;
}

.service_box03 {
  background: #014DA3;
  color: #FFF;
  width: 100%;
  text-align: center;
  padding: 5px 0px;
  margin-bottom: 30px;
}


/*profile*/


/*------------------------------------------------------------------------------*/

.profile_box {
  width: 100%;
  display: table;
}

.profile_box:hover {
  opacity: 0.7;
}

.profile_txt {
  width: 50%;
  padding: 0px 30px;
  display: table-cell;
  vertical-align: middle;
}

.profile_img {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
}

.profile_box01 {
  background: #00A220;
  color: #FFF;
}

.profile_box02 {
  background: #014DA3;
  color: #FFF;
}

.profile_box01 h3, .profile_box02 h3 {
  color: #FFF;
}

.profile_img img {
  width: 100%;
  height: auto;
}

.profile_img span img {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 0;
}

.profile_img span.profile_right img {
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: auto;
  right: 0;
}

@media only screen and (max-width:690px) {
  .profile_box {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .profile_box:hover {
    opacity: 0.7;
  }
  .profile_txt {
    width: 100%;
    padding: 20px;
    display: block;
    vertical-align: middle;
  }
  .profile_img {
    width: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    position: relative;
  }
  .profile_img img {
    width: 100%;
    height: auto;
  }
  .profile_img span img {
    display: none;
  }
}


/*life*/


/*------------------------------------------------------------------------------*/

.life_box {
  background: url(../image/common/life_top.html) no-repeat center top, url(../image/common/life_bottom.html) no-repeat center bottom, url(../image/common/life_body.html) repeat-y center top #014DA3;
  background-size: 100% auto;
  color: #FFF;
  padding: 30px;
}

.life_box h4 {
  color: #FFF;
}

.life_box01, .life_box02, .life_box03 {
  background: url(../image/life_img01.html) no-repeat center top;
  background-size: 100% auto;
  color: #FFF;
  padding: 200px 20px 20px;
}

.life_box02 {
  background: url(../image/life_img02.html) no-repeat center top;
}

.life_box03 {
  background: url(../image/life_img03.html) no-repeat center top;
}

.life_box01 img, .life_box02 img, .life_box03 img {
  display: none;
}

@media only screen and (max-width:690px) {
  /*
.life_box{
	width:94%;
	margin:0px auto;

}
*/
  .life_box01, .life_box02, .life_box03 {
    background: none;
    background-size: 100% auto;
    color: #FFF;
    padding: 0px;
    margin-bottom: 10px;
  }
  .life_box01 img, .life_box02 img, .life_box03 img {
    display: block;
    width: 100%;
    height: auto;
  }
}


/*audio*/


/*------------------------------------------------------------------------------*/

.audio_box li a {
  color: #FFF;
  background: #E1011A;
  text-align: center;
  padding: 20px 10px;
  display: block;
}

.audio_box li a:hover {
  opacity: 0.7;
}

@media only screen and (max-width:690px) {
  .audio_box li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.audio_box01, .audio_box02, .audio_box03, .audio_box04, .audio_box05 {
  width: 100%;
  padding: 20px;
  background: url(../image/audio_img01.html) no-repeat right center;
  border: 1px solid #E0E0E0;
  margin-bottom: 30px;
}

.audio_box01 h3, .audio_box02 h3, .audio_box03 h3, .audio_box04 h3, .audio_box05 h3 {
  margin-bottom: 0;
}

.audio_box02 {
  background-image: url(../image/audio_img02.html);
}

.audio_box03 {
  background-image: url(../image/audio_img03.html);
}

.audio_box04 {
  background-image: url(../image/audio_img04.html);
}

.audio_box05 {
  background-image: url(../image/audio_img05.html);
}


/*use*/


/*------------------------------------------------------------------------------*/

.tab {
  display: table;
  width: 100%;
}

.tab li {
  display: table-cell;
  width: 25%;
}

.tab li a {
  text-align: center;
  font-size: 120%;
  display: block;
  padding: 10px;
  background: #F5F5F5;
  color: #000;
  border-bottom: 2px solid #FFF;
}

.tab li a.tabover {
  border-bottom: 2px solid #E1011A;
}

.use_map {
  background: url(../image/use_img01.jpg) no-repeat center center;
  background: cover;
  display: block;
  width: 100%;
  height: 599px;
  position: relative;
}

.use_map li {
  position: absolute;
}

.use_map li:nth-child(1) {
  left: 261px;
  top: 110px;
}

.use_map li:nth-child(2) {
  left: 805px;
  top: 439px;
}

.use_map li:nth-child(3) {
  left: 45px;
  top: 82px;
}

.use_map li:nth-child(4) {
  left: 399px;
  top: 350px;
}

.use_map li:nth-child(5) {
  left: 332px;
  top: 212px;
}

.use_map li:nth-child(6) {
  left: 476px;
  top: 53px;
}

.use_map li:nth-child(7) {
  left: 544px;
  top: 158px;
}

.use_map li:nth-child(8) {
  left: 670px;
  top: 448px;
}

.use_map li:nth-child(9) {
  left: 223px;
  top: 441px;
}

.use_map li:nth-child(10) {
  left: 705px;
  top: 280px;
}

.use_map li:nth-child(11) {
  left: 97px;
  top: 289px;
}

.use_map li:nth-child(12) {
  left: 779px;
  top: 54px;
}

.use_map li:nth-child(13) {
  left: 388px;
  top: 450px;
}

.use_box img {
  width: 100%;
  height: auto;
}

.use_left {
  width: 20%;
  max-width: 80px;
  float: left;
}

.use_right {
  width: 78%;
  float: right;
}

@media only screen and (max-width:1024px) {
  .use_map {
    background: none;
    display: block;
    width: 100%;
    padding: 20px;
    height: auto;
    position: relative;
    border: 2px solid #E1011A;
  }
  .use_map li {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}


/*fine*/


/*------------------------------------------------------------------------------*/

.fine_box {
  background: url(../image/common/life_top.html) no-repeat center top, url(../image/common/life_bottom.html) no-repeat center bottom, url(../image/common/life_body.html) repeat-y center top #014DA3;
  background-size: 100% auto;
  color: #FFF;
  padding: 30px;
}

.fine_box h4 {
  color: #FFF;
}

.fine_box01, .fine_box02, .fine_box03 {
  background: url(../image/fine_img01.html) no-repeat center top;
  background-size: 100% auto;
  color: #FFF;
  padding: 200px 20px 20px;
}

.fine_box02 {
  background: url(../image/fine_img02.html) no-repeat center top;
}

.fine_box03 {
  background: url(../image/fine_img03.html) no-repeat center top;
}

.fine_box01 img, .fine_box02 img, .fine_box03 img {
  display: none;
}

@media only screen and (max-width:690px) {
  /*
.life_box{
	width:94%;
	margin:0px auto;

}
*/
  .fine_box01, .fine_box02, .fine_box03 {
    background: none;
    background-size: 100% auto;
    color: #FFF;
    padding: 0px;
    margin-bottom: 10px;
  }
  .fine_box01 img, .fine_box02 img, .fine_box03 img {
    display: block;
    width: 100%;
    height: auto;
  }
}


/*flow*/


/*------------------------------------------------------------------------------*/

.flow_box {
  width: 100%;
  display: table;
}

.flow_left {
  width: 160px;
  color: #FFF;
  background: #2772CC;
  display: table-cell;
  vertical-align: middle;
  font-size: 120%;
  padding: 0px;
  min-height: 100px;
  text-align: center;
}

.flow_left strong {
  font-size: 300%;
}

.flow_right {
  display: table-cell;
  padding: 0px 0px 0px 20px;
  vertical-align: top;
}

.flow_box03 {
  width: 100%;
  display: table;
  padding: 20px;
  border: 1px solid #2772CC;
}

.flow_box03 .flow_left {
  width: 50px;
  color: #FFF;
  background: #FFF;
  display: table-cell;
  vertical-align: top;
  padding: 0px;
  min-height: 50px;
  text-align: center;
}

.flow_box03 .flow_left strong {
  font-size: 300%;
}

.flow_box03 .flow_right {
  display: table-cell;
  padding: 0px 0px 0px 20px;
  vertical-align: top;
}

.flow_box04 {
  width: 100%;
  text-align: center;
}

@media only screen and (max-width:690px) {
  .flow_left {
    max-width: 160px;
    width: 30%;
  }
  .flow_left img {
    width: 100%;
    height: auto;
  }
  .flow_right {
    width: 70%;
  }
  .flow_box02 {
    width: 100%;
    text-align: center;
  }
}


/*company*/


/*------------------------------------------------------------------------------*/

.company_box {
  width: 100%;
  display: table;
}

.company_box01 {
  padding: 10px 0px;
}


/*reason*/


/*------------------------------------------------------------------------------*/

.reason_tit {
  margin: 0px auto;
  padding: 0px 0px 30px;
}

.reason_box h3 {
  text-indent: 300px;
}

@media only screen and (min-width:691px) and (max-width:1024px) {
  .reason_tit img {
    width: 100%;
    height: auto;
  }
  .reason_box h3 {
    text-indent: 50px;
  }
}

@media only screen and (max-width:690px) {
  .reason_tit img {
    width: 100%;
    height: auto;
  }
  .reason_box h3 {
    text-indent: 0px;
  }
}


/*outline*/


/*------------------------------------------------------------------------------*/

.outline_box {
  width: 100%;
  display: table;
}

.outline_box01 {
  width: 20%;
  background: #EEE;
  color: #005999;
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  border-bottom: 1px dotted #666;
}

.outline_box02 {
  width: 80%;
  display: table-cell;
  vertical-align: middle;
  background: #fff;
  padding: 10px;
  border-bottom: 1px dotted #666;
}

.outline_box02 table {
  width: 100%;
}

.outline_box02 table th {
  color: #014767;
  font-weight: bold;
  padding-right: 5px;
  width: 100px;
  position: relative;
}

.outline_box02 table th:after {
  content: ":";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
}

@media only screen and (max-width:690px) {
  .outline_box {
    width: 100%;
    display: block;
  }
  .outline_box01 {
    width: 100%;
    display: block;
    vertical-align: middle;
    padding: 10px;
    border-bottom: none;
  }
  .outline_box02 {
    width: 100%;
    display: block;
    border-bottom: none;
  }
}


/*message*/


/*------------------------------------------------------------------------------*/

.message_box {
  width: 100%;
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid #014DA3;
}

.message_box01 {
  font-size: 120%;
  font-weight: bold;
  background: url(../image/common/message.html) no-repeat left center;
  line-height: 40px;
  padding-left: 40px;
  margin-bottom: 10px;
}

.message_box02 {
  padding: 10px 0;
}


/*schedule*/


/*------------------------------------------------------------------------------*/

.schedule_box {
  width: 100%;
  display: table;
  background: url(../image/common/schedule_bg.html) repeat-y 10px 0;
  padding: 20px 0px;
}

.schedule_box01 {
  width: 50px;
  display: table-cell;
  background: url(../image/common/arr10.html) no-repeat right center;
  vertical-align: middle;
}

.schedule_box02 {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 30px;
  background: #014DA3;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.schedule_box03 {
  display: table-cell;
  background: #014DA3;
  color: #FFF;
}

.schedule_box04 {
  padding: 30px;
}


/*greeting*/


/*------------------------------------------------------------------------------*/

.greeting_area {
  padding: 25px 25px 25px 25px;
  background: url(../image/common/bg_04-2.html);
}

.greeting_box {
  padding: 25px;
  background: #FFF;
}


/*course*/


/*------------------------------------------------------------------------------*/

.course_area {
  padding: 25px 25px 25px 25px;
  background: url(../image/common/bg_04-2.html);
}

.course_box {
  padding: 25px;
  background: #FFF;
}


/*university*/


/*------------------------------------------------------------------------------*/

.university_box {
  width: 100%;
  display: table;
  text-align: left;
}

.university_box_left {
  width: 70px;
  display: table-cell;
  vertical-align: top;
}

.university_box_right {
  display: table-cell;
  vertical-align: top;
}

.university_area01 {
  width: 20%;
}

.university_area02 {
  width: 40%;
}

.university_area03 {
  width: 40%;
}


/*link*/


/*------------------------------------------------------------------------------*/

.link_box {
  width: 100%;
  margin: 0;
  padding: 0px 0px;
}

.link_box ul {
  width: 100%;
  margin: 0px auto;
  padding: 0px 0px;
}

.link_box li {
  width: 23.5%;
  margin-right: 2%;
  float: left;
}

.link_box li:nth-child(4n) {
  margin-right: 0%;
}

.link_box li a {
  font-size: 140%;
  width: 100%;
  padding: 10px 10px 70px;
  display: block;
  text-align: center;
  font-weight: bold;
  color: #333;
  border: 1px solid #BBBBBB;
}

.link_box li a span {
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 80%;
  color: #999999;
}

.link_box li a:hover span {
  color: #FFF;
}

.link_box li:nth-child(1) a {
  background: url(../image/common/icon_link01.html) no-repeat center bottom;
}

.link_box li:nth-child(2) a {
  background: url(../image/common/icon_link02.html) no-repeat center bottom;
}

.link_box li:nth-child(3) a {
  background: url(../image/common/icon_link03.html) no-repeat center bottom;
}

.link_box li:nth-child(4) a {
  background: url(../image/common/icon_link04.html) no-repeat center bottom;
}

.link_box li:nth-child(1) a:hover {
  background: url(../image/common/icon_link01.html) no-repeat center bottom #D41218;
  border: 1px solid #D41218;
  color: #FFF;
}

.link_box li:nth-child(2) a:hover {
  background: url(../image/common/icon_link02.html) no-repeat center bottom #D41218;
  border: 1px solid #D41218;
  color: #FFF;
}

.link_box li:nth-child(3) a:hover {
  background: url(../image/common/icon_link03.html) no-repeat center bottom #D41218;
  border: 1px solid #D41218;
  color: #FFF;
}

.link_box li:nth-child(4) a:hover {
  background: url(../image/common/icon_link04.html) no-repeat center bottom #D41218;
  border: 1px solid #D41218;
  color: #FFF;
}

@media only screen and (min-width:691px) and (max-width:1024px) {
  .link_box li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
  }
  .link_box li:nth-child(2n) {
    margin-right: 0%;
  }
}

@media only screen and (max-width:690px) {
  .link_box li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
  }
  .link_box li:nth-child(2n) {
    margin-right: 0%;
  }
}


/*technical*/


/*--------------------------------------------------------------------------------*/

.technical_box {
  width: 100%;
  margin: 0px auto 20px;
  text-align: left;
  display: block;
}

.technical_box dl {
  width: 100%;
  display: block;
  border-bottom: 1px dotted #DEDEDE;
}

.technical_box dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

.technical_box dt {
  display: table-cell;
  width: 120px;
  padding: 10px 0px;
}

.technical_box dd {
  display: table-cell;
  padding: 10px 0px;
}


/*search*/


/*------------------------------------------------------------------------------*/

.search_area {
  width: 100%;
  display: table;
}

.search_result {
  display: table-cell;
  vertical-align: middle;
}

.search_link {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.search_link_box {
  float: right;
}

.search_link a {
  display: block;
  float: left;
  padding: 2px;
  margin-right: 5px;
}

.search_link a:hover {
  background: #E1011A;
  color: #FFF;
}

.search_left {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  padding-left: 1%;
}

.search_right {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  padding-right: 1%;
}

.search_right ul li {
  margin: 5px 0px;
}

.search_right ul li.serch_icon {
  display: block;
  background: #E1011A;
  color: #FFF;
  text-align: center;
}

.search_right ul li img {
  width: auto;
}

.search_area h4 {
  display: table-cell;
  vertical-align: middle;
  width: 120px;
}

.search_h4_bg {
  display: table-cell;
  vertical-align: middle;
  background: url(../image/common/search_tit.html) no-repeat left center;
}

.search_box3 li {
  float: left;
  width: 33.333%;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

.search_box3 li:nth-child(3n) {
  border-right: none;
}

.search_box3 li a {
  font-size: 90%;
  display: block;
  padding: 5px;
  background: #F5F5F5;
}

.search_box3 li a:hover {
  background: #E1011A;
  color: #FFF;
}

@media only screen and (max-width:690px) {
  .search_result {
    display: block;
    vertical-align: middle;
    margin-bottom: 10px;
  }
  .search_link {
    display: block;
    vertical-align: middle;
    text-align: right;
  }
}


/*detail*/


/*------------------------------------------------------------------------------*/

.detail_tag {
  margin-bottom: 10px;
}

.detail_tag li {
  background: #E5E9EA;
  border-left: 5px solid #4A8987;
  color: #005999;
  text-align: center;
  float: left;
  padding: 0px 5px;
  margin-right: 5px;
}

.detail_category {
  background: #F5F5F5;
  padding: 0px 2px;
  margin-left: 3px;
}

.detail_price {
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: right;
  font-weight: bold;
  color: #E1011A;
  font-size: 120%;
}

.detail_price_link {
  padding: 10px 0px;
}

.detail_price_link li a {
  background: #737373;
  color: #FFF;
  padding: 5px 10px;
  float: left;
  margin: 0px 5px 5px 0px;
}

.detail_price_link li a:before {
  content: ">";
  padding: 5px 5px 5px 0px;
}

.detail_price_link li a:hover {
  background: #FF9933;
}

.detail_tag_link li a {
  background: #C1C1C1;
  color: #FFF;
  padding: 5px 10px;
  float: left;
  margin: 0px 5px 5px 0px;
}

.detail_tag_link li a:hover {
  background: #00A1E7;
}

#detail_photo {
  width: 99%;
  margin-right: 1%;
  margin-bottom: 10px;
}

#detail_photo img {
  border: 1px solid #CCC;
}

#detail_navi li {
  float: left;
  width: 19%;
  margin-right: 1%;
  border: 1px solid #CCC;
}

.detail_tit {
  background: #F5F5F5;
  padding: 10px;
  margin-bottom: 15px;
}

.detail_tit h4 {
  margin-bottom: 0;
}

.detail_link a {
  background: url(../image/common/arr03.png) no-repeat left center;
  padding: 5px 5px 5px 10px;
  color: #005999;
}

.detail_box3 li {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 5px;
}

.detail_box3 li:nth-child(3n) {
  margin-right: 0%;
}

.detail_box3 li a {
  font-size: 90%;
  display: block;
  padding: 10px 10px 10px 10px;
  background: #F5F5F5;
}

.detail_box3 li a:before {
  content: "";
  background: url(../image/common/arr09.png) no-repeat left center;
  padding: 5px 8px;
}

.detail_box3 li a:hover {
  background: #E1011A;
  color: #FFF;
}

.detail_box3 li a:hover:before {
  content: "";
  background: url(../image/common/arr08.png) no-repeat left center;
  padding: 5px 8px;
}

.detail_table {
  width: 100%;
  border-top: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;
}

.detail_table th {
  border-right: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  background: #69A0C3;
  color: #FFF;
  text-align: center;
}

.detail_table td {
  border-right: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  padding: 10px 5px;
  vertical-align: middle;
  background: #FFF;
}

.detail_table td.tit {
  background: #4385F5;
  color: #FFF;
  width: 25%;
}

.detail_table01 {
  width: 100%;
  border-top: 1px solid #035D9D;
  border-left: 1px solid #035D9D;
}

.detail_table01 th {
  border-right: 1px solid #035D9D;
  border-bottom: 1px solid #035D9D;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  background: #035D9D;
  color: #FFF;
  text-align: center;
}

.detail_table01 td {
  border-right: 1px solid #035D9D;
  border-bottom: 1px solid #035D9D;
  padding: 10px 5px;
  vertical-align: middle;
  background: #FFF;
}

.detail_table01 td.tit {
  background: #4385F5;
  color: #FFF;
  width: 25%;
}

.detail_table02 {
  width: 100%;
  border-top: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;
}

.detail_table02 th {
  border-right: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  padding: 10px 5px;
  font-weight: normal;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
}

.detail_table02 td {
  border-right: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  padding: 10px 5px;
  vertical-align: middle;
}

.detail_table02 td.tit {
  background: #52BEB9;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width:690px) {
  .detail_price {
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: left;
    font-weight: bold;
    color: #E1011A;
    font-size: 120%;
  }
  .detail_box3 li {
    float: none;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 5px;
  }
}


/*choose*/


/*------------------------------------------------------------------------------*/

.choose_box {
  width: 80%;
  margin: 0px auto;
}

@media only screen and (max-width:690px) {
  .choose_box {
    width: 100%;
    margin: 0px auto;
  }
}


/*health*/


/*------------------------------------------------------------------------------*/

.health_box01 {
  background: url(../image/health_img01.html) no-repeat left bottom #000000;
  background-size: cover;
  height: 201px;
  padding: 20px;
  color: #FFF;
}

.health_box01 h3 {
  font-size: 300%;
  font-weight: bold;
}

.health_box01 h4 {
  font-size: 120%;
  margin-bottom: 20px;
}

.health_btn a {
  padding: 5px 15px;
  border: 1px solid #FFF;
  color: #FFF;
}

.health_btn a:hover {
  opacity: 0.7;
}


/*brazier*/


/*------------------------------------------------------------------------------*/

.brazier_box01 {
  background: url(../image/brazier_img01.html) no-repeat left bottom #000000;
  background-size: cover;
  padding: 20px;
  color: #FFF;
}

.brazier_box01 h3 {
  font-size: 300%;
  font-weight: bold;
  margin-bottom: 20px;
}

.brazier_box01 h4 {
  font-size: 120%;
  margin-bottom: 20px;
}

.brazier_box02 {
  width: 50%;
  border: 1px solid #FFF;
  padding: 20px;
}

.brazier_box02 a {
  color: #FFF;
}

.brazier_box02 a:before {
  content: ">";
}

.brazier_box02 a:hover {
  opacity: 0.7;
}

@media only screen and (max-width:1024px) {
  .brazier_box02 {
    width: 100%;
    border: 1px solid #FFF;
    padding: 20px;
  }
}


/*banner*/


/*------------------------------------------------------------------------------*/

.banner {
  width: 100%;
  margin: 0px auto 0px;
  padding-top: 30px;
  border-top: 1px solid #D9DADD;
}

@media only screen and (max-width:1024px) {
  .banner {
    width: 90%;
  }
}


/*feature*/


/*------------------------------------------------------------------------------*/

.feature_box01 h3 {
  width: 100%;
  margin: 0px auto 20px;
  text-align: center;
}

.feature_box01 h4 {
  width: 100%;
  margin: 0px auto 20px;
  text-align: center;
  font-size: 200%;
}

.feature_box01 h5 {
  width: 100%;
  margin: 0px auto 0px;
  text-align: center;
  font-size: 120%;
}

.feature_box02 {
  width: 100%;
  margin: 0px auto 0px;
  display: table;
}

.feature_box02 img, .feature_box03 img {
  width: 100%;
  height: auto;
}

.feature_box02_left {
  width: 25%;
  display: table-cell;
  vertical-align: middle;
}

.feature_box02_right {
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle;
}

.feature_box03 {
  width: 100%;
  margin: 0px auto 0px;
  display: table;
}

.feature_box03_left {
  padding-right: 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.feature_box03_right {
  width: 25%;
  display: table-cell;
  vertical-align: middle;
}

.feature_box03_txt {
  border-bottom: 1px solid #AAAAAA;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.feature_box04 {
  width: 100%;
  margin: 0px auto 0px;
  font-size: 120%;
  text-align: center;
}

.feature_box05 li {
  padding-left: 20px;
  margin-bottom: 5px;
  position: relative;
}

.feature_box05 li:before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #2772CC;
}

@media only screen and (max-width:690px) {
  .feature_box02 {
    display: block;
  }
  .feature_box02_left {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .feature_box02_right {
    padding-left: 0px;
    display: block;
  }
  .feature_box03 {
    width: 100%;
    margin: 0px auto 0px;
    display: block;
  }
  .feature_box03_left {
    padding-right: 0px;
    display: block;
    vertical-align: middle;
    text-align: left;
    margin-bottom: 10px;
  }
  .feature_box03_right {
    width: 100%;
    display: block;
    vertical-align: middle;
  }
}


/*craftmanship*/


/*------------------------------------------------------------------------------*/

.craftmanship_box {
  width: 100%;
  background: url(../image/common/craftmanship_bg01.html) no-repeat center bottom;
  background-size: cover;
  display: block;
  margin-bottom: 30px;
}

.craftmanship_box_in {
  max-width: 1024px;
  width: 100%;
  background: url(../image/common/craftmanship_bg02.html) no-repeat center bottom;
  background-size: cover;
  margin: 0px auto;
  display: block;
  padding: 50px;
}

.craftmanship_tit {
  width: 100%;
  text-align: center;
  font-size: 200%;
  font-weight: bold;
  color: #035D9C;
  letter-spacing: 10px;
  margin-bottom: 30px;
}

.craftmanship_tit span {
  position: relative;
}

.craftmanship_tit span:before {
  content: "・";
  position: absolute;
  display: block;
  top: -70%;
  left: 0;
}

.craftmanship_txt {
  text-align: center;
}

.craftmanship_ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  background: #E9EDEE;
}

.craftmanship_ul li {
  width: 33.333%;
  display: table-cell;
  vertical-align: middle;
}

.craftmanship_ul li h4 {
  text-align: center;
}

.craftmanship_ul li img {
  width: 100%;
  height: auto;
}

@media only screen and (min-width:691px) and (max-width:1024px) {
  .craftmanship_tit span:before {
    content: "・";
    position: absolute;
    display: block;
    top: -100%;
    left: 0;
  }
}

@media only screen and (max-width:690px) {
  .craftmanship_tit {
    font-size: 180%;
    letter-spacing: normal;
  }
  .craftmanship_tit span:before {
    content: "・";
    position: absolute;
    display: block;
    top: -100%;
    left: 0;
  }
  .craftmanship_box .box3 li {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .craftmanship_box .box3 li:nth-child(3n) {
    margin-right: 0%;
  }
  .craftmanship_box .box3 li img {
    width: 100%;
    height: auto;
  }
  .craftmanship_box {
    background: none;
  }
  .craftmanship_box_in {
    max-width: 1024px;
    width: 94%;
    background: none;
    margin: 0px auto;
    display: block;
    padding: 20px 0px 20px;
  }
  .craftmanship_txt {
    text-align: left;
  }
  .craftmanship_ul {
    width: 100%;
    display: block;
    table-layout: fixed;
    background: #E9EDEE;
  }
  .craftmanship_ul li {
    width: 100%;
    display: block;
    vertical-align: middle;
  }
  .craftmanship_ul li h4 {
    text-align: center;
  }
  .craftmanship_ul li img {
    width: 100%;
    height: auto;
  }
}


/*support*/


/*------------------------------------------------------------------------------*/

.support_ul {
  width: 100%;
}

.support_ul li {
  width: 100%;
  margin-bottom: 10px;
  display: table;
  text-align: left;
}

.support_icon {
  width: 35px;
  padding-right: 5px;
  display: table-cell;
  vertical-align: middle;
}

.support_icon_txt {
  display: table-cell;
  vertical-align: middle;
}


/*partner*/


/*------------------------------------------------------------------------------*/

.partner_box {
  width: auto;
  margin: 0px auto;
  display: table;
  border: 1px solid #DDD;
}

.partner_left {
  display: table-cell;
  vertical-align: middle;
  background: #A53333;
  color: #FFFFFF;
  padding: 10px;
}

.partner_center {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  text-align: right;
}

.partner_right {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 10px 10px 0px;
}


/*about_box*/


/*------------------------------------------------------------------------------*/

.about_box {
  width: 100%;
}

.about_box01 {
  width: 100%;
  background: #F8FBFC;
  padding: 20px;
}

.about_box02 {
  width: 100%;
  background: #EAF5F7;
  padding: 20px;
}

.about_box_in {
  width: 100%;
  display: block;
}

.about_left {
  width: 50%;
  float: left;
  padding-right: 20px;
}

.about_right {
  width: 50%;
  float: right;
}

.about_box02 .about_left {
  float: right;
  padding-left: 20px;
  padding-right: 0px;
}

.about_box02 .about_right {
  float: left;
}

.about_left img, .about_right img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width:690px) {
  .about_left {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
  }
  .about_right {
    width: 100%;
    float: none;
  }
  .about_box02 .about_left {
    padding-left: 0px;
    padding-right: 0px;
  }
}


/*download*/


/*------------------------------------------------------------------------------*/

.download {
  max-width: 1024px;
  width: 100%;
  margin: 0px auto;
  height: auto;
  padding: 0px 0px 20px;
}

.download_box {
  background: #F2F2F0;
  border-radius: 5px;
  padding: 20px;
}

.download_tit_box {
  padding: 0px;
  text-align: right;
  position: relative;
  padding-bottom: 20px;
}

.download_tit {
  position: absolute;
  top: -32px;
  left: 0;
  display: block;
  background: url(../image/common/tit_01.png) no-repeat left center;
  padding: 30px 0px 20px 50px;
  font-size: 150%;
  line-height: 1;
}

.download_tit span {
  font-weight: normal;
  color: #008488;
  font-size: 70%;
  padding-left: 10px;
}

.download_tit_box a {
  color: #09529e;
  text-decoration: underline;
}

.download_box ul {
  width: 100%;
  display: table;
  table-layout: fixed;
}

.download_box li {
  /*
		width:12.0625%;
		float:left;
		margin-right:0.5%;
		*/
  width: 12.5%;
  display: table-cell;
  vertical-align: middle;
  padding: 1px;
}

.new_mark {
  position: relative;
  display: block;
  margin-top: 0;
  font-size: 14px;
  margin-left: 0;
  color: #02a5aa;
  font-weight: bold;
}

.download_box li a {
  border: 1px solid #C9D1D4;
  border-radius: 5px;
  background: url(../image/common/icon_01.png) no-repeat 10px center #FFF;
  padding: 10px 10px 10px 50px;
  display: table-cell;
  vertical-align: middle;
  font-size: 80%;
  width: 0.1%;
  height: 85px;
}

.download_box li:nth-child(2) a {
  background-image: url(../image/common/icon_02.png);
}

.download_box li:nth-child(3) a {
  background-image: url(../image/common/icon_03.png);
}

.download_box li:nth-child(4) a {
  background-image: url(../image/common/icon_04.png);
}

.download_box li:nth-child(5) a {
  background-image: url(../image/common/icon_05.png);
}

.download_box li:nth-child(6) a {
  background-image: url(../image/common/icon_06.png);
}

.download_box li:nth-child(7) a {
  background-image: url(../image/common/icon_07.png);
}

.download_box li:nth-child(8) a {
  background-image: url(../image/common/icon_08.png);
}

.download_box li a:hover {
  background-color: #03BCC1;
  color: #FFFFFF;
}

.download_boxblog li a {
    border: 1px solid #C9D1D4;
    border-radius: 5px;
    background: #FFF;
    padding-top: 20px;
    display: block;
    vertical-align: middle;
    font-size: 80%;
    text-align: center;
}

.download_boxblog ul {
  width: 100%;
  display: table;
  table-layout: fixed;
}

.download_boxblog li {
  /*
		width:12.0625%;
		float:left;
		margin-right:0.5%;
		*/
  width: 12.5%;
  display: table-cell;
  vertical-align: middle;
  padding: 1px;
}

.download_boxblog {
  background: #F2F2F0;
  border-radius: 5px;
  padding: 20px;
}

@media only screen and (max-width:691px) {
.download_boxblog ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.download_boxblog li {
    flex: 0 1 24%;
    width: 24%;
    display: table-cell;
    vertical-align: middle;
    padding: 1px;
}
}
@media only screen and (min-width:691px) and (max-width:1024px) {
  /*download*/
  /*------------------------------------------------------------------------------*/
  .download {
    max-width: 1024px;
    width: 100%;
    margin: 0px auto;
    height: auto;
    padding: 50px 0px 0px;
  }
  .download_box {
    background: #F2F2F0;
    border-radius: 5px;
    padding: 20px;
  }
  .download_tit_box {
    padding: 0px;
    text-align: left;
    position: relative;
    padding-bottom: 20px;
  }
  .download_tit {
    position: relative;
    top: auto;
    left: 0;
    display: block;
    background: url(../image/common/tit_01.png) no-repeat left center;
    padding: 30px 0px 20px 50px;
    font-size: 150%;
    line-height: 1;
    text-align: left;
  }
  .download_tit span {
    font-weight: normal;
    color: #008488;
    font-size: 70%;
    padding-left: 10px;
  }
  .download_tit_box a {
    color: #09529e;
    text-decoration: underline;
  }
  .download_box li {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .download_box li:nth-child(4n) {
    margin-right: 0%;
  }
  .download_box li {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .download_box li:nth-child(4n) {
    margin-right: 0%;
  }
  .download_box li a {
    border: 1px solid #C9D1D4;
    border-radius: 5px;
    background: url(../image/common/icon_01.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
    padding: 10px 10px 10px 50px;
    display: table-cell;
  }
  .download_box li:nth-child(2) a {
    background: url(../image/common/icon_02.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
  }
  .download_box li:nth-child(3) a {
    background: url(../image/common/icon_03.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
  }
  .download_box li:nth-child(4) a {
    background: url(../image/common/icon_04.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
  }
  .download_box li:nth-child(5) a {
    background: url(../image/common/icon_05.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
  }
  .download_box li:nth-child(6) a {
    background: url(../image/common/icon_06.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
  }
  .download_box li:nth-child(7) a {
    background: url(../image/common/icon_07.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
  }
  .download_box li:nth-child(8) a {
    background: url(../image/common/icon_08.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
  }
  .download_box li a:hover {
    background: url(../image/common/icon_01.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
    color: #FFFFFF;
  }
  .download_box li:nth-child(2) a:hover {
    background: url(../image/common/icon_02.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
  }
  .download_box li:nth-child(3) a:hover {
    background: url(../image/common/icon_03.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
  }
  .download_box li:nth-child(4) a:hover {
    background: url(../image/common/icon_04.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
  }
  .download_box li:nth-child(5) a:hover {
    background: url(../image/common/icon_05.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
  }
  .download_box li:nth-child(6) a:hover {
    background: url(../image/common/icon_06.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
  }
  .download_box li:nth-child(7) a:hover {
    background: url(../image/common/icon_07.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
  }
  .download_box li:nth-child(8) a:hover {
    background: url(../image/common/icon_08.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
  }
}

@media only screen and (max-width:690px) {
  .download {
    max-width: 1024px;
    width: 90%;
    margin: 0px auto;
    height: auto;
    padding: 0px 0px 0px;
  }
  .download_box {
    background: none;
    border-radius: 5px;
    padding: 20px 0px;
  }
  .download_tit_box {
    padding: 0px;
    text-align: left;
    position: relative;
    padding-bottom: 20px;
  }
  .download_tit {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    background: url(../image/common/tit_01.png) no-repeat left center;
    padding: 30px 0px 20px 50px;
    font-size: 150%;
    line-height: 1;
    margin-bottom: 20px;
  }
  .download_tit span {
    display: block;
    font-weight: normal;
    color: #008488;
    font-size: 70%;
    padding-left: 0px;
  }
  .download_tit_box a {
    color: #09529e;
    text-decoration: underline;
  }
  .download_box li {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 10px;
    text-align: center;
  }
  .download_box li:nth-child(4n) {
    margin-right: 0%;
  }
  .download_box li a {
    border: none;
    border-radius: 5px;
    background: url(../image/common/icon_01.png) no-repeat center 10px #F2F2F0;
    padding: 50px 10px 10px 10px;
    display: table-cell;
  }
  .download_box li:nth-child(2) a {
    background: url(../image/common/icon_02.png) no-repeat center 10px #F2F2F0;
  }
  .download_box li:nth-child(3) a {
    background: url(../image/common/icon_03.png) no-repeat center 10px #F2F2F0;
  }
  .download_box li:nth-child(4) a {
    background: url(../image/common/icon_04.png) no-repeat center 10px #F2F2F0;
  }
  .download_box li:nth-child(5) a {
    background: url(../image/common/icon_05.png) no-repeat center 10px #F2F2F0;
  }
  .download_box li:nth-child(6) a {
    background: url(../image/common/icon_06.png) no-repeat center 10px #F2F2F0;
  }
  .download_box li:nth-child(7) a {
    background: url(../image/common/icon_07.png) no-repeat center 10px #F2F2F0;
  }
  .download_box li:nth-child(8) a {
    background: url(../image/common/icon_08.png) no-repeat center 10px #F2F2F0;
  }
  .download_box li a:hover {
    background: url(../image/common/icon_01.png) no-repeat center 10px #03BCC1;
    color: #FFFFFF;
  }
  .download_box li:nth-child(2) a:hover {
    background: url(../image/common/icon_02.png) no-repeat center 10px #03BCC1;
  }
  .download_box li:nth-child(3) a:hover {
    background: url(../image/common/icon_03.png) no-repeat center 10px #03BCC1;
  }
  .download_box li:nth-child(4) a:hover {
    background: url(../image/common/icon_04.png) no-repeat center 10px #03BCC1;
  }
  .download_box li:nth-child(5) a:hover {
    background: url(../image/common/icon_05.png) no-repeat center 10px #03BCC1;
  }
  .download_box li:nth-child(6) a:hover {
    background: url(../image/common/icon_06.png) no-repeat center 10px #03BCC1;
  }
  .download_box li:nth-child(7) a:hover {
    background: url(../image/common/icon_07.png) no-repeat center 10px #03BCC1;
  }
  .download_box li:nth-child(8) a:hover {
    background: url(../image/common/icon_08.png) no-repeat center 10px #03BCC1;
  }
}

/*base*/


/*------------------------------------------------------------------------------*/

.base_box dl {
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  padding: 20px 0px;
  display: table;
}
.base_box.end dl{
  border-bottom: none;
}

.base_box_top dl {
  border-top: 1px solid #CCCCCC;
}

.base_box dt {
  font-size: 110%;
  font-weight: bold;
  color: #007F81;
  display: table-cell;
  vertical-align: middle;
  width: 18%;
}

.base_box dd {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}

.base_box dd.base_map {
  width: 60px;
}

.base_box dd.base_map a {
  background: #00ABAF;
  color: #FFF;
  display: block;
  text-align: center;
  padding: 5px;
  border-radius: 5px;
}

.base_box dd.base_map a:hover {
  opacity: 0.7;
}

@media only screen and (max-width:690px) {
  .base_box dl {
    width: 100%;
    display: block;
    padding: 10px 0px;
  }
  .base_box dt {
    width: 100%;
    display: block;
    padding-bottom: 10px;
  }
  .base_box dd {
    width: 100%;
    display: block;
    padding-bottom: 10px;
    padding-left: 0px;
  }
  .base_box dd.base_map {
    width: 100%;
    padding-bottom: 0px;
  }
  .base_box dd.base_map a {
    background: #00ABAF;
    color: #FFF;
    display: block;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
  }
  .base_box dd.base_map a:hover {
    opacity: 0.7;
  }
}


/*pdf_box*/


/*------------------------------------------------------------------------------*/

.pdf_box {
  width: 100%;
  border-top: 1px solid #CCCCCC;
  display: block;
}

.pdf_box li {
  border-bottom: 1px solid #CCCCCC;
}

.pdf_box li a {
  width: 100%;
  display: block;
  color: #00ABAF;
  text-decoration: underline;
  background: url(../image/common/icon_pdf.png) no-repeat 10px center #FFFFFF;
  padding: 10px 10px 10px 40px;
}

.pdf_box li:nth-child(2n) a {
  background-color: #F5F5F5;
}

.pdf_box li a:hover {
  opacity: 0.7;
}


/*faq*/


/*------------------------------------------------------------------------------*/

.faq_box {
  width: 100%;
  margin: -1px auto 0;
}

.faq_box a {
  color: #00838b;
}

.faq_box .bl-hover {
  text-decoration: underline;
}

.faq_box .img100 img{
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.faq_box .bg_blue{
    background-color: rgba(0,178,178,0.2);
    margin-bottom: 10px;
    font-weight: bold;
    border-radius: 5px;
    padding: 2px 10px;
}

.faq_box01 {
  margin-bottom: 0px;
}

.faq_box01 table {
  width: 100%;
  border: none;
  /*cursor: pointer;*/
  border-top: 1px solid #CCC;
}

.popularfaq table {
  cursor: auto;
}

#contents_left .faq_box01 table p {
  margin-bottom: 0px;
  font-size: 16px;
  color: #048A8D;
}

.faq_box01 table th {
  width: 70px;
  padding-top: 30px;
  border: none;
  font-size: 150%;
  font-weight: bold;
  color: #00ABAF;
  vertical-align: middle;
  text-align: center;
}

.faq_box01 table td {
  width: auto;
  padding: 30px 40px 0 0;
  vertical-align: middle;
  text-align: left;
}

.popularfaq table td {
  background: none;
}


.faq_box03 {
  background: url(../image/common/faq_img03.png) no-repeat 17px 7px #FFF;
  border-bottom: 1px solid #CCC;
  padding-left: 70px;
  padding-top: 5px;
  padding-bottom: 30px;
  padding-right: 20px;
}
.faq_box03.center {
  background: url(../image/common/faq_img03.png) no-repeat 17px 0 #FFF;
}
.circle{
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: skyblue;
  text-align:center;
  line-height: 80px;
  vertical-align: middle;
}
.faq_box03 a:hover{
  text-decoration: underline;
}
/*
.faq_box03 .section_download_txt_right {
    width: 100%;
    float: none;
    position:relative;
}
.faq_box03 .section_download_btn a {
    width: 20%;
    display: block;
    position:absolute;
    right:0;
    bottom:0;
    border-radius: 5px;
    padding: 5px;
    background: #00ABAF;
    color: #FFF;
    text-align: center;
}
.faq_box03 .section_download_btn a:hover {
  text-decoration: none;
}*/

.faq_box04 {
  border: 1px solid #CCC;
  border-top: 3px solid #00ABAF;
  background: #FFF;
  display: block;
  padding: 20px;
  margin: 20px auto 0px;
}

.txt_green{ color:#048A8D; }

.trouble{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #efefef;
  padding:10px 20px;
}
.trouble_pdf{
  width:72%;
}
.trouble_pdf p{
  padding-top:5px;
}

.trouble_pdf_btn{
  width:26%;
}
.trouble_pdf_btn a{
    width:100%;
    display: block;
    background: url(../image/common/icon-pdfdl.png) no-repeat 10px center #00ABAF;
    color: #FFF;
    padding: 5px 5px 5px 40px;
    border-radius: 5px;
}



@media only screen and (max-width:690px) {
  .faq_box01 table td {
    font-size: 120%;
  }
  .faq_box03 {
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 40px;
    background: none;
  }
  .faq_box03.center {
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 40px;
    background: none;
  }
  .trouble_pdf{
    width:100%;
    margin-bottom:10px;
  }
  .trouble_pdf_btn{
    width:100%;
}
}


/*pal*/


/*------------------------------------------------------------------------------*/

.pal_box {
  width: 100%;
  background: #F5F5F5;
  border-top: 3px solid #00ABAF;
  padding: 20px;
}

.pal_tit {
  width: 100%;
  display: block;
  font-size: 120%;
  font-weight: bold;
  color: #00ABAF;
  padding-bottom: 10px;
  clear: both;
}

.pal_left {
  width: 72%;
  display: block;
  float: left;
  border: 1px solid #CCC;
  background: #FFF;
  padding: 20px;
}

.pal_right {
  width: 26%;
  display: block;
  float: right;
}

.pal_right li {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.pal_right li:last-child {
  margin-bottom: 0px;
}

.pal_right li a {
  display: block;
  background: url(../image/common/icon_23.png) no-repeat 10px center #00ABAF;
  color: #FFF;
  padding: 5px 5px 5px 40px;
  border-radius: 5px;
}

.pal_right li:nth-child(2) a {
  background-image: url(../image/common/icon-pdfdl.png);
}

.pal_right li:nth-child(3) a {
  background-image: url(../image/common/icon_25.png);
}

.pal_right li:nth-child(4) a {
  background-image: url(../image/common/icon_24.png);
}

.pal_right li a:hover {
  opacity: 0.7;
}

@media only screen and (max-width:690px) {
  .pal_left {
    width: 100%;
    display: block;
    float: none;
    margin-bottom: 10px;
  }
  .pal_right {
    width: 100%;
    display: block;
    float: none;
  }
}


/*case*/


/*------------------------------------------------------------------------------*/


/**/

.case_img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 150px;
  display: block;
  cursor: pointer;
  position: relative;
}


/*
	.case_img:hover{
		opacity:0.7;
	}

*/

.case_category {
  width: 100%;
  display: table;
  margin-bottom: 10px;
}

.case_category_in {
  font-size: 90%;
  line-height: 1.4;
  color: #FFF;
  background: #00ABAF;
  padding: 8px 10px;
  display: table-cell;
  vertical-align: middle;
}

.case_box {
  width: 100%;
  padding: 0px;
  background: #FFF;
}

.case_txt {
  padding: 10px;
}

.case_date {
  display: block;
  padding-bottom: 10px;
}

.case_tit {
  font-size: 120%;
  font-weight: bold;
  padding-bottom: 10px;
  color: #000;
}

.case_tit a {
  color: #000;
}

.case_tit a:hover {
  opacity: 0.7;
}

.case_tag {
  background: #F5F5F5;
  padding: 5px 10px;
}

.field_use_product_box .case_box .for_detail:before, .field_use_product_box .case_box .for_list:before {
  margin: 0 10px 0 0;
  content: " ";
  display: inline-block;
  background: url(../image/common/arr08.png) no-repeat left center;
  width: 11px;
  height: 11px;
  vertical-align: middle;
}

.field_use_product_box .case_box .for_detail a, .field_use_product_box .case_box .for_list a {
  text-decoration: underline;
}

@media only screen and (max-width:690px) {}


/*tab*/

.tab {
  width: 100%;
  margin: 0px auto;
  display: block;
}

.tab li {
  width: 50%;
  background: #F5F5F5;
  padding: 15px 10px 15px 10px;
  float: left;
  text-align: center;
  color: #000000;
  margin: 0px 0px 0px 0px;
  font-size: 120%;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}

.tab li.select {
  background-color: #00ABAF;
  color: #FFF;
}

.tab_content {
  width: 100%;
  background-color: #00ABAF;
  color: #FFF;
}

.tab_content li {
  width: 100%;
  margin: 0px auto;
  padding: 0px;
}

.hide {
  display: none;
}

.tab_box {
  width: 100%;
  display: block;
  padding: 20px;
}

.tab_box dl {
  width: 49%;
  display: block;
  float: left;
  margin-right: 2%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.tab_box dl:nth-child(2n) {
  margin-right: 0%;
}

.tab_box dt {
  display: block;
  padding: 20px;
  background: #FFF;
  color: #00ABAF;
  font-size: 110%;
  font-weight: bold;
  border-bottom: 1px solid #FFF;
}

.tab_box dd {
  display: block;
  padding: 5px 20px;
  background: #F5F5F5;
  color: #000;
  position: relative;
  border-bottom: 1px solid #FFF;
  font-size: 80%;
}

.tab_box dd a {
  padding-left: 20px;
  color: #000;
}

.tab_box dd a:before {
  content: "≫";
  position: absolute;
  top: 5px;
  left: 20px;
}

.tab_box dd:hover {
  opacity: 0.7;
}

.tab_tit a {
  color: #FFF;
}

@media only screen and (max-width:690px) {
  .tab_box dl {
    width: 100%;
    display: block;
    float: none;
    margin-right: 0%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .tab_box dl:nth-child(2n) {
    margin-right: 0%;
  }
}


/*product*/


/*------------------------------------------------------------------------------*/

.product_box {
  width: 100%;
  background: #F5F5F5;
  border-bottom: 3px solid #00ABAF;
}

.product_box h4 {
  display: block;
  text-align: center;
}

.product_box_in {
  padding: 20px;
}

.product_box_txt {}

.common_box .common_box_in:nth-child(2n-1) .product_box_in {
  padding: 0px;
}

.product_img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  display: block;
  /*cursor:pointer;*/
  position: relative;
}

.product_tit {
  background: rgba(0, 171, 174, 0.35);
  display: block;
  padding: 10px;
  font-size: 120%;
  font-weight: bold;
  color: #FFFFFF;
}


/**/

.field_img01 {
  background-image: url(../image/field_img01.jpg);
}

.field_img02 {
  background-image: url(../image/field_img02.jpg);
}

.field_img03 {
  background-image: url(../image/field_img03.jpg);
}

.field_img04 {
  background-image: url(../image/field_img04.jpg);
}

.field_img05 {
  background-image: url(../image/field_img05.jpg);
}

.field_img06 {
  background-image: url(../image/field_img06.jpg);
}


/**/

@media only screen and (max-width:690px) {
  .product_img {
    background: none !important;
  }
}


/*strength*/


/*------------------------------------------------------------------------------*/

.strength_box {
  display: block;
  background: url(../image/strength_img01.jpg) no-repeat center bottom;
  background-size: cover;
  text-align: center;
  padding: 20px 50px 150px;
}

.strength_icon {
  display: block;
  text-align: center;
  padding: 0px 0px 10px;
}

.strength_icon img {
  width: 90px;
  height: auto;
}

.strength_img {
  display: block;
  background: url(../image/strength_img06.png) no-repeat center 80px;
  position: relative;
  width: 100%;
  height: 400px;
}

.strength_img li {
  border: 1px solid #CCC;
  background: #FFF;
  position: absolute;
  width: 220px;
  padding: 10px;
  font-size: 80%;
}

.strength_img li:nth-child(1) {
  top: 90px;
  left: 25px;
}

.strength_img li:nth-child(2) {
  top: 0px;
  left: 245px;
}

.strength_img li:nth-child(3) {
  top: 10px;
  right: 20px;
}

.strength_img li:nth-child(4) {
  top: 220px;
  left: 25px;
}

.strength_img li:nth-child(5) {
  top: 160px;
  right: 20px;
}

.strength_box_in {
  display: block;
  padding: 20px;
}

@media only screen and (max-width:1024px) {
  .strength_img {
    display: block;
    background: none;
    position: relative;
    width: 100%;
    height: auto;
  }
  .strength_img li {
    border: 1px solid #CCC;
    background: #FFF;
    position: relative;
    width: 100%;
    padding: 10px;
    font-size: 80%;
    margin-bottom: 10px;
  }
  .strength_img li:nth-child(1) {
    top: 0px;
    left: auto;
    right: auto;
  }
  .strength_img li:nth-child(2) {
    top: 0px;
    left: auto;
    right: auto;
  }
  .strength_img li:nth-child(3) {
    top: 0px;
    left: auto;
    right: auto;
  }
  .strength_img li:nth-child(4) {
    top: 0px;
    left: auto;
    right: auto;
  }
  .strength_img li:nth-child(5) {
    top: 0px;
    left: auto;
    right: auto;
  }
  .strength_box_in {
    display: block;
    padding: 20px;
  }
}

@media only screen and (max-width:690px) {
  .strength_box {
    padding: 0px 0px 150px;
    text-align: left;
  }
}


/*philosophy*/


/*------------------------------------------------------------------------------*/

.philosophy_box01 {
  display: block;
  background: url(../image/philosophy_img01.jpg) no-repeat right center #F1F1EF;
  background-size: cover;
  padding: 20px;
  text-align: left;
}

.philosophy_box02 {
  display: block;
  background: url(../image/philosophy_img02.jpg) no-repeat left center #F1F1EF;
  background-size: cover;
  padding: 20px;
  text-align: right;
}

.philosophy_box03 {
  display: block;
  background: url(../image/philosophy_img03.jpg) no-repeat right center #F1F1EF;
  background-size: cover;
  padding: 20px;
  text-align: left;
}

.philosophy_box04 {
  display: block;
  background: url(../image/philosophy_img04.jpg) no-repeat left center #F1F1EF;
  background-size: cover;
  padding: 20px;
  text-align: right;
}

.philosophy_box01 h4, .philosophy_box03 h4 {
  text-align: left;
}

.philosophy_box02 h4, .philosophy_box04 h4 {
  text-align: right;
}

@media only screen and (max-width:690px) {
  .philosophy_box01 {
    display: block;
    background: url(../image/philosophy_img01.jpg) no-repeat right top #F1F1EF;
    background-size: auto;
    padding: 220px 20px 20px;
    text-align: left;
  }
  .philosophy_box02 {
    display: block;
    background: url(../image/philosophy_img02.jpg) no-repeat left top #F1F1EF;
    background-size: auto;
    padding: 220px 20px 20px;
    text-align: left;
  }
  .philosophy_box03 {
    display: block;
    background: url(../image/philosophy_img03.jpg) no-repeat right top #F1F1EF;
    background-size: auto;
    padding: 220px 20px 20px;
    text-align: left;
  }
  .philosophy_box04 {
    display: block;
    background: url(../image/philosophy_img04.jpg) no-repeat left top #F1F1EF;
    background-size: auto;
    padding: 220px 20px 20px;
    text-align: left;
  }
  .philosophy_box01 h4, .philosophy_box03 h4 {
    text-align: left;
  }
  .philosophy_box02 h4, .philosophy_box04 h4 {
    text-align: left;
  }
}


/*graph*/


/*------------------------------------------------------------------------------*/

.graph_tit {
  font-size: 120%;
  font-weight: bold;
  color: #284B52;
  padding: 5px 5px 5px 45px;
  background: no-repeat left center;
  margin-bottom: 20px;
}

.graph_area {
  font-size: 90px;
  color: #00ABAE;
  display: block;
  text-align: center;
  line-height: 1;
}

.graph_area span {
  font-size: 30px;
  color: #274B52;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
}

.graph_txt {
  color: #284B52;
}

.graph_box03 .graph_txt, .graph_box04 .graph_txt {
  text-align: right;
}


/**/

.graph_box01 .graph_tit {
  background-image: url(../image/graph_img01.png);
}

.graph_box02 .graph_tit {
  background-image: url(../image/graph_img02.png);
}

.graph_box03 .graph_tit {
  background-image: url(../image/graph_img03.png);
}

.graph_box04 .graph_tit {
  background-image: url(../image/graph_img04.png);
}

.graph_box05 .graph_tit {
  background-image: url(../image/graph_img05.png);
}

.graph_box06 .graph_tit {
  background-image: url(../image/graph_img06.png);
}

.graph_box07 .graph_tit {
  background-image: url(../image/graph_img07.png);
}

.graph_box08 .graph_tit {
  background-image: url(../image/graph_img08.png);
}
/**/

.graph_box01 .graph_area {
  font-family: 'Text Me One', sans-serif;
  font-size: 130px;
}

.graph_box02 .graph_area {
  font-family: 'Poiret One', cursive;
  font-size: 120px;
}

.graph_box02 .graph_area span {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.graph_box03 .graph_area {
  font-weight: bold;
  font-size: 160px;
}

.graph_box04 .graph_area {
  font-family: 'Poiret One', cursive;
  font-size: 130px;
}

.graph_box05 .graph_area {
  font-family: 'Vollkorn', serif;
}

.graph_box05 .graph_area span {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.graph_box06 .graph_area {
  font-family: 'Economica', sans-serif;
}

.graph_box07 .graph_area {
  font-family: 'Vidaloka', serif;
}

.graph_box08 .graph_area {
  font-family: 'Poiret One', cursive;
  font-size: 120px;
}
.graph_box08 .graph_area span {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.graph_box08 .graph_box08_in{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.graph_box08 .graph_box08_in .box3{
  width: 32%;
}
.graph_box08 .graph_txt_year{
  text-align: center;
  font-weight: bold;
}


@media only screen and (max-width:690px) {
  .graph_area span {
    font-size: 20px;
  }
  .graph_box03 .graph_txt, .graph_box04 .graph_txt {
    text-align: left;
  }
  .graph_box03 .graph_area {
    font-size: 50px;
  }
  .graph_box04 .graph_area {
    font-size: 50px;
  }
  .graph_box08 .graph_box08_in .box3{
    width: 100%; 
    margin-bottom: 20px;
  }
}


/*history*/


/*------------------------------------------------------------------------------*/

.history_box {
  display: block;
  background: #FFF;
  padding: 30px 20px 30px;
  position: relative;
}

.history_box:nth-child(odd) {
  background: #F5F5F5;
}

.history_box_in {
  background: url(../image/common/bg_history.png) repeat-y 30px top;
  display: block;
  padding: 30px 0 30px 100px;
}

.history_tit {
  font-size: 300%;
  font-weight: bold;
  color: #284B52;
  position: absolute;
  top: -30px;
  left: 0px;
  font-style: italic;
}

.history_txt {
  padding-bottom: 10px;
}

@media only screen and (max-width:690px) {
  .history_box {
    padding: 10px;
  }
  .history_box_in {
    background: url(../image/common/bg_history.png) repeat-y left top;
    display: block;
    padding: 20px 0px 50px 20px;
  }
  .history_tit {
    position: relative;
    top: 0px;
    left: 0px;
    font-style: italic;
  }
  .history_img img {
    width: 100%;
    height: auto;
  }
}


/*eidolon*/


/*------------------------------------------------------------------------------*/

.eidolon_box {
  background: #F5F5F5;
  padding: 20px;
  display: block;
}

.eidolon_box li {
  width: 49%;
  float: left;
  background: no-repeat 98% center #FFF;
  border: 1px solid #CCC;
  padding: 20px 100px 20px 20px;
  display: block;
  margin-right: 2%;
  margin-bottom: 20px;
}

.eidolon_box li:nth-child(2n) {
  margin-right: 0%;
}

.eidolon_box li:nth-child(1) {
  background-image: url(../image/eidolon_img02.png);
}

.eidolon_box li:nth-child(2) {
  background-image: url(../image/eidolon_img03.png);
}

.eidolon_box li:nth-child(3) {
  background-image: url(../image/eidolon_img04.png);
}

.eidolon_box li:nth-child(4) {
  background-image: url(../image/eidolon_img05.png);
}

@media only screen and (max-width:690px) {
  .eidolon_box li {
    width: 100%;
    float: none;
    margin-right: 0%;
    margin-bottom: 20px;
    background: no-repeat center 10px #FFF;
    padding: 120px 20px 20px 20px;
  }
}

.use_box02 img {
  width: 100%;
  height: auto;
}

.use_box02 {
  font-size: 80%;
}

.use_box03 {
  font-size: 70%;
}

/*20118_0109 pickup製品概要*/
.about_product_box {
    width: 100%;
    background-color: #00ABAF;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.about_product_box_in{
  flex: 0 1 49%;
  width: 49%;
  background-color: #fff;
}
.about_product_box.half {
    width: 50%;
}
.about_product_box_in.half{
  flex: 0 1 100%;
  width: 100%;
}

@media only screen and (max-width:690px) {
.about_product_box.half {
    width: 100%;
}
.about_product_box_in{
  flex: 0 1 100%;
  width: 100%;
  background-color: #fff;
}
} 
.about_product_box_in .btn{
  text-align: center;
}
.about_product_box_in .btn a {
    display: inline-block;
    color: #FFF;
    text-align: center;
    background-color: #00ABAF;
    border: solid 1px #00ABAF;
    margin-right: auto;
    margin-left: auto;
    border-radius: 5px;
    position: relative;
    padding: 10px;
    line-height: 1;
    box-sizing: border-box;
    font-size: 90%;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
.about_product_box_in .btn a::before {
    display: block;
    content: "";
    top: calc(50% - 6px);
    right: 10px;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid;
    position: absolute;
}
.about_product_box_in .btn a:hover {
  color:#00ABAF;
  background-color: #FFF;
}
.about_product_box_in p{
  line-height: 1.4;
}
.pd_box{
  background-color: #f5f5f5;
  padding: 3% 5% 3%;
}
.pc_mt10{
  margin-top: 10px;
}
@media only screen and (max-width:690px) {
  .pc_mt10{
  margin-top: 0;
}
}

/* adhesive 接着剤 */
.adhesive_img01 img{
  display: block;
  width:70%;
  height:auto;
  margin:0 auto;
}
.adhesive_img02 img {
    display: block;
    max-width: 100%;
  }

@media only screen and (max-width:690px) {
.adhesive_img01 img{
  width:100%;
}
.adhesive_img02 img {
    display: block;
    max-width: 80%;
  }
}

/*よくある質問　検索*/

.faq-search-box {
    margin-top: 30px;
}

.faq-search-box .faq-search-box-form.faq-search-box-form-01 {
    border: 2px solid #00ABAF;
}

.faq-search-box .faq-search-box-form {
    position: relative;
    z-index: 5;
    box-sizing: border-box;
    padding-right: 50px;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
}

.faq-search-box .faq-search-box-form .faq-search-box-form-input {
    overflow-x: hidden;
    width: 100%;
}

.faq-search-box .faq-search-box-form .faq-search-box-form-tag-list {
    float: left;
    padding: 5px 0;
    background: #fff;
}

.faq-search-box .faq-search-box-form .faq-search-box-form-tag-list::after {
    content: '';
    display: block;
    clear: both;
}

.faq-search-box .faq-search-box-form .faq-search-box-form-text {
    clear: both;
    box-sizing: border-box;
    padding: 3px 8px;
    height: 46px;
    border: 0;
    border-radius: 0;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: none;
    background: #fff;
    font-size: 100%;
}

.faq-search-box .faq-search-box-form.faq-search-box-form-01 .faq-search-box-form-submit {
    color: #fff;
    background: #00ABAF;
}

.faq-search-box .faq-search-box-form .faq-search-box-form-submit {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 8px 0px 6px 36px;
    width: 115px;
    height: 46px;
    border: 0;
    font-size: 100%;
    text-align: left;
    cursor: pointer;
}

button {
    font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
}

.faq-search-box .faq-search-box-suggest {
    position: relative;
}


.faq_box_p table th {
    width: 70px;
    padding: 0;
    border: none;
    font-size: 150%;
    font-weight: bold;
    color: #00ABAF;
    vertical-align: middle;
    text-align: center;
}

.faq_box_p table td {
    width: auto;
    padding: 5px 40px 5px 0px;
    color: #333;
    vertical-align: middle;
    text-align: left;
}

/* id produk ADD_20190311*/
.prbox_01{
    border: 2px solid #00ABAF;
    border-radius: 20px;
    padding: 30px 40px 20px 80px;
    position: relative;
    margin-top: 50px;
    margin-left: 25px;
}
.fitur{
  width:100px;
  height:100px;
  position:absolute;
  top:-50px;
  left:-25px;
}
@media only screen and (max-width:690px) {
  .prbox_01 {
    margin-top:70px;
}
}
@media only screen and (max-width:400px) {
  .prbox_01{
  padding: 20px 40px 20px 50px;
  }
  .fitur{
  width:80px;
  height:80px;
  position:absolute;
  top:-40px;
  left:-25px;
}
}
/*download 20190517add*/
.download_box {
    background: #F2F2F0;
    border-radius: 5px;
    padding: 5px 20px 15px;
}
.download_tit {
    position: static;
    top: auto;
    left: 0;
    display: block;
    background: url(../image/common/tit_01.png) no-repeat left center;
    padding: 30px 0px 20px 50px;
    font-size: 150%;
    line-height: 1;
}
.download_tit_box {
    padding: 0px;
    text-align: left;
    position: static;
    padding-bottom: 0;
}
.download_box ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    table-layout: auto;
}
.download_box li {
    width: 19.5%;
    display: flex;
    padding: 0;
    align-items: center;
  margin-bottom: 5px;    
}
.download_box li a {
    border: 1px solid #C9D1D4;
    border-radius: 5px;
    background: url(../image/common/icon_01.png) no-repeat 10px center #FFF;
    padding: 10px 10px 10px 50px;
    display: flex;
    font-size: 80%;
    width: 100%;
    height: 40px;
}
.download_box li:nth-child(2) a {
  background: url(../image/common/icon_04.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
}

.download_box li:nth-child(3) a {
  background: url(../image/common/icon_02.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
}

.download_box li:nth-child(4) a {
  background: url(../image/common/icon_03.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
}

.download_box li:nth-child(5) a {
  background: url(../image/common/icon_26.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
}

.download_box li:nth-child(6) a {
  background: url(../image/common/icon_06.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
}

.download_box li:nth-child(7) a {
  background: url(../image/common/icon_07.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
}

.download_box li:nth-child(8) a {
  background: url(../image/common/icon_05.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
}

.download_box li:nth-child(9) a {
  background: url(../image/common/icon_27.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
}

.download_box li:nth-child(10) a {
  background: url(../image/common/icon_08.png) no-repeat 10px center, url(../image/common/arr04.png) no-repeat 95% center #FFF;
}

.download_box li a:hover {
  background: url(../image/common/icon_01.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
  color: #FFFFFF;
}

.download_box li:nth-child(2) a:hover {
  background: url(../image/common/icon_04.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
}

.download_box li:nth-child(3) a:hover {
  background: url(../image/common/icon_02.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
}

.download_box li:nth-child(4) a:hover {
  background: url(../image/common/icon_03.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
}

.download_box li:nth-child(5) a:hover {
  background: url(../image/common/icon_26.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
}

.download_box li:nth-child(6) a:hover {
  background: url(../image/common/icon_06.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
}

.download_box li:nth-child(7) a:hover {
  background: url(../image/common/icon_07.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
}

.download_box li:nth-child(8) a:hover {
  background: url(../image/common/icon_05.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
}

.download_box li:nth-child(9) a:hover {
  background: url(../image/common/icon_27.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
}

.download_box li:nth-child(10) a:hover {
  background: url(../image/common/icon_08.png) no-repeat 10px center, url(../image/common/arr04_on.png) no-repeat 95% center #03BCC1;
}
@media only screen and (min-width:691px) and (max-width:1024px) {
.download {padding: 50px 30px 0px;}
.download_box li {
  width: 32%;  
    float: none;
    margin-right: 0;
}
.download_tit_box {padding-bottom: 0;}
}
@media only screen and (max-width:690px) {
.download_tit_box {padding-bottom: 0;}
.download_box li {
    width: 49%;  
    float: none;
    margin-right: 0;
}
.download_tit {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    background: url(../image/common/tit_01.png) no-repeat left center;
    padding: 30px 0px 20px 50px;
    font-size: 150%;
    line-height: 1;
    margin-bottom: 0;
}
}
.img100 img{
  max-width: 100%;
  width: auto;
  height: auto;
}