@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);




/*
div.header div.contents{
	background-color: #666666;
}

.menu > li {
	background: #666666;
}


.menu > li a {
    color: black;
}
*/


div.header {
    background: #6A8196;
    height: 112px;	
}

.menu__mega .menu__second-level {
    background-color: #485765;
}


nav.pc {
    width: 97%;
}


div.contents__inner {
	position: relative;	
}

#language-E {
	margin:0 0 10px 0;
}

#language-C {
	margin:0 ;
}


/*
div.language {
	position: absolute;
	top: 5px;
	right: 25px;
	float: right;
	width: 100px;
	background-size:100% auto;
}

div.language > img {
	max-width: 200px;
}


div.language > div > p {
	margin: 10px auto;
	color: #ffffff;
	}

div.language > div > p > a {
	color: #ffffff;
	position: relative;
	}
*/


/*本命

div.language > div > p > a {
  display: inline-block;
  transition: all .3s ease 0s;
  text-decoration: none;
}
div.language > div > p > a:hover {
  cursor: pointer;
  transform: scale(1.2);
}

.menu > .language-title:hover {
    background: #333d46;
    border: 2px solid #333d46;
}

*/

/*言語回転*/

li.language-title ul.language-down {
  visibility: hidden;
  perspective: 400px;
}
li.language-title:hover ul{
  visibility: visible;
}
ul.language-down li.language{
  transform: rotateY(90deg);
  transform-origin: 50% 0;
  transition: 0.3s;
}
li.language-title:hover li.language{
  transform: rotateY(0);
}
ul.language-down li.language:nth-child(2) {
  transition-delay: 0.1s;
}
ul.language-down li.language:nth-child(3) {
  transition-delay: 0.2s;
}



/*ロゴの入れ替え*/

.pc_logo { 
	display: block !important; 
}

.sp_logo { 
	display: none !important; 
}



/*水滴*/

div.top-contents div#drop img{
	max-width: 1500px;
	margin-bottom: 50px;
	margin-top: 50px;
}

div.top-contents div#drop { 
	background: -webkit-linear-gradient(95deg, #418cc1, #5e9fcc 15%,#71b0d8 55%, #85cfde 80%, #FFF);
	background: -o-linear-gradient(95deg, #418cc1, #5e9fcc 15%,#71b0d8 55%, #85cfde 80%, #FFF);
	background: linear-gradient(-5deg, #418cc1, #5e9fcc 15%,#71b0d8 55%, #85cfde 80%, #FFF);	
}



ul.menu > li {
	background: #6A8196;
}

ul.menu > li a {
    color: #ffffff;
	font-weight: 400;
}

li.menu__single ul.language-down {
    margin: -19px 0 0 -10px;
    width: 100px;
   	background: none;
    border: none;
}

.menu__second-level li {
    border-top: none;
}


.menu > .language-title:hover {
    background: #6a8196;
    border: 2px solid #6a8196;
}

.menu > .language-title {
    width: 84px;
	text-align: left;
}

.menu > .language-title {
    border: 2px solid #6a8196;
}


.menu__second-level li a {
    background: #485765;
}


.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #485765;
}


.bx-wrapper .bx-pager.bx-default-pager a {
    background: #a9a9a9;
}

.menu > li a:hover {
	color: #ffffff;
}

.re-top {
    position: relative;
    display: block;
    background-color: #6a8196b3;
    -webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


.top :hover {
    background: none;
	background-color: #6a8196;
}






p.blue_b {
    background: #6A8196;
    box-shadow: 0 3px 15px rgba(128, 128, 128,0.7);
	border: 2px solid #ffffff;
}

	
.menu__none:hover,
.menu__multi:hover,
.menu__mega:hover,
.menu__single:hover {
  -webkit-transition: .2s ease;
  transition: .2s ease;
  border-bottom: 5px solid #333d46;
}




/*
.menu__mega .menu__second-level {
    background-color: rgba(0,0,0,0.60);
}
*/



div.slide div.bx-wrapper {
    margin-bottom: 50px;
}


body.industrial div.top-contents{
	margin-top: 112px;
	background-color: white;

}


#is_top div.top-contents,
#is_human div.top-contents,
#is_industry div.top-contents,
#is_randd div.top-contents,
#is_machines div.top-contents {
	position: relative;
}

#is_top div.top-contents div.copy {
	position: absolute;
	top:40%;
	right: 0;
	left: 0;
}

#is_human div.top-contents div.copy,
#is_industry div.top-contents div.copy,
#is_randd div.top-contents div.copy,
#is_machines div.top-contents div.copy {
	position: absolute;
	top:45%;
	right: 0;
	left: 0;
}

body.industrial div.top-contents div.copy {
    top: 40%;
}


body.industrial div.top-contents div.copy p {
	
	/*
    color: white;
    margin: 20px auto auto auto;
    text-align: center;
    font-size: 14px;
	font-weight: 300;
	width: auto;
	*/
	
    color: #ffffff;
    margin: 20px auto auto auto;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    width: auto;	
	text-shadow: 2px 3px 4px #1b4d73;
}

body.industrial div.top-contents img {
    max-width: 100%;
	margin: auto;
}

#is_human div.top-contents img,
#is_industry div.top-contents img,
#is_randd div.top-contents img,
#is_machines div.top-contents img {
    width: 100%;
	margin: auto;
}


/*丸アイコン*/

div.theme_box {
	margin: 4% 20% 2% 20%;
    text-align: center;
	height: 170px;
} 

div.theme_box div.theme a img {
    border-radius: 50%;
} 

div.theme_box div.theme {
	display: inline-block;
	margin: auto 5%;
	vertical-align: top;
}

div.theme {
    width: 100px;
    height: 100px;
    /*overflow: hidden;*/
    margin: 10px 8px 10px 16px;
    position: relative;
    border-radius: 50%;
}

div.theme div.caption {
    border-radius: 50%;
	font-size:		200%;
	color:			#ffffff;
	text-align: 		center;
	padding-top:		30px;
}
div.theme div.mask {
    border-radius: 50%;
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* 表示させない */
	background-color:	rgba(0,0,0,0.6);
	-webkit-transform:	rotateX(-180deg);
	transform:		rotateX(-180deg);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}

div.theme :hover div.mask {
	-webkit-transform:	rotateX(0deg);
	transform:		rotateX(0deg);
	opacity:		1;	/* ホバーで表示する */
}

div.theme_box div.theme a {
    display: inline-block;
    border-radius: 50%;
}

div.theme p.theme_name {
	margin-top: 15px;
}

div.theme p.theme_name > a:hover {
    text-decoration: underline;
}

ul.category_button li {
	vertical-align: top;
	float: left;
	width: 25%;
}

#is_randd ul.category_button li {
	width: 50%;
}

li p.theme_name > a {
    color: #6A8196;
}

li p.theme_name {
	margin-top: 20px;
}



body.industrial div.top-contents #drop {
    text-align: center;
}



div.icon_box {
    width: 1000px;
    height: 40px;
    font-size: 100%;
    margin: 30px auto;
    margin-bottom: 33px;
}

div.icon_box div.icon01 {
	margin: 0 auto 0 auto;
    width: 242px;
    height: auto;
    float: left;
	display: inline-block;
}

div.icon_box div.icon01 div.icon02 {
    width: 200px;
	margin: 0 auto;
}


div.site_link_b {
	max-width: 350px;
}

div.icon_box div.icon01 div.icon02 {
    width: 200px;
	margin: 0 auto;
}

div.site_link_b {
	position: relative;
}

div.site_link_b i.fas {
	position: absolute;
	top: 18px;
	right: 16px;
}


div.merit img.back16,
div.merit img.back17 {
    height: 500px;
}

#is_human div.merit,
#is_industry div.merit {
    height: 500px;
}

#is_randd div#r_spe_00 {
    height: 230px;
}

#is_randd div#r_mat_00 {
    height: 200px;
}

#is_human div.merit-box-r p,
#is_industry div.merit-box-r p {
	color: white;
}

#is_human div.merit-box-l p.up,
#is_industry div.merit-box-l p.up {
	color: #424241;
}

div.icon_box div a p {
    background: #6A8196;
	text-align: center;
    width: 180px;
    height: 20px;
    margin: 0 auto 15px auto;
    padding: 10px;
    color: white;
    font-weight: 500;
	border-radius: 10px;
    box-shadow: 0 3px 10px rgba(128, 128, 128,0.7);
	border: 2px solid #ffffff;
}

div.icon_box div a p:hover {
	background: #87a1b9;
}

body.industrial div div.site_link_b div a p {
    background: #6A8196;
    max-width: 350px;
    height: 25px;
    margin: 0 auto 15px auto;
    margin-top: 50px;
    padding: 10px;
    color: white;
    font-weight: 500;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(128, 128, 128,0.7);
	border: 2px solid #ffffff;
	text-align: center;
}


/*色変更*/

body.industrial div div.site_link_b div a p:hover {
    background: #87a1b9;
}

.menu__second-level li a:hover {
    background: #87a1b9;
}

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	background-color: #333d46;
}

.drawer-overlay {
    background-color: #485765c7;
}

#inquiry_b a :hover {
    color: #76dff1;
}

p.blue_b:hover {
    background: #87a1b9;
}




div.icon_box div.icon01 a {
	color: #ffffff;
}


div.merit_2 {
	width:1000px;
	color: white;
	line-height: 1.8;
	margin:0 auto;
}


div.left_box {
	position: absolute;
	left:6%;
	right:55%;
	color: white;
	line-height: 1.8;
	/*top:50px;*/
}


body.industrial div.top-contents div.copy p.in_intro {
	margin: 0 auto 0 10%; 
	width: 30%; 
	font-size: 14px; 
	font-weight: 400;
	text-align: left;
}

#is_human div.top-contents div.copy h2,
#is_industry div.top-contents div.copy h2,
#is_randd div.top-contents div.copy h2,
#is_machines div.top-contents div.copy h2 {
	margin: 0 auto 0 10%;
    text-align: left;
} 


#is_top div.top-contents div.copy h2{
	margin: 0 auto 0 auto;
    text-align: center;
} 


body.industrial #is_top div.merit-box-l > p {
    width: 45%;
}


div.merit_sample div.sample_img img.size01{
	max-width: 100%;
	height: auto;
	left: 10%;
}

/*研究開発機関ロゴ*/

div.merit_sample div.sample_img img.size02{
	max-width: 80%;
	height: 80px;
	margin-bottom: 30px;
	object-fit: contain;
}

/*スマート腹帯分割

div.merit_sample div.sample_img img.size03{
	max-width: 100%;
	height: auto;
	left: 10%;
}

div.merit_sample div.sample_img img.size04{
	max-width: 100%;
	height: auto;
	left: 10%;
	margin-top: 3.5%;
}
*/

/*素材の応用サンプル*/

div.merit_sample div.sample_img img.size05{
	max-width: 100%;
	height: auto;
	left: 10%;
	box-shadow: 0 2px 5px 1px rgba(0, 0, 0,0.5);
}

/*マシンロゴ*/

#is_machines div.merit_sample div.sample_img img.size06{
	max-width: 100%;
    height: 25px;
    left: 10%;
    margin-top: 20px;
}

#is_machines div.merit_sample div.sample_img {
	text-align: left;
}





#is_randd #material_applications div.sample_box div.sample_set,
#is_industry #industrial_materials div.sample_box div.sample_set {
	width: 20%;
}


div.sample_box{
	text-align: center;
	padding-top: 5%;
	padding-bottom: 5%;
}

div.sample_set{
	display: inline-block;
    padding: 3% 2%;
    width: 25%;
}

div.text_black div.sample_img img.size01,
div.text_black div.sample_img img.size08 {
	box-shadow: 0 2px 5px 1px rgba(0,0,0,0.5);
}

div.text_white div.sample_img img.size01,
div.text_white div.sample_img img.size08{
	box-shadow: 0 2px 5px 1px rgba(0,0,0,0.5);
}

#is_human div.merit-box-r h2 span,
#is_industry div.merit-box-r h2 span {
	color: white;
	font-weight: 700;
}


#is_human div.merit-box-l h2 span,
#is_industry div.merit-box-l h2 span {
	color: #424241;
	font-weight: 700;
}


div.merit_sample div.text_white{
	color: white;
}

/*div.merit_sample div.text_black,
div.merit div.merit-box-r p.up,*/
#is_randd div.merit div.text_black,
#is_randd div.merit div.text_black h2.up,
#is_machines div.merit div.text_black,
#is_machines div.merit div.text_black h2.up {
	color: #424241;
}


div.merit_sample div.sample_box div.sample_set div.sample_text{
	text-align: left;
}

div.merit_sample div.sample_box div.sample_set div.sample_text p.sample_name {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 8px;
}

div.merit_sample div.sample_box div.sample_set {
    width: 29%;          /* 横幅を固定して */
    display: inline-block; /* インラインブロック化 */
    vertical-align: top;   /* 上端を揃える */
    /*margin: 5px 0px;
    padding: 10px;*/
}

div.sample_text{
	margin: 20px auto 20px auto;
	max-width: 600px;
}

ol.merit-list p {
    margin-bottom: 15px;
	margin-left: 10px;
    font-size: 16px;
}

ol.merit-list {
    margin: 40px 0 0 25px;
}

div.contact {
	width: 100%;
	text-align: center;
	margin:70px 0 50px 0;
	font-size: 16px;
}




div.industrial-cut {
    background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 15%);
    background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 15%);
    background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 15%);
}



div.footer {
    background: #6A8196;
}


div.sitemap-box ul > li.single {
    margin-bottom: 20px;
}


#material_applications div.subcategory {
	background: #45949E;
	padding: 3% 3% 0% 3%; 
	margin: auto;
}

#industrial_materials div.subcategory {
	background: #ded0c7;
	padding: 2% 2%;
    margin: auto;
}

#industrial_materials div.subcategory div {
	background: #000000;
}

#industrial_materials div.subcategory img#cutting_image {
	width: 100%;
	opacity: 0.8;
	object-fit: cover;
    object-position: 85% 100%;
}

#industrial_materials div.subcategory img#knitting_image {
	width: 100%;
	opacity: 0.8;
	object-fit: cover;
    object-position: 40% 75%;
}

div.subcategory {
	position: relative;
}

#industrial_materials div.subcategory p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding: 0;
  color: white;
  font-weight: bold;
  font-size: 25px;
  }




#material_applications  p.subcategory_title {
    font-size: 22px;
	font-weight: 600;
	background: rgba(0,0,0,0.4);
	text-align: center;
    height: 50px;
    line-height: 50px;}


p.subcategory_text{
	padding: 20px 10px 0px 10px;
	line-height: 1.7;
}

#material_applications div.subcategory,
#industrial_materials div.subcategory {
	color: #ffffff;
}

#material_applications div.sample_box,
#industrial_materials div.sample_box {
    padding-top: 0;
	padding-bottom: 0;
}

#is_randd  div.merit div.merit-box-m {
	width: 50%;
	text-align: center;
}

#is_randd div#r_spe_00 {
	padding: 0;
}

#is_randd div.subcategory p.subcategory_text {
	width: 50%;
	text-align: center;
	margin: auto;
}

/*フッター4列*/	
	
div.sitemap-box ul.first {
    width: 25%;	
}
	
div.sitemap-box ul.second {
    width: 25%;	
}
	
div.sitemap-box ul.third {
    width: 25%;	
}	
	
div.sitemap-box ul.fourth {
    width: 25%;	
}
	
div.sitemap-box ul.first,
div.sitemap-box ul.second,
div.sitemap-box ul.third,
div.sitemap-box ul.fourth {
    width: 20%;
    float: left;
    text-align: left;
}	

div.sitemap-box ul.first {
    padding: 0 1% 0 6%;
}
	
div.sitemap-box ul.second {
    padding: 0 1%;
}
	
div.sitemap-box ul.third {
    padding: 0 1%;
}
	
div.sitemap-box ul.fourth {
    padding: 0 6% 0 1%;
}

img#cutting_image,
img#knitting_image{
    height: 150px;
    object-fit: cover;
}


/*object-fit*/

#h_saf_00 img.back16 {
    object-fit: cover;
	object-position:30% 50%;
}

#h_spo_00 img.back17 {
    object-fit: cover;
	object-position:50% 50%;
}

#h_sma_00 img.back16 {
    object-fit: cover;
	object-position:50% 50%;
}

#h_hea_00 img.back17 {
    object-fit: cover;
	object-position:30% 50%;
}


#i_aut_00 img.back16 {
    object-fit: cover;
	object-position:50% 50%;
}

#i_aer_00 img.back17 {
    object-fit: cover;
	object-position:50% 50%;
}

#i_hom_00 img.back16 {
    object-fit: cover;
	object-position:50% 10%;
}

#i_ind_00 img.back17 {
    object-fit: cover;
	object-position:50% 65%;
}







#industrial_materials,
#is_nachines {
	background: #ded0c7;
}

#is_industry div.site_link_b_box div a p,
#is_machines div.site_link_b_box div a p{
    margin: 0 auto 100px auto;
}

#is_industry div.site_link_b_box div.site_link_b,
#is_machines div.site_link_b_box div.site_link_b{
	margin: auto;
}

#is_industry div.site_link_b_box {
	padding-bottom: 50px;
	padding-top: 20px;
	margin-bottom: 7px;
}

#is_machines div.site_link_b_box {
	padding-bottom: 30px;
	padding-top: 150px;
	margin-bottom: 7px;
}

#is_randd div.sample_box {
    padding-top: 3%;
}

div.site_link_b {
    position: relative;
}


#h_saf_00,
#h_sma_00 {
    margin-bottom: 0px; 
    background: #be6671;
}

#h_spo_00,
#h_hea_00 {
    margin-bottom: 0px; 
    background: #BEB7BB;
}

#i_aut_00,
#i_hom_00 {
    margin-bottom: 0px; 
    background: #1C5475;
}

#i_aer_00,
#i_ind_00 {
    margin-bottom: 0px; 
    background: #ded0c7;
}



/*anchor位置調整*/

#h_saf_01, #h_spo_01, #h_sma_01, #h_hea_01,
#i_aut_01, #i_aer_01, #i_hom_01, #i_ind_01,
#r_joi_01, #r_spe_01, #r_mat_01,
#m_who_01, #m_com_01, #m_per_01, #m_cad_01 {
	padding-top: 110px; 
	margin-top: -110px;
}

#h_saf_02, #h_spo_02, #h_sma_02, #h_hea_02,
#i_aut_02, #i_aer_02, #i_hom_02, #i_ind_02,
#r_joi_02, #r_spe_02, #r_mat_02 {
	padding-top: 120px; 
	margin-top: -120px;
}

#m_who_02 {
	padding-top: 100px; 
	margin-top: -100px;
}

#m_com_02, #m_per_02, #m_cad_02 {
	padding-top: 170px; 
	margin-top: -170px;
}






#r_joi_00 {
	height: 120px; 
	margin-bottom: 0px; 
	background: #F0E6DF;
}

#r_spe_00 {
	margin-bottom: 0px;
	background: #F0E6DF;
}

#r_mat_00 {
	margin-bottom: 0px; 
	background: #45949E;
}

div.theme_box ul li div p {
	height: 46px;
}



div.video div.merit img.play_b {
    position: absolute;
    top: 250px;
    width: 218px;
    height: 218px;
    left: 50%;
    margin-left: -109px;
}




@media only screen and (max-width: 1600px) {
	
div.top-contents div#drop img{
	max-width: 90%;
}
	
#is_randd  div.merit div.merit-box-m {
	width: 60%;
}

#is_randd div.subcategory p.subcategory_text {
	width: 60%;
}

div.theme_box {
    margin: 4% 15% 2% 15%;
}	
	
	
}



@media only screen and (max-width: 1150px) {
	
body.industrial div.top-contents div.copy p.in_intro {
    width: 40%;
}
	
body.industrial div.top-contents div.copy p.in_intro {
	margin: 0 auto 0 5%; 
	width: 30%; 
	font-size: 14px; 
	font-weight: 400;
	text-align: left;
}

body.industrial div.top-contents div.copy h2{
	margin: 0 auto 0 5%;
    text-align: left;
} 
	
#is_top div.top-contents div.copy h2{
	margin: 0 auto 0 auto;
    text-align: center;
} 
	
#is_randd  div.merit div.merit-box-m {
	width: 70%;
}

#is_randd div.subcategory p.subcategory_text {
	width: 70%;
}
	
#is_randd div#r_spe_00 {
    height: 260px;
}

#is_randd div#r_mat_00 {
    height: 230px;
}
	
div.theme_box {
    margin: 4% 10% 2% 10%;
}	
	
	
}
	
	
@media only screen and (max-width: 1100px) {
	
#is_top div.top-contents div.copy {
	position: absolute;
	top:35%;
	right: 0;
	left: 0;
}
	
	
	
	
	
div.icon_box {
    width: 740px;
    height: 100px;
    font-size: 100%;
    margin: 30px auto;
    margin-bottom: 33px;
}

div.icon_box div.icon01 {
	margin: 0 auto 0 auto;
    width: 370px;
    height: auto;
    float: left;
}

div.icon_box div.icon01 div.icon02 {
    width: 290px;
	margin: 0 auto;
}

div.icon_box div a p {
    background: #6A8196;
	text-align: center;
    width: 270px;
    height: 20px;
    margin: 0 auto 15px auto;
    padding: 10px;
    color: white;
    font-weight: 500;
	border-radius: 10px;
}
	
div.merit-box-l {
    color: white;
    line-height: 1.8;
    margin: 50px auto;
	
}

body.industrial div.top-contents div.copy p.in_intro {
    width: 50%;
}

body.industrial #is_top div.top-contents div.copy img.pc_logo {
	max-width: 60%;
}
	
	
#m_com_02, #m_per_02, #m_cad_02 {
	padding-top: 150px; 
	margin-top: -150px;
}
	
	
}









@media only screen and (max-width: 1030px) {
	
body.industrial div.top-contents div.copy p.in_intro {
    width: 50%;
}
	
	
div.merit_sample div.sample_box div.sample_set {
    width: 45%;
}
	
#is_randd #material_applications div.sample_box div.sample_set,
#is_industry #industrial_materials div.sample_box div.sample_set {
	width: 27%;
}
	
	
	
}





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

	/*　ハンバーガー内の研究開発3行
div.sitemap-slide div.sitemap_b div#PlagOpen13 div.b{
	height: 58px;
}
	*/
	
div.sitemap_b ul {
    padding: 15px 0 0 0;
}	
	
div.sitemap_b li a {
    padding: 10px 0 10px 0;
    font-size: 14px;
}	
	
p.arrow {
    margin-top: -5px;
}	
	
div.sitemap-slide div.sitemap_b:hover {
    background: #e8ecef;	
}
	
#h_saf_01, #h_spo_01, #h_sma_01, #h_hea_01,
#i_aut_01, #i_aer_01, #i_hom_01, #i_ind_01,
#r_joi_01, #r_spe_01, #r_mat_01,
#m_who_01, #m_com_01, #m_per_01, #m_cad_01 {
	padding-top: 110px; 
	margin-top: -110px;
}
	
	
}






@media only screen and (max-width: 850px) {
	
	
/*	
body.industrial div.top-contents div.copy h2{
    text-align: center;
	margin: 0 auto;
	color: black;
	text-shadow: none;
	font-size: 35px;
    font-weight: 700;
} 
*/
	
.pc_logo {
	display: none !important; 
	}
	
.sp_logo { 
	display: block !important; 
	}
	
#is_top div.top-contents div.copy {
	position: static;
}

#is_human div.top-contents div.copy,
#is_industry div.top-contents div.copy,
#is_randd div.top-contents div.copy,
#is_machines div.top-contents div.copy	{
	position: static;
}
	
#is_human div.top-contents div.copy h2,
#is_industry div.top-contents div.copy h2,
#is_randd div.top-contents div.copy h2,
#is_machines div.top-contents div.copy h2 {
    margin: 0 auto;
}	
	
body.industrial div.top-contents div.copy p {
	color: #485765;
	font-weight: 400;
	text-shadow: none;

}	
	
	
	
div.theme_box {
    margin: 4% 8% 2% 8%;
}	
	
body.industrial #is_top div.top-contents div.copy {
	background: #ffffff;	
	}	
	
body.industrial #is_top div.top-contents div.copy img.sp_logo {
	max-width: 55%;
}
	
#is_human div#h_saf_00 {
    height: 690px;
}	
	
#is_human div#h_spo_00 {
    height: 590px;
}	
	
#is_human div#h_sma_00 {
    height: 690px;
}	

#is_human div#h_hea_00 {
    height: 590px;
}	
	
#is_industry div#i_aut_00 {
    height: 640px;
}
	
#is_industry div#i_aer_00 {
    height: 640px;
}	
	
#is_industry div#i_hom_00 {
    height: 590px;
}	
	
#is_industry div#i_ind_00 {
    height: 680px;
}	
	
	
div.merit-box-l, div.merit-box-r {
    margin: 0 auto;
    width: 90%;
	}
	
body.industrial #is_top div.merit-box-l > p {
    width: 100%;
}
	
div.merit-box-l > p, div.merit-box-r > p {
    padding: 15px 0;
	text-align: center;
}
	
body.industrial div.top-contents div.copy h2{
	margin: 0 auto 0 0;
    text-align: left;
	font-size: 35px;
} 
	
	

body.industrial #is_human div.top-contents h2,
body.industrial #is_industry div.top-contents h2,
body.industrial #is_randd div.top-contents h2,
body.industrial #is_machines div.top-contents h2 {
	color: #6A8196;
	font-weight: 800;
	text-align: center;
	text-shadow: none;/*0px 2px 10px rgb(1, 25, 47,0.0);*/
		
} 
	
	

body.industrial div.top-contents div.copy p.in_intro{
	width: 90%; 
	color: #424241;
}
	
body.industrial div.top-contents div.copy p {
	width: 90%; 
	font-size: 12px;
}
	
	
body.industrial div.top-contents div.copy {
	position: static;
	padding-left: 0px;
	padding-top: 45px;
	padding-bottom: 35px;
}
	
body.industrial #is_human div.top-contents div.copy, 
body.industrial #is_industry div.top-contents div.copy, 
body.industrial #is_randd div.top-contents div.copy, 
body.industrial #is_machines div.top-contents div.copy {
	padding-bottom: 0px;
}

	
div.merit img.back01 {
	position: static;
	right:auto;
	width:200px;
}
	
	
body.industrial div.merit-box-l > p {
    width: 100%;
}
	

div.merit-box-r {
	position: static;
	padding-left: 0px;
	padding-top:20px;
}
	
div.merit-box-l {
    margin: 0px auto;
	
}

div.left_box {
	position: static;
	padding-left: 0px;
	/*padding-top:20px;*/
}

div.merit img.back02 {
	position: static;
	right:auto;
	width:315px;
}


div.merit img.back03 {
	position: static;
}
	

div.icon_box div.icon01 {
    width: 350px;
}
	
	
div.site_link_b {
	margin: auto;
	width: 90%;
}
	
div.icon_box {
    width: 700px;	
}

#r_joi_00 {
    height: 120px;
	}
	
	
	
div.merit img.back16, 
div.merit img.back17 {
    height: 300px;
}
	
#h_saf_00 img.back16 {
    object-position: 30% 10%;
}
	
#is_randd div#r_spe_00 {
    height: 300px;
}

/*	
div.merit img.play_b {
    top: 70px;
}
*/	
	
#h_saf_02, #h_spo_02, #h_sma_02, #h_hea_02,
#i_aut_02, #i_aer_02, #i_hom_02, #i_ind_02 {
	padding-top: 420px; 
	margin-top: -420px;
}
	
#r_joi_02, #r_spe_02, #r_mat_02 {
	padding-top: 120px; 
	margin-top: -120px;
}

	
#m_com_02, #m_per_02, #m_cad_02 {
	padding-top: 140px; 
	margin-top: -140px;
}
	
div.merit img.back16 {
    margin: 0 0 10px 0;	
}
	
}


@media only screen and (max-width: 740px) {
	
div.header {
    height: 45px;	
}
	
body.industrial div.top-contents{
	margin-top: 45px;
}
	
.contents__inner h1.logo img {
    height: 20px;	
}
	
div.top-contents div#drop img{
	margin-bottom: 30px;
	margin-top: 30px;
}
	
div.theme_box div.theme {
	margin: auto 3% auto 3% ;
}

#is_randd  div.merit div.merit-box-m {
	width: 80%;
}

#is_randd div.subcategory p.subcategory_text {
	width: 80%;
}
	
div.theme_box {
    margin: 4% 4% 2% 4%;
}
	

body.industrial #is_human div.top-contents img ,	
body.industrial #is_industry div.top-contents img ,
body.industrial #is_randd div.top-contents img ,
body.industrial #is_machines div.top-contents img {
    height: 360px;
    object-fit: cover;
    object-position: 70% 50%;
	font-family: 'object-fit: cover; object-position: 30% 50%;';
}
	
#is_human div#h_saf_00 {
    height: 720px;
}	
	
#is_human div#h_spo_00 {
    height: 620px;
}	
	
#is_human div#h_sma_00 {
    height: 720px;
}	

#is_human div#h_hea_00 {
    height: 620px;
}	
	
#h_saf_01, #h_spo_01, #h_sma_01, #h_hea_01,
#i_aut_01, #i_aer_01, #i_hom_01, #i_ind_01,
#r_joi_01, #r_spe_01, #r_mat_01,
#m_who_01, #m_com_01, #m_per_01, #m_cad_01 {
	padding-top: 44px; 
	margin-top: -44px;
}
	
#h_saf_02, #h_spo_02, #h_sma_02, #h_hea_02,
#i_aut_02, #i_aer_02, #i_hom_02, #i_ind_02 {
	padding-top: 350px; 
	margin-top: -350px;
}
	
#r_joi_02, #r_spe_02, #r_mat_02 {
	padding-top: 50px; 
	margin-top: -50px;
}
	
#m_who_02 {
	padding-top: 25px; 
	margin-top: -25px;
}
	
	
#m_com_02, #m_per_02, #m_cad_02 {
	padding-top: 70px; 
	margin-top: -70px;
}
	
}



@media only screen and (max-width: 720px) {
	
div.icon_box {
    width: 100%;
	height: 205px;
}
	
div.icon_box div.icon01 {
    float: none;
}
	
}



@media only screen and (max-width: 675px) {
	
body.industrial div.top-contents{
	margin-top: 45px;
}
	
#is_industry div#i_aer_00 {
    height: 660px;
}	
	
#is_industry div#i_hom_00 {
    height: 570px;
}	
	
#is_industry div#i_ind_00 {
    height: 700px;
}	

	
}



@media only screen and (max-width: 600px) {
	
div.merit_sample div.sample_box div.sample_set {
    width: 80%;
}
	
#is_randd #material_applications div.sample_box div.sample_set,
#is_industry #industrial_materials div.sample_box div.sample_set {
	width: 45%;
}
	
div.copy img {
	max-width: 60%;
}
	
#is_randd  div.merit div.merit-box-m {
	width: 90%;
}

#is_randd div.subcategory p.subcategory_text {
	width: 90%;
}
	
div.sample_set {
    padding: 3% 2% 10% 2%;
}
	
div.sample_text {
    margin: 10px auto 20px auto;
}
	
#h_saf_01, #h_spo_01, #h_sma_01, #h_hea_01,
#i_aut_01, #i_aer_01, #i_hom_01, #i_ind_01,
#r_joi_01, #r_spe_01, #r_mat_01,
#m_who_01, #m_com_01, #m_per_01, #m_cad_01 {
	padding-top: 43px; 
	margin-top: -43px;
}
	
#h_saf_02, #h_spo_02, #h_sma_02, #h_hea_02,
#i_aut_02, #i_aer_02, #i_hom_02, #i_ind_02 {
	padding-top: 350px; 
	margin-top: -350px;
}
	
}
	
	
	
@media only screen and (max-width: 580px) {
	
	
div.theme_box {
	height: 390px;
} 
	
#industrial_materials div.subcategory p {
	font-size: 19px;
}
	
ul.category_button li {
	width: 50%;
	margin: 3% 0 8% 0;;
}
	
#is_randd ul.category_button li {
    width: 100%;
}	
	
#is_randd ul.category_button li#r_mat {
	width: 100%;
}
	
li p.theme_name {
    margin-top: 20px;
}
	
	
div.merit img.back16, div.merit img.back17 {
    height: 250px;
}
	
#is_industry div#i_aut_00 {
    height: 600px;
}
	
#is_industry div#i_aer_00 {
    height: 620px;
}	
	
#is_industry div#i_hom_00 {
    height: 530px;
}	
	
#is_industry div#i_ind_00 {
    height: 660px;
}	
	
body.industrial div.top-contents div.copy h2{
	font-size: 30px;
} 
	
body.industrial #is_human div.top-contents img ,
body.industrial #is_industry div.top-contents img ,
body.industrial #is_randd div.top-contents img ,
body.industrial #is_machines div.top-contents img {
    height: 310px;
}
	
#h_saf_02, #h_spo_02, #h_sma_02, #h_hea_02,
#i_aut_02, #i_aer_02, #i_hom_02, #i_ind_02 {
	padding-top: 288px; 
	margin-top: -288px;
}
	
#r_joi_02, #r_spe_02, #r_mat_02 {
	padding-top: 38px; 
	margin-top: -38px;
}
	
}

@media only screen and (max-width: 550px) {
	
#m_who_02 {
	padding-top: 0px; 
	margin-top: -0px;
}
	
}
	
@media only screen and (max-width: 500px) {
	
.contents__inner h1.logo img {
    height: 15px;	
}
	
	
#is_industry div#i_aer_00 {
    height: 640px;
}	
	
#is_industry div#i_hom_00 {
    height: 550px;
}	
	
#is_industry div#i_ind_00 {
    height: 680px;
}	
	
#is_randd div#r_spe_00 {
    height: 330px;
}
	
#is_industry div#i_aut_00 {
    height: 650px;
}
	
}


/*
@media only screen and (max-width: 460px) {
		
div.site_link_b {
    width: 260px;
}	
	
body.industrial div div.site_link_b div a p {
    max-width: 260px;
}	
	
}
*/





@media only screen and (max-width: 450px) {
	
body.industrial div#i_aer_00 div.site_link_b div a p {
    margin-top: 30px;
}	
	
}	

@media only screen and (max-width: 410px){
	
div.merit img.back15, div.merit img.back07 {
    object-position: 50% 0;
}
	
}


@media only screen and (max-width: 400px) {
	
body.industrial div#i_aer_00 div.site_link_b div a p {
    margin-top: 30px;
}	
	
#is_randd div#r_spe_00 {
    height: 360px;
}
	
#is_human div#h_spo_00 {
    height: 650px;
}	

#is_human div#h_hea_00 {
    height: 650px;
	
}
	
#is_industry div#i_aut_00 {
    height: 675px;
}
	
}


	
@media only screen and (max-width: 370px) {
	
.contents__inner h1.logo img {
    height: 11px;	

}
	
body.industrial div.top-contents div.copy h2 {
    font-size: 30px;
}
	
body.industrial div.top-contents div.copy h2{
	font-size: 25px;
} 
	
#is_industry div#i_aer_00 {
    height: 680px;
}
	
#is_industry div#i_aut_00 {
    height: 700px;
}
	
}


	
@media only screen and (max-width: 327px){
	
div.theme_box {
    height: 675px;
}	
	
#is_randd div.theme_box {
    height: 500px;
}	
	
ul.category_button li {
	width: 100%;
}
	
#is_randd ul.category_button li {
	width: 100%;
}
	
}