@charset "utf-8";

/* ■スマホ用 */

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

#contents #menu li {}

.disp_pc { display:none !important; }
.disp_sp { display:block !important; }

#optec-top-l { float:none; width:auto; }
#optec-top-l section { padding:0 4% 6.25vw; }

#optec-introduction-sec {}
#optec-introduction-sec p { font-size:3.86vw; }

#optec-product-sec {}
#optec-product-sec ul {}
#optec-product-sec li { width:48%; min-height:45vw; margin:0 2% 3.86vw 0; }
#optec-product-sec li:nth-child(even) { width:48%; margin:0 0 3.86vw 0; }
#optec-product-sec li a {}
#optec-product-sec li img { margin:0 0 1.34vw; }
#optec-product-sec li span {}
#optec-product-sec li a:hover {}

#optec-movie-sec {}
#optec-movie-sec p { padding:0 0 1em; font-size:3.86vw; }
#optec-movie-sec div {}
#optec-movie-sec iframe {}

#optec-news-sec {}
#optec-news-sec ul {}
#optec-news-sec li { margin:0 0 2.34vw; padding:0; }
#optec-news-sec dl { font-size:3.86vw; }
#optec-news-sec dt { float:none; width:auto; padding:0 0 2.34vw; }
#optec-news-sec dd { padding:0; }
#optec-news-sec dd p { padding:0 0 2.34vw; }
#optec-news-sec dd p a {}
#optec-news-sec dd p a:hover {}

#optec-top-r { float:none; width:auto; padding:0 4%; }
#optec-top-r p { padding:0 0 3.56vw; }
#optec-top-r p a {}
#optec-top-r p img {}
#optec-top-r ul { padding:2.34vw; }
#optec-top-r li {}
#optec-top-r li:first-child { padding:0 0 3.12vw; }
#optec-top-r li a {}
#optec-top-r li a img { margin:0 auto 1.34vw; }
#optec-top-r li a span { font-size:3.12vw; }
#optec-top-r li a span:before {}
#optec-top-r li a:hover {}


#footer-nav { padding:3.86vw 0 !important; }
#footer-nav nav { width:auto; }
#footer-nav ul { float:none; min-width:0; padding:0 4%; }
#footer-nav ul:before { width:1px; height:auto; border-left:none; }
/*#footer-nav li { margin:0 0 1.98vw; }*/
#footer-nav li a { font-size:3.86vw; }
#footer-nav li a:hover {}



/* SAMPLE */

.h2-basic { margin:0 0 3vw !important; padding:1.98vw 6% !important; font-size:4.68vw !important; }
.h2-basic:before { position:absolute; top:2.98vw; left:3%; height:4.68vw; }

.h3-basic { margin:0 0 3vw !important; padding:1.56vw 0 !important; font-size:4.68vw !important; }
.h4-basic { margin:0 0 2vw !important; padding:1.56vw 0 1.56vw 4.68vw !important; font-size:3.86vw !important; }
.h4-basic:before { position:absolute; top:1.98vw; left:0; width:3.86vw; height:3.86vw; }
.h5-basic { margin:0 0 3vw !important; padding:1.56vw 0 !important; font-size:3.86vw !important; }

.txt-basic { font-size:3.86vw; }
.txt-basic p { padding:0 0 1em !important; }
.txt-basic ol, .txt-basic ul { padding:0 0 1em !important; }
.txt-basic ol ul, .txt-basic ol ol, .txt-basic ul ul, .txt-basic ol ol {}
.check_01 {}
.check_01 li {}

.spfn .td-box { float:none; width:auto; }

.txt-basic dl { padding:0 0 0.5em !important; }
.txt-basic dt { padding:0 0 0.25em !important; }
.txt-basic dd { padding:0 0 1em !important; }

.btn-basic {}
.btn-basic a { font-size:3.12vw; }
.btn-basic a:after {}
.btn-basic a:hover {}
.btn-more1 { width:98%; }
.btn-more2 {}
.btn-more2 li { width:48%; margin:0 0.5% !important; }

.img-r {}
.img-r dt { float:none; margin:0 auto 1em !important; }
.img-l dt img { width:auto; }
.img-r dd { float:none; }
.img-l {}
.img-l dt { float:none; margin:0 auto 1em !important; }
.img-r dt img { width:auto; }
.img-l dd { float:none; }

.img20 dt { width:auto; }
.img20 dd { width:auto; }
.img25 dt { width:auto; }
.img25 dd { width:auto; }
.img30 dt { width:auto; }
.img30 dd { width:auto; }
.img35 dt { width:auto; }
.img35 dd { width:auto; }
.img40 dt { width:auto; }
.img40 dd { width:auto; }
.img45 dt { width:auto; }
.img45 dd { width:auto; }
.img50 dt { width:auto; }
.img50 dd { width:auto; }
.img55 dt { width:auto; }
.img55 dd { width:auto; }
.img60 dt { width:auto; }
.img60 dd { width:auto; }
.img65 dt { width:auto; }
.img65 dd { width:auto; }
.img70 dt { width:auto; }
.img70 dd { width:auto; }
.img75 dt { width:auto; }
.img75 dd { width:auto; }
.img80 dt { width:auto; }
.img80 dd { width:auto; }

.spfn li { float:none; width:auto; }

.table-basic { margin:0 0 1em !important; }
.table-basic th { padding:2.2vw 1.1vw !important; font-size:3.12vw; white-space:nowrap; }
.table-basic thead th {}
.table-basic td { padding:2.2vw 1.1vw !important; font-size:3.12vw; }

.table-basic { margin:0 0 1em !important; }
.dl-basic dt {}
.dl-basic dd {}
.dl-basic dd:after {}

#qa-ul { padding:3.12vw 1.56vw !important; }
#qa-ul li { font-size:3.86vw; }
#qa-ul li:last-child {}
#qa-ul li:before {}
#qa-ul li a {}
#qa-ul li a:after {}

.qa-dl { padding:2.34vw 0 !important; }
.qa-dl dt { font-size:3.86vw; }
.qa-dl dt:before {}

.qa-dl dd { font-size:3.86vw; }
.qa-dl dd:before {}
.qa-dl dd h5 { font-size:3.86vw; }
.qa-dl dd p {}

.s { font-size:3.12vw; }
.l { font-size:5.46vw; }

.media-wrap iframe { height:62vw; }

.wakui { padding:1em 4% 0 !important; }

.more-detail { position:static; text-align:right; }
.more-detail:before {}
.more-detail a { font-size:3.56vw; }

.ico-basic { padding:0 0 3.12vw 1.2em !important; font-size:3.86vw !important; }
.ico-basic a { font-size:3.86vw !important; }
.ico-basic:before { position:absolute; top:0.68vw; left:0; width:3.86vw; height:3.86vw; line-height:3.86vw; font-size:2.34vw; }
.ico-pdf { padding:0 0 3.12vw !important; }
.ico-pdf a { font-size:3.86vw !important; }

	.spw01per  { width: 1% !important; }
	.spw02per  { width: 2% !important; }
	.spw03per  { width: 3% !important; }
	.spw04per  { width: 4% !important; }
	.spw05per  { width: 5% !important; }
	.spw06per  { width: 6% !important; }
	.spw07per  { width: 7% !important; }
	.spw08per  { width: 8% !important; }
	.spw09per  { width: 9% !important; }
	.spw10per  { width:10% !important; }
	.spw11per  { width:11% !important; }
	.spw12per  { width:12% !important; }
	.spw13per  { width:13% !important; }
	.spw14per  { width:14% !important; }
	.spw15per  { width:15% !important; }
	.spw16per  { width:16% !important; }
	.spw17per  { width:17% !important; }
	.spw18per  { width:18% !important; }
	.spw19per  { width:19% !important; }
	.spw20per  { width:20% !important; }
	.spw21per  { width:21% !important; }
	.spw22per  { width:22% !important; }
	.spw23per  { width:23% !important; }
	.spw24per  { width:24% !important; }
	.spw25per  { width:25% !important; }
	.spw26per  { width:26% !important; }
	.spw27per  { width:27% !important; }
	.spw28per  { width:28% !important; }
	.spw29per  { width:29% !important; }
	.spw30per  { width:30% !important; }
	.spw31per  { width:31% !important; }
	.spw32per  { width:32% !important; }
	.spw33per  { width:33% !important; }
	.spw34per  { width:34% !important; }
	.spw35per  { width:35% !important; }
	.spw36per  { width:36% !important; }
	.spw37per  { width:37% !important; }
	.spw38per  { width:38% !important; }
	.spw39per  { width:39% !important; }
	.spw40per  { width:40% !important; }
	.spw41per  { width:41% !important; }
	.spw42per  { width:42% !important; }
	.spw43per  { width:43% !important; }
	.spw44per  { width:44% !important; }
	.spw45per  { width:45% !important; }
	.spw46per  { width:46% !important; }
	.spw47per  { width:47% !important; }
	.spw48per  { width:48% !important; }
	.spw49per  { width:49% !important; }
	.spw50per  { width:50% !important; }
	.spw51per  { width:51% !important; }
	.spw52per  { width:52% !important; }
	.spw53per  { width:53% !important; }
	.spw54per  { width:54% !important; }
	.spw55per  { width:55% !important; }
	.spw56per  { width:56% !important; }
	.spw57per  { width:57% !important; }
	.spw58per  { width:58% !important; }
	.spw59per  { width:59% !important; }
	.spw60per  { width:60% !important; }
	.spw61per  { width:61% !important; }
	.spw62per  { width:62% !important; }
	.spw63per  { width:63% !important; }
	.spw64per  { width:64% !important; }
	.spw65per  { width:65% !important; }
	.spw66per  { width:66% !important; }
	.spw67per  { width:67% !important; }
	.spw68per  { width:68% !important; }
	.spw69per  { width:69% !important; }
	.spw70per  { width:70% !important; }
	.spw71per  { width:71% !important; }
	.spw72per  { width:72% !important; }
	.spw73per  { width:73% !important; }
	.spw74per  { width:74% !important; }
	.spw75per  { width:75% !important; }
	.spw76per  { width:76% !important; }
	.spw77per  { width:77% !important; }
	.spw78per  { width:78% !important; }
	.spw79per  { width:79% !important; }
	.spw80per  { width:80% !important; }
	.spw81per  { width:81% !important; }
	.spw82per  { width:82% !important; }
	.spw83per  { width:83% !important; }
	.spw84per  { width:84% !important; }
	.spw85per  { width:85% !important; }
	.spw86per  { width:86% !important; }
	.spw87per  { width:87% !important; }
	.spw88per  { width:88% !important; }
	.spw89per  { width:89% !important; }
	.spw90per  { width:90% !important; }
	.spw91per  { width:91% !important; }
	.spw92per  { width:92% !important; }
	.spw93per  { width:93% !important; }
	.spw94per  { width:94% !important; }
	.spw95per  { width:95% !important; }
	.spw96per  { width:96% !important; }
	.spw97per  { width:97% !important; }
	.spw98per  { width:98% !important; }
	.spw99per  { width:99% !important; }
	.spw100per { width:100% !important; }

	.sptaR {text-align: right !important;}
	.sptaL { text-align: left !important; }
	.sptaC { text-align: center !important; }

	.spmb05 { margin-bottom: 5px !important;}
	.spmb10 { margin-bottom: 10px !important;}
	.spmb15 { margin-bottom: 15px !important;}
	.spmb20 { margin-bottom: 20px !important;}
	.spmb30 { margin-bottom: 30px !important;}
	.spmb40 { margin-bottom: 40px !important;}
	
	.spml00 { margin-left: 0px !important;}
	.spmr00 { margin-right: 0px !important;}
	.spmt00 { margin-top: 0px !important;}
	.spmt20 { margin-top: 20px !important;}
	.spmb00 { margin-bottom: 0px !important;}
	
	.sppl00 { padding-left: 0px !important;}
	.sppr00 { padding-right: 0px !important;}
	.sppt00 { padding-top: 0px !important;}
	.sppb00 { padding-bottom: 0px !important;}
	
	.sppr20 { padding-right: 20px !important;}
	
	.st-Icon-chevron-down {
		padding: 0 1.2em 10px 0 !important;
	}
	
	body #contents #index {
		margin-top: 0;
	}
	
	.notice {
		padding: 10px 5px !important;
	}
	
	table.table_border {
		width: 100%;
	}
	
	
	
	
	
	/* ---- mobile menu ---- */
	
	.st-GlobalSiteNav_SubItem:before {
		display: none;
	}
	
	.st-GlobalSiteNav_SubLink {
		padding: 16px 0;
		color: #fff;
		font-size: 1.0625rem;
		font-weight: 600;
		border-bottom: 1px solid #747474;
		border-top: none;
	}
	
	/* ---- / mobile menu ---- */
	
	
	
}


@media screen and (max-width:1023px){
	.en_btn {
		display: none;
	}

}