@charset "utf-8";

/* ■スマホ用 */

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

#contents #menu li {}
	
	/* #top_slideshow */

	#top_slideshow p {
		font-size: 17px;
		padding: 3.12vw 4%;
	}
	#top_slideshow p span {
		font-size: 22px;
	}

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

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

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

#display-product-sec {}
#display-product-sec ul {}
#display-product-sec li { float:none; display:inline-block; width:100%; min-height:45vw; text-align:left; margin:0; }
#display-product-sec li a {}
#display-product-sec li img { width:100%; height:auto; margin:0 0 1.34vw; }
#display-product-sec li span {}
#display-product-sec li a:hover {}

#display-top-r { float:none; width:auto; padding:0 4%; }
#display-top-r p { text-align:center; margin:0 auto; padding:0 0 3.56vw; }
#display-top-r p.bnr_inq { margin-bottom: 30px; }
#display-top-r p a {}
#display-top-r p img {}
#display-top-r ul { background:#f6f6f6; padding:3.12vw; }
#display-top-r li {}
#display-top-r li:first-child { margin:0 0 3.12vwvw; }
#display-top-r li a { width:82%; height:9.37vw; line-height:9.37vw;  padding:0 2% 0 16%; font-size:3.86vw; }
#display-top-r li:first-child a:before { content:""; position:absolute; top:2.34vw; left:4%; width:5.46vw; height:5.46vw; background:url(../img/common/icon_aside_01.png); background-size:100% auto; background-repeat: no-repeat;}
#display-top-r li:last-child a:before { content:""; position:absolute; top:2.34vw; left:4%; width:5.46vw; height:5.46vw; background:url(../img/common/icon_aside_01.png); background-size:100% auto; background-repeat: no-repeat; }
#display-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 { display: block; }
/*#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; }

}



@media screen and (max-width: 768px) {
#display-top-l .table-wideouter {
    overflow-x: scroll;
    display: block;
    padding-bottom: 2px;
}

#display-top-l .table-wideouter {
    margin: 1.5rem 0 30px 0;
}

#display-top-l .table-wideouter::-webkit-scrollbar {
    height: 10px;
}

#display-top-l .table-wideouter::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
}

#display-top-l .table-wideouter::-webkit-scrollbar-track {
    margin: 0 2px;
    background: #ccc;
    border-radius: 5px;
}
}

@media screen and (max-width: 640px) {
.notice {
	border: 1px solid #ccc;
	padding: 5px 10px !important;
	margin: 0 0 20px 0 !important;
}
}

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

}