/* zinchat 技術資料 */

div.tecdata div.result{display:flex; margin-top:20px;}
div.tecdata div.result div{margin:10px;}
div.tecdata div.result div img{display:block; margin-top:10px;}

/* ASプラグボルト */

/* #wrap.as .note{margin-bottom:30px;} */
#wrap.as .img_size{display:block; margin:0 auto 30px;}
#wrap.as .table_wrap{width:100%; overflow:scroll;}
#wrap.as .table_wrap table th,
#wrap.as .table_wrap table td{padding: 13px 20px; white-space:nowrap;}
#wrap.as table tr.headshape td{font-size:12px;}
#wrap.as table tr.headshape td img{display:block; margin:0 auto;}
#as_con04 {
    background: url(img/back_gray.jpg) left bottom no-repeat;
    background-size: 100% 250px;
}
#as_con04 .as_con04_inner {
    position: relative;
    margin-top: 100px;
	padding-bottom:100px;
    background: url(img/back_white.jpg) left top no-repeat;
    background-size: 50% 100%;
    z-index: 10;
}
#as_con04 .as_inner_04 {
    margin: 0 auto;
    background: #fff;
    width: 1026px;
    padding: 70px 60px;
}
#as_con04 .as_inner_04 h2{margin-top:50px; margin-bottom: 30px;}
#as_con04 .as_inner_04 h2:nth-of-type(1){margin-top:0px;}
#as_con04 .as_inner_04 .const_movie{
    width: 80%;
    margin: 30px auto;
    display: block;
}
#as_con04 .as_inner_04 .method_wrap{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
#as_con04 .as_inner_04 .method_box{
    width: 20%;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
	position:relative;
	gap:20px;
}
#as_con04 .as_inner_04 .method_box .number{
    position: absolute;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F49F0F;
	font-size:18px;
	font-weight: 700;
    color: #fff;
}
#as_con04 .as_inner_04 .method_box img{
	width: 70%;
    margin: 0 15%;
}
#as_con04 .as_inner_04 .method_box .method_text{}
#as_con04 .as_inner_04 .method_box .method_text .title{
    color: #F49F0F;
    font-weight: bold;
    font-size: 20px;
}
#as_con04 .as_inner_04 .method_box .method_text .text{margin-top:10px;}
#as_con04 .as_inner_04 ul.caution{margin-bottom:10px; padding-left:20px;}
#as_con04 .as_inner_04 ul.caution li{list-style:disc;}


/* item（全製品共通） */

#main div#page_item .image{display:flex; gap:30px; flex-wrap:wrap;}
#main div#page_item .image .wide{width:100%;}
#main div#page_item .image .half{width:calc(50% - 15px);}
#main div#page_item p.number{font-size:20px; font-weight:bold;}
#main div#page_item .table-wrap{height:auto;}
#main div#page_item .table-wrap table{margin-bottom:30px;}


/* material */

div.page_material h2,div.page_material h3{clear:both;}
div.page_material div.catalog div.child span.wpcf7-list-item,
div.page_material table.material td.check span.wpcf7-list-item{margin-left:0; font-size:18px;}
#main div#page_material table.contactform input[type="text"]::placeholder{color:#d0d0d0; font-size:0.9em;}
#main div#page_material table.contactform p.text{color:#ff0000; margin:0;}
#main div#page_material table.contactform p.product{display:flex; justify-content:left; gap:20px;}
#main div#page_material table.contactform p.product span{width:45%;}

/* movielist */

#main div#page_movielist .movie_box video{width:100%;}
#main div#page_movielist .movie_box iframe{aspect-ratio: 16 / 9;}


/* company */

#main div#page_company img.logo{width:120px;}
#main div#page_company p.kakugen{text-align:center; font-weight:bold; font-size:20px;}
#main div#page_company div.signature{background:url("https://www.assco.jp/wp-content/uploads/2020/08/signature.jpg") no-repeat right center; margin-top:20px; padding-right:230px; text-align:right; height:50px;}
#main div#page_company div.signature span{position:relative; top:18px;}
#main div#page_company .awards p,
#main div#page_company .awards a img,
#main div#page_company .img_map{margin-top:40px;}
#main div#page_company .text sub{font-size: 0.7em;}


/* contact */

#main div#page_contact p.address {font-size:18px; font-weight:bold;}


/* other */

#main div[id^="page_"] p{margin-top:20px;}
#main div[id^="page_"] > :first-child{margin-top:70px;}
#main div[id^="page_"] table th p,
#main div[id^="page_"] table td p{margin-top:0;}
tr.cel_glay {background: #eff2f2;}
#main div[id^="page_"] span.text_logo{
    display: inline-block;
    width: 100px;
    height: 15px;
    background: url(https://www.assco.jp/wp-content/themes/original/img/logo/logo_simple.png) no-repeat center center;
    background-size: contain;
    text-indent: 100%;
    overflow: hidden;
    margin: 0 5px;
    transform: translateY(2px);
}
span.registered{font-size:0.7em;}

.page #main ul.notice_list{
    margin: 0;
    padding: 0;
}
.page #main ul.notice_list li{
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
}
.page #main ul.notice_list li:after{
    display:none;
}
.page #main ul.notice_list li span:first-child{
    white-space: nowrap;
    width: auto;
    flex-shrink: 0;
}

/******************** PC ********************/

@media print, screen and (min-width: 641px) {

/* zinchat */

	.zinc #MV .MV_inner a.banner_comic{
		position:absolute;
		bottom:-120px;
		right:0;
	}
	.zinc #MV .MV_inner a.banner_comic:hover{opacity:1;}
	.zinc #MV .MV_inner .banner_comic img{
		width:270px;
	}
	#zinc_con06 .zinc_con06_inner p.small{
		font-size:13px;
	}
	
/* zinchat 各製品 */

div.lineup div.image img.p01{margin:20px 10px 10px;}
div.lineup div.image img.p02{margin:0 16px 20px 10px;}
div.lineup div.image img.p03{margin:0 0 20px 0;}


/* zinchat 納入実績 */

div.record div.image{margin-top:20px;}
div.record div.image img{width:48%; margin:0 1% 10px;}


/* ASプラグボルト */

.as .MV_inner h1{
    width: 800px;
    height: 100px;
    background: url(https://www.assco.jp/wp-content/themes/original/img/as/logo_as.png) no-repeat;
    background-size: contain;
    text-indent: 100%;
    overflow: hidden;
    margin-left: 0;
}
#wrap.as table tr.headshape td img{display:block; margin:0 auto;}


/* item（全製品共通） */

#main div#page_item img.caution,
#main div#page_item img.drill{margin:20px 5%;}
#main div#page_item img.caution.bt{width:90%;}
#main div#page_item img.caution.da,
#main div#page_item img.drill.da{height:290px;}

/* movielist */

#main div#page_movielist .movie_wrap{display:grid; grid-template-columns:1fr 1fr; gap:30px;}


/* contact */

#main div#page_contact p.fd {position:relative;}
#main div#page_contact p.fd::before {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: -45px;
    display: block;
    content: '';
    width: 40px;	
    height: 24px;
    background: url(https://www.assco.jp/wp-content/themes/original/img/tel_free.svg) left top no-repeat;
    background-size: 100%;
}
#main div#page_contact p.fd {
    position: relative;
    font-size: 24px;
    font-weight: 700;
	  margin-left:45px;
}
#main div#page_contact p.address {font-size:24px;}


/* company */

#main div#page_company img.logo2{width:250px; margin-left:60px;}
#main div#page_company h2{clear:both;}
#main div#page_company table th{width:170px;}
#main div#page_company div.img_office{
  margin: 50px 0;
  display: grid;
  gap: 20px 35px;
  grid-template-columns: 1fr 1fr;
}
#main div#page_company div.img_office br{display:none;}
#main div#page_company div.img_office .wide{grid-column: 1 / 3;}
#main div#page_company div.awards{display:flex;}
#main div#page_company div.awards div{margin:0 10px;}
#main div#page_company div.awards div.child{width:266.67px;}


/* material */

#main div#page_material div.catalog{display:grid; grid-template-columns:50% 50%;}
#main div#page_material div.catalog div.parent{padding:20px;}
#main div#page_material div.catalog div.parent .child{font-size:15px; line-height:1.5;}
#main div#page_material div.catalog div.parent h4{margin-top:20px!important; margin-bottom:20px;}
#main div#page_material div.catalog div.child img{display:block; width:35%; float:right; margin-left:15px;}
#main div#page_material div.catalog div.child a.button{display:block; margin-top:10px; font-size:16px; line-height:50px; width:200px; height:50px; border-radius:5px; cursor:pointer; color:#fff!important; text-align:center; text-decoration:none; background:#000; border: none; outline: none;}
#main div#page_material div.catalog div.cover_sp{display:none;}
#main div#page_material table.contactform th{width:170px;}
#main div#page_material table td.check label{font-size:15px;}

/* sitemap */

#main div#page_sitemap div.child{display:inline-block; vertical-align: top; width:45%;}
#main div#page_sitemap div.child h4#margintop{margin-top:30px;}

}


/******************** SP ********************/

@media print, screen and (max-width: 640px) {

/* zinchat */

	.zinc #MV .MV_inner{
		position:relative;
	}
	.zinc #MV .MV_inner .banner_comic{
		position:absolute;
		bottom:-20vw;
		right:0;
	}
	.zinc #MV .MV_inner .banner_comic img{
		width:40vw;
	}


/* ASプラグボルト */

.as .MV_inner h1{
    width: 100%;
	height:10.67vw;
    background: url(https://www.assco.jp/wp-content/themes/original/img/as/logo_as.png) no-repeat;
    background-size: contain;
    text-indent: 100%;
    overflow: hidden;
	white-space: nowrap;
}
#as_con04 {
    background: none;
}
#as_con04 .as_con04_inner {
    margin-top:0;
}
#as_con04 .as_inner_04 {
    width:100%;
    padding:10vw 5vw;
}
#as_con04 .as_inner_04 .const_movie{
    width:100%;
}
#as_con04 .as_inner_04 .method_wrap{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:0 5vw;
}
#as_con04 .as_inner_04 .method_box{
    width:100%;
}
#as_con04 .as_inner_04 .method_box .method_text .title{
    margin:0 auto;
}


/* item（全製品共通） */

#main div#page_item .image{display:flex; gap:20px; flex-wrap:wrap;}
#main div#page_item .image .half{width:100%;}
#main div#page_item img.caution{width:90%; margin:20px 5%;}
#main div#page_item p.number{font-size:20px; font-weight:bold;}
#main div#page_item img.caution,#main div#page_item img.drill{width:90%; margin:20px 5%;}

/* material */

#main div#page_material div.catalog div.child img{width: 70%; margin: 5vw auto; display: block;}
#main div#page_material div.catalog div.cover_sp img{width:40%; margin:5%;}
#main div#page_material div.catalog div.child a.button{display:block; margin:10px auto 50px; font-size:16px; line-height:50px; width:200px; height:50px; border-radius:5px; cursor:pointer; color:#fff!important; text-align:center; text-decoration:none; background:#000; border: none; outline: none;}
#main div#page_material table.contactform th,
#main div#page_material table.contactform td{
		display:block;
		width:100%;
	}
#main div#page_material table.contactform input[type="text"]::placeholder{color:#d0d0d0; font-size:2vw;}

/* company */

#main div#page_company img.logo2{width:50vw;}
#main div#page_company div.img_office{
    display: flex;
    flex-direction: column;
    margin: 30px 0;
	gap:20px;
}
#main div#page_company .text sub{
vertical-align: sub;
}

/* contact */

#main div#page_contact p.fd {position:relative; padding-left: 12%!important; font-size: 6vw; font-weight: bold;}
#main div#page_contact p.fd::before {
    position: absolute;
    top: 50%;
    margin-top: -3%;
    left:0;
    display: block;
    content: '';
    width: 11%;	
    height: 24px;
    background: url(https://www.assco.jp/wp-content/themes/original/img/tel_free.svg) left top no-repeat;
    background-size: 100%;
}
#main div#page_contact p.address {font-size:6vw;}

}