@charset "UTF-8";
/* CSS Document */
/**/
/*site_CSS*/
/**/
@font-face {
font-family: 'DINPro Medium';
font-style: normal;
font-weight: normal;
src: local('DINPro Medium'), url('../fonts/DINPro-Medium tr.woff') format('woff');
}
@font-face {
font-family: 'DINPro Bold';
font-style: normal;
font-weight: normal;
src: local('DINPro Bold'), url('../fonts/DINPro-Bold tr.woff') format('woff');
}
body {
color:#505050;
font-size: 13px;
line-height: 2em;
letter-spacing: 0.1em;
background: #FAFAF8;
 min-height: 100vh;
}
main.index_page {
color:#004098;
}
header{
	border-top: #0A3FA2 8px solid;
	background: #FAFAF8;
	width: 100%;
	position: fixed;
	z-index: 1000;
	box-shadow:-3px 6px 10px -8px #3066cc;
	-webkit-box-shadow:-3px 6px 10px -8px #3066cc;
	-moz-box-shadow:-3px 6px 10px -8px #3066cc;
}
h1 {
	padding-top: 20px;
	margin-left: 20px;
	padding-bottom: 15px;
}

main{
	display: block;
	padding-top: 93px;
}
.breadcrumbs{
	background: #E1E7F0;
	color:#093280;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 15px;
	margin-top:10px;
	text-indent: 20px;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .breadcrumbs{ margin-top:13px; } /* IE11 */
}
@media screen and (max-width:1200px) {
	.breadcrumbs{
	margin-top:3px;
	}
}
@media screen and (max-width:960px) {
	.breadcrumbs{
	margin-top:10px;
	}
}
.breadcrumbs a{
	color:#093280;
	text-decoration: none;
}
.center_frame{
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}
@media print,screen and (min-width:1080px) {
	.center_frame{
	max-width: 1040px;
	padding-left: 0;
	padding-right: 0;
	}
}
.section_title{
	text-align: center;
	color: #fff;
	line-height: 60px;
	font-size: 19px;
background: transparent linear-gradient(182deg, #1754A8 0%, #093280 100%) 0% 0% no-repeat padding-box;
	margin-bottom: 40px;
	}
.section_title_bg{
	background: url("../style_images/h2_bg.jpg");
	background-position: center top;
	background-size: cover;
	height: 10px;
}
@media screen and (max-width:1040px) {
	.automated_systems .discriotion{
	margin-bottom: 0;
	}
}

 @media only screen and (max-width:960px) {
.sp100img img{
	width:100%;
	height: auto;
}
}
.contents_section{
	margin-bottom: 90px;
}
.normal_table{
	width: 100%;
}
.normal_table td,.normal_table th{
	border-top:1px solid #CDD6DD;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: normal;
	display: block;
}
.normal_table tr:last-child td{
	border-bottom:1px solid #CDD6DD;
}
  @media print,screen and  (min-width:640px) {
	.normal_table td,.normal_table th{
	display: table-cell;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
	.normal_table tr:last-child td,.normal_table tr:last-child th{
	border-bottom:1px solid #CDD6DD;
}
}
  @media screen and  (min-width:960px) {
	.normal_table{
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	.normal_table th{
		width:200px;
	}
	}
  @media print,screen and (min-width:1040px) {
	.normal_table{
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	}
/**/
/*header*/
/**/

@media print, screen and (min-width:1000px) {
	h1{
		margin-bottom: 0;
		width: 350px;
		padding-top: 20px;
	}
	#top-parts{
	margin-top: 20px;
	padding-top: 0;
	justify-content:space-between;
	margin-bottom: 0;
}
	#head_icons{
	width:auto;
	background: none;
	padding:0;
	border-top:none;
}
	header{
		display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	}
}

/* nav */
#nav-toggle {
  position: fixed;
  top: 26px;
  right: 25px;
  height: 50px;
  cursor: pointer;
	padding-top: 20px;
 background: url("../style_images/menu.svg") no-repeat ;
}
#nav-toggle > div {
  position: relative;
  width: 40px;
}
#nav-toggle span {
  width: 100%;
  height: 5px;
  left: 0;
  display: block;
  background: #00357E;
  position: absolute;
  transition: transform 0.6s ease-in-out, top 0.5s ease;
}

#nav-toggle p{
	font-weight: 700;
	font-size: 8px;
	letter-spacing: 1px;
	text-align: center;
	 position: absolute;
	left: 0;
	top:-16px;
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 14px;
}
#nav-toggle span:nth-child(3) {
  top: 28px;
}
.open #nav-toggle span {
  background: #00357E;
}
.open #nav-toggle span:nth-child(1) {
  top: 15px;
  transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
  top: 15px;
  width: 0;
  left: 50%;
}
.open #nav-toggle span:nth-child(3) {
  top: 15px;
  transform: rotate(-45deg);
}

/* z-index */
#nav-toggle {
  z-index: 1000;
background-color: #FAFAF8;
}

#gloval-nav {
  background-color: #FAFAF8;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  width: 100%;
  text-align: center;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  opacity: 0;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

#gloval-nav a {
  display: block;
  color: #00357E;
  text-decoration: none;
}
#gloval-nav ul {
  list-style: none;
}

#gloval-nav ul li a{
	text-align: left;
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-weight: 700;
	font-size: 15px;
}
#gloval-nav ul li a span{
	font-size: 10px;
	margin-left: 3px;
}
#gloval-nav ul li {
  opacity: 0;
  transform: translateX(200px);
  transition: transform 0.6s ease, opacity 0.2s ease;
}
#gloval-nav ul li:nth-child(2) {
  transition-delay: 0.15s;
}
#gloval-nav ul li:nth-child(3) {
  transition-delay: 0.3s;
}
#gloval-nav ul li:nth-child(4) {
  transition-delay: 0.45s;
}
#gloval-nav ul li:nth-child(5) {
  transition-delay: 0.6s;
}
#gloval-nav ul li:nth-child(6) {
  transition-delay: 0.75s;
}
#gloval-nav ul li:nth-child(7) {
  transition-delay: 0.9s;
}
#gloval-nav ul li:nth-child(8) {
  transition-delay: 1s;
}

/* open */
.open {
  overflow: hidden;
}
.open #gloval-nav {
  visibility: visible;
background-color: #FAFAF8;
  opacity: 1;
}
.open #gloval-nav li {
  opacity: 1;
  transform: translateX(0);
  transition: transform 1s ease, opacity 0.9s ease;
  padding-left: 20px;
}
.open #gloval-nav li a::before{
	content:"";
	display:inline-block;
	width: 10px; /*アイコン画像横サイズ*/
	height: 16px; /*アイコン画像縦サイズ*/
	background:url("../style_images/nav_arrow.svg") no-repeat;
	background-size:contain;
	margin-right: 10px;
}
.open #gloval-nav .language_nav_sp{
		display:block;
	}
.open #gloval-nav .language_nav,.open #gloval-nav .language_nav ul{
		display:none;
	}
@media print, screen and  (min-width:960px) {
	header{
		width:100%;
		display: flex;
	}
	h1 img{
		padding-top: 4px;
		padding-bottom: 4px;
		width: 300px;
		height: auto;
	}
#gloval-nav  {
  background: #FAFAF8;
  text-align: center;
  display: flex;
visibility:visible;
  justify-content: center;
  align-items: center;
  font-size: 14px;
position:relative;
	 opacity: 1;
	width: 600px;
}
	#gloval-nav ul{
		display: flex;
	}
#gloval-nav ul li {
  opacity: 1;
  transform: translateX(0);
}
	#gloval-nav .language_nav_sp{
		display: none;
	}
	#nav-toggle {
		display:none;
}
	#gloval-nav ul {
		margin-top: 10px;
	}
	#gloval-nav ul li a{
	margin-top: 10px;
	margin-bottom: 20px;
		font-size: 14px;
		margin-left: 8px;
		margin-right: 8px;
		position: relative;
  display: inline-block;
}
	#gloval-nav ul li a span{
		font-size: 10px;
	}
	
#gloval-nav ul li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #00357E;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
#gloval-nav ul li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
}
/*言語_language*/
#gloval-nav li li {
	height: 0;
	overflow: hidden;
	transition: .5s;
}

#gloval-nav ul li ul {
  position: absolute;
  top: 40px;/*親メニューの高さと同じにする*/
  width: 150px;
  z-index: 100;
display: block;
}
#gloval-nav  ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 150px;
  height: 0;
margin-left: 0;
  background:#FAFAF8;
}
#gloval-nav  ul li ul li a::after {
	background: none;
}
#gloval-nav  ul li ul li:hover {
  background:#8BD0ED;
 border: none;
}
#gloval-nav  ul li:hover ul li, #gloval-nav ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:50px;/*サブメニューの高さ*/
  z-index: 10;
}


#gloval-nav ul li ul li {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.open #gloval-nav  ul li ul li {
 border: none;
}
.open #gloval-nav  ul li:hover ul li, .open #gloval-nav ul li a:hover ul li{
  padding: 0;
	
}
@media screen and (min-width:960px) {
	#gloval-nav{
		margin-top: 10px;
	}
}
@media screen and  (min-width:1000px) {
	#gloval-nav{
		margin-top: 0;
	}
}
/*子階層以降共通*/
@media screen and (min-width:700px) {
	header{
		width: 100%;
	}
	#gloval-nav  {
		margin-right:20px;
	}
}
@media screen and  (min-width:1200px) {
	h1 img{
		width: 350px;
		height: auto;
	}
#gloval-nav  {
  background: #FAFAF8;
  text-align: center;
  display: flex;
visibility:visible;
  justify-content: center;
  align-items: center;
  font-size: 18px;
position:relative;
	 opacity: 1;
	width: 800px;
}
	#gloval-nav ul{
		display: flex;
	}
#gloval-nav ul li {
  opacity: 1;
  transform: translateX(0);
}
	#nav-toggle {
		display:none;
}
	#gloval-nav ul {
		margin-top: 10px;
	}
	#gloval-nav ul li a{
	margin-top: 10px;
		margin-left: 20px;
		margin-right: 20px;
	margin-bottom: 20px;
}
}

/*to_top_btn*/
.page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 50px;
  opacity: 0.9;
 background: url("../style_images/arrow_up.svg");
	background-size: 50px 50px;
	z-index: 1000;
}
.page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}

/**/
/*FOOTER*/
/**/
footer{
	background:url("../style_images/footer.jpg");
	background-size: cover;
	width: 100%;
	color: #fff;
	font-size: 13px;
	line-height: 26px;
	box-sizing: border-box;
	padding-bottom: 60px;
}
footer a{
	width: 100%;
	display: block;
	color:#fff;
	border-top: 1px solid #fff;
	padding-bottom: 10px;
	padding-top: 10px;
	text-decoration: none;
	box-sizing: border-box;
}
footer a::before{
	content:"";
	display:inline-block;
	width: 7px; /*アイコン画像横サイズ*/
	height: 12px; /*アイコン画像縦サイズ*/
	background:url("../style_images/nav_footer_arrow.svg") no-repeat;
	background-size:contain;
	margin-right: 4px;
}
footer small{
	display: block;
	border-top: 1px solid #fff;
	padding-top: 20px;
}
.footer_l{
	text-align: center;
	padding-top: 40px;
}
.footer_l h5{
	margin-top: 35px;
	font-size: 14px;
}
.footer_l h4{
	font-size: 17px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
.footer_l h4,.footer_l h5,.footer_l p{
	margin-left: 30px;
	margin-right: 30px;
}
.footer_l,.footer_r{
	width: 100%;
}
#link_l,#link_r{
	width: 100%;
}
.footer_r{
	text-align: center;
	margin-top: 30px;
	padding-bottom: 100px;
}
@media print, screen and (min-width:960px) {
	footer{
	background:url("../style_images/footer@2x.jpg");
	background-size: cover;
	padding-left: 30px;
	padding-right: 30px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
	footer a{
	display: inline;
	border-top: none;
	text-decoration: none;
	box-sizing: border-box;
}
	footer a::after{
		content: "　|　";
	}
	footer a::before{
	content:"";
	display:inline-block;
	width: 0; /*アイコン画像横サイズ*/
	height: 0; /*アイコン画像縦サイズ*/
	background:none;
	background-size:contain;
	margin-right: 0;
}
	
	footer p{
	display: block;
	margin-left: 30px;
	font-size:12px;
}
	footer .footer_r p{
	margin-left: 0;
}
	footer small{
	display: block;
	border-top:none;
	padding-top: 20px;
	margin-right: 20px;
}
	.footer_l,.footer_r{
	width: calc( 50% - 30px);
	
}
	.footer_l{
	text-align:left;
}
.footer_r{
	margin-top: 30px;
	text-align: right;
}
	.footer_r div{
		display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	 align-items: center;
	justify-content: flex-end;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
}
@media all and (-ms-high-contrast:none) {
	footer a::after{
		content: "|";
		margin-left: 5px;
		margin-right: 5px;
	}
}
/**/
/*animation*/
/**/
.fadein {
    opacity : 0;
    transform : translate(0, 70px);
    transition:all 0.7s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
/**/
/*TOPページ*/
/**/
.index_hero{
	background-image: url("../index_images/bg_hero@2x.jpg");
	background-size: cover;
	background-position: top center;
	height: calc( 100vh - 85px );
	width: 100%;
	 animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}
@media only screen and (max-width:640px) {
.index_hero{
	height: calc( 100vh - 120px );
}
}
@keyframes fadeIn {
    0% {opacity: 0;}
	5% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
	5% {opacity: 0;}
    100% {opacity: 1;}
}
@media only screen and (max-width:400px) {
	.index_hero{
	background-image: url("../index_images/bg_hero.jpg");
	}
}
.index_hero_title{
	background-image: url("../index_images/hero@2x.png");
	background-size: 280px auto;
	background-position: center center;
	text-align: center;
	height: 100%;
	width: auto;
	opacity: 0;
	 display: flex; 
    flex-direction: column;
    justify-content: center; 
    align-items: center;  
	 animation: fadeIn2 2s ease 2s 1 forwards;
    -webkit-animation: fadeIn 2s ease 2s 1 forwards;
    -webkit-filter: drop-shadow(0px 3px 2px rgba(48,120,284,.3));
        filter: drop-shadow(0px 0px 2px rgba(48,120,284,.3));
}
@media only screen and (max-width:1200px) {
.index_hero_title{
	background-size: 260px auto;
}
}
@media only screen and (max-width:400px) {
	.index_hero_title{
	background-image: url("../index_images/hero.png");
	}
}
@media only screen and (max-width:400px) {
.index_hero_title{
	background-size: 240px auto;
}
}
@keyframes fadeIn2 {
    0% {opacity: 0;}
	5% {opacity: 0;}
    100% {opacity: 1;}
}

@-webkit-keyframes fadeIn2 {
    0% {opacity: 0;}
	5% {opacity: 0;}
    100% {opacity: 1;}
}
.index_hero_title h2{
	line-height: 20px;
	font-size: 13px;
	padding: 10px;
	display: inline-block;
	padding-bottom: 100px;
}
@media only screen and (max-width:400px) {
.index_hero_title h2{
	font-size: 13px;
	line-height: 18px;
	padding: 10px;
	display: inline-block;
	padding-bottom: 100px;
}
}
.introduction h3{
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	color:#fff;
	background: transparent linear-gradient(248deg, #00357E 0%, #0A3FA2 100%) 0% 0% no-repeat padding-box;
}
.introduction p{
	margin: 30px 40px;
}
@media only screen and (-ms-high-contrast:none) {
	.introduction p {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}
.introduction figure img{
	width: 100%;
	height: auto;
}

@media print,screen and (min-width:960px) {
	.introduction figure img{
	width: 460px;
	height: auto;
}
	.introduction div{
	width: 490px;
}
	.introduction p{
	margin: 30px 0 0 0;
}
	.introduction{
		width: 100%;
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
		margin-top: 70px;
		margin-bottom: 60px;
	}
}
/**/
/*業務案内ページ*/
/**/
.discriotion{
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
@media only screen and (max-width:600px) {
	.discriotion{
	padding-left:30px;
	padding-right:30px;
	}
}
.automated_systems.contents_section{
	margin-bottom: 120px;
}
.CL-7i_main{
	margin-top: 50px;
	margin-bottom: 30px;
}
.CL-7i_title{
	text-align: center;
	font-size: 14px;
}
.CL-7i_main img{
	width: 100%;
	height: auto;
}
.CL-7i_leftpart,.CL-7i_rightpart,CL-7i_point section{
	margin-left: auto;
	margin-right: auto; 
}
@media print,screen and (min-width:900px) {
.CL-7i_title{
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
}
.CL-7i_leftpart{
	padding-right:10px;
}
.CL-7i_righttpart{
	padding-left:10px;
}
}
.CL-7i_leftpart {
	max-width: 500px;
	width: 100%;
}
.CL-7i_point section{
	width:50%;
	text-align: center;
}
.CL-7i_point section:first-child{
	padding-right: 10px;
}
.CL-7i_point section:last-child{
	padding-left: 10px;
}
.CL-7i_point section img{
	width: 100% ;
	height: auto;
}
.CL-7i_imagephoto{
	max-width: 240px;
	width: calc( 50% - 10px );
}
.CL-7i_imagephoto img{
	width: 100%;
	height: auto;
}
@media only screen and (max-width:640px) {
.CL-7i100img img{
	width:100%;
	height: auto;
}
}
.movie_title{
	background-image: url("../style_images/movie_icon.svg");
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 25px;
	padding-bottom: 8px;
	padding-left: 40px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D1D1D1;
}
@media only screen and (max-width:640px) {
	.movie_item iframe{
	width: 100%;
	height: 270px;
	margin-bottom: 10px;
}
}
@media print, screen and (min-width:960px) {
.movie_item iframe{
	max-width: 500px;
	height: 270px;
	margin-bottom: 10px;
}
}
.catalog_link{
	background-color: #F0F4F3;
	line-height: 45px;
	display: block;
	margin-bottom: 20px;
	padding-left: 50px;
	position:relative;
	text-decoration: none;
	color:#505050;
	transition: all 0.3s ease 0s;
}
.catalog_link::before {
  content: url(../style_images/arrow_gray.svg);
	display:inline-block;
	position:absolute;
	left:10px;
	top:8px;
  }
.catalog_link::after {
  content: "";
	background: url("../style_images/pdf_icon@2x.png") top left no-repeat;
	display:inline-block;
	position:absolute;
	background-size: 41px 41px;
	width: 41px;
	height: 41px;
	left:150px;
	top:0px;
  }
.catalog_link:hover{
	 background: #505050;
  color: #fff;
}
.machinery.contents_section{
	margin-bottom: 0;
}
@media print, screen and (min-width:960px) {
.machinery_left{
	max-width: 655px;
}
}

.machinery_left_frame{
	width: 100%;
}
.machinery_image01,.machinery_image02{
	max-width: 310px;
	}
.machinery_image01 img,.machinery_image02 img{
	width: 100%;
	height: auto;
}
.machinery_image01{
	margin-right: 15px;
}
.machinery_image02{
	margin-left: 15px;
}
.machinery_image03{
	padding-right: 10px;
}
.machinery_image04{
	padding-left: 10px;
}
@media only screen and (max-width:700px) {
	.machinery_left_frame,.machinery_right_frame{
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}
	.machinery_image01,.machinery_image02{
	max-width: 100%;
	margin: 0;
	}
.machinery_image03{
	width: 34.5%;
	height: auto;
}
	.machinery_image04{
	width: 65.5%;
	height: auto;
}
	.machinery_image03 img,.machinery_image04 img{
		width: 100%;
		height: auto;
	}
}
.machinery_image05{
	text-align: center;
	margin-top: 40px;
}
.machinery_image05 img{
	max-width: 300px;
	width: 100%;
	height: auto;
}
@media print, screen and (min-width:1000px) {
	.machinery_image05{
	margin-top: 80px;
	margin-left: 60px;
}
}
.machinery_caption{
	text-align: center;
	margin-bottom: 25px;
}
@media only screen and (max-width:1000px) {
	.machinery_right .machinery_caption{
	margin-bottom: 0;
}
}
.ringnozzle.contents_section{
	padding-top: 120px;
	margin-bottom: 120px;
}
.ringnozzle-figure-movie figure img{
	width: 100%;
	height: auto;
}
.ringnozzle-movie h4{
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
}
.ringnozzle-movie-before,.ringnozzle-movie-after{
	width: calc(50% - 15px);
}
.ringnozzle-movie-after{
	margin-left: 30px;
}
.ringnozzle-movie-before iframe,.ringnozzle-movie-after iframe{
    aspect-ratio: 9 / 16;
    width: 100%;
    height: auto;
}
.ringnozzle .movie_title{
	padding-top: 32px;
}
.ringnozzle-explanation-text{
	margin-top: 20px;
}
.ringnozzle-explanation{
	background: #F0F4F3;
	padding: 30px 30px 20px 30px;
	box-sizing: border-box;
}
.ringnozzle-explanation h3 img{
	width:100%;
	height: auto;
}
.ringnozzle-explanation h3{
	margin-bottom: 10px;
}
.ringnozzle-explanation figure{
	line-height: 0;
}
.explanation-before,.explanation-after{
	width:calc(50% - 20px);
}
.explanation-before h4,.explanation-after h4{
	font-weight: bold;
	text-align: center;
}
.explanation-before img,.explanation-after img{
	width:100%;
	height: auto;
}
.explanation-arrow{
	padding-bottom: 20px;
}
.ringnozzle-text{
	text-align: justify;
}
.ringnozzle-text-attention{
	margin-top:20px; 
}
@media only screen and (max-width:1099px) {
		.ringnozzle .center_frame{
	width: 100%;
	max-width: 700px;
}
	.ringnozzle-text{
	margin-top: 30px;
}
}
@media only screen and (max-width:999px) {
		.ringnozzle .center_frame{
	width: 100%;
	max-width: 600px;
}
}
@media print, screen and (min-width:1100px) {
	.ringnozzle .center_frame{
	padding-left: 10px;
	padding-right: 10px;
}
	.ringnozzle-movie{
	width:calc(50% - 15px);
	margin-left: 30px;
}
	.ringnozzle-figure-movie figure{
	width:calc(50% - 15px);
}
	.ringnozzle-explanation{
	width:calc(50% - 15px);
}
	.ringnozzle-text{
	margin-left: 30px;
	width:calc(50% - 15px);
}
}
@media print, screen and (max-width:1100px) {
	.ringnozzle .center_frame{
	padding-left: 25px;
	padding-right: 25px;
}
}
/**/
/*社内設備ページ*/
/**/
.company_facilities_item_list{
  display: -ms-grid;
  display: grid;
    -ms-grid-columns: 300px 50px 300px 50px 300px ;
    grid-template-columns: 300px 300px 300px;
    -ms-grid-rows: auto 30px auto 30px auto 30px;
    grid-template-rows: auto auto auto;
  gap: 50px;
}.company_facilities_item_list > *:nth-child(1){
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}.company_facilities_item_list > *:nth-child(2){
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}.company_facilities_item_list > *:nth-child(3){
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}.company_facilities_item_list > *:nth-child(4){
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}.company_facilities_item_list > *:nth-child(5){
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}.company_facilities_item_list > *:nth-child(6){
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}.company_facilities_item_list > *:nth-child(7){
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}.company_facilities_item_list > *:nth-child(8){
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}.company_facilities_item_list > *:nth-child(9){
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}
.company_facilities_item_list > *:nth-child(10){
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .company_facilities_item_list{ margin-bottom: 90px; } /* IE11 */
}
@media only screen and (max-width:1000px) {
.company_facilities_item_list{
width: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows:auto auto;
  gap: 20px;
}
.company_facilities_item_list img{
		width: 100%;
		height: auto;
}
}
.company_facilities_item{
	text-align: center;
}

/**/
/*会社概要ページ*/
/**/

.factory_icon_title{
	background: url("../profile_images/ factory_icon.svg") no-repeat;
	background-position: left center;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
	border-bottom: 1px solid #CDD6DD;
}
.lightblue_title{
	background: transparent linear-gradient(96deg, #2F96D6 0%, #5BAED3 100%) 0% 0% no-repeat padding-box;
	color:#fff;
	line-height: 50px;
	font-size:16px;
	margin-bottom: 35px;
	padding-left: 20px;
}
.gear_icon_title{
	background: url("../profile_images/gear_icon.svg") no-repeat;
	background-position: left center;
	font-size: 16px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 60px;
	border-bottom: 1px solid #CDD6DD;
	margin-bottom: 20px;
}
.map .factory_icon_title{
	margin-bottom: 15px;
}
.map_company{
	margin-bottom: 50px;
}
.map_company_affiliated{
	margin-bottom: 50px;
}
.machinery_tool{
width: 100%;	
}
.profile th,.history th{
	background: #F3F5EC;
	}
.affiliated_company h3, .affiliated_company .verticalline_table{
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width:640px) {
	
.profile .factory_info{
	border-top: none;
	padding-top: 0;
	padding-bottom: 10px;
}
}
.affiliated_company .verticalline_table{
	margin-bottom: 50px;
	border-collapse: separate;
	border-spacing: 0 20px;
}
.verticalline_table a{
	color: #505050;
}
.verticalline_table td,.verticalline_table th{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: normal;
	display: block;
}
.verticalline_table th{
	border-bottom:1px solid #CDD6DD;
}
.verticalline_table tr{
}
@media print,screen and (min-width:640px) {
	.verticalline_table td,.verticalline_table th{
	display: table-cell;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
	.verticalline_table th{
	border-right:1px solid #CDD6DD;
	border-bottom:none;
}
}
@media print,screen and (min-width:640px) {
	.verticalline_table th{
			width: 180px;
			padding-left: 35px;
			text-align: left;
		}
}
@media print,screen and (min-width:960px) {
	.verticalline_table{
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	}
 @media print, screen and (min-width:640px) {
	.map_company_affiliated{
	width:calc(50% - 20px );	
}
.map_headoffice{
	width:calc(50% - 20px );
}
.map_company_affiliated img,.map_headoffice img{
	width: 100%;
	height: auto;
	max-width: 500px;
}
}
@media only screen and (max-width:640px) {
	.map_headoffice:nth-child(2){
		margin-top: 30px;
	}
}
.customers01{
	margin-bottom: 50px;
}
.customers_list{
	font-size: 14px;
	line-height: 30px;
}
/**/
/*お問い合わせフォーム*/
/**/
.contactus .formrequired{
	color: #BE5959;
	font-size: 13px;
	line-height: 1.6em;
	}
.contactus p.formrequired{
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
.mailform_table{
	margin-bottom: 35px;
	max-width: 900px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.mailform_table th{
	text-align: left;
}
.mailform_table td input,.mailform_table td textarea{
	height: 30px;
	border-radius: 0;
	box-shadow: none;
	border: 1px #D1D1D1 solid;
	padding: 5px;
}
.mailform_table tr td input,.mailform_table tr td textarea{
	width: 100%;
}
.mailform_table th,
.mailform_table td input{
	width: 300px;
}
.mailform_table td textarea{
	height: 250px !important;
}

@media print,screen and (min-width:901px) {
.contactus .normal_table tr th{
	width: 20%;
	padding: 0;
	display: table-cell;
}
.mailform_table td{
	width: 80%;
	display: table-cell;
}
}
@media only screen and (max-width:900px) {
	.mailform_table th,.mailform_table td{
	width: 100% !important;
	display: block;
	padding: 0;
}
	.mailform_table td{
		border: none;
	}
	.mailform_table tr th{
		padding-top: 15px;
		padding-bottom: 5px;
	}
	.mailform_table tr td {
		padding-bottom: 20px;
	}
	.mailform_table tr:last-child th{
	border-bottom:none;
}
	.mailform_table input[type="text"],.mailform_table textarea{
		width: 100% !important;
}
	}

.mailform_table td input::placeholder {
  color: #D1D1D1;
}
.mailform_table tr .postnumber input{
	width: 200px;
	margin-left: 10px;
}
.mailform_table .postnumber input{
	width: 60% !important;
	max-width: 250px;
}
button.contactus_submit{
	width: 250px;
	display: block;
	line-height: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #068FCC;
	color: #fff;
}
.thanks{
	width: 100%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.thanks h4{
	text-align: center;
	color: #1754A8;
	font-size: 16px;
	padding-bottom: 30px;
	border-bottom: 4px double #1754A8;
	margin-bottom: 30px;
}
.siguniture{
	margin-top: 30px;
	border-top: 4px double #1754A8;
	text-align: center;
	padding-top: 20px;
}
/**/
/*英語版サイト 共通*/
/**/
.en_page{
	letter-spacing: 1px;
}
.en_navigation ul li a{
	font-size:13px;
	letter-spacing: 1px;

}
/**/
/*英語版サイト HOME*/
/**/
.en_page .index_hero_title{
	line-height: 1.4em;
}

.en_page .introduction p{
	margin-top: 20px;
}
/**/
/*英語版サイト Services*/
/**/
.en_page .CL-7i_main{
	margin-top: 30px;
	margin-bottom: 30px;
}
.en_page .CL-7i_title{
	line-height: 1.4em;
	margin-bottom: 10px;
}
.en_page .catalog_link::after {
	left:170px;
  }
/**/
/*英語版サイト ContactUs*/
/**/
.en_page .thanks_p{
	text-align: center;
}