/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {

.pipe001_left,.pipe002_left,.pipe003_left,.pipe004_left,
.pipe005_left,.pipe006_left,.pipe007_left,.pipe008_left {
    width: 100%;
    float: none;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
}

.pipe001_right,.pipe002_right,.pipe003_right,.pipe004_right,
.pipe005_right,.pipe006_right,.pipe007_right,.pipe008_right {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
}

/*title*/
/*------------------------------------------------------------------------------*/
.subtitle03{
	font-size:150%;
}

.subtitle05{
	text-align: left;
}

.sp_br::before {
	content: "\A" ;
	white-space: pre ;
}
.sp_txt_l {
	text-align:left;
}

/*sub contact*/
/*------------------------------------------------------------------------------*/
#sub_comtact{
	padding: 25px 3%;
	margin-top: 50px;
}
#sub_comtact .txt{
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 1.5;
}
#sub_comtact .btn a{
	padding: 15px 0 15px 20px;
	font-size: 13px;
}
#sub_comtact .btn a:before{
	content: "";
	width: 20px;
	height: 14px;
	margin-top: 4px;
	margin-left: -30px;
	background-size: 20px 14px;
}


.sub_contact2_btn_tit_b {
	font-size:120%;
}

/*box2*/
/*------------------------------------------------------------------------------*/

.box2_left_fb {
    float: none;
    margin-right: 0;
    text-align: center;
    width: 100%;
}

.box2_ti_left{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.box2_ti_right{
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.box2_left,.box2_left_ex{
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.box2_right,.box2_right_ex{
	width: 100%;
	float: none;
}

.box2_ti_left02{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.box2_ti_right02{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.box2_ti_left02 img{
	width: 100%;
	height: auto;
}


.box2_ti_left03{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.box2_ti_right03{
	width: 100%;
	float: none;
}
.box2_ti_right03 img{
	width: 100%;
	height: auto;
}
.box2_ti_right03 img.small{
    display: block;
    width: 70%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}




.box3{
    width: 100%;
	float: none;
	padding:0;
}


.box3_left{
    width: 100%;
	float: none;
	margin-bottom: 20px;
}
.box3_right{
    width: 100%;
	float: none;
}

.box2 li{
  width: 100%;
  float:none;
  margin-right: 0%;
}
.box3 li:nth-child(2n){
  margin-right: 0%;
}

.box3 li{
  width: 100%;
  float:none;
	  margin-right: 0%;
}

	.box3 li:nth-child(3n){
	  margin-right: 0%;
	}
.box3 li img.small {
    display: block;
    width: 70%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.box4 li{
  width: 49%;
}

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

.box4_2 li{
	float:none;
	width: 100%;
	margin:0 0 25px !important;
}

.box4_left{
    width: 100%;
	float: none;
  margin-right: 0%;
	margin-bottom: 20px;
}
.box4_right{
    width: 100%;
	float: none;
}
.box4_left img,
.box4_right img{
	width: 100%;
	height: auto;
}

/****************************************************************/
/*COL*/
/****************************************************************/
.col06 li {
	width: 32.5%;
}
.col06 li:nth-child(3n) {
	margin-right: 0;
}

/****************************************************************/
/*FlexBox*/
/****************************************************************/
.flexbox {
  display: -webkit-block;
  display: block;
}
.innbox {
    margin: 0;
    width: 100%;
}



/********************************************************/
.section_download_box{
	width:100%;
	display:block;
}

.section_download{
	width:100%;
	background:#F2F2F0;
	display:block;
	float: none;
	margin-bottom:10px;
}

	.section_download_tit_box{
		display: block;
	}

	.section_download_tit{
		padding:20px 10px 10px 80px;
		font-size:130%;
		font-weight:bold;
		display:block;
		background:url(../image/common/tit_01.png) no-repeat 20px 20px;
	}

		.section_download_tit span{
			display:block;
			font-size:50%;
			font-weight: normal;
			color:#008488;
		}


	.section_download_btn{
		padding:10px 0px 20px;
			display:block;
	}

		.section_download_btn a{
			width:100%;
			display:block;
			border-radius:5px;
			padding:5px;
			background:#00ABAF;
			color:#FFF;
			text-align: center;
		}


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

	.section_download_txt_left{
		width:100%;
		float:none;
		margin-left:0%;
		padding-bottom:10px;
	}


	.section_download_txt_right{
		width:100%;
		float:none;
	}


/**/
	.section_btn{
		width:100%;
		float:none;

			display:block;
	}




/*sitemap*/
/*--------------------------------------------------------------------------------*/
.sitemap {
	padding: 0 0 5px 10px;
}

.sitemap li {
  background:url(../image/common/arr03.png) no-repeat left 6px;

  background-size:7px 11px;
  padding-left:13px;
  margin: 20px 0px;
}

.sitemap ul {
padding-left: 20px;
}

.sitemap ul ul {
  padding: 5px 0 5px 20px;
}


ul.tabindex2 li {
    display: table;
    float: left;
    text-align: center;
    width: 50%;
}

ul.tabindex2 li a {
	display:table-cell;
	padding:10px 0;
	vertical-align:middle;
	padding:5px 3%;
	border:1px solid #cccccc;
	border-radius:0 ;
	-moz-border-radius:0 ;
	-webkit-border-radius:0 ;
	border-bottom:none;
}

ul.tabindex2 li:nth-child(2n) a {
	border-left:none;
}

ul.tabindex2 li a.tabover {
	background:#02bdc2;
	color:#fff;
}

.tabcontent2 {
	border-top:1px solid #cccccc;
}

.rss_date {
	float:none;
	width:100%;
}
.rss_title {
	float:none;
	width:100%;
}
.rss_contents {
	margin-left:0;
}

/*link*/
/*--------------------------------------------------------------------------------*/
.link_list li{
	float:none;
	width:100%;
}

/*DOWNLOAD*/
/*--------------------------------------------------------------------------------*/
.dl_box {
    padding: 0 10px 10px;
    position: relative;
}
.dl_box img {
    max-width: 100%;
    width: 50%;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}

.dl_box_left, .dl_box_right {
    display: block;
    width: 100%;
    padding: 0;
}

.dl_box .common_btn01 {
    position: relative;
    float: none;
    width: 100%;
    margin-top: 10px;
}
.dl_box .subtitle06 span {
    position: absolute;
    top: 0;
}

.list_dl01 {
	width:100%;
	float:none;
	margin-bottom:10px;
}
.list_dl_right {
	width:100%;
	float:none;
}


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

.sp_danb_img100 {
	float:none;
	margin-top:10px;
}

.sp_danb_img100 img{
	width:100%;
	height:auto;
}
.sp_txt_c {
	text-align:center;
}


.danb_method_flt {
	float:none;
	text-align:center;
	width:100%;
}

/*BTN*/
/*---------------------*/
.btn-inline-flex a {
    flex: 0 1 100%;
    width:100%;
    margin-bottom:10px;
}

/*field下層*/
/*------------------------------------------------------------------------------*/
.field_box3 .blog_section01{
		width: 80%;
		float: none;
		margin-right: 0;
		display: block;
		padding:0px;
		margin:0 auto 20px;
}
.field_box3 .blog_section01:nth-child(3) {
    margin: 0 auto;
}

/*use下層*/
/*------------------------------------------------------------------------------*/
.box4 li .product_image img {
	max-height:134px;
	width:auto;
	max-width:100%;
}

/*KCコミュニティ*/
/*------------------------------------------------------------------------------*/
.community_text {
	text-align: left;
	margin-bottom: 20px;
}

div[class*="new_company0"]{
width: 100%;
float: none;
}

.new_company01_right img,.new_company02_right img{
		max-width: 320px;
		width: 100%;
}

.sp_block{
	display: block;
}

.other_movie_box ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
    text-align: center;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #02bdc2;
    border-radius: 4px;
}

.other_movie_box ul li:nth-of-type(3n){
	margin-right: 4%;
}

.other_movie_box ul li:nth-of-type(2n){
	margin-right: 0;
}




.movie01_left {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
}


.movie01_left iframe{
	width:auto;
	max-width: 100%;
}

.movie01_right{
	float: none;
	width: 100%;
}

.movie01_right p {
    font-size: 15px;
    border-left: 0;
    padding-left: 0;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
}

.movie01_right p {
    font-size: 15px;
    border-left: 0;
    padding-left: 0;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
}


.other_movie_box ul li a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    font-size: 15px;
    color: #fff;
}


/*anastomosis_box2*/
/*------------------------------------------------------------------------------*/

.anastomosis_box2_left_fb {
    float: none;
    margin-right: 0;
    text-align: center;
    width: 100%;
}

.anastomosis_box2_ti_left{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.anastomosis_box2_ti_right{
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.anastomosis_box2_left,.box2_left_ex{
	width: 100%;
	float: none;
	margin-bottom: 10px;
}
.anastomosis_box2_right,.box2_right_ex{
	width: 100%;
	float: none;
}
.box2_left img.small, .box2_right img.small {
	display:block;
  width: 70%;
  height: auto;
  margin: 0 auto;
}

.anastomosis_box2_ti_left02{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.anastomosis_box2_ti_right02{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.anastomosis_box2_ti_left02 img{
	width: 100%;
	height: auto;
}


.anastomosis_box2_ti_left03{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.anastomosis_box2_ti_right03{
	width: 100%;
	float: none;
}
.anastomosis_box2_ti_right03 img{
	width: 100%;
	height: auto;
}

.anastomosis_box2_ti_left04{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.anastomosis_box2_ti_right04{
	width: 100%;
	float: none;
}
.anastomosis_box2_ti_right04 img{
	width: 100%;
	height: auto;
}




/*170118add*/



	.common_table_pipe {
	border-top:none;
	border-bottom:1px solid #cccccc;
	}

	.common_table_pipe th{
		display:none;
	}

	.common_table_pipe td{
		display:block;
		width:100%;
		border-top:none;
		border-bottom:none;
	}
	.common_table_pipe td.tit {
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
	width:100%;
	}
	.common_table_pipe td.tit h4 {
	text-align:center;
	}
	.common_table_pipe td:first-child::before {
	content:"［商品名］";
	text-align:center;
	display:block;
	color:#00abaf;
	font-weight:bold;
	}

		.common_table_pipe td:nth-child(2)::before {
	content:"［日本工業規格］";
	text-align:center;
	display:block;
	color:#00abaf;
	font-weight:bold;
	}

		.common_table_pipe td:nth-child(3)::before {
	content:"［PDF］";
	text-align:center;
	display:block;
	color:#00abaf;
	font-weight:bold;
	}

		.common_table_pipe.sp2 td:first-child::before {
	content:"［商品名］";
	text-align:center;
	display:block;
	color:#00abaf;
	font-weight:bold;
	}

		.common_table_pipe.sp2 td:nth-child(2)::before {
	content:"［PDF］";
	text-align:center;
	display:block;
	color:#00abaf;
	font-weight:bold;
	}


.polyvinyl_box2_ti_left {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 20px;
}

.polyvinyl_box2_ti_right {
    width: 100%;
    float: none;
    text-align: left;
}

/* 20170120 */
.box_row01_l{
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
.box_row01_r{
	width: 100%;
	float: none;
	margin-bottom: 30px;
}

.careful_box{
	background-position: 0px center;
}

.careful_box p {
    width: 76%;
    font-size: 11px;
}



.pipe02_left{
	width: 100%;
	margin-bottom: 25px;
}

.pipe02_right{
	width: 100%;
}
/*anastomosis_box2*/
/*------------------------------------------------------------------------------*/

.anastomosis_box2_left_fb {
    float: none;
    margin-right: 0;
    text-align: center;
    width: 100%;
}

.anastomosis_box2_ti_left{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.anastomosis_box2_ti_right{
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.anastomosis_box2_left,.box2_left_ex{
	width: 100%;
	float: none;
	margin-bottom: 10px;
}
.anastomosis_box2_right,.box2_right_ex{
	width: 100%;
	float: none;
}

.anastomosis_box2_ti_left02{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.anastomosis_box2_ti_right02{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.anastomosis_box2_ti_left02 img{
	width: 100%;
	height: auto;
}


.anastomosis_box2_ti_left03{
	width: 100%;
	float: none;
	margin-bottom:20px;
}
.anastomosis_box2_ti_right03{
	width: 100%;
	float: none;
}
.anastomosis_box2_ti_right03 img{
	width: 100%;
	height: auto;
}

.anastomosis_box2_img table{
	display: block;
	width: 74%;
	margin: 0 auto;
}

.anastomosis_box2_tab td{
	display: block;
	margin-bottom: 20px;
}

.use_box_txt{
		width: 100%;
		margin-right: 0;
	}

	.use_box_img{
		width: 100%;
	}

.table_scroll{
	width: 100%;
    overflow: auto;
}

.table_scroll table{
	width: 765px;
    overflow: scroll;
}

.circular_box2_ti_left {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

.circular_box2_ti_right {
	width: 100%;
	float: none;
}

.circular_box2_tab td {
    display: inline-block;
    width: 49%;
    margin-bottom: 20px;
    margin-right: 1%;
}

.circular_box2_tab .circular_box3_tab_img td{
		padding-bottom: 30px;
		width: 49%;
		margin-right: 1%;
	}
/*------------------------------------------------------------------------------*/
/*fusionless*/
.fusionless_img_box_in {
    display: block;
    height: 330px;
}
/****************************************************************/
/*polyethylene*/
/****************************************************************/
.polyethylene_box03 .case_info {
    width: 100%;
    padding-top: 0px;
    float: none;
}

.polyethylene_box03 .case_image {
    width: 100%;
    float: none;
    text-align: center;
}

.polyethylene_box04 .box_left {
    width: 100%;
    background-color: #EEEEEE;
    padding: 15px;
    float: none;
    margin-bottom: 10px;
}

.polyethylene_box04 .box_right {
    width: 100%;
    background-color: #EEEEEE;
    padding: 15px;
    float: none;
}

.polyethylene_box05 .box_left {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
.polyethylene_box05 .box_right {
    width: 100%;
    float: none;
}

.polyethylene_box07 .box_left {
    width: 100%;
    float: none;
}
.polyethylene_box07 .box_right {
    width: 100%;
    float: none;
    margin-top: 22px;
}
.polyethylene_box03_2 .case_info02 {
    width: 100%;
    padding-top: 0;
    float: none;
}
.polyethylene_box03_2 .case_image02 {
    margin-bottom: 0;
    text-align: center;
    margin-top: 20px;
}
.btn a {
    width: 90%;
}

.btn a::before {
    right: 0px;
}
.btn02 a {
    width: 90%;
}

.btn02 a::before {
    right: 0px;
}
.polyethylene_box08 .box_left {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 20px;
}
.polyethylene_box08 .box_right {
    width: 100%;
    text-align: center;
    float: none;
    margin-bottom: 20px;
}
.polyethylene_box09 .box_child {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
}
.polyethylene_box10 .box_left {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 20px;
}
.polyethylene_box10 .box_right {
    width: 100%;
    float: none;
    text-align: center;
}
.polyethylene_box12_2 .box_left {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
.polyethylene_box12_2 .box_right {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
.polyethylene_box11_2 .box_left {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
.polyethylene_box11_2 .box_right {
    width: 100%;
    float: none;
}

.polyethylene_case_btn_area .movie_btn {
    width: 100%;
    float: none;
    margin-bottom: 10px;
}
.polyethylene_case_btn_area .check_btn {
    width: 100%;
    float: none;
}
.circular_box2 img{
    max-width: 100%;
	height: auto;
}

.polyethylene_box14 li {
    width: 32%;
    float: left;
    margin-left: 2%;
    margin-bottom: 10px;
    line-height: 120%;
}

.polyethylene_box14 li:nth-child(3n+1){
	margin-left: 0;
}

.polyethylene_menu_area, .bg_gray_box {
    background-color: #F5F5F5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 20px 10px 10px 10px;
}

.subtitle04_2 {
    font-size: 150%;
}

/****************************************************************/
/*section_03*/
/****************************************************************/

.section_03_box .blog_section01 {
  width: 49%;
  margin-bottom: 10px;
}

.section_03_box .blog_section01:nth-child(3n) {
  margin-right: 2%;
}

.section_03_box .blog_section01:nth-child(2n) {
  margin-right: 0%;
}
/*en*/
.en_btn a {
    width: 60%;
}

.en_contact_in{
  display: block;
}
.en_contact_in li{
  flex: 0 1 100%;
  width: 100%;
  margin-bottom: 10px;
}

.en_title01 {
    margin-bottom: 30px;
    font-size: 28px;
    display: block;
    font-weight: bold;
    text-align: center;
}

.en_title02 {
    font-size: 20px;
}
.en_title02:after {
  width: 20%;
}
.en_title03{
  font-size: 22px;
  display: inline-block;
  padding: 1% 5% 0.5%;
  background-color: #00ABAF;
  border-radius: 30px;
  margin-bottom: 20px;
  color: #fff;
}
.en_title04{
    background: url(../image/common/tit_03.png) no-repeat 15px 10px;
    background-size: 9px 10px;
    padding-left: 30px;
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
}

.en_title05 {
    font-size: 1.8rem;
    margin-bottom: 30px;
}
.en_title05:after {
    height: 3px;
}
.en_title07{
    background: url(../image/common/tit_03.png) no-repeat 15px 10px;
    background-size: 9px 10px;
    padding-left: 30px;
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
}
.en_2box_l,.en_2box_r{
  width: 100%;
  float: none;
  margin-bottom: 10px;
}
.en_box{display: block;}
.en_box_in01{
  flex: 0 1 100%;
  width: 100%;
  margin-bottom: 10px;
}
.en_box,.en_box02{
  display: block;
}
.en_btn {
    display: block;
    padding: 0 6%;
}

.en_btn li{
  flex: 0 1 100%;
  width: 100%;
  margin-bottom: 10px;
}

/*pickup*/
.section_pickup li{
  flex: 0 1 49.5%;
  width: 49.5%;
  margin-bottom: 5px;
  margin-left: 1%;
}
.section_pickup li:nth-child(3n+1){
  margin-left: 1%;
}
.section_pickup li:nth-child(2n+1){
  margin-left: 0;
}
.section_pickup .tit{
  font-size: 110%;
}
.section_pickup .innbox {
  padding: 20px 10px;
}

/*180215融着レス配管システムyoutube*/
.youtube_box .box_1_2_l{
  width: 100%;
  float: none;
  margin-bottom: 10px;
}
.youtube_box .box_1_2_r{
  width: 100%;
  float: none;
}

/*hdpe*/
.hdpe_1_1box_in{
  flex: 0 1 100%;
  width:100%;
  margin-bottom: 10px;
}
.hdpe_1_1_02box_in{
  flex: 0 1 100%;
  width:100%;
  margin-bottom: 10px;
}
.hdpe_1_1_03box_in {
  flex: 0 1 100%;
  width: 100%;
  margin-bottom: 20px;
}
.hdpe_1_2box_in01{
  flex: 0 1 100%;
  width:100%;
  margin-right: 0;
  margin-bottom: 10px;
}
.hdpe_1_2box_in02{
  flex: 0 1 100%;
  width:100%;
}
.hdpe_1_3box_in{
  flex: 0 1 100%;
  width:100%;
  margin-bottom: 10px;
}
.hdpe_1_4box_in01{
  flex: 0 1 100%;
  width:100%;
}
.hdpe_1_4box_in02{
  flex: 0 1 100%;
  width:100%;
  align-self: center;
  margin: 10px 0;
}
.hdpe_1_4box_in03{
  flex: 0 1 48%;
  width:48%;
}
.hdpe_1_4box_in04{
  flex: 0 1 48%;
  width:48%;
}
.hdpe_1_4box_in02 p{;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0 25px;
  border-color: #197278 transparent transparent transparent;
}
.hdpe_1_1_03box_in .img56 img{
  max-width:100%;
}

.hdpe_table03 th {
  display: block;
  width: 100%;
}
.hdpe_table03 td {
  display: block;
  width: 100%;
}



.hdpe_title01 {font-size: 140%;}
.hdpe_title02 {font-size: 120%;}
.hdpe_title03 {padding: 45px 10px 10px 10px;}
.hdpe_title03:before {display: block;}
.hdpe_title04 {font-size: 130%;}
.hdpe_title05 {font-size: 110%;}
.hdpe_title07 {
    text-align: left;
    font-size: 110%;
}
.imgS a{
	padding:0 6%;
}
.imgS img{
  width:100%;
  height:auto;
  max-width: 220px;
}

/* wataras */
.youtube_box .box_center {
  width: 60%;
}
.youtube_box .box_center .bl .icon {
  margin: 0 auto;
  width: 65%;
}



.exlist{
  flex-wrap: wrap;
}
.exlist li{
  width: calc(33.333% - 8px);
  margin-right: 12px;
}
.exlist li:nth-child(3n){
  margin-right: 0;
}
.exlist li:nth-child(n+4){
  margin-top: 10px;
}
.exlist li > p{
  font-weight: bold;
  margin-bottom: 5px;
}
.exlist li img{
  border: 1px solid #eee;
}








/*-----------------------------------------------------------------*/
}