/* **************#products************* */

#products {
	padding: 10% 0 0 0;
	margin: 0 auto;
	width: 100%;
background: -moz-linear-gradient(#ffffff, #A6C8EE);
background: -webkit-linear-gradient(#ffffff, #A6C8EE);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#A6C8EE));
background: -o-linear-gradient(#ffffff, #A6C8EE);
background: linear-gradient(#ffffff, #A6C8EE);
}

@media screen and (max-width: 680px) {
#products {
	padding: 100px 0 0 0;
	margin: 0 auto;
}
}

#products .bgsupreme {
background: -moz-linear-gradient(#ffffff, #CCCCCC);
background: -webkit-linear-gradient(#ffffff, #CCCCCC);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#CCCCCC));
background: -o-linear-gradient(#ffffff, #CCCCCC);
background: linear-gradient(#ffffff, #CCCCCC);
}

#products .dit {
	padding: 0;
	margin: 0 auto 5% auto;
	max-width: 1140px
}

@media screen and (max-width: 991px) {
#products .dit {
	padding: 0;
	margin: 0 auto;
	width:90%;
}
}

#products .dit h1 {
	font-family: 'Cantata One', serif;
	font-weight: 400;
	font-size:168%;
	text-align: center;
	line-height: 1.6em;
	letter-spacing:5px;
	color:#000000;
	margin-bottom:5%;
	background-image:url(image);
	max-height: 100%;
}

@media screen and (max-width: 680px) {
#products .dit h1 {
	font-size:200%;
	line-height:1.2em;
	margin-bottom:10%;
}
}

#products .dit h2 {
	font-family: 'Cantata One', serif;
	font-weight: 400;
	font-size:144%;
	text-align: center;
	line-height: 1.6em;
	letter-spacing:5px;
	color:#005285;
	background-image:url(image);
	max-height: 100%;

}

#products .pdiph2 {
	font-size:168%;
	color: #0E4F94;
	font-weight: 600;
}

@media screen and (max-width: 680px) {
#products .dit h2 {
	font-size:128%;
	line-height:1.2em;
	margin-bottom:10%;
}
}

#products p {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1.8em;
	text-align: left;
	background-image:url(image);
	max-height: 100%;
}
@media screen and (max-width: 680px) {
#products p {
	font-size:88%;
	line-height:1.6em;
}
}

/* **************#products_menu************* */

#products_menu {
	padding: 0 0 5% 0;
	margin: 0 auto;
	width:100%;
}

@media screen and (max-width: 1440px) {
#products_menu {
	padding: 0 0 5% 0;
	margin: 0 auto;
	width:100%
}
}

@media screen and (max-width: 680px) {
#products_menu {
	display:none;
}
}

#products_menu .pc {
	display: block;
}

@media screen and (max-width: 680px) {
#products_menu .pc {
	display: none;
}
}

#products_menu .sm {
	display: none;
}

@media screen and (max-width: 680px) {
#products_menu .sm {
	display: block;
}
}

#products_menu h3 {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.6em;
	text-align: center;
	background-image:url(image);
	max-height: 100%;
	word-break:break-all;
	margin-bottom:5%;
}

#products_menu h4 {
	font-family: 'Cantata One', serif;
	font-weight: 400;
	font-size:80%;
	line-height:1em;
	color:#000000;
	margin-bottom:10px;
	text-align:center;
	word-break:break-all;
}

@media screen and (max-width: 680px) {
#products_menu h4 {
	font-family: 'Cantata One', serif;
	font-weight: 400;
	font-size:100%;
	line-height:1em;	
	letter-spacing:1px;
	color:#000000;
	margin-bottom:10px;
	text-align:left;
	word-break:break-all;
}
}

#products_menu p {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1.8em;
	background-image:url(image);
	max-height: 100%;
	word-break:break-all;
	text-align: left;
	color:#000000;
}
@media screen and (max-width: 680px) {
#products_menu p {
	font-size: 88%;
	line-height:1.6em;
}
}

#products_menu .dits {
	-js-display: flex;
	display: flex;
}

@media screen and (max-width: 680px) {
#products_menu .dits {
 -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
}
}

#products_menu .dits section {
	margin:0 0.5% 0 0.5%;
	flex: 1;
	flex-grow: 1; 
}

@media screen and (max-width: 680px) {
#products_menu .dits section {
	margin:10px;
}
}

#products_menu .dits section img {
	width:100%;
}

#products_menu .dits section a:link{
	display: block;
	text-decoration: none; 
}

#products_menu .dits section a:visited{
	color: #004C8A;
	text-decoration: none; 
}

#products_menu .dits section a:hover{
	color: #FFFFFF;
   /* background: rgba(255,255,255,0.3);*/
	 opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
 
}

#products_menu .dits section a:focus{
	color:#FFFFFF;
	text-decoration: none; 
}

#products_menu .dits section a:active{
	color: #004C8A;
	text-decoration: none; 
}

#products_menu .circle {
	text-align:center;
	background: -moz-l inear-gradient(left top 315deg, rgba(255,255,255,1) , rgba(255,255,255,0.6));
	background: -webkit-gradient(linear, left top, right bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0.6))); 
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

#products_menu .pc {
	display:block;
}

@media screen and (max-width: 680px) {
#products_menu .pc {
	display:none;
}
}

#products_menu .sm {
	display:none;
}

@media screen and (max-width: 680px) {
#products_menu .sm {
	display:block;
}
}


#products .mitem {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	background-image: url(img/bg_spec.png);
}

@media screen and (max-width: 1440px) {
#products .mitem {
	padding: 0;
	margin: 0 auto;
	width: 100%;
}
}

@media screen and (max-width: 680px) {
#products .mitem {
	padding: 0;
	margin: 0 auto;
	width:100%;
}
}

#products .mitem h2 {
	font-family: 'Cantata One', serif;
	font-weight: 400;
	font-size:162%;
	line-height:1em;
	color:#000000;
	text-align:center;
	word-break:break-all;
}

@media screen and (max-width: 680px) {
#products .mitem h2 {
	font-family: 'Cantata One', serif;
	font-weight: 400;
	font-size:144%;
	line-height:1em;	
	letter-spacing:1px;
	color:#000000;
	text-align: center;
	word-break:break-all;
}
}

#products .mitem h5 {
	font-family: 'Roboto', sans-serif;
	font-size: 114%;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1.6em;
	background-image: url(image);
	max-height: 100%;
	text-align: center;

}

@media screen and (max-width: 680px) {
#products .mitem h5 {
	font-size: 100%;
	line-height:1.4em;
}
}

#products .mdits {
	-js-display: flex;
	display: flex;
	margin:0 auto;
	align-items: center;
	background-size: cover;
	background-position:top left;
	background-repeat:no-repeat;
	}

@media screen and (max-width: 680px) {
#products .mdits {
 -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
}
}

#products .mdits section {
	padding:0
}

@media screen and (max-width: 680px) {
#products .mdits section {
	padding:0;
}
}

#products .mcoarea {
	text-align:center;
	width:27%;
	margin-right:2%;
}

@media screen and (max-width: 1440px) {
#products .mcoarea {
	text-align:center;
	width:27%;
	margin-right:2%;
}
}

@media screen and (max-width: 680px) {
#products .mcoarea {
	width:100%;
	margin: 0 auto;
	padding: 0;
}
}

#products .mcoarea img {
	width:100%;
}

#products .mcoarea h2 {
	padding: 10% 0;
}

#products .m_solutions {
	background-image:url(img/bg_trophy_solutions.jpg);
}

#products .m_scamnner {
	background-image:url(img/bg_trophy_3di_system.jpg);
}

#products .m_trophypan {
	background-image:url(img/bg_trophypan.jpg);
}

#products .m_scanbe {
	background-image:url(img/bg_compuray.jpg);
}

#products .m_compuray {
	background-image:url(img/bg_rvg.jpg);
}

#products .m_wavepict {
	background-image:url(img/bg_wave_pict.jpg);
}

#products .m_imaging {
	background-image:url(img/bg_trophy_imaging.jpg);
}



#products .mitarea {
	flex: 2;
	text-align:center;
}

@media screen and (max-width: 1440px) {
#products .mitarea {
	flex: 2;
	text-align:center;
}
}

@media screen and (max-width: 680px) {
#products .mitarea {
	width:100%;
	margin:0 auto 5% auto;
}
}

#products .mdata {
	background-color:#FFFFFF;
}

#products .mdata a:link{
	width:29%;
	float:right;
	padding:5% 1%;
	display: block;
	color: #004C8A;
	text-decoration: none; 
 background: rgba(255,255,255,0.6);
}

@media screen and (max-width: 680px) {
#products .mdata a:link{
	width:40%;
	float: left;
	padding:5% 5%;
	display: block;
	color: #004C8A;
	text-decoration: none; 
 background: rgba(255,255,255,0.6);
}
}

#products .mdata a:visited{
	color: #004C8A;
	text-decoration: none; 
}

#products .mdata a:hover{
	color: #FFFFFF;
   /* background: rgba(255,255,255,0.3);*/
/*	 opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";*/
  background-color:rgba(0,84,133,0.7);
}

#products .mdata a:focus{
	color:#FFFFFF;
	text-decoration: none; 
}

#products .mdata a:active{
	color: #004C8A;
	text-decoration: none; 
}

#products .mdatas {
	background-color:#FFFFFF;
}

#products .mdatas a:link{
	width:24%;
	float:right;
	padding:5% 0.5%;
	display: block;
	color: #004C8A;
	text-decoration: none; 
 background: rgba(255,255,255,0.6);
}

@media screen and (max-width: 680px) {
#products .mdatas a:link{
	width:40%;
	float: left;
	padding:5% 5%;
	display: block;
	color: #004C8A;
	text-decoration: none; 
 background: rgba(255,255,255,0.6);
}
}

#products .mdatas a:visited{
	color: #004C8A;
	text-decoration: none; 
}

#products .mdatas a:hover{
	color: #FFFFFF;
   /* background: rgba(255,255,255,0.3);*/
/*	 opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";*/
  background-color:rgba(0,84,133,0.7);
}

#products .mdatas a:focus{
	color:#FFFFFF;
	text-decoration: none; 
}

#products .mdatas a:active{
	color: #004C8A;
	text-decoration: none; 
}



#products .item {
	padding: 0;
	margin: 0 auto;
	width: 80%;
}

@media screen and (max-width: 1440px) {
#products .item {
	padding: 0;
	margin: 0 auto;
	width:90%;
}
}

@media screen and (max-width: 680px) {
#products .item {
	padding: 0;
	margin: 0 auto;
	width:90%;
}
}

#products .item h1 {
	font-family: 'Cantata One', serif;
	font-weight: 400;
	font-size:200%;
	text-align:left;
	line-height: 1.6em;
	letter-spacing:2px;
	color:#000000;
	background-image:url(image);
	max-height: 100%;
}

@media screen and (max-width: 680px) {
#products .item h1 {
	font-size:142%;
	line-height:1.4em;
}
}

#products .item h1.supreme {
	font-size:188%;
	letter-spacing:1px;
	text-align: center;
}

#products .item h2 {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:114%;
	line-height:1.6em;	
	letter-spacing:1px;
	text-align:left;
	word-break:break-all;
	background-image:url(image);
	max-height: 100%;
	margin-bottom:15px;
}

@media screen and (max-width: 680px) {
#products .item h2 {
	font-size:100%;
	line-height:1.4em;
}
}

#products .item h2.supreme {
	text-align: center;
	margin-bottom: 10%;
}

#products .item h3 {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:117%;
	line-height:1.6em;	
	letter-spacing:2px;
	text-align:left;
	background-image:url(image);
	max-height: 100%;
	color:#005285;
	margin-bottom:5%;
}

@media screen and (max-width: 680px) {
#products .item h3 {
	font-size:117%;
	line-height:1.4em;
	margin-bottom:10%;
}
}

#products .item h3.supreme {
	font-family: 'Cantata One', serif;
	font-weight: 400;
	font-size:168%;
	text-align:center;
	line-height: 1.4em;
	letter-spacing:1px;
	color: #666666;
	background-image:url(image);
	max-height: 100%;
	margin-bottom: 3%;
}

@media screen and (max-width: 680px) {
#products .item h3.supreme {
	font-size:142%;
	line-height:1.4em;
}
}

#dits_menu h3.supttl {
	font-size:218%;
	letter-spacing:5px;
	font-weight: 500;
	padding: 10px 0;
	margin-bottom: 3%;
	background: rgba(0,84,133,1);
	color: #FFFFFF;
}
@media screen and (max-width: 680px) {
#dits_menu h3.supttl {
	font-size:128%;
	line-height:1.4em;
}
}

#dits_menu h4.supttls {
	font-size:128%;
	font-weight: 500;
	margin-bottom: 30px;
}

#products .item h4 {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size:100%;
	line-height:1.6em;	
	letter-spacing:1px;
	text-align:left;
	background-image:url(image);
	max-height: 100%;
}

@media screen and (max-width: 680px) {
#products .item h4 {
	font-size:100%;
	line-height:1.6em;
}
}

#products .item p.supreme {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:100%;
	line-height:1.6em;	
	letter-spacing:2px;
	text-align:center;
	background-image:url(image);
	max-height: 114%;
	color: #666666;
	margin-bottom:1%;
}

@media screen and (max-width: 680px) {
#products .item p.supreme {
	font-size:100%;
	line-height:1.4em;
	text-align: left;
	/*margin-bottom:10%;*/
}
}

#products .idata {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:88%;
	line-height:1.6em;	
	letter-spacing:1px;
	text-align:left;
	word-break:break-all;
	background-image:url(image);
	max-height: 100%;
	margin-bottom:3%;
}

@media screen and (max-width: 680px) {
#products .idata {
	font-size:76%;
	line-height:1.4em;
	margin-bottom:5%;
}
}

#products .idits {
	-js-display: flex;
	display: flex;
	margin:0 auto;
	align-items: flex-start;
	}

@media screen and (max-width: 680px) {
#products .idits {
 -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
}
}

#products .idits section {
	padding:0
}

@media screen and (max-width: 680px) {
#products .idits section {
	padding:0;
}
}

#products .iditsupreme {
	-js-display: flex;
	display: flex;
	margin:0 auto;
	align-items: center;
	}

@media screen and (max-width: 680px) {
#products .iditsupreme {
 -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
}
}

#products .iditsupreme section {
	padding:0
}

@media screen and (max-width: 680px) {
#products .iditsupreme section {
	padding:0;
}
}

#products .icoarea {
	text-align:center;
	width:40%;
	margin-right:5%;
}

@media screen and (max-width: 1440px) {
#products .icoarea {
	text-align:center;
	width:40%;
	margin-right:5%;
}
}

@media screen and (max-width: 680px) {
#products .icoarea {
	width:80%;
	margin:0 auto 5% auto;
}
}

#products .icoarea img {
	width:100%;
}

#products .icoareas {
	text-align:center;
	width:45%;
	margin-right:5%;
}

@media screen and (max-width: 1440px) {
#products .icoareas {
	text-align:center;
	width:45%;
	margin-right:5%;
}
}

@media screen and (max-width: 680px) {
#products .icoareas {
	width:80%;
	margin:0 auto 5% auto;
}
}

#products .icoarea img {
	width:100%;
}

#products .ditarea {
	flex: 2;
	text-align:center;
}

@media screen and (max-width: 1440px) {
#products .ditarea {
	flex: 2;
	text-align:center;
}
}

#products .txt {
	float: left;
	display: inline;
	width:100%;
	margin:0 auto 30px auto;
}

#products .ph_item {
	float: right;
	display:inline;
	width:40%;
	margin-left:2%;
}

@media screen and (max-width: 680px) {
#products .ph_item {
	float:none;
	width:100%;
	margin:0;
}
#products .ph_item img {
	width:100%;
	padding-bottom:3%;
}
}

#products .t_img {
	float: left;
	display: inline;
	width: 100%;
	padding:0;
	margin: 0 auto 30px auto;
}

#products .t_img ul {
	margin:0;
}

#products .t_img ul li {
	width:32%;
	float: left;
	display: inline;
	margin: 0 2% 0 0;
	padding:0;
	list-style:none;
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.6em;
}

#products .t_img ul li:last-child {
	margin:0;
}

#products .t_img ul li img {
	width:100%;
}

@media screen and (max-width: 680px) {
#products .t_img ul li {
	width:100%;
	margin: 0 0 3% 0;
}
#products .t_img ul li:last-child {
	margin: 0 0 3% 0;
}
}

#products .movie_a {
	width: 49%;
	padding:0 1% 0 0;
	margin-bottom: 15px;
	float: left;
}
@media screen and (max-width: 680px) {
#products .movie_a {
	width: 100%;
	padding:0 0 0 0;
	margin-bottom: 0;
	float: none;
}
}

#products .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:30px;
}

#products .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#products .attend {
	font-size: 12px;
}

#products .pc {
	display: block;
}

#products .sm {
	display:none;
}

@media screen and (max-width: 680px) {
#products .pc {
	display:none;
	}

#products .sm {
	display: block;
	}
}

/* **************#dits************* */

#dits {
	padding: 5% 0 5% 0;
	margin: 0 auto;
 	-js-display: flex;
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
}

@media screen and (max-width: 680px) {
	#dits {
	background-size: auto;
	background-repeat:repeat;
	padding: 5% 0 5% 0;
	background-position: center;
	width:100%;
	}
}

#dits h2 {
	font-family: 'Cantata One', serif;
	font-weight: 400;
	font-size:168%;
	text-align: center;
	line-height: 1.6em;
	letter-spacing:3px;
	background-image:url(image);
	max-height: 100%;
	color:#000000;
	margin-bottom:2%;
}

@media screen and (max-width: 680px) {
#dits h2 {
	font-size:200%;
	line-height:1.2em;
}
}
/* **************#dits_menu************* */

#dits_menu {
	padding: 0;
	margin: 0 auto;
	width:90%;
}

@media screen and (max-width: 1440px) {
#dits_menu {
	padding: 0;
	margin: 0 auto;
	width:95%;
}
}

@media screen and (max-width: 680px) {
#dits_menu {
	padding: 0;
	margin: 0 auto;
	width:100%;
}
}

#dits_menu h3 {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.6em;
	text-align: center;
	background-image:url(image);
	max-height: 100%;
	word-break:break-all;
	margin-bottom:5%;
}

#dits_menu h3.supreme {
	font-family: 'Cantata One', serif;
	font-weight: 400;
	font-size:168%;
	text-align:left;
	line-height: 1.4em;
	letter-spacing:2px;
	color: #666666;
	background-image:url(image);
	max-height: 100%;
	margin-bottom: 3%;
}

@media screen and (max-width: 680px) {
#dits_menu h3.supreme {
	font-size:142%;
	line-height:1.4em;
}
}

#dits_menu h4 {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:114%;
	line-height:1.4em;	
	letter-spacing:1px;
	text-align: left;
	word-break:break-all;
	background-image:url(image);
	max-height: 100%;
	margin-bottom:3%;
}

@media screen and (max-width: 680px) {
#dits_menu h4 {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:114%;
	line-height:1.4em;	
	letter-spacing:1px;
	text-align: left;
	word-break:break-all;
	background-image:url(image);
	max-height: 100%;
	margin-bottom:2%;
}
}

#dits_menu h4.supreme {
	border-bottom: 1px solid #999999;
	margin-bottom:1%;
}

#dits_menu h4 span {
	font-size: 60%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #FF0004;
	padding: 0 5px;
	line-height:1.6em;	
	color: #FFFFFF;
}

#dits_menu h5 {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:100%;
	line-height:1.6em;	
	letter-spacing:1px;
	text-align:left;
	background-image:url(image);
	max-height: 100%;
	color:#005285;
	margin-bottom:1%;
}

@media screen and (max-width: 680px) {
#dits_menu h5 {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:100%;
	line-height:1.6em;	
	letter-spacing:1px;
	text-align:left;
	background-image:url(image);
	max-height: 100%;
	color:#005285;
	margin-bottom:1%;
}
}

#dits_menu h5.supreme {
	color: #000000;
	margin-bottom:15px;
}

#dits_menu p {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1.8em;
	background-image:url(image);
	max-height: 100%;
	word-break:break-all;
	text-align: left;
	color:#000000;
}
@media screen and (max-width: 680px) {
#dits_menu p {
	font-size:88%;
	line-height:1.6em;
}
}

#dits_menu p.option {
	text-align: right;
}

#dits_menu .dit {
	-js-display: flex;
	display: flex;
}

@media screen and (max-width: 680px) {
#dits_menu .dit {
 -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
}
}

#dits_menu .dit .movie_area {
	-js-display: flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
}
@media screen and (max-width: 680px) {
	#dits_menu .dit .movie_area {

	}
}

#dits_menu .dit .movie_area .mvimage {
	flex: 2;
}
#dits_menu .dit .movie_area .mvdata {
	flex: 1;
	padding: 0 0 0 30px;
}
#dits_menu .dit .movie_area .mvdata p {
	text-align: center;
	font-size: 88%;
}
#dits_menu .dit .movie_area .mvdata p.cs3700 {
	text-align: left;
	font-size: 100%;
	margin-bottom: 15px;
}
@media screen and (max-width: 680px) {
	#dits_menu .dit .movie_area .mvimage {
		width: 100%;
	}
	#dits_menu .dit .movie_area .mvdata {
		width: 100%;
		padding: 0 0 0 15px;
	}
	#dits_menu .dit .movie_area .mvdata p.cs3700 {
		font-size: 88%;
		word-break: normal;
	}
}


#dits_menu .dit section {
	margin:0 1% 0 1%;
	flex: 1;
	flex-grow: 1; 
}

@media screen and (max-width: 680px) {
#dits_menu .dit section {
	margin:10px;
}
}

#dits_menu .dit section img {
	width:100%;
}

#dits_menu .supreme_area {
	-js-display: flex;
	display: flex;
	padding-top: 2%;
}

@media screen and (max-width: 680px) {
#dits_menu .supreme_area {
 -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
}
}

#dits_menu .supreme_area article:first-child {
	margin-right: 5%;
}
@media screen and (max-width: 680px) {
#dits_menu .supreme_area article:first-child {
	margin-right: 0;
	margin-bottom: 3%;
}
}

#dits_menu .supreme_area article {
	flex: 1;
}

#dits_menu .mlist {
	-js-display: flex;
	display: flex;
}

@media screen and (max-width: 680px) {
#dits_menu .mlist {
 -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
}
}

#dits_menu .mlist section {
	margin:0 20% 0 20%;
	flex: 1;
	flex-grow: 1; 
}

@media screen and (max-width: 680px) {
#dits_menu .mlist section {
	margin:10px;
}
}

#dits_menu .mlist section img {
	width:100%;
}

#dits_menu .pc {
	display:block;
}

@media screen and (max-width: 680px) {
#dits_menu .pc {
	display:none;
}
}

#dits_menu .sm {
	display:none;
}

@media screen and (max-width: 680px) {
#dits_menu .sm {
	display:block;
}
}


#dits_menu .itble {
	width: 100%;
	margin:3% 0 3% 0;
	padding: 0;
	border-collapse: collapse;
}

#dits_menu .itble th {
	margin:0;
	padding:2% 0 2% 0;
	font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.4em;
	color:#FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	background-image:url(image);
	max-height: 100%;
	background-color:#569DD6;
}

#dits_menu .itble td {
	margin:0;
	padding:2% 0 2% 0;
	font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.4em;
	text-align:left;
	vertical-align: middle;
	background-image:url(image);
	max-height: 100%;
	border-bottom:1px solid #CCCCCC;
}

#dits_menu .supremetbl {
	width: 100%;
	margin:0;
	padding: 0;
	border-collapse: collapse;
}

#dits_menu .supremetbl th {
	margin:0;
	padding:0 20px 0 0;
	font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.6em;
	color:#FFFFFF;
	vertical-align: top;
	text-align:left;
	font-weight: normal;
	background-image:url(image);
	max-height: 100%;
	width: 55%;
}

#dits_menu .supremetbl td {
	margin:0;
	padding:0;
	font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.6em;
	text-align:left;
	vertical-align: top;
	background-image:url(image);
	max-height: 100%;
}








#dits_menu .pdipflow {
	padding-right: 3%;
	background-image: url(pdip/img/arrow_pdip.png);
	background-repeat: no-repeat;
	background-position: right center;
}

@media screen and (max-width: 680px) {
#dits_menu .pdipflow {
	padding-right: 0;
	padding-bottom: 10%;
	background-image: url(pdip/img/arrow_pdip_b.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}
}

#dits_menu .pdipmovie {
	width: 50%;
	margin:0 auto;
}

@media screen and (max-width: 680px) {
#dits_menu .pdipmovie {
	width: 100%;
	margin:0 auto;
}
}

#dits_menu .youtube {
  position: relative;
  /*width: 100%;*/
  padding-top: 56.25%;
}
#dits_menu .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* **************#tec************* */

#tec {
	padding: 5% 0 5% 0;
	margin: 0 auto;
	background-position: center;
	background-repeat: repeat;
	background-image:url(../top/img/bg_product.png);
 	-js-display: flex;
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
}

@media screen and (max-width: 680px) {
	#tec {
	background-size: auto;
	background-repeat:repeat;
	padding: 5% 0 5% 0;
	background-position: center;
	width:100%;
	}
}

#tec h2 {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:144%;
	line-height:1.6em;	
	letter-spacing:1px;
	text-align: center;
	word-break:break-all;
	background-image:url(image);
	max-height: 100%;
	margin-bottom:5%;
}

@media screen and (max-width: 680px) {
#tec h2 {
	font-size:200%;
	line-height:1.2em;
}
}
/* **************#dits_menu************* */

#tec_menu {
	padding: 0;
	margin: 0 auto;
	width:90%;
}

@media screen and (max-width: 1440px) {
#tec_menu {
	padding: 0;
	margin: 0 auto;
	width:90%;
}
}

@media screen and (max-width: 680px) {
#tec_menu {
	padding: 0;
	margin: 0 auto;
	width:100%;
}
}

#tec_menu h3 {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:200%;
	line-height:1.6em;
	text-align: center;
	background-image:url(image);
	max-height: 100%;
	word-break:break-all;
	margin-top:5%;
	margin-bottom:5%;
}

@media screen and (max-width: 680px) {
#tec_menu h3 {
	font-size:124%;
}
}

#tec_menu h4 {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:114%;
	line-height:1.6em;	
	letter-spacing:1px;
	text-align: center;
	word-break:break-all;
	background-image:url(image);
	max-height: 100%;
}

@media screen and (max-width: 680px) {
#tec_menu h4 {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:100%;
	line-height:1.6em;	
	letter-spacing:1px;
	text-align: center;
	word-break:break-all;
	background-image:url(image);
	max-height: 100%;
	margin-bottom:1%;
}
}

#tec_menu h5 {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:100%;
	line-height:1.6em;	
	letter-spacing:1px;
	text-align:left;
	background-image:url(image);
	max-height: 100%;
	color:#005285;
	margin-bottom:1%;
}

@media screen and (max-width: 680px) {
#tec_menu h5 {
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 400;
	font-size:100%;
	line-height:1.6em;	
	letter-spacing:1px;
	text-align:left;
	background-image:url(image);
	max-height: 100%;
	color:#005285;
	margin-bottom:1%;
}
}

#tec_menu p {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1.8em;
	background-image:url(image);
	max-height: 100%;
	word-break:break-all;
	text-align: left;
	color:#000000;
}
@media screen and (max-width: 680px) {
#tec_menu p {
	font-size:88%;
	line-height:1.6em;
}
}

#tec_menu .dit {
	-js-display: flex;
	display: flex;
}

@media screen and (max-width: 680px) {
#tec_menu .dit {
 -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
}
}

#tec_menu .dit section {
	margin:0 2% 0 2%;
	flex: 1;
	flex-grow: 1; 
}

@media screen and (max-width: 680px) {
#tec_menu .dit section {
	margin:0 0 15px 0;
}
}

#tec_menu .dit section img {
	width:100%;
}

#tec_menu .pc {
	display:block;
}

@media screen and (max-width: 680px) {
#tec_menu .pc {
	display:none;
}
}

#tec_menu .sm {
	display:none;
}

@media screen and (max-width: 680px) {
#tec_menu .sm {
	display:block;
}
}

#tec_menu .ttb {
	background-color:#FFFFFF;
	padding:3%;
}
@media screen and (max-width: 680px) {
#tec_menu .ttb {
	background-color:#FFFFFF;
	padding:0;
}
}

#tec_menu .ttble {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border-collapse: collapse;
}

#tec_menu .ttble th {
	margin:0;
	padding:15px;
	font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1.6em;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	background-image:url(image);
	max-height: 100%;
	border-bottom:1px solid #CCCCCC;
	word-break:keep-all;
}

#tec_menu .ttble td {
	margin:0;
	padding:15px;
	font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1.6em;
	text-align:left;
	vertical-align: top;
	background-image:url(image);
	max-height: 100%;
	border-bottom:1px solid #CCCCCC;
	word-break:break-all;
}

@media screen and (max-width: 680px) {
#tec_menu .ttble tr{
        display: block;
        /*margin-bottom: 1.2em;*/
		padding:0;
    }
#tec_menu .ttble th,
#tec_menu .ttble td{
        display: list-item;
		list-style:none;
        border: none;
		word-break:keep-all;
		width:auto;
		font-size:88%;
    }
#tec_menu .ttble th{
	padding:5px 0;
	background: rgba(0,84,133,0.7);
	text-align:center;
	color:#FFFFFF;
}

}

#tec_menu .ttble2 {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	border-collapse: collapse;
}

#tec_menu .ttble2 th {
	margin:0;
	padding:3%;
	font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1.4em;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	background-image:url(image);
	max-height: 100%;
	border-bottom:1px solid #CCCCCC;
	word-break:keep-all;
	width:20%;
}

#tec_menu .ttble2 td {
	margin:0;
	padding:3%;
	font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:100%;
	line-height:1.4em;
	text-align:left;
	vertical-align: top;
	background-image:url(image);
	max-height: 100%;
	border-bottom:1px solid #CCCCCC;
}

@media screen and (max-width: 680px) {
#tec_menu .ttble2 tr{
        display: block;
        /*margin-bottom: 1.2em;*/
		padding:0;
    }
#tec_menu .ttble2 th,
#tec_menu .ttble2 td{
        display: list-item;
		list-style:none;
        border: none;
		word-break:keep-all;
		font-size:88%;
    }
#tec_menu .ttble2 th{
	padding: 5px 0;
	background: rgba(0,0,0,0.7);
	text-align:center;
	color:#FFFFFF;
	width: 100%;
}

}

#tec_menu ul {
	margin: 0px 0px 5px 15px;
	padding:0;
	list-style-position: outside;
}

#tec_menu ul li {
	font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	font-size:100%;
	line-height: 1.6em;
	list-style: disc;
	text-align:left;
	max-height: 100%;
	color:#22B0C7;
}

#tec_menu ul li span {
	color:#000000;
}

#tec_menu .ttlpdip {
	background-image: url(pdip/img/pdip_title.jpg);
	background-size: cover;
	padding: 2%;
	margin: 0 0 2% 0;
}

#tec_menu .ttlpdip h3 {
	color: #FFFFFF;
}

#tec_menu .imgpdip {
	max-width: 991px;
	margin: 0 auto;
}

@media screen and (max-width: 680px) {
#tec_menu .imgpdip {
	width: 100%;
    }
}

#tec_menu .ditpdip {
	float: left;
	display: inline;
	width: 44%;
	padding:0 3%;
}

@media screen and (max-width: 680px) {
#tec_menu .ditpdip {
	float: none;
	display: block;
	width: 90%;
	padding: 0 5%;
}
}

#tec_menu .sttlpdip {
	background-color: #0E4F94;
	padding: 2%;
	margin: 3% 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#tec_menu .sttlpdip p {
	color: #FFFFFF;
	text-align: center;
}

/* **************#pcontact************* */

#pcontact {
	padding: 5% 0 5% 0;
	margin: 0 auto;
}

@media screen and (max-width: 680px) {
	#pcontact {
	padding: 50px 0;
	}
}

#pcontact h5 {
	font-size: 114%;
	font-weight: normal;
	letter-spacing: 1px;
}
@media screen and (max-width: 680px) {
	#pcontact h5 {
	font-size: 100%;
	}
}

#pcontact h5 a:link{
	text-decoration:none;
	color: #000000;
	background-color: #FFFFFF;
	padding: 15px 30px;
	border: 3px solid #000000;
	border-radius: 10px;
	display: inline-block;
}

#pcontact h5 a:visited {
	text-decoration:none;
	color: #000000;
}

#pcontact h5 a:hover{
	text-decoration: none;
	color: #FFFFFF;
	transition: color 0.3s ease 0s;
	background-color: #EBB90C;
	border: 3px solid #000000;
}

#pcontact h5 a:active {
	text-decoration:none;
	color: #000000;
}