@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", "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", "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; }
.textAlignLeft { text-align: left !important; }
.textAlignRight { text-align: right; }

/* 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.5em;
}

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;
}

#solutions #localHeader.wideImage,
#topix #localHeader.wideImage,
#products #localHeader.wideImage,
#recruit #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;
}

#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;
}
/*
#products #localHeader.wideImage {
  width: 100%;
  height: 300px;
	margin: 0 auto 0;
	background-position: center top;
	background-repeat: no-repeat;
  background-size:1940px auto;
}
*/
#solutions.solutions.secondary #localHeader.wideImage,
#solutions.solutions.secondary #solutions-01-results.wideImage,
#solutions.solutions.secondary #solutions-02-results.wideImage,
#solutions.solutions.secondary #solutions-04-banner.wideImage,
#solutions.solutions.tertiary #localHeader.wideImage,
#solutions.solutions.quaternary #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;
}
#solutions.solutions.secondary #localHeader.wideImage {
	background-position: center 30%;
  background-size: cover;
}
#solutions.solutions.secondary #solutions-04-banner.wideImage,
#solutions.solutions.tertiary #localHeader.wideImage {
	background-position: center 70%;
  background-size: cover;
}
#solutions.solutions.quaternary #localHeader.wideImage {
	background-position: center 20%;
  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;
}

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

#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%;
}
/*
@media (aspect-ratio: 16/9), (min-aspect-ratio: 16/9) {
  video#video {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-aspect-ratio: 16/9) {
  video#video {
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
*/

#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; */
  margin-left: 2.5rem;
	padding: 0;
}
/*
header div#gNav nav#site-navigation ul li:nth-of-type(1) {
  margin-left: 3rem;
}
header div#gNav nav#site-navigation ul li:nth-of-type(6) {
  margin-right: 5rem;
}

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(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/local_header_image_solutions.jpg');
	background-image:-webkit-image-set(url("../images/solutions/local_header_image_solutions.jpg") 1x,url("../images/@2x/solutions/local_header_image_solutions.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,
#solutions 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,
#recruit h2 {
  color: rgba(255,255,255,1);
}

#solutions.solutions.secondary h2,
#solutions.solutions.tertiary h2,
#solutions.solutions.quaternary h2,
#applications header h2,
#products header h2,
#topix header h2,
#recruit 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.solutions.secondary h2,
#products header h2,
#topix header h2,
#recruit header h2 {
  margin: 1.5rem 0 3rem;
}

#products #contents_header header h2 {
  margin-bottom: 0.5rem;
  padding: 0;
  color: rgba(78,78,78,1);
  text-shadow:0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0);
}

#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);
}

#recruit #recruit-contents h3 {
  margin-bottom: 3rem;
  padding-bottom: 0;
  font-size: 42px;
	font-size: 4.2rem;
  line-height: 160%;
  font-weight: 600;
  border: none;
}

#recruit #recruit-contents .recruit-details .inner h3 {
  color: rgba(255,255,255,1);
}

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

#solutions.solutions.secondary h3,
#solutions.solutions.tertiary h3,
#solutions.solutions.quaternary h3 {
  margin-bottom: 3rem;
  font-size: 30px;
	font-size: 3rem;
  line-height: 160%;
  font-weight: 500;
  border-bottom: none;
}

#solutions.solutions.quaternary h3 {
  margin-bottom: 0;
}

#solutions.solutions.secondary h3 span,
#solutions.solutions.tertiary h3 span,
#solutions.solutions.quaternary h3 span {
  display: block;
  font-size: 0.7em;
  color: rgba(32,178,170,1);
}

#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;
}

#recruit #recruit-contents h4 {
  font-size: 24px;
	font-size: 2.4rem;
  line-height: 160%;
  font-weight: 600;
  text-align: center;
}

#solutions.solutions.secondary h4 {
  margin-bottom: 1rem;
  font-size: 24px;
	font-size: 2.4rem;
}

#solutions.solutions.quaternary h4 {
  margin-bottom: 2rem;
}

#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)
}

#solutions.solutions.secondary h5 {
  padding-left: 0;
  font-size: 18px;
	font-size: 1.8rem;
  line-height: 160%;
  font-weight: 400;
  color: rgba(255,255,255,1);
  text-align: center;
  border-left: none;
}

#solutions.solutions.secondary #solutions-etc-results h5 {
  color: rgba(48,48,48,1);
}

#solutions.solutions.secondary #solutions-etc-results .box-results-01-02 h5 {
  margin-bottom: 3rem;
  padding-left: 1rem;
  text-align: left;
}

#recruit .recruit-details h5 {
  margin-bottom: 3rem;
  font-size: 24px;
	font-size: 2.4rem;
  line-height: 160%;
  font-weight: 600;
  line-height:1em;
  text-align: center;
  border: none;
  position: relative;
}

#recruit .recruit-details h5::before {
  margin-right: 1rem;
  content: url('../svg/common/science_edge_mark_small.png');/*何も入れない*/
  vertical-align: middle;
  position: relative;
  top: 1.25rem;
}

/* chrome opera */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
  #recruit .recruit-details h5::before {
    position: relative;
    top: -0.3rem;
  }
}

/* Firefox */
@-moz-document url-prefix() {
  #recruit .recruit-details h5::before {
    position: relative;
    top: 1.25rem;
  }
}

/* 最新のsafari用 */
_::-webkit-full-page-media, _:future, :root #recruit .recruit-details h5::before {
  position: relative;
  top: 1.25rem;
}

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

#recruit .recruit-details h6 {
  margin-bottom: 6rem;
  font-size: 24px;
	font-size: 2.4rem;
  line-height: 160%;
  font-weight: 600;
  line-height:1em;
  text-align: center;
  border: none;
  position: relative;
}

#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,
#background_video_02 {
  width: 100%; height: auto;
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}

#background_video_02 {
  width: auto; height: 100%;
}

#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: 400px;
  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: 500;
}

/*	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;
}


#solutions .bx-wrapper {
  margin: 0 auto 30px;
}

#solutions .bxslider_thumbnail {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0;
    padding-top: 40px;
    list-style: none;
    border-top: 1px solid rgba(182,182,182,1)
}

#solutions .bxslider_thumbnail > li {
    margin-left: 2%;
    width: calc(96% / 3);
}
#solutions .bxslider_thumbnail > li:nth-of-type(1) {
    margin-left: 0;
}

#solutions .bxslider_thumbnail > li > a {
    display: block;
    position: relative;
    padding-top: 75%;
}

#solutions .bxslider_thumbnail > li > a > img {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
    max-height: 100%;
}



/* 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: 500;
  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-32_49_100-fix,
.box-480.width-span-32_49_100-fix {
  width: 32%
}
.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%
}
.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-70-fix,
.box-480.width-span-70-fix {
  width: 70%
}
.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');
	background-image:-webkit-image-set(url("../images/company/company_localheader_mission_bg.jpg") 1x,url("../images/@2x/company/company_localheader_mission_bg.jpg") 2x);
}

#company.message #localHeader {
	background-image: url('../images/company/company_localheader_message_bg.jpg');
	background-image:-webkit-image-set(url("../images/company/company_localheader_message_bg.jpg") 1x,url("../images/@2x/company/company_localheader_message_bg.jpg") 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');
	background-image:-webkit-image-set(url("../images/company/company_localheader_board_of_directors_bg.jpg") 1x,url("../images/@2x/company/company_localheader_board_of_directors_bg.jpg") 2x);
  background-position: center 45%;
}

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

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

#recruit #recruit-contents #recruit-overview.wideImage {
  background-image: url('../images/company/company_localheader_profile_bg.jpg');
	background-image:-webkit-image-set(url("../images/company/company_localheader_profile_bg.jpg") 1x,url("../images/@2x/company/company_localheader_profile_bg.jpg") 2x);
  width: 100%;
  height: auto;
	margin: 0 auto 6rem;
  background-color:rgba(255,255,255,0.6);
  background-blend-mode: lighten;
  background-position: 60% center;
	background-repeat: no-repeat;
  background-size: cover;
}

#recruit #recruit-contents #recruit-01 #recruit-01-contents-area {
	background-image: url('../images/recruit/recruit_contents_area_recruit_01_bg.jpg');
	background-image:-webkit-image-set(url("../images/recruit/recruit_contents_area_recruit_01_bg.jpg") 1x,url("../images/@2x/recruit/recruit_contents_area_recruit_01_bg.jpg") 2x);
  width: 100%;
  height: auto;
	margin: 0 auto 6rem;
  background-color:rgba(0,0,0,0.7);
  background-blend-mode: multiply;
  background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
}

#recruit #recruit-contents #recruit-02 #recruit-02-contents-area {
	background-image: url('../images/recruit/recruit_contents_area_recruit_02_bg.jpg');
	background-image:-webkit-image-set(url("../images/recruit/recruit_contents_area_recruit_02_bg.jpg") 1x,url("../images/@2x/recruit/recruit_contents_area_recruit_02_bg.jpg") 2x);
  width: 100%;
  height: auto;
	margin: 0 auto 6rem;
  background-color:rgba(128,128,128,0.7);
  background-blend-mode: saturation;
  background-position: center center;
	background-repeat: no-repeat;
  background-size: cover;
}


#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;
}

/* recruit */

#recruit #recruit-contents .inner p.read {
  margin-bottom: 2rem;
  font-size: 20px;
	font-size: 2rem;
  line-height: 160%;
  font-weight: 400;
}

#recruit #recruit-contents .inner {
  padding: 6rem 3rem;
}

#recruit #recruit-contents #recruit-01 #recruit-01-contents-area .inner {
}

#recruit #recruit-contents .recruit-details .inner p {
  color: rgba(255,255,255,1);
}

#recruit #recruit-contents .recruit-details .inner p.heading {
  display: inline-block;
  margin-bottom: 3rem;
  padding: 0.5rem 1.5rem;
  font-size: 28px;
	font-size: 2.8rem;
  line-height: 160%;
  font-weight: 500;
  border: 2px solid rgba(255,255,255,1);
}

#recruit #recruit-contents #recruit-header ul.button-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#recruit #recruit-contents #recruit-header ul.button-area li {
  margin-left: 3rem;
}

#recruit #recruit-contents #recruit-header ul.button-area li:nth-of-type(1) {
  margin-left: 0;
}

#recruit #recruit-contents #recruit-header ul.button-area li a {
}


/*== アクションのないボタン */
.btn01{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
    /*ボタンの形状*/
    font-weight: 500;
  text-decoration: none !important;
  display: inline-block;
    border: 2px solid rgba(32,178,170,1);/* ボーダーの色と太さ */
    padding: 10px 30px;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/
    transition: ease .2s;
}

/*ボタン内spanの形状*/
.btn01 span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color: rgba(32,178,170,1);
}

.btn01:hover {
  background-color: rgba(32,178,170,1);
  transition: 0.5s;
}

.btn01:hover span{
  color:#fff;
  transition: 0.5s;
}

/*== ボタン共通設定 */
.btn02{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
    /*ボタンの形状*/
    font-weight: 500;
  text-decoration: none !important;
  display: inline-block;
    border: 2px solid rgba(32,178,170,1);/* ボーダーの色と太さ */
    padding: 10px 30px;
    text-align: center;
    outline: none;
    /*アニメーションの指定*/
    transition: ease .2s;
}

/*ボタン内spanの形状*/
.btn02 span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color: rgba(32,178,170,1);
}

.btn02:hover span{
  color:#fff;
  transition: 0.5s;
}

/*== 背景が流れる（左から右） */
.bgleft:before {
  content: '';
    /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
    /*色や形状*/
  background: rgba(32,178,170,1);/*背景色*/
  width: 100%;
  height: 100%;
    /*アニメーション*/
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

/*hoverした際の形状*/
.bgleft:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}


/*== 背景が流れる（斜め） */
.bgskew::before {
  content: '';
    /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: -130%;
    /*色や形状*/
  background: rgba(32,178,170,1);
  width:120%;
  height: 100%;
  transform: skewX(-25deg);
}

/*hoverした時のアニメーション*/
.bgskew:hover::before {
  animation: skewanime .5s forwards;/*アニメーションの名前と速度を定義*/
}

@keyframes skewanime {
  100% {
    left:-10%;/*画面の見えていない左から右へ移動する終了地点*/
  }
}



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

#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 .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 .contact-button-02::after {
  content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#products .contact-button-02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  text-align: center;
}

#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.width_100 li {
  width: 100%;
}

#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 #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 {
} */
/*
#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;
}


/* solutions
----------------------------------------------------*/
/*
#solutions.solutions #localHeader,
#applications #localHeader,
#topix #localHeader {
  margin-bottom: 6rem;
}
*/
#solutions.solutions.secondary #localHeader header,
#solutions.solutions.tertiary #localHeader header,
#solutions.solutions.quaternary #localHeader header,
#applications #localHeader header,
#products #localHeader header,
#topix #localHeader header,
#recruit #localHeader header {
  padding: 6rem 3rem;
  position: relative;
}

#solutions.solutions.secondary #localHeader header p.read,
#solutions.solutions.tertiary #localHeader header p.read,
#solutions.solutions.quaternary #localHeader header p.read,
#applications #localHeader header p.read,
#products #localHeader header p.read,
#topix #localHeader header p.read,
#recruit #localHeader header p.read {
  margin-bottom: 3rem;
  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%); */
}

#solutions.solutions.secondary #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);
  background-color: rgba(0,0,0,0.2);
  background-blend-mode: multiply;
}

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

#solutions.solutions.quaternary #localHeader {
	background-image: url('../images/solutions/solutions_05_lab_made_header_bg.jpg');
	background-image:-webkit-image-set(url("../images/solutions/solutions_05_lab_made_header_bg.jpg") 1x,url("../images/@2x/solutions/solutions_05_lab_made_header_bg.jpg") 2x);
  background-color: rgba(0,0,0,0.2);
  background-blend-mode: multiply;
  background-position: center 20%;
}


#solutions.solutions.secondary #solutions-00-task p.text00 {
  max-width: 930px;
}

#solutions.solutions.secondary #solutions-00-task p.text01,
#solutions.solutions.secondary #solutions-01 p.text01,
#solutions.solutions.secondary #solutions-02 p.text01,
#solutions.solutions.secondary #solutions-etc p.text01 {
  margin-bottom: 3rem;
  display: inline-block;
  font-weight: 500;
}

#solutions.solutions.secondary #solutions-00-task p.text01.question span {
  padding: 0 1rem;
  background:linear-gradient(transparent 70%, rgba(157,190,43,1) 0%);
}
#solutions.solutions.secondary #solutions-00-task p.text01.question::before {
  margin-right: 0.5rem;
  content: url('../images/solutions/solutions_before_mark_01_question.png');/*何も入れない*/
  vertical-align: middle;
}

#solutions.solutions.secondary #solutions-00-task p.text01.answer span {
  padding: 0 1rem;
  background:linear-gradient(transparent 70%, rgba(32,178,170,1) 0%);
}
#solutions.solutions.secondary #solutions-00-task p.text01.answer::before {
  margin-right: 0.5rem;
  content: url('../images/solutions/solutions_before_mark_02_answer.png');/*何も入れない*/
  vertical-align: middle;
}

#solutions.solutions.secondary #solutions-00-task #question div.speech_bubble,
#solutions.solutions.secondary #solutions-00-task #question div.illust,
#solutions.solutions.secondary #solutions-00-task #answer div.speech_bubble,
#solutions.solutions.secondary #solutions-00-task #answer div.illust {
  margin-bottom: 2rem;
  text-align: center;
  position: relative;
}
#solutions.solutions.secondary #solutions-00-task #question div.speech_bubble img,
#solutions.solutions.secondary #solutions-00-task #question div.illust img {
  display: inline-block;
  margin-bottom: 0 auto;
}

#solutions.solutions.secondary #solutions-00-task #question div.speech_bubble .inner,
#solutions.solutions.secondary #solutions-00-task #answer div.speech_bubble .inner {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 160%;
  font-weight: 400;
  position: absolute;
}

#solutions.solutions.secondary #solutions-00-task #question div.speech_bubble .inner {
  padding: 7rem 2rem 0;
}

#solutions.solutions.secondary #solutions-00-task #answer div.speech_bubble .inner {
  padding: 4rem 3.5rem 0;
  text-align: center;
}
#solutions.solutions.secondary #solutions-00-task #answer div.speech_bubble .inner span {
  display: block;
  font-weight: 500;
  color: rgba(32,178,170,1);
  text-align: center;
  position: relative;
}

#solutions.solutions.secondary #solutions-00-task #answer .inner span.mark::before {
  margin-right: 0.5rem;
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 35px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
  background-image: url('../images/solutions/solutions_after_mark_03_answer.png');
  background-size: contain;
  vertical-align: middle;

}

#solutions.solutions.secondary #solutions-00-task #question div#question-00 {
  order: 1;
  width: 12.5%;
}
#solutions.solutions.secondary #solutions-00-task #question div#question-01 {
  order: 2;
  width: 27%;
}
#solutions.solutions.secondary #solutions-00-task #question div#question-02 {
  order: 3;
  width: 27%;
}
#solutions.solutions.secondary #solutions-00-task #question div#question-03 {
  order: 4;
  width: 27%;
}

#solutions.solutions.secondary #solutions-00-task #answer div#answer-00 {
  order: 1;
  width: 12.5%;
}
#solutions.solutions.secondary #solutions-00-task #answer div#answer-01 {
  order: 2;
  width: 27%;
}
#solutions.solutions.secondary #solutions-00-task #answer div#answer-02 {
  order: 3;
  width: 27%;
}
#solutions.solutions.secondary #solutions-00-task #answer div#answer-03 {
  order: 4;
  width: 27%;
}


#solutions.solutions.secondary #solutions-00-task .dividing_line {
  margin-bottom: 2rem;
  width: 100%;
  height: 25px;
  overflow: hidden;
  text-align: center;
}
#solutions.solutions.secondary #solutions-00-task .dividing_line img {
  width: 1260px;
  height: 25px;
}

#solutions.solutions.secondary #solutions-01 #solutions-01-results {
	background-image: url('../images/solutions/solution_01_results_bg.jpg');
	background-image:-webkit-image-set(url("../images/solutions/solution_01_results_bg.jpg") 1x,url("../images/@2x/solutions/solution_01_results_bg.jpg") 2x);
  background-color: rgba(0,0,0,0.2);
  background-blend-mode: multiply;
}

#solutions.solutions.secondary #solutions-02 #solutions-02-results {
	background-image: url('../images/solutions/solution_02_results_bg.jpg');
	background-image:-webkit-image-set(url("../images/solutions/solution_02_results_bg.jpg") 1x,url("../images/@2x/solutions/solution_02_results_bg.jpg") 2x);
  background-color: rgba(0,0,0,0.2);
  background-blend-mode: multiply;
}

#solutions.solutions.secondary #solutions-01 div.column,
#solutions.solutions.secondary #solutions-02 div.column,
#solutions.solutions.secondary #solutions-etc div.column {
  border: 1px solid rgba(72,72,72,1);
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(left,  #ffffff 0%, #d9d9d9 70%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #ffffff 0%,#d9d9d9 70%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #ffffff 0%,#d9d9d9 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=1 ); /* IE6-9 */
}

#solutions.solutions.secondary #solutions-01 div.column .inner,
#solutions.solutions.secondary #solutions-02 div.column .inner,
#solutions.solutions.secondary #solutions-etc div.column .inner {
  padding: 3rem;
  background-image:url('../svg/common/icon_sience_edge.svg');
  background-repeat: no-repeat;
  background-position: left -10% bottom -20%;
  background-size: 45% auto;
}

#solutions.solutions.secondary #solutions-01 div.column .inner p,
#solutions.solutions.secondary #solutions-02 div.column .inner p,
#solutions.solutions.tertiary #solutions-raman-00 p,
#solutions.solutions.tertiary #solutions-raman-01 p,
#solutions.solutions.tertiary #solutions-raman-02 p,
#solutions.solutions.tertiary #solutions-raman-03 p {
  margin-top: 0;
  margin-left: 0;
}

#solutions.solutions.secondary #solutions-01 div.column .inner ul li,
#solutions.solutions.secondary #solutions-02 div.column .inner ul li,
#solutions.solutions.tertiary #solutions-raman-00 ul li,
#solutions.solutions.tertiary #solutions-raman-01 ul li,
#solutions.solutions.tertiary #solutions-raman-02 ul li,
#solutions.solutions.tertiary #solutions-raman-03 ul li {
  margin-left: 1.8rem;
  list-style: circle;
  list-style-position: outside;
}

#solutions.solutions.secondary #solutions-01-results .inner,
#solutions.solutions.secondary #solutions-02-results .inner,
#solutions.solutions.secondary #solutions-04-banner .inner {
  padding: 6rem 3rem;
  position: relative;
}

#solutions.solutions.secondary #solutions-01-results .inner .box-results,
#solutions.solutions.secondary #solutions-02-results .inner .box-results {
  margin-bottom: 3rem;
  width: 31%;
}

#solutions.solutions.secondary #solutions-etc-results .inner .box-results-01 {
  margin-bottom: 3rem;
  width: 45%;
}
#solutions.solutions.secondary #solutions-etc-results .inner .box-results-01-01 {
  width: 49%;
}
#solutions.solutions.secondary #solutions-etc-results .inner .box-results-01-02 {
  width: 49%;
}
#solutions.solutions.secondary #solutions-etc-results .inner .box-results-02 {
  margin-bottom: 3rem;
  width: 18%;
}

#solutions.solutions.secondary #solutions-01-results .inner .box-results p.highlight_image,
#solutions.solutions.secondary #solutions-02-results .inner .box-results p.highlight_image {
  margin-left: 0;
  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);
}

#solutions.solutions.secondary #solutions-01-results .inner .box-results p.highlight_image img,
#solutions.solutions.secondary #solutions-02-results .inner .box-results p.highlight_image img {
  vertical-align: bottom;
}
#solutions.solutions.secondary #solutions-02-results .inner .box-results p.highlight_image img {
  border: 1px solid rgba(0,0,0,0.2);
}

#solutions.solutions.secondary #solutions-01-results .inner .box-results p,
#solutions.solutions.secondary #solutions-02-results .inner .box-results p,
#solutions.solutions.secondary #solutions-etc-results .inner .box-results-01 p,
#solutions.solutions.secondary #solutions-etc-results .inner .box-results-02 p {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: rgba(255,255,255,1);
  text-align: center;
}

#solutions.solutions.secondary #solutions-etc-results .inner .box-results-01 p,
#solutions.solutions.secondary #solutions-etc-results .inner .box-results-02 p {
  padding: 0;
}

#solutions.solutions.secondary #solutions-etc-results .inner .box-results-01 p,
#solutions.solutions.secondary #solutions-etc-results .inner .box-results-02 p {
  color: rgba(32,178,170,1);
  text-align: left;
}

#solutions.solutions.secondary #solutions-04-banner .inner h4,
#solutions.solutions.secondary #solutions-04-banner .inner p {
  color: rgba(255,255,255,1);
}
#solutions.solutions.secondary #solutions-04-banner .inner p {
  margin-bottom: 3rem;
}

#solutions.solutions.secondary #solutions-01-results .inner a,
#solutions.solutions.secondary #solutions-02-results .inner a,
#solutions.solutions.secondary #solutions-etc-results .inner a,
#solutions.solutions.secondary #solutions-04-banner .inner a {
  display: inline-block;
  margin: 0;
  padding: 1.5rem 3rem;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: rgba(32,178,170,1);
  text-align: center;
  background-color: rgba(255,255,255,1);
  text-decoration: none;
}

#solutions.solutions.secondary #solutions-01-results .inner a:hover,
#solutions.solutions.secondary #solutions-02-results .inner a:hover,
#solutions.solutions.secondary #solutions-etc-results .inner a:hover,
#solutions.solutions.secondary #solutions-04-banner .inner a:hover {
  color: rgba(255,255,255,1);
  background-color: rgba(32,178,170,1);
  transition: 0.5s;
}

#solutions.solutions.secondary #solutions-etc .text-05 {
  max-width: 920px;
}


#solutions.solutions.secondary #solutions-01 #solutions-04-banner {
	background-image: url('../images/solutions/solutions_04_advanced_raman_spectroscopy_bg.jpg');
	background-image:-webkit-image-set(url("../images/solutions/solutions_04_advanced_raman_spectroscopy_bg.jpg") 1x,url("../images/@2x/solutions/solutions_04_advanced_raman_spectroscopy_bg.jpg") 2x);
  background-color: rgba(0,0,0,0.2);
  background-blend-mode: multiply;
}

#solutions.solutions.tertiary .solutions-raman-bg-image {
  padding: 3rem 0;
  flex-direction: row-reverse;
  background-position: left center;
	background-repeat: no-repeat;
  background-size: 75% auto;
}

#solutions.solutions.tertiary .solutions-raman-bg-image-beta {
  /* padding-bottom: 5rem; */
  padding: 3rem 0;
  background-position: right bottom;
	background-repeat: no-repeat;
  background-size: 60%;
}

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

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

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

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

#solutions.solutions.tertiary #solutions-raman-00 p,
#solutions.solutions.tertiary #solutions-raman-01 p,
#solutions.solutions.tertiary #solutions-raman-02 p,
#solutions.solutions.tertiary #solutions-raman-03 p {
  margin-bottom: 1.5rem;
}

#solutions.solutions.tertiary .solutions-raman-bg-image .box .inner {
  padding: 2rem 2rem 2rem 3.5rem;
}
#solutions.solutions.tertiary .solutions-raman-bg-image .box .inner {
  background-image: url('../svg/common/column_edge_trident.svg');
  background-position: left top;
	background-repeat: no-repeat;
  background-size: 20px auto;
  background-color: rgba(239,239,239,1);
}

#solutions.solutions.tertiary .solutions-raman-bg-image .box .inner p,
#solutions.solutions.tertiary .solutions-raman-bg-image .box .inner ul li {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 400;
}

#solutions.solutions.tertiary .solutions-raman-bg-image .box .inner p {
  margin-bottom: 0.5rem !important;
  font-weight: 600;
}

#solutions.solutions.quaternary p.actual_results {
  margin-bottom: 3rem;
  font-weight: 400;
}

#solutions.solutions.quaternary p span.capstion {
  display: block;
  margin-bottom: 3rem;
}
#solutions.solutions.quaternary p span.capstion.emphasis {
  padding: 0 2rem;
  font-weight: 400;
}

/* tab */

/*tabの形状*/
.tab{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tab li a{
  display: block;
  color: rgba(255,255,255,1);
  font-weight: 500;
  /* background: rgba(182,182,182,1); */
  margin:0 1rem;
  padding:10px 20px;
  text-decoration: none;
  position: relative;
}

.tab li a::before{
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: -1;
    background-color: rgba(182,182,182,1);
    transform: skewX(-30deg);
}
.tab li a:hover::before{
  background: rgba(168,168,168,1);
  transition: 0.5s;
}

.tab li a:hover {
  /* background: rgba(168,168,168,1);
  transition: 0.5s; */
}
/*liにactiveクラスがついた時の形状*/
.tab li.active a{
  /* background-color: rgba(128,128,128,1); */
}
.tab li.active a::before {
  background-color: rgba(128,128,128,1);
  transition: 0.5s;
}



/*エリアの表示非表示と形状*/
.area {
  display: none;/*はじめは非表示*/
  opacity: 0;/*透過0*/
  background: #fff;
  padding: 0;
}

/*areaにis-activeというクラスがついた時の形状*/
.area.is-active {
    display: block;/*表示*/
    animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

@keyframes displayAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


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

.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'), url('../svg/common/icon_sience_edge.svg');
	background-image:-webkit-image-set(url("../images/products/BB-FDTR/banner_InFocus_BB-FDTR_image.png"), url('../svg/common/icon_sience_edge.svg') 1x,url("../images/@2x/products/BB-FDTR/banner_InFocus_BB-FDTR_image.png"), 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;
}

/*
@media screen and ( max-width : 768px ) {

  a.button2-c span {
    width: 70%;
  }

}

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

  a.button2-c span {
    width: 95%;
  }

}
*/
/*--------------------------------------
コンバージョンアップボタン 緑色（中央寄せ）
--------------------------------------*//*
.button1,
a.button1,
button.button1 {
  font-size: 1.6rem;
  font-weight: 700;
  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.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.button1-wrap {
  margin: 30px 0;
  text-align: center;
}

a.button1-c {
    font-size: 1.15rem;
    width: 100%;
    position: relative;
    padding: 0.25rem 2rem 0.5rem 3.5rem;
    color: #fff;
    background: #32b16c;
    -webkit-box-shadow: 0 5px 0 #2c9d60;
    box-shadow: 0 5px 0 #2c9d60;
}

a.button1-c span {
  font-size: 0.8rem;

  position: absolute;
  top: -10px;
  left: calc(50% - 150px);

  display: block;

  width: 300px;
  padding: 0.2rem 0;

  color: #32b16c;
  border: 2px solid #32b16c;
  border-radius: 0.5rem;
  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);
}

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

  color: #fff;
  background: #30a967;
  -webkit-box-shadow: 0 2px 0 #2c9d60;
  box-shadow: 0 2px 0 #2c9d60;
}

a.button1-c:hover:before {
  left: 2rem;
}
*/
/*--------------------------------------
コンバージョンアップボタン 黄色（中央寄せ）
--------------------------------------*//*
.button3,
a.button3,
button.button3 {
  font-size: 1.6rem;
  font-weight: 700;
  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.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.button3-wrap {
  margin: 30px 0;
  text-align: center;
}

a.button3-c {
    font-size: 1.15rem;
    width: 100%;
    position: relative;
    padding: 0.25rem 2rem 0.5rem 2.1rem;
    color: #333;
    background: #fff100;
    -webkit-box-shadow: 0 5px 0 #2c9d60;
    box-shadow: 0 5px 0 #ccc100;
}

a.button3-c span {
    font-size: 0.8rem;
    position: absolute;
    top: -10px;
    left: calc(50% - 150px);
    display: block;
    width: 300px;
    padding: 0.2rem 0;
    color: #333;
    border: 2px solid #333;
    border-radius: 0.5rem;
    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);
}

a.button3-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  color: #333;
  background: #fff100;
  -webkit-box-shadow: 0 2px 0 #ccc100;
  box-shadow: 0 2px 0 #ccc100;
}

a.button3-c:hover:before {
  left: 2rem;
}
*/


/* applications
----------------------------------------------------*/

#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: 15rem;
}
/*
#applications #localHeader {
  margin-bottom: 6rem;
}
*//*
#applications #localHeader header {
  padding: 6rem 3rem;
  position: relative;
}

#applications #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;
}

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

#applications p.indent {
  text-indent: 1.6rem;
}

#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:0.5rem;
	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:0.5rem;
	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);
  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:100%;
	margin:0 auto;
	color: rgba(72,72,72,1);
  font-size: 18px;
  font-size: 1.8rem;
	line-height:120%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:1em;
}
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;
}


/* basicTable */

table.basicTable {
 width: 100%;
 margin: 0;
}

table.basicTable tr {
 line-height: normal;
 display: flex;
 flex-wrap: wrap;
}

table.basicTable th.textAlignCenter,
table.basicTable td.textAlignCenter {
	text-align: center;
}

div.responsive-table table.basicTable {
}

table.basicTable caption {
}

table.basicTable th {
	background: rgba(238,238,238,1);
  font-weight: normal;
  padding: 1.5rem;
  line-height: 160%;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  border: 1px solid rgba(182,182,182,1);
  border-bottom: none;
  border-right: none;
  color: rgba(77,77,77,1);
  vertical-align: middle;
  width: 25%;
}

table.basicTable td {
	background: none;
	font-weight: normal;
  padding: 1.5rem;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 160%;
  text-align: left;
	border-top: none;
  border: 1px solid rgba(182,182,182,1);
  border-bottom: none;
  color: rgba(77,77,77,1);
  vertical-align: middle;
  width: 25%;
}

table.basicTable td.width_75 {
  width: 75%;
}

table.basicTable td.tableLine_right_768 {
  border-right: none;
}

table.basicTable th.tableLine_bottom,
table.basicTable td.tableLine_bottom {
  border-bottom: 1px solid rgba(182,182,182,1);
}

table.basicTable th.tableLine_bottom_768,
table.basicTable td.tableLine_bottom_768 {
  border-bottom: 1px solid rgba(182,182,182,1);
}

col.width_10{
	width:10%;
}
col.width_20{
	width:20%;
}
col.width_25{
	width:25%;
}
col.width_25_50{
	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: 10rem;
  font-weight: 400;
}

.contents div.basicList_line dl dd dl.inList dd {
  padding-left: 10rem;
  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,
#privacy_policy 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 1rem;
  /* width: 20%; */
  /* width: 16.6%; */
  width: 14.2%;
  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; */
  padding: 0 0 1rem;
	color: rgba(255,255,255,1);
	font-size: 15px;
	/* font-size: 1.5rem;
  font-size: 12px; */
	font-size: 1.2rem;
  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: 11px;
	font-size: 1.1rem; */
  font-size: 1px;
	font-size: 1rem;
  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;
  }

  /* solutions */

  #solutions.solutions.secondary #solutions-00-task #question div.speech_bubble .inner {
    padding: 5.5vw 2rem 0;
    font-size: 1.38vw;
  }

  #solutions.solutions.secondary #solutions-00-task #answer div.speech_bubble .inner {
    padding: 3.5vw 3rem 0;
    font-size: 1.38vw;
  }

  #solutions.solutions.secondary #solutions-00-task #answer .inner span.mark::before {
    width: 2vw;/*画像の幅*/
    height: 2vw;/*画像の高さ*/
  }

  /* 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 ) {

table.basicTable td {
  width: 75%;
}

  /*	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,
  #topix #localHeader.wideImage,
  #solutions #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: 7vw 3vw 3vw 3vw;
    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: 95%; */
    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);
  }

  #solutions.solutions.secondary #solutions-etc-results .box-results-01-02 h5 {
    padding-left: 0;
    text-align: center;
  }

  #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-32_49_100-fix,
  .box-480.width-span-32_49_100-fix {
    width: 49%
  }
  .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-70-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;
  }

  #recruit #recruit-contents h3 {
    font-size: 28px;
  	font-size: 3.6rem;
  }

  #recruit #recruit-contents .recruit-details .inner p.heading {
    font-size: 24px;
  	font-size: 2.4rem;
  }

  /* 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;
}

/* solutions */

#solutions.solutions.secondary #solutions-00-task #question div#question-00 {
  order: 3;
  width: 48%;
}
#solutions.solutions.secondary #solutions-00-task #question div#question-00 img {
  width: 50%;
}
#solutions.solutions.secondary #solutions-00-task #question div#question-01 {
  order: 1;
  width: 48%;
}
#solutions.solutions.secondary #solutions-00-task #question div#question-02 {
  order: 2;
  width: 48%;
}
#solutions.solutions.secondary #solutions-00-task #question div#question-03 {
  order: 4;
  width: 48%;
}

#solutions.solutions.secondary #solutions-00-task #answer div#answer-00 {
  order: 3;
  width: 48%;
}
#solutions.solutions.secondary #solutions-00-task #answer div#answer-00 img {
  width: 50%;
}
#solutions.solutions.secondary #solutions-00-task #answer div#answer-01 {
  order: 1;
  width: 48%;
}
#solutions.solutions.secondary #solutions-00-task #answer div#answer-02 {
  order: 2;
  width: 48%;
}
#solutions.solutions.secondary #solutions-00-task #answer div#answer-03 {
  order: 4;
  width: 48%;
}

#solutions.solutions.secondary #solutions-00-task #question div.speech_bubble .inner {
  padding: 10vw 2.5rem 0;
  font-size: 2vw;
}

#solutions.solutions.secondary #solutions-00-task #answer div.speech_bubble .inner {
  padding: 7vw 3.5rem 0;
  font-size: 2vw;
}

#solutions.solutions.secondary #solutions-00-task #answer .inner span.mark::before {
  width: 4vw;/*画像の幅*/
  height: 4vw;/*画像の高さ*/
}

#solutions.solutions.secondary #solutions-01-results .inner .box-results,
#solutions.solutions.secondary #solutions-02-results .inner .box-results {
  margin-bottom: 3rem;
  width: 100%;
}

#solutions.solutions.secondary #solutions-etc-results .inner .box-results-01 {
  margin: 0 auto 3rem;
  width: 80%;
}
#solutions.solutions.secondary #solutions-etc-results .inner .box-results-01-01 {
  width: 100%;
}
#solutions.solutions.secondary #solutions-etc-results .inner .box-results-01-02 {
  width: 100%;
}
#solutions.solutions.secondary #solutions-etc-results .inner .box-results-02 {
  margin: 0 auto 3rem;
  width: 80%;
}

#solutions.solutions.tertiary .solutions-raman-bg-image {
  padding: 0;
  background: none;
}

#solutions.solutions.tertiary #solutions-raman-01 #solutions-raman-01-image,
#solutions.solutions.tertiary #solutions-raman-02 #solutions-raman-02-image,
#solutions.solutions.tertiary #solutions-raman-03 #solutions-raman-03-image {
  background-image: none;
}

#solutions.solutions.tertiary .solutions-raman-bg-image-beta {
  padding-top: 0;
  padding-bottom: 55vw;
  background-size: 100%;
}

/* applications */

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

/* recruit */

#recruit #recruit-contents #recruit-header ul.button-area {
  display: block;
}

#recruit #recruit-contents #recruit-header ul.button-area li {
  margin: 0;
}

.btn02 {
  margin: 0 auto 1.5rem;
  display: block !important;
  width: 100%;
}

/* 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: 1rem;
	}
	table.dataTable td{
		padding: 1rem;
	}

  table.basicTable td.tableLine_right_768 {
    border-right: 1px solid rgba(182,182,182,1);
  }

  table.basicTable th.tableLine_bottom_768,
  table.basicTable td.tableLine_bottom_768 {
    border-bottom: none;
  }

  /* 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;
  }


  #recruit #recruit-contents .inner {
    padding: 3rem 0;
  }

}

@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;
  }

  #products #contents_header h2 {
    font-size: 16px;
  	font-size: 1.6rem;
  }

  #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;
  }

  #recruit #recruit-contents h3 {
    font-size: 28px;
  	font-size: 2.8rem;
  }

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

  #solutions.solutions.secondary h3,
  #solutions.solutions.tertiary h3,
  #solutions.solutions.quaternary h3 {
    font-size: 26px;
  	font-size: 2.6rem;
  }

  #recruit #recruit-contents h4 {
    font-size: 20px;
  	font-size: 2rem;
  }

  #solutions.solutions.secondary h4 {
    font-size: 20px;
  	font-size: 2rem;
  }

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

  #solutions.solutions.secondary #solutions-01-results .inner,
  #solutions.solutions.secondary #solutions-02-results .inner {
    padding: 6rem 0;
    position: relative;
  }

  #solutions.solutions.secondary #solutions-etc-results .inner .box-results-01 {
    width: 100%;
  }
  #solutions.solutions.secondary #solutions-etc-results .inner .box-results-02 {
    width: 100%;
  }

  #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: 17.5vw;
  }

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

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

  /*	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.width-span-32_49_100-fix,
  .box-480.width-span-32_49_100-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-70-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;
  }

  #recruit #recruit-contents #recruit-01 #recruit-01-contents-area .inner p.heading {
    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;
  }

  /* solutions */

  #solutions.solutions.secondary #solutions-00-task #question div#question-00 {
    order: 4;
    width: 100%;
  }
  #solutions.solutions.secondary #solutions-00-task #question div#question-01 {
    order: 1;
    width: 100%;
  }
  #solutions.solutions.secondary #solutions-00-task #question div#question-02 {
    order: 2;
    width: 100%;
  }
  #solutions.solutions.secondary #solutions-00-task #question div#question-03 {
    order: 3;
    width: 100%;
  }

  #solutions.solutions.secondary #solutions-00-task #answer div#answer-00 {
    order: 4;
    width: 100%;
  }
  #solutions.solutions.secondary #solutions-00-task #answer div#answer-01 {
    order: 1;
    width: 100%;
  }
  #solutions.solutions.secondary #solutions-00-task #answer div#answer-02 {
    order: 2;
    width: 100%;
  }
  #solutions.solutions.secondary #solutions-00-task #answer div#answer-03 {
    order: 3;
    width: 100%;
  }

  #solutions.solutions.secondary #solutions-00-task #question div.speech_bubble .inner {
    padding: 20vw 2.5rem 0;
    font-size: 4.5vw;
  }

  #solutions.solutions.secondary #solutions-00-task #answer div.speech_bubble .inner {
    padding: 12.5vw 4rem 0;
    font-size: 4.5vw;
  }

  #solutions.solutions.secondary #solutions-00-task #answer .inner span.mark::before {
    width: 6vw;/*画像の幅*/
    height: 6vw;/*画像の高さ*/
  }

  #solutions.solutions.quaternary p span.capstion.emphasis {
    padding: 0;
    font-weight: 400;
  }

  /* 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;
  }

  /* table */

  table.basicTable th {
    font-size: 14px;
    font-size: 1.4rem;
  }

  table.basicTable td {
    font-size: 14px;
    font-size: 1.4rem;
  }

  /* footer */

  footer div#fGroup div#fitem p {
    font-size: 12px;
    font-size: 1.2rem;
  }

}

@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;
    }
  */
}