@charset "utf-8";

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*//*
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
*/
/* ===================================================================
 style info : コンテンツエリア関係 他

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*----------------------------------------------------
	webフォント読み込み
----------------------------------------------------*/
/* GenEiGothicP-Gothic ゴシック */
/* Android 4.3 までのバージョンにも対応する場合 */
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 300; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-Light/GenEiGothicP-Light.woff") format("woff"),
    url("../fonts/GenEiGothicP-Light/GenEiGothicP-Light.otf") format("opentype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 400; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-Regular/GenEiGothicP-Regular.woff") format("woff"),
    url("../fonts/GenEiGothicP-Regular/GenEiGothicP-Regular.otf") format("opentype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 500; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-SemiBold/GenEiGothicP-SemiBold.woff") format("woff"),
    url("../fonts/GenEiGothicP-SemiBold/GenEiGothicP-SemiBold.otf") format("opentype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 700; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-Bold/GenEiGothicP-Bold.woff") format("woff"),
    url("../fonts/GenEiGothicP-Bold/GenEiGothicP-Bold.otf") format("opentype"); /* フォントファイルの指定 */
}
@font-face {
  font-family: "GenEiGothicP-Normal"; /* 任意の名前を設定 */
  font-style: "normal"; /* フォントスタイルの設定 */
  font-weight: 800; /* フォントウェイトの設定 */
  src: url("../fonts/GenEiGothicP-Heavy/GenEiGothicP-Heavy.woff") format("woff"),
    url("../fonts/GenEiGothicP-Heavy/GenEiGothicP-Heavy.otf") format("opentype"); /* フォントファイルの指定 */
}

@import url('https://fonts.googleapis.com/css2?family=Mukta+Mahee:wght@800&display=swap');

/* 読み込み　参考 */
/*
.NotoSerifJP {
  font-family: 'Noto Serif Japanese', serif;
}

.NotoSansJP {
	font-family: 'Noto Sans Japanese', sans-serif;
}
*/
/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
	font-size: 62.5%; /* sets the base font to 10px for easier math */
}
body {
  font-size: 18px;
  font-size: 1.8rem;
	/* font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; */
  font-family:"GenEiGothicP-Normal", "GenshinGothic-Normal", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-weight: 300;
}

input, textarea {
  font-size: 18px;
  font-size: 1.8rem;
	/* font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; */
  font-family:"GenEiGothicP-Normal", "GenshinGothic-Normal", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: 300;
}
/*
body {
	font-size: 16px;
  font-size: 1.6rem;
	/* font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; *//*
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
*//*
input, textarea {
	font-size: 16px;
  font-size: 1.6rem;
	/* font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; *//*
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight: 500;
} */
/*
body {
	font-size: 16px;
  font-size: 1.6rem;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

input, textarea {
	font-size: 16px;
  font-size: 1.6rem;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
*/

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* リンク
----------------------------------------------------*/
a {
  font-size: 18px;
  font-size: 1.8rem;
	color: rgba(61,125,204,1);
	text-decoration: none;
	vertical-align: top;
}

a:link { text-decoration: underline; none; color: rgba(32,178,170,1); }

a:visited { text-decoration: underline; none; color: rgba(49,64,138,1); }

a:hover { text-decoration: underline; color: rgba(171,205,3,1); }

a:active { text-decoration: underline; none; color: rgba(131,94,191,1); }

a[href^="tel:"] { cursor: default; }

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/
/* Text Align
 * --------------------------------------------- */
.textAlignCenter { text-align: center !important; }
.textAlignLeft { text-align: left !important; }
.textAlignRight { text-align: right !important; }

/* Float
 * --------------------------------------------- */
/* LEFT */ .floLeft { float:left; }
/* RIGHT */ .floRight { float:right; }
/* CLEAR */ .floClear { clear:both; float: none; }

/* Clearfix
 * --------------------------------------------- */
/* for modern browser */
.clearfix:after { font-size: 0; line-height: 0; height: 0; visibility: hidden; content:"."; display: block; clear: both; }
/* for IE5.5-7 */
.clearfix { zoom: 1; display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix { display: block; }
.clearboth { clear: both; }

/* Global Style
---------------------------------------------------------------- */
.align_right { float: right; }
.align_left { float: left; }

/* Global Font Style
---------------------------------------------------------------- *//*
.fontSize10 { font-size:77%; }
.fontSize11 { font-size:85%; }
.fontSize12 { font-size:93%; }
.fontSize13 { font-size:100%; }
.fontSize14 { font-size:108%; }
.fontSize15 { font-size:116%; }
.fontSize16 { font-size:123.1%; }
.fontSize17 { font-size:131%; }
.fontSize18 { font-size:138.5%; }
.fontSize19 { font-size:146.5%; }
.fontSize20 { font-size:153.9%; }
.fontSize21 { font-size:161.6%; }
.fontSize22 { font-size:167%; }
.fontSize23 { font-size:174%; }
.fontSize24 { font-size:182%; }
.fontSize25 { font-size:189%; }
.fontSize26 { font-size:197%; }
.fontWeightNormal { font-weight:normal; }
.fontWeightBold { font-weight:bold; }
.fontColorRed { color:#C90000; }
.fontColorGray { color:#686868; }
.fontColorBlack { color:#4e4e4e; }
.fontColorBrown { color:#804e21; }
.fontColorOrange { color:#ff6600; }
.fontColorKurenai { color:#c30d23; }
*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.clerfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

p,
a,
dt,
dd,
li,
input,
textarea {
  font-size: 18px;
  font-size: 1.8rem;
	line-height: 180%;
	color: rgba(77,77,77,1);
}

p.textIndent_1em {
	padding-left: 1em;
	text-indent: -1em;
}

p.textpadding_1em {
	padding-left: 1em;
}

p.textpadding_2em {
	padding-left: 2em;
}

p.caps {
	font-size: 14px;
	font-size:1.4rem;
	line-height: 120%;
}

span.caps {
	font-size: 14px;
	font-size:1.4rem;
	line-height: 120%;
}

img.verticalAlignBottom {
vertical-align: bottom;
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.tC,
.btn {
	text-align: center;
}

.tR,
.sign {
	text-align: right;
}

sup {
  vertical-align: top;
	position: relative;
	font-size: 12px;
	font-size: 1.2rem;
  top: -0.3em; //お好きな位置に
}

sub {
	font-size: 12px;
	font-size: 1.2rem;
}

#applications sub {
  font-size: 0.6em;
}

.emp {
	font-weight: bold;
}


/*----------------------------------------------------
画像
----------------------------------------------------*/
/*フルードイメージ*/
img,
iframe,
object {
    max-width: 100%;
    height: auto;
    width /****/:auto;  /*IE8のみ適用*/
}

/* --------------------------------------------------------
margin
-------------------------------------------------------- *//*
.mgn_b0 { margin-bottom: 0 !important;}
.mgn_b05 { margin-bottom: 5px !important;}
.mgn_b10 { margin-bottom: 10px !important;}
.mgn_b15 { margin-bottom: 15px !important;}
.mgn_b20 { margin-bottom: 20px !important;}
.mgn_b25 { margin-bottom: 25px !important;}
.mgn_b30 { margin-bottom: 30px !important;}
.mgn_b35 { margin-bottom: 35px !important;}
.mgn_b40 { margin-bottom: 40px !important;}
.mgn_b45 { margin-bottom: 45px !important;}
.mgn_b50 { margin-bottom: 50px !important;}
.mgn_b60 { margin-bottom: 60px !important;}
.mgn_b70 { margin-bottom: 70px !important;}
.mgn_b80 { margin-bottom: 80px !important;}

.mgn_t0 { margin-top: 0 !important;}
.mgn_t05 { margin-top: 5px !important;}
.mgn_t10 { margin-top: 10px !important;}
.mgn_t15 { margin-top: 15px !important;}
.mgn_t20 { margin-top: 20px !important;}
.mgn_t25 { margin-top: 25px !important;}
.mgn_t30 { margin-top: 30px !important;}
.mgn_t35 { margin-top: 35px !important;}
.mgn_t40 { margin-top: 40px !important;}
.mgn_t45 { margin-top: 45px !important;}
.mgn_t50 { margin-top: 50px !important;}
.mgn_t60 { margin-top: 60px !important;}
.mgn_t70 { margin-top: 70px !important;}
.mgn_t80 { margin-top: 80px !important;}
*/

/* --------------------------------------------------------
 Common Style
-------------------------------------------------------- */

/*	EXAMPLE STYLES */

body {
	color: rgba(72,72,72,1);
}
/*
.wrapper {
	width: 100%;
}
*/
.wideContents{
	margin: 0 auto;
	width: 100%;
}

/*	Mobile STYLES */

.mbimg_off{
	display:block;
}
.mbimg_on{
	display:none;
}

.mbcont_off{
	display:block;
}
.mbcont_on{
	display:none;
}


/*	Back to top */

#pageTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 11px 0 0 0;
  width: 45px;
  height: 45px;
	opacity: 0.8;
}

#pageTop a img {
	width: 45px;
  height: 45px;
}

#pageTop a:hover {
  opacity: 0.5;
}


/* --------------------------------------------------------
 wideImage
-------------------------------------------------------- */

#header.wideImage {
  width: 100%;
  height: auto;
	margin: 0 auto 0;
	background-position: center top;
	background-repeat: no-repeat;
  background-size:1455px auto;
}

#home #header.wideImage {
  width: 100%;
  height: 600px;
	margin: 0 auto 0;
  background-color: rgba(0,0,0,1);
	background-position: center center;
	background-repeat: no-repeat;
  background-size:1455px auto;
}

#other #header.wideImage {
  width: 100%;
  height: 600px;
	margin: 0 auto 0;
	background-position: center top;
	background-repeat: no-repeat;
  background-size:1455px auto;
}

#company #localHeader.wideImage {
  width: 100%;
  height: auto;
	margin: 0 auto 6rem;
  background-color: rgba(0,0,0,0.1);
	background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
}

#company.mission #localHeader.wideImage,
#company.core_technologies #localHeader.wideImage {
  margin: 0 auto;
}
/*
#products #localHeader.wideImage {
  width: 100%;
  height: 300px;
	margin: 0 auto 0;
	background-position: center top;
	background-repeat: no-repeat;
  background-size:1940px auto;
}
*/
#solutions #localHeader.wideImage {
  width: 100%;
  height: auto;
	margin: 0 auto 6rem;
  background-color: rgba(0,0,0,0.1);
	background-position: center 30%;
	background-repeat: no-repeat;
  background-size: cover;
}

#topix #localHeader.wideImage,
#products #localHeader.wideImage {
  width: 100%;
  height: auto;
	margin: 0 auto 6rem;
  background-color: rgba(0,0,0,0.1);
	background-position: center 60%;
	background-repeat: no-repeat;
  background-size: cover;
}

#applications #localHeader.wideImage {
  width: 100%;
  height: auto;
	margin: 0 auto 6rem;
  background-color: rgba(0,0,0,0.1);
	background-position: center 40%;
	background-repeat: no-repeat;
  background-size: cover;
}

#contact #localHeader.wideImage,
#privacy_policy #localHeader.wideImage {
  width: 100%;
  height: auto;
	margin: 0 auto 6rem;
	background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
}

#contents_header.wideImage {
  width: 100%;
  height: auto;
	margin: 0 auto 0;
	background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
}

#core_technologies #laser_technologies.wideImage,
#core_technologies #microscope_technologies.wideImage {
  width: 100%;
  height: auto;
	margin: 0 auto 0;
	background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

#bg-video-area{
    /* position: fixed; */
    position: relative;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}

#bg-video {
    /*天地中央配置*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}

#video {
  max-width: 100%;
  height: auto;
}

#products #contents_header.wideImage {
  margin: 0 0 6rem 0;
  padding: 5rem 0;
  background: rgb(246,246,246);
  background: -moz-linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(222,222,222,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(222,222,222,1) 100%);
  background: linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(222,222,222,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6",endColorstr="#dedede",GradientType=1);
}

#footer.wideImage {
  height: auto;
	margin: 0 auto 0;
  background-position: center top;
	background-repeat: no-repeat;
  background-size:1940px auto;
}


/* --------------------------------------------------------
 header
-------------------------------------------------------- */

#home header,
#other header {
  /* margin-bottom: 30px; */
  border: none;
}

#home_contents #main {
  /* padding-top: 30px; */
  padding-top: 0;
}

header {
  /* margin-bottom: 50px; */
  /* border-bottom: 1px solid rgba(153,153,153,1); */
}

header div#header {
  position: relative;
}

/* #home header div#header p, */
#other header div#header p {
  position: absolute;
  width: 100%;
  text-align: center;
  padding-top: 50px;
  font-size: 20px;
  font-size: 2rem;
	line-height: 200%;
	color: rgba(255,255,255,1);
}

#home header div#header div#hGroup {
  margin: 0 auto;
  padding: 0 1rem;
  width: 1200px;
  height: 600px;
  position: relative;
}

#home header div#header div#hGroup .box-wrap .box {
  display: flex;
  height: 600px;
}

#home header div#header div#hGroup .box-wrap .box.box-left {
  align-items: center;
}

#home header div#header div#hGroup .box-wrap .box.box-right {
  align-items: flex-end;
}

#home header div#header div#hGroup h1.read {
  width: 540px;
  font-size: 42px;
  font-size: 4.2rem;
  font-weight: 800;
	line-height: 220%;
	color: rgba(255,255,255,1);
}

#home header div#header div#hGroup .inner a {
  display: inline-block;
  margin-bottom: 4rem;
  padding: 0 1rem;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 700;
  color: rgba(255,255,255,1);
  text-decoration: none;
  vertical-align: middle;
}

#home header div#header div#hGroup .inner a::before {
  margin-right: 1rem;
  content: url('../svg/common/icon_slash.png');
}

#home header div#header div#hGroup .inner a span {
}

#home header div#header div#hGroup .inner {
}

/* #home header div#header div#hGroup, */
#other header div#header div#hGroup {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 600px;
}

header div#header div#hGroup {
  display: block;
  padding: 10px;
  height: 100px;
}

header div.belt {
  width: 100%;
  height: 50px;
  background-color: rgba(32,178,170,1);
}

/* #home header div#header div#hGroup h1, */
#other header div#header div#hGroup h1 {
  width: 300px;
  height: auto;
}

header div#header div#hGroup h1 {
  width: 200px;
  height: auto;
}


/*	button */

a.btn {
  display: inline-block;
  position: relative;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}

a.btn:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  content: "";
}

a.btn:hover:after {
  transform: translate(0, 0);
}



/*	Primary Navigation */
/*
header div#pNav ul {
	width: auto;
	margin: auto;
}

header div#pNav ul li {
	display: inline-block;
	margin-left: 20px;
	height: auto;
}

header div#pNav ul li:first-child {
	margin-left: 0;
}

header div#pNav ul li a {
	display: block;
	height: auto;
}

header div#pNav ul li a:hover {
  opacity: 0.5;
}

header div#pNav ul li a img {
}
*/

header div#pNav ul {
  display: flex;
  justify-content: flex-end;
	width: auto;
	margin: auto;
}
/*
header div#pNav ul li {
  margin-right: 5rem;
}
*/
header div#pNav ul li a {
  display: block;
	padding: 1.5rem 0 0;
	width: 100%;
	color: rgba(72,72,72,1);
	font-size: 14px;
	font-size: 1.4rem;
  font-weight: 500;
	text-align: center;
	text-decoration: none;
  position: relative;
}

header div#pNav ul li a::before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  width: 14px;/*画像の幅*/
  height: 14px;/*画像の高さ*/
  background-image: url('../svg/common/icon_global.svg');
  background-size: contain;
  vertical-align: middle;
}

header div#pNav ul li a:hover {
  color: rgba(32,178,170,1);
	/* filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5; */
}

header div#pNav ul li a:hover:before  {
  background-image: url('../svg/common/icon_global_hover.svg');
}


/*	Navi */
/*
header div#navi_area {
  background-color: rgba(228,228,228,1);
}

#home header div#navi_area {
  background: none;
}
*/
header div#navi_area div#navi_logo p.navi_logo {
  padding: 1rem;
}

header div#gNav nav#site-navigation {
	height: auto;
	/* background-color: rgba(0,0,0,1); */
}

header div#gNav nav#site-navigation ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

header div#gNav nav#site-navigation ul li {
	/* display: inline-block; */
  /* float: left;
	padding: auto;
  padding-top: 10px;
	width: 12.5%; */
  margin-left: 3rem;
	padding: 0;
}
/*
header div#gNav nav#site-navigation ul li:nth-of-type(3) {
  padding-top: 0;
}

header div#gNav nav#site-navigation ul li:nth-of-type(6) {
  margin-right: 3rem;
}

header div#gNav nav#site-navigation ul li:nth-of-type(7) {
	width: 25%;
}
*/
header div#gNav nav#site-navigation ul li a {
	display: block;
  margin-bottom: 0.5rem;
	padding: 0.5rem 0 0;
	width: 100%;
	color: rgba(72,72,72,1);
	font-size: 16px;
	font-size: 1.6rem;
  font-weight: 500;
	text-align: center;
	text-decoration: none;
}
/*
header div#gNav nav#site-navigation ul li:nth-of-type(7) a {
  color: rgba(32,178,170,1);
}
*/
header div#gNav nav#site-navigation ul li a:hover {
  color: rgba(32,178,170,1);
	/* filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5; */
}

header div#gNav nav#site-navigation ul li span.open {
	display: block;
	padding: auto;
	width: 100%;
	color: rgba(72,72,72,1);
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	text-decoration: none;
}

.gnav>li.current>a,
.gnav>li>a.active,
.gnav>li>a.current {
  border-bottom: 2px solid rgba(32,178,170,1);
}


/* --------------------------------------------------------
 header image
-------------------------------------------------------- */
/*
#home #header {
	background-image: url('../images/home/home_identity_image.jpg');
	background-image:-webkit-image-set(url("../images/home/home_identity_image.jpg") 1x,url("../images/@2x/home/home_identity_image.jpg") 2x);
}
*/
#other #header {
	background-image: url('../images/home/home_identity_image.jpg');
	background-image:-webkit-image-set(url("../images/home/home_identity_image.jpg") 1x,url("../images/@2x/home/home_identity_image.jpg") 2x);
}
/*
#header {
	background-image: url('../images/home/home_identity_image.jpg');
	background-image:-webkit-image-set(url("../images/home/home_identity_image.jpg") 1x,url("../images/@2x/home/home_identity_image.jpg") 2x);
  background-position: bottom !important;
}
*/
#products #localHeader {
	background-image: url('../images/products/products_localheader_bg.jpg');
	background-image:-webkit-image-set(url("../images/products/products_localheader_bg.jpg") 1x,url("../images/@2x/products/products_localheader_bg.jpg") 2x);
}

#solutions #localHeader {
	background-image: url('../images/solutions/solution_header_bg.jpg');
	background-image:-webkit-image-set(url("../images/solutions/solution_header_bg.jpg") 1x,url("../images/@2x/solutions/solution_header_bg.jpg") 2x);
}

#contact #localHeader {
	background-image: url('../images/contact/contact_localheader_bg.jpg');
	background-image:-webkit-image-set(url("../images/contact/contact_localheader_bg.jpg") 1x,url("../images/@2x/contact/contact_localheader_bg.jpg") 2x);
}

#privacy_policy #localHeader {
	background-image: url('../images/contact/privacy_policy_localheader_bg.jpg');
	background-image:-webkit-image-set(url("../images/contact/privacy_policy_localheader_bg.jpg") 1x,url("../images/@2x/contact/privacy_policy_localheader_bg.jpg") 2x);
}

#applications #localHeader {
	background-image: url('../images/applications/applications_localheader_bg.jpg');
	background-image:-webkit-image-set(url("../images/applications/applications_localheader_bg.jpg") 1x,url("../images/@2x/applications/applications_localheader_bg.jpg") 2x);
}

#applications #localHeader.secondary {
	background-image: url('../images/applications/applications_01_experimental_figure_bg.jpg');
	background-image:-webkit-image-set(url("../images/applications/applications_01_experimental_figure_bg.jpg") 1x,url("../images/@2x/applications/applications_01_experimental_figure_bg.jpg") 2x);
}

#topix #localHeader {
	background-image: url('../images/learning_center/learning_center_localheader_bg.jpg');
	background-image:-webkit-image-set(url("../images/learning_center/learning_center_localheader_bg.jpg") 1x,url("../images/@2x/learning_center/learning_center_localheader_bg.jpg") 2x);
}


/* --------------------------------------------------------
 Contents Style
-------------------------------------------------------- */

article {
}

aside {
}

.contents {
	width: 95%;
	margin: 0 auto 0;
}


/*	Local header */

div#localHeader {
	position: relative;
}

/*	Local Navi */

div#localHeader div#lNav {
	width: 100%;
	/* background-color: rgba(255,255,255,0.8); */
}

div#localHeader div#lNav ul {
	margin: 0 auto;
	text-align: center;
}

div#localHeader div#lNav ul li {
	display: inline-block;
	margin-bottom: 10px;
	padding-left: 25px;
	padding-right: 25px;
	width: auto;
	border-left: 1px solid rgba(72,72,72,1);
}

div#localHeader div#lNav ul li:first-child {
	padding-left: 0;
	border-left: none;
}

div#localHeader div#lNav ul li a {
	display: block;
	text-align: center;
	color: rgba(72,72,72,1);
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration: none;
}

div#localHeader div#lNav ul li a:hover {
  color: rgba(32,178,170,1);
	/* filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5; */
}


/*	header */

h2 {
  font-size: 28px;
	font-size: 2.8rem;
  line-height: 160%;
  font-weight: 400;
}

#home_contents #overview div.contents h2 {
  font-weight: 500;
  color: rgba(38,38,38,1);
}

#home_contents #overview div.contents h2 span {
  color: rgba(85,85,85,1);
}

#company h2,
#contact h2,
#privacy_policy h2 {
  padding: 6rem 0 14rem;
}

#company #company_list h2,
#products #company_list h2 {
  padding: 0;
}

#company.mission h2 {
  padding: 6rem 0 3rem;
  color: rgba(255,255,255,1);
}

#company.core_technologies h2 {
  color: rgba(255,255,255,1);
}

#applications header h2,
#solutions header h2,
#products header h2,
#topix header h2 {
  margin-bottom: 3rem;
  padding: 0;
  color: rgba(255,255,255,1);
  text-shadow:0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5);
}

#solutions header h2,
#products header h2,
#topix header h2 {
  margin: 1.5rem 0 3rem;
}

#products #contents_header h2 {
  font-size: 18px;
	font-size: 1.8rem;
  line-height: 160%;
  font-weight: 400;
}

#newsRelease #newsRelease_title_area::after,
#newsRelease #eventRelease_title_area::after {
  font-size: 0; line-height: 0; height: 0; visibility: hidden; content:"."; display: block; clear: both;
}

#newsRelease #newsRelease_title_area h2,
#newsRelease #eventRelease_title_area h2 {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: center;
}

#applications h2 {
  margin: 1.5rem 0;
  text-align: justify;
  text-justify: inter-ideograph; /* IE用 */
}

#applications h2 a {
  font-size: 28px;
	font-size: 2.8rem;
  line-height: 160%;
  font-weight: 400;
  text-decoration: none;
}

h3 {
  padding-bottom: 5px;
  font-size: 20px;
	font-size: 2rem;
  line-height: 160%;
  font-weight: 400;
  border-bottom: 1px solid rgba(153,153,153,1);
}

#company #mission h3 {
  margin-bottom: 6rem;
  padding-bottom: 0;
  font-size: 24px;
	font-size: 2.4rem;
  line-height: 160%;
  font-weight: 400;
  color: rgba(255,255,255,1);
  border: none;
}

#company #board_of_directors div.inner h3 {
  margin-bottom: 2rem;
  padding-bottom: 0.5rem;
  font-size: 28px;
	font-size: 2.8rem;
  line-height: 160%;
  font-weight: 400;
  border-bottom: 1px solid rgba(153,153,153,1);
}

#products #contents_header h3 {
  padding-bottom: 2rem;
  font-size: 32px;
	font-size: 3.2rem;
  line-height: 160%;
  font-weight: 400;
  border: none;
}

#applications h3 {
  margin-bottom: 1.5rem;
  padding: 0;
  text-align: justify;
  text-justify: inter-ideograph; /* IE用 */
  border: none;
}

#applications .sideber h3 {
  border-bottom: none;
}


h3 a {
  font-size: 20px;
	font-size: 2rem;
  line-height: 160%;
  font-weight: 400;
  text-decoration: none !important;
}

h3.border_none {
  border: none;
}

h4 {
  font-size: 20px;
	font-size: 2rem;
  line-height: 160%;
  font-weight: 400;
}

#products #contents_header h4 {
  margin-bottom: 2rem;
  font-size: 18px;
	font-size: 1.8rem;
  color: rgba(32,178,170,1);
  line-height: 160%;
  font-weight: 500;
}

h5 {
  padding-left: 20px;
  font-size: 18px;
	font-size: 1.8rem;
  line-height: 160%;
  font-weight: 400;
  border-left: 5px solid rgba(72,72,72,1)
}

h6 {
  font-size: 18px;
	font-size: 1.8rem;
  line-height: 160%;
  font-weight: 400;
}

#products #overview_contents h4,
#products #principle_contents h4,
#products #specification_contents h4,
#products #measurement_procedure_contents h4 {
  margin-top: 20px;
}


/* Top page
----------------------------------------------------*/

/* movie */

#home #header {
  overflow: hidden;
  position: relative;
  top: 0; left: 0; right: 0; bottom: 0;
}
#background_video {
  width: 100%; height: auto;
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}
#video_cover {
  position: absolute;
  width: 100%; height: 100%;
  background: url('video_cover.jpeg') no-repeat;
  background-size: cover;
  background-position: center;
}


/*	buttom */

#home_contents #overview a.primary,
#home_contents #overview p.primary {
  margin: 0 auto!important;
  padding: 0.5rem 3rem;
  display: inline-block;
  color: rgba(255,255,255,1);
  font-size: 20px;
  font-size: 2rem;
  font-weight: 400;
  max-width: 300px;
  text-decoration: none;
  border: 2px solid rgba(255,255,255,1);
}

#home_contents #overview a.primary:hover {
  /* filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5; */
  color: rgba(0,0,0,1);
  background-color: rgba(255,255,255,1);
}

#home_contents #overview div#overview_01 a:hover p.primary,
#home_contents #overview div#overview_02 a:hover p.primary {
  color: rgba(0,0,0,1);
  background-color: rgba(255,255,255,1);
  transition: 0.5s;
}


/*	slider */

ul.bxslider li img,
ul.slider li img {
  margin-bottom: 5px;
	vertical-align: bottom;
}

ul.bxslider li p,
ul.slider li p {
  font-size: 12px;
	font-size: 1.2rem;
  font-weight: 600;
}

/*	slick slider */

ul.slider li {
  padding: 5px !important;
}

ul.slider li a {
  display: block;
  text-decoration: none;
}

ul.slider li a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: rgba(72,72,72,1) !important;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 10px !important;
    z-index: 99 !important;
}
.slick-prev {
     left: 10px !important;
    z-index: 100 !important;
}


/* overview */

#overview div#overview_01,
#overview div#overview_02 {
  display: flex;
  justify-content: center;
  align-items: center;
}

#home_contents #overview div#overview_01 a,
#home_contents #overview div#overview_02 a {
  display: block;
  margin: 0;
  padding: 3.75rem 2rem;
  width: 100%;
  height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

#home_contents #overview div#overview_01 a:after,
#home_contents #overview div#overview_02 a:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}

#home_contents #overview div#overview_01 a:after {
  background-image: url('../images/home/home_overview_01_image_products.jpg');
	background-image:-webkit-image-set(url("../images/home/home_overview_01_image_products.jpg") 1x,url("../images/@2x/home/home_overview_01_image_products.jpg") 2x);
}
#home_contents #overview div#overview_02 a:after {
  background-image: url('../images/home/home_overview_02_image_solutions.jpg');
	background-image:-webkit-image-set(url("../images/home/home_overview_02_image_solutions.jpg") 1x,url("../images/@2x/home/home_overview_02_image_solutions.jpg") 2x);
}

#home_contents #overview div#overview_01 a:hover:after,
#home_contents #overview div#overview_02 a:hover:after {
opacity: .8;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
/*
#home_contents #overview div#overview_01 a:hover,
#home_contents #overview div#overview_02 a:hover {
  transform: scale(1.1); /* 拡大 *//*
}

#home_contents #overview div#overview_01 a {
  background-image: url('../images/home/home_overview_01_image_products.jpg');
	background-image:-webkit-image-set(url("../images/home/home_overview_01_image_products.jpg") 1x,url("../images/@2x/home/home_overview_01_image_products.jpg") 2x);
}

#home_contents #overview div#overview_02 a {
  background-image: url('../images/home/home_overview_02_image_solutions.jpg');
	background-image:-webkit-image-set(url("../images/home/home_overview_02_image_solutions.jpg") 1x,url("../images/@2x/home/home_overview_02_image_solutions.jpg") 2x);
}
*/
#home_contents #overview div#overview_01 a p,
#home_contents #overview div#overview_02 a p {
  margin-bottom: 2.5rem;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 180%;
  color: rgba(255,255,255,1);
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}


#overview div.contents {
  padding: 3rem;
  width: 100%;
}

#home_contents #overview {
  margin-bottom: 8rem !important;
}

#home_contents #overview div.contents {
  padding: 6rem 2rem;
  width: 100%;
}

#overview div.overview_images img {
  vertical-align: bottom;
}

/*	newsRelease */

#newsRelease {
}

.newsRelease {
}
/*
#newsRelease .contents {
  margin: 0 auto;
  width: 80%;
}
*/
div#newsRelease_title_area,
div#eventRelease_title_area {
  /* margin: 0 0 30px 0; */
  position: relative;
  /* border-bottom: 1px solid rgba(153,153,153,1); */
}

div#newsRelease_contents_area,
div#eventRelease_contents_area {
  position: relative;
  padding: 10px 0;
  border-top: 1px solid rgba(153,153,153,1);
  border-bottom: 1px solid rgba(153,153,153,1);
}

/* --- 新着リスト --- */
#newsRelease dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
}

/* --- 日付エリア --- */
#newsRelease dt {
  margin-bottom: 0.4rem;
  /* width: 7.7em; *//* 日付エリアの幅 */
  /* float: left;
  padding: 0 0 0 3px; *//* 日付エリアのパディング（上右下左） */
  /* border-right: 1px rgba(72,72,72,1) solid; *//* 本文エリア下境界線 */
  font-size: 0.8em;
  font-weight: 600;
  color: rgba(26,166,146,1);
}

#newsRelease dt:nth-of-type(1) {
  margin-top: 2.5rem;
}

#newsRelease #eventRelease_contents_area dt::after {
  font-size: 0; line-height: 0; height: 0; visibility: hidden; content:"."; display: block; clear: both;
}

#newsRelease #eventRelease_contents_area dt span {
  float: right;
}

/* --- 本文エリア --- */
#newsRelease dd {
  margin-bottom: 2.5rem;
/* margin: 20px 0; */
/* padding: 0 3px 0 9.6em; *//* 本文エリアのパディング（上右下左） */
color: rgba(72,72,72,1);
}

#newsRelease #eventRelease_contents_area dd span{
  font-weight: 500;
}

#newsRelease #newsRelease_contents_area dd a,
#newsRelease #eventRelease_contents_area dd a{
  font-size: 0.8em;
  font-weight: 600;
  text-decoration: none;
}

/* --- 角丸の一覧へのリンクボタン --- */
p.btm_newsRelease {
	/* margin-bottom: 100px; */
  text-align: right;
  position: absolute;
  top: -0.5rem;
  right: 0;
  left: auto;
}

p.btm_newsRelease a {
	display: block;
	margin: 0 auto;
	padding: 5px 20px;
  font-size: 14px;
  font-size: 1.4rem;
	text-align: center;
	/* border: 1px solid rgba(72,72,72,1); */
	background-color: rgba(238,238,238,1);
	color: rgba(72,72,72,1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}

p.btm_newsRelease a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/* --- トップページのメインナビゲーション --- */
/*
div#mainNav ul {
	margin: 0 auto 0;
	width: 100%;
}

div#mainNav ul li {
	display: inline-block;
	margin-left: 20px;
	width: 20%;
}

div#mainNav ul li:first-child {
	margin-left: 0;
}

div#mainNav ul li a {
	display: block;
	text-align: center;
	color: rgba(72,72,72,1);
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration: none;
}

div#mainNav ul li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

div#mainNav ul li a p {
	margin-top: 10px;
	text-align: center;
}
*/

/* SNS buttom */
/*
div.sns_btm ul {
	margin: 0 auto 0;
	width: 100%;
}

div.sns_btm ul li {
	display: inline-block;
	width: 20%;
	margin-left: 50px;
}

div.sns_btm ul li:first-child {
	margin-left: 0;
}

div.sns_btm ul li a {
	display: block;
}

div.sns_btm ul li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
*/


/* contents
----------------------------------------------------*/

#main {
  /* padding-top: 50px; */
  padding-top: 0;
}

/*
#main section {
	margin-bottom: 60px;
}

#main p {
	line-height: 180%;
}
*/
#main p.photos_before,
#main p.images_before {
	margin: 0 auto;
	text-align: center;
}

#main p.photos_after,
#main p.images_after {
	margin-top: 0;
	text-align: center;
}

.container .chapter,
.container.chapter,
.contents .chapter,
.contents.chapter {
	margin-bottom: 60px;
}

.container .paragraph,
.container.paragraph,
.contents .paragraph,
.contents.paragraph {
	margin-bottom: 30px;
}

#slider .container .chapter {
	margin-bottom: 100px;
}


/* flexbox
----------------------------------------------------*/

.box-wrap,
.box-wrap-480,
.box-wrap-1200 {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.box-wrap.box-no-wrap,
.box-wrap-480.box-no-wrap,
.box-wrap-1200.box-no-wrap {
  flex-wrap:nowrap;
}
.box-wrap.box-justify-center,
.box-wrap-480.box-justify-center,
.box-wrap-1200.box-justify-center {
  justify-content: center;
}
.box-wrap.box-justify-space-around,
.box-wrap-480.box-justify-space-around,
.box-wrap-1200.box-justify-space-around {
  justify-content: space-around;
}
.box-wrap.box-justify-space-evenly,
.box-wrap-480.box-justify-space-evenly,
.box-wrap-1200.box-justify-space-evenly {
  justify-content: space-evenly;
}
.box-wrap.box-justify-start,
.box-wrap-480.box-justify-start,
.box-wrap-1200.box-justify-start {
 justify-content: flex-start;
}
.box-wrap.box-align-center,
.box-wrap-480.box-align-center,
.box-wrap-1200.box-align-center {
  align-items: center;
}
.box-wrap.box-align-end,
.box-wrap-480.box-align-end,
.box-wrap-1200.box-align-end {
  align-items: flex-end;
}
.box-wrap.box-align-stretch,
.box-wrap-480.box-align-stretch,
.box-wrap-1200.box-align-stretch {
  align-items: stretch;
}

.box {

}
.box.box-inline,
.box-480.box-inline {
  display: inline-block;
}
.box img,
.box-480 img {
  width: 100%;
}
.box p,
.box-480 p {
  /* margin: 1rem; */
}

#applications .box p,
#applications .box-480 p {
  /* margin: 1rem; */
  text-align: justify;
  text-justify: inter-ideograph; /* IE用 */
}

.box.width-span-10-fix,
.box-480.width-span-10-fix {
  width: 10%
}
.box.width-span-12_5-fix,
.box-480.width-span-12_5-fix {
  width: 12.5%
}
.box.width-span-15-fix,
.box-480.width-span-15-fix {
  width: 15%
}
.box.width-span-20-fix,
.box-480.width-span-20-fix {
  width: 20%
}
.box.width-span-23-fix,
.box-480.width-span-23-fix {
  width: 23%
}
.box.width-span-27-fix,
.box-480.width-span-27-fix {
  width: 27%
}
.box.width-span-30-fix,
.box-480.width-span-30-fix {
  width: 30%
}
.box.width-span-33-fix,
.box-480.width-span-33-fix {
  width: 33.33%
}
.box.width-span-37-fix,
.box-480.width-span-37-fix {
  width: 37.5%
}
.box.width-span-40-fix,
.box-480.width-span-40-fix {
  width: 40%
}
.box.width-span-45-fix,
.box-480.width-span-45-fix {
  width: 45%
}
.box.width-span-47_5-fix,
.box-480.width-span-47_5-fix {
  width: 47.5%
}
.box.width-span-48-fix,
.box-480.width-span-48-fix {
  width: 48.5%
}
.box.width-span-49-fix,
.box-480.width-span-49-fix,
.box-1200.width-span-49-fix {
  width: 49%
}
.box.width-span-50-fix,
.box-480.width-span-50-fix {
  width: 50%
}
.box.width-span-55-fix,
.box-480.width-span-55-fix {
  width: 55%
}
.box.width-span-60-fix,
.box-480.width-span-60-fix {
  width: 60%
}
.box.width-span-67-fix,
.box-480.width-span-67-fix {
  width: 67.5%
}
.box.width-span-69-fix,
.box-480.width-span-69-fix {
  width: 69%
}
.box.width-span-70-fix,
.box-480.width-span-70-fix {
  width: 70%
}
.box.width-span-72-fix,
.box-480.width-span-72-fix {
  width: 72%
}
.box.width-span-73-fix,
.box-480.width-span-73-fix {
  width: 73%
}
.box.width-span-75-fix,
.box-480.width-span-75-fix {
  width: 75%
}
.box.width-span-80-fix,
.box-480.width-span-80-fix {
  width: 80%
}
.box.width-span-85-fix,
.box-480.width-span-85-fix {
  width: 85%
}
.box.width-span-90-fix,
.box-480.width-span-90-fix {
  width: 90%
}
.box.width-span-100-fix,
.box-480.width-span-100-fix {
  width: 100%
}


.box-480 .order-01,
.box .order-01,
.box.order-01 {
  order: 1;
}
.box-480 .order-02,
.box .order-02,
.box.order-02 {
  order: 2;
}
.box-480 .order-03,
.box .order-03,
.box.order-03 {
  order: 3;
}
.box-480 .order-04,
.box .order-04,
.box.order-04 {
  order: 4;
}

/* topix
----------------------------------------------------*/

#topix #topix_list ul li {
  font-weight: 500;
  border-bottom: 1px solid rgba(153,153,153,1);
}

#topix #topix_list ul li a {
  display: block;
  padding: 10px;
  text-decoration: none;
}

/* company
----------------------------------------------------*/

#company.mission #localHeader {
	background-image: url('../images/company/company_localheader_mission_bg.jpg?ver=1.0.4');
	background-image:-webkit-image-set(url("../images/company/company_localheader_mission_bg.jpg?ver=1.0.4") 1x,url("../images/@2x/company/company_localheader_mission_bg.jpg?ver=1.0.4") 2x);
}

#company.message #localHeader {
	background-image: url('../images/company/company_localheader_message_bg.jpg?ver=1.0.4');
	background-image:-webkit-image-set(url("../images/company/company_localheader_message_bg.jpg?ver=1.0.4") 1x,url("../images/@2x/company/company_localheader_message_bg.jpg?ver=1.0.4") 2x);
  background-position: center 33%;
}

#company.core_technologies #localHeader {
	background-image: url('../images/company/company_localheader_core_technologies_bg.jpg?ver=1.0.6');
	background-image:-webkit-image-set(url("../images/company/company_localheader_core_technologies_bg.jpg?ver=1.0.6") 1x,url("../images/@2x/company/company_localheader_core_technologies_bg.jpg?ver=1.0.6") 2x);
}

#company.board_of_directors #localHeader {
	background-image: url('../images/company/company_localheader_board_of_directors_bg.jpg?ver=1.0.4');
	background-image:-webkit-image-set(url("../images/company/company_localheader_board_of_directors_bg.jpg?ver=1.0.4") 1x,url("../images/@2x/company/company_localheader_board_of_directors_bg.jpg?ver=1.0.4") 2x);
  background-position: center 45%;
}

#company.profile #localHeader {
	background-image: url('../images/company/company_localheader_profile_bg.jpg?ver=1.0.4');
	background-image:-webkit-image-set(url("../images/company/company_localheader_profile_bg.jpg?ver=1.0.4") 1x,url("../images/@2x/company/company_localheader_profile_bg.jpg?ver=1.0.4") 2x);
}

#company #mission {
  padding-bottom: 6rem;
}

#company #mission p {
  color: rgba(255,255,255,1);
}

#company #company_list p.read {
  font-size: 20px;
	font-size: 2rem;
}

#company #company_list p.title {
  padding-left: 0.5rem;
  font-weight: 500;
}

#company #message p.photo {
  margin: 0 auto;
  width: 100%;
}

#company #board_of_directors p.photo {
  margin: 0 auto 3rem;
  width: 100%;
}

#company #board_of_directors div.inner {
  margin: 0 auto 3rem;
  width: 100%;
}

#company #company_list ul {

}

#company #company_list ul li {
  float: left;
  margin-bottom: 20px;
  margin-left: 2%;
  width: 32%;/*
  background-image: url('../images/common/products_list_bg.png');
	background-image:-webkit-image-set(url("../images/common/products_list_bg.png") 1x,url("../images/@2x/common/products_list_bg.png") 2x);
  background-position: center top;
	background-repeat: no-repeat;
  background-size:100% auto; */
}

#company #company_list ul li:nth-child(3n+1) {
  margin-left: 0;
}

#company #company_list ul li a {
  display: block;
  text-decoration: none;
}

#company #company_list ul li a:hover {
  /* filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5; */
}

#company #company_list ul li a img {
  -webkit-border-radius: 1.2rem;
	-moz-border-radius: 1.2rem;
	border-radius: 1.2rem;
  border: 5px solid rgba(32,178,170,0);
}


#company #company_list ul li a:hover img {
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  border: 5px solid rgba(32,178,170,1);
}

#company #company_list ul li a:hover p {
  color: rgba(32,178,170,1);
}

#company.core_technologies #localHeader header {
  position: relative;
}

#company.core_technologies #localHeader header p.read {
  position: absolute;
  font-size: 20px;
  font-size: 2rem;
  color: rgba(255,255,255,1);
  left: 0;
  top: 55%;
  /* -webkit-transform : translateY(-50%);
  transform : translateY(-50%); */
}

#core_technologies #laser_technologies.wideImage .inner,
#core_technologies #microscope_technologies.wideImage .inner {
  margin: 0 0 0 auto;
  padding: 12.5vw 0;
  width: 45vw;
}

#core_technologies #laser_technologies.wideImage .inner h3,
#core_technologies #microscope_technologies.wideImage .inner h3 {
  margin-bottom: 3rem;
  padding-bottom: 0;
  font-size: 24px;
	font-size: 2.4rem;
  line-height: 160%;
  font-weight: 500;
  color: rgba(255,255,255,1);
  text-align: right;
  border-bottom: none;
}

#core_technologies #laser_technologies.wideImage .inner p,
#core_technologies #microscope_technologies.wideImage .inner p {
  color: rgba(255,255,255,1);
  text-align: right;
}

/* products
----------------------------------------------------*/

#products .contact-button {
  margin-top: 1rem;
  text-align: center;
}

#products .contact-button a {
  display: inline-block;
  padding: 0.5rem 5rem;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  color: rgba(32,178,170,1);
  border: 2px solid rgba(32,178,170,1);
  background-color: rgba(255,255,255,1);
  -webkit-border-radius: 2.5rem;
	-moz-border-radius: 2.5rem;
	border-radius: 2.5rem;
  text-decoration: none;
  position: relative;
}

#products .contact-button a:after {
  font-family: "FontAwesome";
   content: '\f105';
   position: absolute;
   right: 5%;
   top: 50%;
   transform: translateY(-50%);
   font-size: 24px;
   font-size: 2.4rem;
   color: rgba(32,178,170,1);
}

#products .contact-button a:hover {
  color: rgba(255,255,255,1);
  background-color: rgba(32,178,170,1);
}

#products .contact-button a:hover:after {
   color: rgba(255,255,255,1);
}


#products #contents_header p {
  margin-bottom: 3rem;
  font-size: 20px;
  font-size: 2rem;
}

#products #contents_header #highlight p {
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.8rem;
}

#products #contents_header #highlight ul {
  margin: 0 auto;
  width: 100%;
}

#products #contents_header #highlight ul li {
  display: inline-block;
  width: 31%;
  margin-left: 3%;
}

#products #contents_header #highlight ul li p.highlight_image {
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: rgba(255,255,255,1);
  -webkit-box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,0.5);
	-moz-box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,0.5);
	box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,0.5);
}

#products #contents_header #highlight ul li p.highlight_image img {
  vertical-align: bottom;
}

#products #contents_header #highlight ul li:nth-of-type(1) {
  margin-left: 0%;
}

#products #products_list p.read {
  font-size: 20px;
	font-size: 2rem;
}

#products #products_list p.title {
  padding-left: 0.5rem;
  font-weight: 500;
}

#products #products_list ul {

}

#products #products_list ul li {
  float: left;
  margin-bottom: 20px;
  margin-left: 2%;
  width: 32%;
  /* background-image: url('../images/common/products_list_bg.png');
	background-image:-webkit-image-set(url("../images/common/products_list_bg.png") 1x,url("../images/@2x/common/products_list_bg.png") 2x);
  background-position: center top;
	background-repeat: no-repeat;
  background-size:100% auto; */
}

#products #products_list ul li:nth-child(3n+1) {
  margin-left: 0;
}

#products #products_list ul li a {
  display: block;
  text-decoration: none;
}

#products #products_list ul li a:hover {
  /* filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5; */
}

#products #products_list ul li a img {
  -webkit-border-radius: 1.2rem;
	-moz-border-radius: 1.2rem;
	border-radius: 1.2rem;
  border: 5px solid rgba(32,178,170,0);
}


#products #products_list ul li a:hover img {
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  border: 5px solid rgba(32,178,170,1);
}

#products #products_list ul li a:hover p {
  color: rgba(32,178,170,1);
}


/*
#products #overview_contents ul li,
#products #specification_contents ul li,
#products #reference_information_contents ul li,
#products #custom_consultation ul li {
  margin-left: 2rem;
  list-style-type: disc;
  list-style-position: outside;
}
*/

#products p.products_image {
  margin: 0 auto;
  width: 768px;
}


/*--------------------------------------
ボタンエリア
--------------------------------------*/

.button-area {
  margin: 5rem auto 0;
  width: 100%;
}

.button-area.single {
  margin: 5rem auto 0;
  width: 360px;
}

/*--------------------------------------
バナーエリア
--------------------------------------*/
.banner {
  margin: 0 auto 0;
  background-color: rgba(229,229,229,1);
  position: relative;
  height: auto;
  background-position: right center, center center;
	background-repeat: no-repeat, no-repeat;
  background-size: 50% auto, 50% auto;
}

.banner.infocus {
  background-image:url('../images/products/BB-FDTR/banner_InFocus_BB-FDTR_image.png?ver=1.0.4'), url('../svg/common/icon_sience_edge.svg');
	background-image:-webkit-image-set(url("../images/products/BB-FDTR/banner_InFocus_BB-FDTR_image.png?ver=1.0.4"), url('../svg/common/icon_sience_edge.svg') 1x,url("../images/@2x/products/BB-FDTR/banner_InFocus_BB-FDTR_image.png?ver=1.0.4"), url('../svg/common/icon_sience_edge.svg') 2x);
  background-position: right -15% bottom -70px, center top 20px;
  background-size: 40% auto, 35% auto;
}

.banner .inner {
  padding: 2rem 25rem 1.5rem 3rem;
}

.banner img.edge {
  width: 20px;
  height: 27px;
  position: absolute;
}

.banner .inner p {
  margin-bottom: 2rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color :rgba(32,178,170,1);
}

.banner .inner h3 {
  margin-bottom: 2.5rem;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 160%;
  font-weight: 400;
  border: none;
}

.banner .inner h3 span {
  display: block;
  font-family: 'Mukta Mahee';
  font-weight: 800;
  font-size: 2.6em;
  line-height: 120%;
}

/*--------------------------------------
コンバージョンアップボタン 吹き出し緑色（中央寄せ）
--------------------------------------*/
.button2,
a.button2,
button.button2 {
  margin-bottom: 3.5rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  /* letter-spacing: -0.05em; */
  color: rgba(32,178,170,1);
  border-radius: 0.5rem;
}
.banner .button2,
.banner a.button2,
.banner button.button2 {
  margin-bottom: 1rem;
}
.button2-c-wrap {
  margin: 30px 0;
  text-align: center;
}
a.button2-c {
  font-size: 0.9em;
  width: 100%;
  position: relative;
  padding: 1.2rem 2rem 1.2rem 1.8rem;
  color: #fff;
  background: rgba(32,178,170,1);
  -webkit-box-shadow: 0 5px 0 rgba(36,150,144,1);
  box-shadow: 0 5px 0 rgba(36,150,144,1);
} /*
a.button2-c.single {
  padding: 1.5rem 2rem 1.5rem 1.8rem;
} */
a.button2-c span {
  font-size: 0.7em;
  font-weight: 400;
  position: absolute;
  /* top: -0.75rem; */
  top: -2rem;
  left: calc(50% - 117.5px);
  display: block;
  width: 235px;
  padding: 0.25rem 0;
  text-align: center;
  color: rgba(36,150,144,1);
  border: 2px solid rgba(36,150,144,1);
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
/*
_:lang(x)::-internal-media-controls-overlay-cast-button, a.button2-c span {
  font-size: 0.4em;
}
*/
a.button2-c span:before,
a.button2-c span:after {
  position: absolute;
  left: calc(50% - 10px);
  content: "";
}
a.button2-c span:before {
  bottom: -10px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: rgba(36,150,144,1) transparent transparent transparent;
}

a.button2-c span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

a.button2-c i {
  margin-right: 0.75rem;
}

a.button2-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: rgba(32,178,170,1);
  -webkit-box-shadow: 0 2px 0 rgba(36,150,144,1);
  box-shadow: 0 2px 0 rgba(36,150,144,1);

  filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/* applications
----------------------------------------------------*/
/*
#applications #localHeader,
#topix #localHeader {
  margin-bottom: 6rem;
}
*/
#applications p,
#applications a,
#applications dt,
#applications dd,
#applications li,
#applications input,
#applications textarea {
  font-size: 16px;
  font-size: 1.6rem;
	line-height: 180%;
	color: rgba(77,77,77,1);
}

#applications a.button2-c {
  color: rgba(255,255,255,1);
}

#applications a.button2.space {
  margin-top: 15.5rem;
}

#applications #localHeader {
  margin-bottom: 6rem;
}

#applications #localHeader header,
#products #localHeader header,
#solutions #localHeader header,
#topix #localHeader header {
  padding: 6rem 3rem;
  position: relative;
}

#applications #localHeader header p.read,
#products #localHeader header p.read,
#solutions #localHeader header p.read,
#topix #localHeader header p.read {
  font-size: 20px;
  font-size: 2rem;
  color: rgba(255,255,255,1);
  left: 0;
  top: 55%;
  text-shadow:0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.5);
  /* -webkit-transform : translateY(-50%);
  transform : translateY(-50%); */
}

#applications #localHeader {
  background-image: url('../images/applications/applications_localheader_bg.jpg');
	background-image:-webkit-image-set(url("../images/applications/applications_localheader_bg.jpg") 1x,url("../images/@2x/applications/applications_localheader_bg.jpg") 2x);
  background-color: rgba(0,0,0,0.2);
  background-blend-mode: multiply;
}

#applications p {
  margin-bottom: 3rem;
}

#products #localHeader header p.read,
#solutions #localHeader header p.read,
#topix #localHeader header p.read {
  margin-bottom: 3rem;
}

#applications p span {
  font-weight: 500;
}

#applications p.indent {
  text-indent: 3.2em;
}

#applications #applications-header ul.list-inline {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#applications #applications-header ul.list-inline li {
  margin-right: 2rem;
}

#applications #applications-header ul.list-inline li:nth-of-type(1) {
  font-weight: 500;
}

#applications #applications-header ul.list-inline li:nth-last-of-type(1) {
  margin-right: 0;
}

#applications #applications-header ul.app-num.list-inline li {
  margin-right: 0;
  padding: 0 2rem;
  border-right: 1px solid rgba(72,72,72,1);
}

#applications #applications-header ul.app-num.list-inline li:nth-of-type(1) {
  padding-left: 0;
}

#applications #applications-header ul.app-num.list-inline li:nth-last-of-type(1) {
  padding-right: 0;
  border-right: none;
}

#applications #applications-header ul.keywords.list-inline {
  margin-bottom: 3rem;
}

#applications #applications-header p.date {
  margin-bottom: 0;
  text-align: right;
}

#applications .sideber ul li {
  margin-left: 1.5rem;
  margin-bottom: 1.5rem;
}

#applications .sideber ul li a {
  text-decoration: none;
  font-weight: 400;
}

#applications .sideber ul li a:hover,
#applications a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#applications div.column {
    margin-bottom: 3rem;
    padding: 1rem 2.5rem;
    background-color: rgba(72,72,72,0.2);
}

#applications div.column p {
  margin-bottom: 0;
}

#applications .contents .boundary-area {
  margin: 3rem 0 6rem;
}

#applications .contents .boundary-area p {
  margin: 0;
  padding: 0.5rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
}

#applications .contents .boundary-area .boundary {
  border-bottom: 1px solid rgba(128,128,128,1);
}


/* contact
----------------------------------------------------*/

/*	contact */

#contact .mailform dl:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#contact .mailform dl {
	margin-bottom: 20px;
	width: 100%;
}

#contact .mailform dl dt,
#contact .mailform dl dd {
  padding: 0.5rem;
}

#contact .mailform dl dt {
  float:left;
  width:20rem;
	font-weight: 400;
}

#contact .mailform dl dd {
  margin-bottom: 2.5rem;
  padding-left: 20rem;
}

#contact .mailform dl dt span {
  color: rgba(255,0,0,1);
}

#contact .mailform dl dd input {
	padding:3px;
	width: 100% !important;
}

#contact .mailform dl dd input[type="radio"] {
  display: inline-block;
  width: auto !important;
}

#contact .mailform dl dd select {
  font-size: 18px;
  font-size: 1.8rem;
}

#contact .mailform dl dd .cp_ipselect {
	overflow: hidden;
	width: auto;
	margin: 0;
	text-align: center;
}
#contact .mailform dl dd .cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
#contact .mailform dl dd .cp_ipselect select::-ms-expand {
    display: none;
}
#contact .mailform dl dd .cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid rgba(204,204,204,1);
	border-radius: 2px;
	background: #ffffff;
}
#contact .mailform dl dd .cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
#contact .mailform dl dd .cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

#contact .mailform dl dd input[type="text"],
#contact .mailform dl dd input[type="email"] {
  border: 1px solid rgba(204,204,204,1);
}

#contact .mailform dl dd textarea {
	padding:3px;
	width: 100% !important;
	height: 15em !important;
	border: 1px solid rgba(204,204,204,1);
}

#contact .mailform dl dd input::-webkit-input-placeholder {
    color: rgba(204,204,204,1);
    font-weight: normal;
}
#contact .mailform dl dd input:-ms-input-placeholder {
    color: rgba(204,204,204,1);
    font-weight: normal;
}
#contact .mailform dl dd input::-moz-placeholder {
    color: rgba(204,204,204,1);
    font-weight: normal;
}

#contact .mailform p {
	margin-bottom: 20px;
	text-align: center;
}

#contact .mailform div.formButton {
	text-align: center;
}

/* 送信確認必要な際、ボタンを押せなくするスクリプト用CSS */
/*
input[type="submit"] {
	padding:10px;
	width: 150px;
	border-style: none;
	color: rgba(255,255,255,1);
  background-color: rgba(153,153,153,1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	margin-right: 20px;
}

input[type="submit"]:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

input[type="submit"][disabled] {
background-color: rgba(204,204,204,1);
cursor: default;
}
*/
#contact .mailform input.button_03 {
  padding:2px 30px;
	border-style: none;
	color: rgba(255,255,255,1);
	background-color: rgba(32,178,170,1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

#contact .mailform input.button_03:nth-of-type(2) {
	margin-right: 0;
}

#contact .mailform input.button_03:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#contact .alert.alert-danger {
  padding: 0.2em;
  color: rgba(255,0,0,1);
  background-color: rgba(255,0,0,0.2);
}

#contact div#sponsor p,
#contact div#sponsor a {
  color: rgba(72,72,72,1) !important;
  font-size: 10px !important;
  font-size: 1rem !important;
	line-height:120% !important;
}

#contact div.confirmation {
  text-align: center;
}

/* 確認画面 */

/* 自由に編集下さい */
#formWrap {
	/* width:700px; */
  width:80%;
	margin:0 auto;
	color: rgba(72,72,72,1);
  font-size: 16px;
  font-size: 1.6rem;
	line-height:120%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
  background-color: rgba(32,178,170,0.1);
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color: rgba(229,0,79,1);
}

input[type="submit"], input[type="reset"], input[type="button"] {
	display:inline-block;
  margin-right: 20px;
	padding:2px 30px;
	border-style: none;
  color: rgba(255,255,255,1);
	background-color: rgba(32,178,170,1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
  -webkit-appearance: none;
}

input[type="submit"]:nth-of-type(2),
input[type="reset"]:nth-of-type(2),
input[type="button"]:nth-of-type(2) {
	margin-right: 0;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:768px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:inline-block;
	/* width:100%;
	height:40px; */
}
}


/* --------------------------------------------------------
 Table
-------------------------------------------------------- */

table.dataTable{
width: 100%;
border-collapse: collapse;
}
table.dataTable caption {
display: none;
}
table.dataTable thead th {
padding: 10px;
text-align: left;
vertical-align: top;
color: rgba(255,255,255,1);
font-weight: normal;
background-color: rgba(72,72,72,1);
border: 1px solid rgba(153,153,153,1);
}
table.dataTable tbody td {
padding: 10px;
background-color: rgba(255,255,255,1);
border: 1px solid rgba(153,153,153,1);
}
table.dataTable tbody th {
  padding: 10px;
  text-align: left;
  vertical-align: top;
  background-color: rgba(228,228,228,1);
  border: 1px solid rgba(153,153,153,1);
}

table th.verticalAlign_middle,
table td.verticalAlign_middle {
	vertical-align: middle;
}

col.width_10{
	width:10%;
}
col.width_20{
	width:20%;
}
col.width_25{
	width:25%;
}
col.width_30{
	width:30%;
}
col.width_33_3{
	width:33.3%;
}
col.width_40{
	width:40%;
}
col.width_50{
	width:50%;
}
col.width_60{
	width:60%;
}
col.width_70{
	width:70%;
}
col.width_80{
	width:80%;
}
col.width_90{
	width:90%;
}

div.responsive-table table.dataTable {
	min-width: 640px;
}

div.responsive-table {
	overflow-x:auto !important;
}

div.responsive-table::-webkit-scrollbar{
	width: 5px;
	background: #cccccc;
}
div.responsive-table::-webkit-scrollbar:horizontal{
	height: 5px;
	background: #cccccc;
}
div.responsive-table::-webkit-scrollbar-thumb{
	background: #666666;
	border-radius: 2px;
}
div.responsive-table::-webkit-scrollbar-thumb:horizontal{
	background: #666666;
	border-radius: 2px;
}


/* privacy_policy
----------------------------------------------------*/

#privacy_policy #privacy_policy-cont .contents dl dt {
  margin-bottom: 1rem;
  font-weight: 500;
  border-bottom: 1px solid rgba(77,77,77,1);
}

#privacy_policy #privacy_policy-cont .contents dl dd {
  margin-bottom: 3rem;
}


/* List
----------------------------------------------------*/

.contents div.basicList_line dl:after,
.contents dl.basicList_line:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.contents div.basicList_line,
.contents dl.basicList_line {
	margin-bottom: 50px;
}

.contents div.basicList_line dt,
.contents dl.basicList_line dt {
float:left;
width:20rem;
padding-left: 3rem;
padding-top:15px;
padding-bottom:15px;
padding-right:0;
font-weight: 500;
}

.contents div.basicList_line dd,
.contents dl.basicList_line dd {
padding-left:20rem;
border-bottom:1px solid rgba(153,153,153,1);
padding-top:15px;
padding-bottom:15px;
}

.contents div.basicList_line dd:nth-of-type(1),
.contents dl.basicList_line dd:nth-of-type(1) {
border-top:1px solid rgba(153,153,153,1);
}

.contents div.basicList_line dl dd dl.inList {
  margin: 0;
  padding: 0;
}

.contents div.basicList_line dl dd dl.inList dt {
  float:left;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  width: 15rem;
  font-weight: 400;
}

.contents div.basicList_line dl dd dl.inList dd {
  padding-left: 15rem;
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 0;
}

.contents div.basicList_line dl dd dl.inList dd:nth-of-type(1),
.contents dl.basicList_line dl dd dl.inList dd:nth-of-type(1) {
border-top: none;
}


.contents dl.commentList:after {
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.contents dl.commentList {
}

.contents dl.commentList dt {
float:left;
width:1.6rem;
}

.contents dl.commentList dd {
padding-left:1.6rem;
}


.contents div.basicList dl:after,
.contents dl.basicList:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.contents div.basicList dl dt,
.contents dl.basicList dt {
	float:left;
	width: 1.6rem;
}

.contents div.basicList dl dd,
.contents dl.basicList dd {
	padding-left: 1.6rem;
}


.contents div.capsList dl:after,
.contents dl.capsList:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.contents div.capsList dl dt,
.contents dl.capsList dt {
	float:left;
	width: 1.6rem;
  font-size: 16px;
	font-size:1.6rem;
	line-height: 160%;
}

.contents div.capsList dl dd,
.contents dl.capsList dd {
	padding-left: 1.6rem;
  font-size: 16px;
	font-size:1.6rem;
	line-height: 160%;
}


#products ul.basicList li,
#topix ul.basicList li,
#future_plans ul.basicList li,
#news ul.basicList li {
  margin-left: 2rem;
  list-style-type: disc;
  list-style-position: outside;
}

#news ul.basicList_line li,
#topix ul.basicList_line li {
font-weight: 500;
border-bottom:1px solid rgba(153,153,153,1);
}

#news ul.basicList_line li:first-child,
#topix ul.basicList_line li:first-child {
border-top:1px solid rgba(153,153,153,1);
}

#news ul.basicList_line li a,
#topix ul.basicList_line li a {
display: block;
padding-left: 3rem;
padding-top:15px;
padding-bottom:15px;
padding-right:0;
text-decoration: none;
}


#news div.basicList_line dl:after,
#news dl.basicList_line:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#news div.basicList_line,
#news dl.basicList_line {
	margin-bottom: 50px;
}

#news div.basicList_line dt,
#news dl.basicList_line dt {
float:left;
width:20rem;
padding-left: 3rem;
padding-top:15px;
padding-bottom:15px;
padding-right:0;
font-weight: 500;
}

#news div.basicList_line dd,
#news dl.basicList_line dd {
  padding-left:20rem;
  padding-top:15px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(153,153,153,1);
}

#news div.basicList_line dd:nth-of-type(1),
#news dl.basicList_line dd:nth-of-type(1) {
border-top:1px solid rgba(153,153,153,1);
}

#news div.basicList_line dd a,
#news dl.basicList_line dd a {
}


/* --------------------------------------------------------
 Wordpress
-------------------------------------------------------- */


/* --------------------------------------------------------
 footer
-------------------------------------------------------- */

footer {
  /* border-top: 1px solid rgba(153,153,153,1); */
}

footer div#fGroup {
	margin: auto;
	width: auto;
}

/*	foot */

footer div#fGroup div#foot {
	display: flex;
  justify-content:flex-start;
  align-items: center;
}

footer div#fGroup div#fLogo {
	padding: 3vw 3vw 0 3vw;
  width: 300px;
}

footer div#fGroup div#fitem {
	padding: 3.5vw 3vw 0 2.5vw;
}

footer div#fGroup div#fLogo a {
  display: block;
}

footer div#fGroup div#fLogo a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

footer div#fGroup div#fitem p {
  display: inline-block;
  font-size: 12px;
	font-size: 1.2rem;
  line-height: 140%;
  color: rgba(255,255,255,1);
}

footer div#fGroup div#fitem p span {
  display: block;
  font-size: 12px;
	font-size: 1.2rem;
  font-weight: 500;
}


/*	footer Navi */

footer div#fNav {
  padding: 3vw;
}

footer div#fNav ul {
  display: flex;
	text-align: center;
  box-sizing: border-box;
}

footer div#fNav ul li {
	display: block;
  padding: 0 1.5rem;
  /* width: 20%; */
  width: 16.6%;
  border-left: 1px solid #ffffff;
}

footer div#fNav ul li:nth-of-type(1) {
  border: none;
}

footer div#fNav ul li ul {
  display: block;
}

footer div#fNav ul li ul li {
	display: block;
  padding: 0;
  width: 100%;
  border: none;
}
/*
footer div#fNav ul li:nth-of-type(3),
footer div#fNav ul li:nth-of-type(4) {
  padding-top: 0;
}
*/
footer div#fNav ul li a {
  display: block;
	margin: 0;
  padding: 0 0 2rem;
	color: rgba(255,255,255,1);
	font-size: 16px;
	font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
	/* border-left: 1px solid rgba(72,72,72,1); */
}
/*
footer div#fNav ul li:nth-of-type(3) a,
footer div#fNav ul li:nth-of-type(4) a {
  padding: 40px 8px 8px;
}
*/
footer div#fNav ul li ul li  a {
  padding: 0.25rem 0;
	font-size: 12px;
	font-size: 1.2rem;
  font-weight: 300;
  text-align: left;
	/* border-left: 1px solid rgba(72,72,72,1); */
}
/*
footer div#fNav ul li a:first-child {
	border-left: none;
}
*/
footer div#fNav ul li a:hover {
  /* color: rgba(32,178,170,1); */
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


#footer div.belt {
  display: flex;
  padding: 15px;
  width: 100%;
  height: auto;
  /* background-color: rgba(32,178,170,1); */
}

#footer div.belt p,
#footer div.belt ul {
  width: 50%;
}

#footer div.belt p#copyright {
  padding-left: 3vw;
  font-size: 12px;
	font-size: 1.2rem;
	line-height: 130%;
  color: rgba(255,255,255,1);
	text-align: left;
  order: 1;
}

#footer div.belt ul {
  display: flex;
  justify-content: flex-end;
  margin-right: 3vw;
  order: 2;
}

#footer div.belt ul li {
  margin-left: 5rem;
}

#footer div.belt ul li a {
  display: block;
	margin: 0;
  padding: 0;
	color: rgba(255,255,255,1);
	font-size: 12px;
	font-size: 12px;
  line-height: 130%;
  font-weight: 300;
  text-decoration: none;
}

#footer div.belt ul li a:hover {
  filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


/* --------------------------------------------------------
 footer image
-------------------------------------------------------- */

#footer {
	background-image: url('../images/common/footer_bg.jpg?ver=1.0.1');
	background-image:-webkit-image-set(url("../images/common/footer_bg.jpg?ver=1.0.1") 1x,url("../images/@2x/common/footer_bg.jpg?ver=1.0.1") 2x);
}


@media all and (min-width: 1455px) {

	#home .wideContents,
  #other .wideContents {
		margin: 0 auto;
		width: 100%;
	}

  #home #header.wideImage,
  #other #header.wideImage,
  #header.wideImage {
		background-size:100% auto;
	}

}

@media all and (min-width: 1280px) {

	.wideContents {
		margin: 0 auto;
		width: 100%;
	}

  #header.wideImage {
		background-size:100% auto;
	}

}

@media all and (max-width: 1200px) {

  a.button2-c span {
    left: calc(50% - 45%);
    width: 90%;
  }

  /* flexbox */

  .box-wrap-1200 {
   display: block;
  }

  .box-1200.width-span-49-fix {
    width: 100%
  }

  /* banner */

  .banner.infocus {
    background-position: right -160px bottom -60px, center top 20px;
    background-size: auto 120%, 45% auto;
  }

  .banner .inner .box-wrap-1200 .box-1200:nth-of-type(1) {
    margin-bottom: 2.5rem;
  }

  /* header */

  #home header div#header div#hGroup {
    width: 100%;
  }

  #home header div#header div#hGroup .inner {
  }

}

@media all and (max-width: 1060px) {

  /* video */

  #background_video {
    width: auto; height: 600px;
  }

}

@media all and (max-width: 960px) {

  /* banner */

  .banner.infocus {
    background-position: right -220px bottom -60px, center center;
  }

}

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

  /*	wideImage */

  /* #home #header.wideImage, */
  #other #header.wideImage {
    width: 100%;
    height: 60vw;
  	margin: 0 auto 0;
  	background-position: center top;
  	background-repeat: no-repeat;
    background-size:auto 60vw;
  }

  #home #header.wideImage {
    width: 100%;
    height: 90vw;
  	margin: 0 auto 0;
  	background-position: center top;
  	background-repeat: no-repeat;
    background-size:auto 90vw;
  }
/*
  #products #localHeader.wideImage,
  #solutions #localHeader.wideImage,
  #topix #localHeader.wideImage,
  #contact #localHeader.wideImage {
    width: 100%;
    height: 60vw;
  	margin: 0 auto 0;
  	background-position: 40% top;
  	background-repeat: no-repeat;
    background-size:350vw auto;
  }
 */
  /* video */

  #background_video {
    width: auto; height: 90vw;
  }

  /*	header */

  header {
    border-bottom: none;
  }

  /* #home header div#header div#hGroup, */
  #other header div#header div#hGroup {
    height: 60vw;
  }

  #home header div#header div#hGroup {
    height: 90vw;
  }

  header div#header div#hGroup {
    display: block;
    padding: 15px;
    height: 100px;
  }

  #home header div#header div#hGroup .box-wrap .box {
    display: block;
    height: auto;
  }

  #home header div#header div#hGroup .inner a {
    margin-bottom: 2rem;
    padding: 0 1rem;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
    color: rgba(255,255,255,1);
    text-align: left;
    text-decoration: none;
  }

  /*#home header div#header p, */
  #other header div#header p {
    padding: 5vw;
    font-size: 2.5vw;
  }

  header div#header div#hGroup h1 {
    width: 175px;
    height: auto;
  }

  #home header div#header div#hGroup h1,
  #other header div#header div#hGroup h1 {
    padding-top: 5vw;
    width: 45vw;
    height: auto;
  }

  #home_contents #main {
    padding-top: 0;
  }

  #home header div#header div#hGroup .box-wrap .box {
    height: auto;
  }

  #home header div#header div#hGroup .inner {
    margin-top: 10vw;
  }

  header div#navi_area div#navi_logo p.navi_logo {
    margin: 0 auto;
    padding: 1rem;
    width: 35%;
  }

  #home header div#header #hGroup p.navi_logo {
    padding: 1rem;
    width: 30%;
  }

  /*	contents */

	.contents {
    width: 90%;
		margin: 0 auto 0;
	}

  /* h */

  #home header div#header div#hGroup h1.read {
    margin: 0;
    padding: 5vw 0 0;
    position: relative;
    width: 100%;
    text-align: left;
    font-size: 32px;
    font-size: 3.2rem;
  	line-height: 180%;
  	color: rgba(255,255,255,1);
  }

  #newsRelease #eventRelease_title_area h2 {
    margin-top: 6rem;
  }

  #applications h2 {
    text-align: left;
  }

  /*	newsRelease */

  #newsRelease .contents {
    /* width: 95%; */
    width: 90%;
  }

  /*	photos images */

	#main p.photos_before,
	#main p.images_before {
		margin: 0 auto 20px;
		text-align: center;
	}

	#main p.photos_after,
	#main p.images_after {
    margin: 20px auto 0;
		text-align: center;
	}

  /* Mobile STYLES */

	.mbimg_off{
		display:none;
	}
	.mbimg_on{
		display:block;
	}

	.mbcont_off{
		display:none;
	}
	.mbcont_on{
		display:block;
	}

  /* flexbox */

  .box-wrap{
   display: block;
  }

  .box{
  }

  .box.width-span-10-fix {
    width: 100%
  }
  .box.width-span-12_5-fix {
    width: 100%
  }
  .box.width-span-15-fix {
    width: 100%
  }
  .box.width-span-20-fix {
    width: 100%
  }
  .box.width-span-23-fix {
    width: 100%
  }
  .box.width-span-25-fix {
    width: 100%
  }
  .box.width-span-27-fix {
    width: 100%
  }
  .box.width-span-30-fix {
    width: 100%
  }
  .box.width-span-33-fix {
    width: 100%
  }
  .box.width-span-37-fix {
    width: 100%
  }
  .box.width-span-40-fix {
    width: 100%
  }
  .box.width-span-45-fix {
    width: 100%
  }
  .box.width-span-47_5-fix {
    width: 100%
  }
  .box.width-span-48-fix {
    width: 100%
  }
  .box.width-span-49-fix {
    width: 100%
  }
  .box.width-span-50-fix {
    width: 100%
  }
  .box.width-span-55-fix {
    width: 100%
  }
  .box.width-span-60-fix {
    width: 100%
  }
  .box.width-span-67-fix {
    width: 100%
  }
  .box.width-span-69-fix {
    width: 100%
  }
  .box.width-span-70-fix {
    width: 100%
  }
  .box.width-span-72-fix {
    width: 100%
  }
  .box.width-span-73-fix {
    width: 100%
  }
  .box.width-span-75-fix {
    width: 100%
  }
  .box.width-span-80-fix {
    width: 100%
  }
  .box.width-span-85-fix {
    width: 100%
  }
  .box.width-span-90-fix {
    width: 100%
  }

  /* overview */

  #overview div#overview_01,
  #overview div#overview_02 {
    display: block;
  }

  #overview div#overview_01 {
    margin-bottom: 5rem;
  }


  /* company */

  #company #message p.photo {
    margin: 0 auto 3rem;
    width: 60%;
  }

  #company #board_of_directors p.photo {
    width: 60%;
  }

  #company #board_of_directors div.inner {
    margin: 0 auto 6rem;
    width: 100%;
  }

  #company #company_list ul li {
    margin-left: 2%;
    width: 49%;
  }

  #company #company_list ul li:nth-child(3n+1) {
    margin-left: 2%;
  }

  #company #company_list ul li:nth-child(2n+1) {
    margin-left: 0;
  }

  #core_technologies #laser_technologies.wideImage .inner,
  #core_technologies #microscope_technologies.wideImage .inner {
    margin: 0;
    padding: 12.5vw 0;
    width: 100%;
  }

  #core_technologies #laser_technologies.wideImage .inner h3,
  #core_technologies #microscope_technologies.wideImage .inner h3 {
    text-align: left;
  }

  #core_technologies #laser_technologies.wideImage .inner p,
  #core_technologies #microscope_technologies.wideImage .inner p {
    text-align: left;
  }

  /* producrts */

  #products #contents_header #highlight ul {
    width: 80%;
  }

  #products #contents_header #highlight ul li {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-bottom: 2rem;
  }

#products #products_list ul li {
  margin-left: 2%;
  width: 49%;
}

#products #products_list ul li:nth-child(3n+1) {
  margin-left: 2%;
}

#products #products_list ul li:nth-child(2n+1) {
  margin-left: 0;
}

#products p.products_image {
  width: 100%;
}

/* button-are */

.button-area.single {
  margin: 5rem auto 0;
  width: 100%;
}

/* banner */

.banner .inner {
  padding: 2rem 25rem 2.5rem 3rem;
}

.banner .inner .box-wrap .box:nth-of-type(1) {
  margin-bottom: 2.5rem;
}

.banner.infocus {
  background-position: right -160px bottom -60px, center top 50px;
}


/* applications */

#applications a.button2.space {
  margin-top: 2rem;
}

/* contact */

#contact #localHeader.wideImage,
#privacy_policy #localHeader.wideImage {
  background-position: right center;
}

#contact .mailform dl dt {
  width: 17rem;
}

#contact .mailform dl dd {
  padding-left: 17rem;
}

  /* List */

  .contents div.basicList_line dl dd dl.inList dt {
    float:none;
    width: auto;
  }

  .contents div.basicList_line dl dd dl.inList dd {
    padding-left: 0;
  }

  /* table */

	table.dataTable th{
		padding: 5px;
	}
	table.dataTable td{
		padding: 5px;
	}

  /* footer */

  footer div#fGroup div#foot {
  	display: block;
  }

  footer div#fGroup div#fLogo {
  	padding: 10vw 26vw 3rem 26vw;
    width: 100%;
  }

  footer div#fGroup div#foot div#fitem {
    padding: 0 5vw 3rem 5vw;
  	text-align: center;
  }

  /*	footer Navi */

  footer div#fNav ul {
    display: block;
  }

  footer div#fNav ul li {
  	display: block;
    padding: 0;
    margin-bottom: 0;
    padding-top: 0;
    width: 100%;
    border-left: none;
    border-bottom: 1px solid rgba(255,255,255,1);
  }

  footer div#fNav ul li:nth-of-type(1) {
    border-top: 1px solid rgba(255,255,255,1);
    border-bottom: 1px solid rgba(255,255,255,1);
  }

  footer div#fNav ul li ul,
  footer div#fNav ul li ul li {
  	display: none;
  }

  footer div#fNav ul li a {
  	margin: 0;
    padding: 1rem;
  	color: rgba(255,255,255,1);
  	font-size: 16px;
  	font-size: 1.6rem;
    font-weight: 400;
    text-decoration: none;
    /* background-color: rgba(235,235,235,1); */
  	/* border-left: 1px solid rgba(72,72,72,1); */
  }
/*
  footer div#fNav ul li:nth-of-type(3) a,
  footer div#fNav ul li:nth-of-type(4) a {
    padding: 1rem;
  } */
/*
  footer div#fNav ul li ul li  a {
    padding: 5px 10px;
  	font-size: 14px;
  	font-size: 1.4rem;
    font-weight: 300;
    text-decoration: none; */
  	/* border-left: 1px solid rgba(72,72,72,1); *//*
  } */

  footer div#fNav ul li a:hover {
    /* color: rgba(255,255,255,1);
    background-color: rgba(32,178,170,1); */
  	filter:alpha(opacity=50);
  	-moz-opacity: 0.5;
  	opacity: 0.5;
  }

  #footer div.belt {
    display: block;
  }

  #footer div.belt p,
  #footer div.belt ul {
    width: 100%;
  }

  #footer div.belt p#copyright {
    padding-left: 0;
  	text-align: center;
  }

  #footer div.belt ul {
    display: block;
    margin-right: 0;
    margin-bottom: 3rem;
  }

  #footer div.belt ul li {
    margin-left: 0;
    margin-bottom: 2rem;
  }

  #footer div.belt ul li a {
    display: block;
  	margin: 0;
    padding: 0;
    text-align: center;
  }

}

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

  /* banner */

  .banner.infocus {
    background-position: right -40% bottom -30vw, center center;
    background-size: 80vw auto, 60vw auto;
  }

  .banner .inner {
    padding: 2rem 3rem 65vw 3rem;
  }


  #home header div#header div#hGroup h1.read {
    padding: 3vw 0 0;
  }

  #home header div#header div#hGroup .inner {
    margin-top: 3vw;
  }

}

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

  p,
  a,
  dt,
  dd,
  li,
  input,
  textarea {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 180%;
  }

  /*	header */

  #home header div#header p,
  #other header div#header p {
    position: static;
  }

  #home header div#header div#hGroup,
  #other header div#header div#hGroup {
    display: block;
  }

  #home header div#header div#hGroup h1,
  #other header div#header div#hGroup h1 {
    margin: 0 auto;
  }

  #home header div#header div#hGroup h1.read {
    margin: 0;
    padding: 12vw 0 0;
    /* font-size: 26px;
    font-size: 2.6rem; */
    font-size: 7vw;
  }

  #home header div#header #hGroup p.navi_logo {
    width: 45%;
  }

  #home header div#header div#hGroup .inner a {
    font-size: 5vw;
  }

  h2 {
    font-size: 22px;
  	font-size: 2.2rem;
    line-height: 160%;
    font-weight: 400;
  }

  #company h2,
  #contact h2,
  #privacy_policy h2 {
    padding: 4rem 0 10rem;
  }

  #newsRelease #newsRelease_title_area h2,
  #newsRelease #eventRelease_title_area h2 {
    text-align: left;
  }

  #company #mission h3 {
    font-size: 20px;
  	font-size: 2rem;
  }

  #company #board_of_directors div.inner h3 {
    font-size: 20px;
  	font-size: 2rem;
  }

  #company.core_technologies #localHeader header p.read {
    font-size: 18px;
    font-size: 1.8rem;
  }

  #products #contents_header h3 {
    font-size: 24px;
  	font-size: 2.4rem;
  }

  #home #header.wideImage {
    height: 70vh;
    background-size:auto 100vh;
  }

  /* video */

  #home header div#header div#hGroup {
    height: 70vh;
  }

  #background_video {
    width: auto; height: 70vh;
  }

  #home header div#header div#hGroup .inner {
    margin-top: 12.5vw;
  }

  #home header div#header div#hGroup h1.read {
    padding: 5vw 0 0;
  }

  header div#navi_area div#navi_logo p.navi_logo {
    width: 50%;
  }

  /* #solutions.solutions.secondary #localHeader header p.read, */
  #applications #localHeader header p.read,
  #products #localHeader header p.read,
  #solutions #localHeader header p.read,
  #topix #localHeader header p.read {
    font-size: 18px;
    font-size: 1.8rem;
  }

/*	buttom */

  #home_contents #overview a.primary {
    padding: 0.5rem 2rem;
    font-size: 16px;
    font-size: 1.6rem;
  }

  #home_contents #overview div#overview_01 a p,
  #home_contents #overview div#overview_02 a p {
    font-size: 16px;
    font-size: 1.6rem;
  }

  #home header div#header div#hGroup .inner a.primary

  /* newsRelease */

  p.btm_newsRelease a {
    font-size: 12px;
    font-size: 1.2rem;
  }

  /* flexbox */

  .box-wrap-480 {
   display: block;
  }

  .box-480{
  }

  .box-480.width-span-10-fix {
    width: 100%
  }
  .box-480.width-span-12_5-fix {
    width: 100%
  }
  .box-480.width-span-15-fix {
    width: 100%
  }
  .box-480.width-span-20-fix {
    width: 100%
  }
  .box-480.width-span-23-fix {
    width: 100%
  }
  .box-480.width-span-25-fix {
    width: 100%
  }
  .box-480.width-span-27-fix {
    width: 100%
  }
  .box-480.width-span-30-fix {
    width: 100%
  }
  .box-480.width-span-33-fix {
    width: 100%
  }
  .box-480.width-span-37-fix {
    width: 100%
  }
  .box-480.width-span-40-fix {
    width: 100%
  }
  .box-480.width-span-45-fix {
    width: 100%
  }
  .box-480.width-span-47_5-fix {
    width: 100%
  }
  .box-480.width-span-48-fix {
    width: 100%
  }
  .box-480.width-span-49-fix {
    width: 100%
  }
  .box-480.width-span-50-fix {
    width: 100%
  }
  .box-480.width-span-55-fix {
    width: 100%
  }
  .box-480.width-span-60-fix {
    width: 100%
  }
  .box-480.width-span-67-fix {
    width: 100%
  }
  .box-480.width-span-69-fix {
    width: 100%
  }
  .box-480.width-span-70-fix {
    width: 100%
  }
  .box-480.width-span-72-fix {
    width: 100%
  }
  .box-480.width-span-73-fix {
    width: 100%
  }
  .box-480.width-span-75-fix {
    width: 100%
  }
  .box-480.width-span-80-fix {
    width: 100%
  }
  .box-480.width-span-85-fix {
    width: 100%
  }
  .box-480.width-span-90-fix {
    width: 100%
  }


  /* home */

  #home_contents #overview div#overview_01 p,
  #home_contents #overview div#overview_02 p {
    font-size: 18px;
    font-size: 1.8rem;
  }

  /* company */

  #company #message p.photo {
    width: 80%;
  }

  #company #board_of_directors p.photo {
    width: 100%;
  }

  #company #board_of_directors div.inner {
    margin: 0 auto 6rem;
    width: 100%;
  }

  #company #company_list ul li {
    margin-left: 0;
    width: 100%;
  }

  #company #company_list ul li:nth-child(3n+1) {
    margin-left: 0;
  }

  #core_technologies #laser_technologies.wideImage .inner h3,
  #core_technologies #microscope_technologies.wideImage .inner h3 {
    font-size: 20px;
  	font-size: 2rem;
  }

  /* producrts */

  #products #contents_header p,
  #products #contents_header #highlight p {
    margin-bottom: 3rem;
    font-size: 16px;
    font-size: 1.6rem;
  }

  #products #contents_header #highlight ul {
    width: 100%;
  }

  #products #products_list ul li {
    margin-left: 0;
    width: 100%;
  }

  #products #products_list ul li:nth-child(3n+1) {
    margin-left: 0;
  }

  #products .contact-button a {
    font-size: 16px;
    font-size: 1.6rem;
  }

  /* contact */

  #contact .mailform dl dt {
    float:none;
    width: 100%;
  }

  #contact .mailform dl dd {
    padding-left: 0;
  }

  #contact .mailform dl dd select {
    font-size: 16px;
    font-size: 1.6rem;
  }

  /* list */

  .contents div.basicList_line dt,
  .contents dl.basicList_line dt {
  width:40vw;
  padding-left: 1rem;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:0;
  }

  .contents div.basicList_line dd,
  .contents dl.basicList_line dd {
  padding-left:40vw;
  padding-top:10px;
  padding-bottom:10px;
  }

  /* footer */

  footer div#fGroup div#fitem p span {
  }

}

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

}


@media screen and ( max-width : 320px ) {
/*
  #home header div#header div#hGroup .inner {
    margin-top: 12.5vw;
  }

  #home header div#header div#hGroup h1.read {
    padding: 5vw 0 0;
  }
*/
}