@charset "utf-8";
/*==================================================
	タブレットのみ適応
==================================================*/
@media only screen and (max-width: 768px) and (min-width: 641px) {
	.dsp_smt {
		display: none;
	}
}
/*==================================================
	タブレット・スマホに適応
==================================================*/
@media only screen and (max-width: 768px) {
	.dsp_hp {
		display: none;
	}
	.menu2 li a {
		font-size: 16px;
	}
	.product_arrow {
		display: none;
	}
	.dropdown-content {
		display: block;
		box-shadow: none;
	}
	#rwdMenuWrap .menu1 a {
		font-family: "Zen Old Mincho", serif;
		font-weight: 900;
		color: #000;
		font-size: 16px;
	}
	#rwdMenuWrap ul li ul li:first-of-type {
		border-top: #DDDDDD 1px solid;
	}
	#rwdMenuWrap ul li ul li:last-of-type {
		border-bottom: none;
	}
	#rwdMenuWrap ul li ul li a {
		padding-left: 25px;
		box-sizing: border-box;
	}
	.dropdown-content {
		position: relative;
	}
	/* ヘッダ */
	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		padding: 0;
		background: #fff;
		z-index: 9997;
	}
	#header h1.title {
		height: 50px;
		padding-left: 10px;
	}
	#header h1.title img {
		width: auto;
		max-height: 30px;
	}
	/* お問い合わせ */
	#header .contact .tel a, #header .contact .btn a {
		width: 46px;
		height: 50px;
		padding: 0 11px;
		box-sizing: border-box;
		/* 縦方向中央揃え */
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.box_flex_sp .tel a {
		background: #ccc;
		width: 46px;
		height: 50px;
		padding: 0 11px;
		box-sizing: border-box;
		/* 縦方向中央揃え */
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		right: 45px;
	}
	.box_flex_sp .btn a {
		background: #ccc;
		width: 46px;
		height: 50px;
		padding: 0 11px;
		box-sizing: border-box;
		/* 縦方向中央揃え */
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		right: 92px;
	}
	#page_title a {
		display: none;
	}
	#page_title #sub_ttl{
		padding: 30px 0 35px;
	}
	#page_title #sub_ttl span {
		font-size: 30px;
	}
	#header .contact .btn {
		padding-right: 46px;
	}
	#header .contact .txt, #header .contact .tel span, #header .contact .btn span {
		display: none;
	}
	/* コンテナ */
	#container {
		padding-top: 50px;
	}
	#container h3.sub {
		margin-bottom: 0px;
		font-size: 20px;
		margin: 0 auto;
		text-align: center;
	}
	#container h3.sub_border {
		margin-bottom: 30px;
	}
	.main {
		padding-left: 15px;
		padding-right: 15px;
	}
	#main, #navi {
		clear: both;
		padding-bottom: 30px;
	}
	/* フッター */
	#footer .box dt {
		margin-bottom: 20px;
	}
	#footer .right {
		display: none;
	}
	#copyright {
		height: 30px;
		line-height: 30px;
		font-size: 10px;
	}
	/* パンくずリスト */
	#page_navi {
		margin-bottom: 30px;
		padding-top: 15px;
		font-size: 11px;
	}
	/* 枠のマージン・パディング */
	.mb {
		margin-bottom: 40px;
	}
	.pt {
		padding-top: 40px;
	}
	.pb {
		padding-bottom: 70px;
	}
	/* アンカーリンク用上部スペース */
	.pad_anchor {
		margin-top: -50px;
		padding-top: 50px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.button {
		padding: 5px 15px;
		width: 185px;
/*width: 165px;*/
		-webkit-box-shadow: 2px 2px 0 #124682;
		box-shadow: 2px 2px 0 #124682;
		font-size: 13px;
/*font-size: 12px;*/
		position: absolute;
		right: 20px;
	}
	.arrow.link_arrow::before {
		border-top: solid 3px #FFF;
		border-right: solid 3px #FFF;
		left: 40px;
/*left: 200px;*/
		top: 15px;
		height: 10px;
		width: 10px;
	}
	#wp_pagenavi .page-numbers {
		font-size: 25px;
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	#page_title #top_ttl {
		margin-bottom: 50px;
	}
	#page_title .text_small p {
		font-size: 18px;
		left: 30px;
		bottom: 130px;
	}
	#page_title .text_large p {
		font-size: 35px;
		left: 30px;
		bottom: 70px;
	}
	#container h3.sub {
		margin-bottom: 0px;
		width: 150px;
	}
	#container h3.sub.aboutus_sub {
		margin-bottom: 0px;
		width: auto;
	}
	#container span.en {
		display: block;
		margin-bottom: 20px;
		text-align: center;
	}
	#top_info {
		display: block;
		max-width: 768px;
		margin-bottom: 60px;
		height: 100%;
		margin-top: 100px;
		margin-top: 0;
		padding-top: 30px;
	}
	#top_info .info_heading {
		text-align: center;
	}
	#top_info .info_dl {
		position: relative;
		padding: 0 15px;
	}
	#top_info .info_dl dl {
		padding-bottom: 30px;
	}
	#top_info .info_dl dl:last-child {
		padding-bottom: 20px;
	}
	#top_info .info_dl span {
		width: 80px;
		text-align: center;
		font-size: 13px;
		margin-bottom: 10px;
		display: inline-block;
		box-sizing: border-box;
		margin-right: 14px;
		padding: 3px 0;
	}
	#top_info .info_dl span.sns {
		width: 80px;
		padding: 3px 0;
		box-sizing: border-box;
		font-size: 13px;
	}
	#top_info .info_dl dl dd {
		padding: 0px;
		margin-top: 10px;
	}
	#top_info .info_dl dl dd a {
		display: block;
		position: relative;
		width: calc(100% - 80px);
		padding-right: 10px;
	}
	#top_info .info_dl dl dd a::after {
		right: 5px;
		top: 7px;
	}
	#top_info .button {
		display: none;
	}
	.info_dl {
		margin: 0 20px;
	}
	.info_dl dl {
		padding-bottom: 15px;
	}
	.info_dl dl dt {
		font-size: 10px;
	}
	.info_dl dd {
		font-size: 13px;
		padding: 5px 0px 0px 0px;
	}
	#top_info .button.sp_btn {
		display: flex;
	}
	#aboutus {
		height: auto;
	}
	.aboutus_flex {
		display: block;
		padding: 20px 15px 30px;
		height: auto;
		margin-bottom: 50px;
	}
	#aboutus .aboutus_flex .img, .box1 .img, #technicalskill .img {
		max-width: 95%;
		margin: 0 auto 15px;
	}
	#aboutus .aboutus_btn .button, #product .button, #technicalskill .button {
		position: relative;
		margin-left: auto;
		margin-right: 0;
		text-align: left;
		right: 0;
	}
	.aboutus_heading {
		margin-top: 0;
	}
	.aboutus_description {
		margin: 0px 0px 20px 0px;
	}
	.aboutus_description br {
		display: none;
	}
	#product {
		background-image: url(../img/aboutusbg.jpg);
		margin-top: 0;
	}
	.product_flex {
		display: block;
		padding: 20px 15px 30px;
		margin-bottom: 50px;
		box-sizing: border-box;
		height: auto;
		position: relative;
	}
	.box1 {
		margin-top: 0;
		margin-right: 0px;
	}
	.box2 {
		margin-top: 195px;
	}
	.product_description {
		padding: 0px 0px 0px 0px;
		margin-bottom: 20px;
	}
	.product_img {
		max-width: 668px;
		padding-right: 0px;
		margin: -35px auto 0px auto;
	}
	#technicalskill {
		background-image: url(../img/aboutusbg.jpg);
		margin-bottom: 50px;
		height: auto;
	}
	.technicalskill_flex {
		display: block;
		padding: 20px 15px 30px;
		box-sizing: border-box;
		height: auto;
		position: relative;
	}
	.technicalskill_box1 {
		padding: 0px;
		margin-top: 140px;
		width: 100%;
	}
	.technicalskill_box2 {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0;
	}
	.technicalskill_img {
		max-width: 768px;
		margin: 75px auto 0px auto;
	}
	.technicalskill_description {
		padding: 0px 0px 0px 0px;
		margin-bottom: 20px;
	}
	.link_wrap {
		display: block;
		height: auto;
		margin-bottom: 60px;
	}
	.company {
		display: block;
		position: relative;
		height: 180px;
		width: 100%;
		margin: 0 auto 50px auto;
	}
	.recruit {
		display: block;
		position: relative;
		height: 180px;
		width: 100%;
		margin: 0 auto 50px auto;
	}
	.company h3, .recruit h3 {
		font-size: 23px;
/*font-size: 18px;*/
	}
	.company span, .recruit span {
		font-size: 12px;
	}
	/*--------------------------------------------------
		当社の特徴
	--------------------------------------------------*/
	#sub_aboutus .box_mar_l dl, #sub_aboutus .box_mar_r dl {
		width: 100%;
	}
	#sub_aboutus .box_mar_l dl {
		background: #ECF0F5 url(../img/aboutus/bg_maru.png) no-repeat left 20px top;
	}
	#sub_aboutus .box_mar_r dl {
		background: #ECF0F5 url(../img/aboutus/bg_maru.png) no-repeat right 20px top;
	}
	#sub_aboutus .box_mar_l dt, #sub_aboutus .box_mar_r dt{
		font-size: 24px;
	}
	#sub_aboutus .box_mar_l dt::before, #sub_aboutus .box_mar_r dt::before{
		height: 22px;
	}
	#sub_aboutus .box_mar_l dd .atten p:first-of-type, #sub_aboutus .box_mar_r dd .atten p:first-of-type {
		margin-right: 30px;
	}
	#sub_aboutus .box_last {
	}
	/*--------------------------------------------------
		製品情報
	--------------------------------------------------*/
	#sub_product .product_box {
		padding-top: 80px;
	}
	#sub_product .product_box .product_menu01::before{
		width: calc(100vw - 30vw);
	}
	#sub_product .product_box .product_menu01 p.img {
		top: auto;
		right: 0;
		bottom: -50px;
		width: 50%;
	}
	#sub_product .product_box .product_menu02 p.img {
		top: auto;
		left: 0;
		bottom: -50px;
		width: 50%;
	}
	/*--------------------------------------------------
		舶用金属製品
	--------------------------------------------------*/
	#ship_equipment .product .msg {
		text-align: left;
	}
	#ship_equipment .product .sec dl dt {
		width: 95%;
		margin: 0 auto;
	}
	#ship_equipment .link .button {
		position: relative;
		right: auto;
	}
	#ship_equipment .link .button.dl {
		box-shadow: 2px 2px 0 #333;
	}
	#ship_equipment .product .sec dl dd {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}
	/*--------------------------------------------------
		産業用金属製品
	--------------------------------------------------*/

	/*--------------------------------------------------
		技術・設備紹介
	--------------------------------------------------*/
	#technical .tec_list .tbl th, #technical .tec_list .tbl td {
		display: block;
		width: auto;
		padding: 20px;
	}
	#technical .tec_list .tbl th {
		padding-top: 10px;
		padding-bottom: 10px;
		/*text-align: left;*/
	}
	#technical .product_intro .sec:not(:last-of-type) {
		margin-bottom: 50px;
	}
	#technical .product_intro .sec h4 {
		margin-bottom: 20px;
	}
	#technical .product_intro .sec ul {
		margin-top: 20px;
	}
	#technical .product_intro .sec ul li {
		width: 49%;
	}
	#technical .equipment_list .sec h4 {
		margin-bottom: 20px;
	}
	#technical .equipment_list .sec .tbl th {
		width: 150px;
	}
	#technical .factory dl dd {
		text-align: left;
	}
	#technical .link .button.dl {
		right: auto;
		position: relative;
	}
	#technical .scroll {
		overflow: auto;
		white-space: nowrap;
	}
	#technical .scroll::-webkit-scrollbar {
		height: 5px;
	}
	#technical .scroll::-webkit-scrollbar-track {
		background: #F1F1F1;
	}
	#technical .scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
	#technical .imgs li {
		width: 60%;
	}
	/*--------------------------------------------------
		会社案内
	--------------------------------------------------*/
	#company .greeting .img, #company .greeting .info {
		width: 100%;
	}
	#company .greeting .img {
		text-align: center;
		margin-bottom: 20px;
	}
	#company .philosophy .box {
		padding: 15px;
	}
	#company .philosophy .box .in .in2 {
		padding: 15px;
	}
	#company .philosophy .box .in .in2 span {
		font-size: 21px;
	}
	#company .about .tbl th, #company .about .tbl td {
		display: block;
		width: auto;
		padding: 20px;
	}
	#company .about .tbl th {
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: left;
	}
	#company .history .list:before {
		display: none;
	}
	#company .history .year {
		left: 0;
	}
	#company .access.pb {
		padding-bottom: 0;
	}
	#company .access:before {
		background: none;
	}
	#company .access .box {
		width: 49%;
	}
	#company .access .box iframe {
		margin-bottom: 20px;
	}
	/*--------------------------------------------------
		お知らせ
	--------------------------------------------------*/
	#news .links span {
		margin-right: 30px;
	}
	#news .bg {
		padding: 20px;
		margin-bottom: 50px;
	}
	#news .bg dl {
		padding: 10px 0;
	}
	#news .detail .date {
		margin-bottom: 40px;
	}
	#news .detail .ttl {
		padding-bottom: 20px;
		margin-bottom: 40px;
	}
	#news .page {
		font-size: 30px;
	}
	/*--------------------------------------------------
		採用情報
	--------------------------------------------------*/

	/*--------------------------------------------------
		プライバシーポリシー
	--------------------------------------------------*/

	/*--------------------------------------------------
		サイトマップ
	--------------------------------------------------*/
	#sitemap .box {
		margin-top: 0;
		padding: 15px;
	}
	#sitemap .box .in ul:first-of-type {
		margin-right: 30px;
	}
	/*--------------------------------------------------
		お問い合せ
	--------------------------------------------------*/
	#mailform .tbl {
		margin: 50px 0;
	}
	#mailform .tbl th, #mailform .tbl td {
		display: block;
		width: auto;
		border-bottom: none;
	}
	#mailform .tbl th {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#mailform .tbl tr:last-of-type th, #mailform .tbl tr:last-of-type td {
		border-bottom: none;
	}
	#mailform .policy_btn {
		margin-bottom: 50px;
	}

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