/*===== CSS RESET =====*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,img,ins,kbd,q,s,samp,strike,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{outline:none;border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}.clear{clear:both}.clearfix:after{content:" ";display:table;clear:both}.clearfix{*zoom:1}ul,ol{list-style:none;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body *{max-height:99999em}body img{max-height:none}


/*===== COMMON =====*/

html, body {
	width: 100%;
	min-height: 100%;
}
body {
	background: #FFF;
	font-size: 1em;
	line-height: 1.4;
	font-family: Meiryo, YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
	-webkit-text-size-adjust: none;
	color: #000;
}

.ft_serif {
	font-family: "Hiragino Mincho Pro", Times, "Times New Roman", Georgia, serif;
}

a {
	color: #000;
	text-decoration: none;
}

.trans {
	opacity: 1;
}
.trans:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
}

.container {
	width: 100%;
}

.wrapper {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
}


/*===== FONT SIZE =====*/

/*pc mode*/
@media (max-width: 1920px) { body { font-size: 22.4px } }
@media (max-width: 1915px) { body { font-size: 22.341666666666665px } }
@media (max-width: 1910px) { body { font-size: 22.283333333333335px } }
@media (max-width: 1905px) { body { font-size: 22.225px } }
@media (max-width: 1900px) { body { font-size: 22.166666666666668px } }
@media (max-width: 1895px) { body { font-size: 22.108333333333334px } }
@media (max-width: 1890px) { body { font-size: 22.05px } }
@media (max-width: 1885px) { body { font-size: 21.991666666666667px } }
@media (max-width: 1880px) { body { font-size: 21.933333333333334px } }
@media (max-width: 1875px) { body { font-size: 21.875px } }
@media (max-width: 1870px) { body { font-size: 21.816666666666666px } }
@media (max-width: 1865px) { body { font-size: 21.758333333333333px } }
@media (max-width: 1860px) { body { font-size: 21.7px } }
@media (max-width: 1855px) { body { font-size: 21.641666666666666px } }
@media (max-width: 1850px) { body { font-size: 21.583333333333332px } }
@media (max-width: 1845px) { body { font-size: 21.525px } }
@media (max-width: 1840px) { body { font-size: 21.466666666666665px } }
@media (max-width: 1835px) { body { font-size: 21.408333333333335px } }
@media (max-width: 1830px) { body { font-size: 21.35px } }
@media (max-width: 1825px) { body { font-size: 21.291666666666668px } }
@media (max-width: 1820px) { body { font-size: 21.233333333333334px } }
@media (max-width: 1815px) { body { font-size: 21.175px } }
@media (max-width: 1810px) { body { font-size: 21.116666666666667px } }
@media (max-width: 1805px) { body { font-size: 21.058333333333334px } }
@media (max-width: 1800px) { body { font-size: 21px } }
@media (max-width: 1795px) { body { font-size: 20.941666666666666px } }
@media (max-width: 1790px) { body { font-size: 20.883333333333333px } }
@media (max-width: 1785px) { body { font-size: 20.825px } }
@media (max-width: 1780px) { body { font-size: 20.766666666666666px } }
@media (max-width: 1775px) { body { font-size: 20.708333333333332px } }
@media (max-width: 1770px) { body { font-size: 20.65px } }
@media (max-width: 1765px) { body { font-size: 20.591666666666665px } }
@media (max-width: 1760px) { body { font-size: 20.533333333333335px } }
@media (max-width: 1755px) { body { font-size: 20.475px } }
@media (max-width: 1750px) { body { font-size: 20.416666666666668px } }
@media (max-width: 1745px) { body { font-size: 20.358333333333334px } }
@media (max-width: 1740px) { body { font-size: 20.3px } }
@media (max-width: 1735px) { body { font-size: 20.241666666666667px } }
@media (max-width: 1730px) { body { font-size: 20.183333333333334px } }
@media (max-width: 1725px) { body { font-size: 20.125px } }
@media (max-width: 1720px) { body { font-size: 20.066666666666666px } }
@media (max-width: 1715px) { body { font-size: 20.008333333333333px } }
@media (max-width: 1710px) { body { font-size: 19.95px } }
@media (max-width: 1705px) { body { font-size: 19.891666666666666px } }
@media (max-width: 1700px) { body { font-size: 19.833333333333332px } }
@media (max-width: 1695px) { body { font-size: 19.775px } }
@media (max-width: 1690px) { body { font-size: 19.716666666666665px } }
@media (max-width: 1685px) { body { font-size: 19.658333333333335px } }
@media (max-width: 1680px) { body { font-size: 19.6px } }
@media (max-width: 1675px) { body { font-size: 19.541666666666668px } }
@media (max-width: 1670px) { body { font-size: 19.483333333333334px } }
@media (max-width: 1665px) { body { font-size: 19.425px } }
@media (max-width: 1660px) { body { font-size: 19.366666666666667px } }
@media (max-width: 1655px) { body { font-size: 19.308333333333334px } }
@media (max-width: 1650px) { body { font-size: 19.25px } }
@media (max-width: 1645px) { body { font-size: 19.191666666666666px } }
@media (max-width: 1640px) { body { font-size: 19.133333333333333px } }
@media (max-width: 1635px) { body { font-size: 19.075px } }
@media (max-width: 1630px) { body { font-size: 19.016666666666666px } }
@media (max-width: 1625px) { body { font-size: 18.958333333333332px } }
@media (max-width: 1620px) { body { font-size: 18.9px } }
@media (max-width: 1615px) { body { font-size: 18.841666666666665px } }
@media (max-width: 1610px) { body { font-size: 18.783333333333335px } }
@media (max-width: 1605px) { body { font-size: 18.725px } }
@media (max-width: 1600px) { body { font-size: 18.666666666666668px } }
@media (max-width: 1595px) { body { font-size: 18.608333333333334px } }
@media (max-width: 1590px) { body { font-size: 18.55px } }
@media (max-width: 1585px) { body { font-size: 18.491666666666667px } }
@media (max-width: 1580px) { body { font-size: 18.433333333333334px } }
@media (max-width: 1575px) { body { font-size: 18.375px } }
@media (max-width: 1570px) { body { font-size: 18.316666666666666px } }
@media (max-width: 1565px) { body { font-size: 18.258333333333333px } }
@media (max-width: 1560px) { body { font-size: 18.2px } }
@media (max-width: 1555px) { body { font-size: 18.141666666666666px } }
@media (max-width: 1550px) { body { font-size: 18.083333333333332px } }
@media (max-width: 1545px) { body { font-size: 18.025px } }
@media (max-width: 1540px) { body { font-size: 17.966666666666665px } }
@media (max-width: 1535px) { body { font-size: 17.908333333333335px } }
@media (max-width: 1530px) { body { font-size: 17.85px } }
@media (max-width: 1525px) { body { font-size: 17.791666666666668px } }
@media (max-width: 1520px) { body { font-size: 17.733333333333334px } }
@media (max-width: 1515px) { body { font-size: 17.675px } }
@media (max-width: 1510px) { body { font-size: 17.616666666666667px } }
@media (max-width: 1505px) { body { font-size: 17.558333333333334px } }
@media (max-width: 1500px) { body { font-size: 17.5px } }
@media (max-width: 1495px) { body { font-size: 17.441666666666666px } }
@media (max-width: 1490px) { body { font-size: 17.383333333333333px } }
@media (max-width: 1485px) { body { font-size: 17.325px } }
@media (max-width: 1480px) { body { font-size: 17.266666666666666px } }
@media (max-width: 1475px) { body { font-size: 17.208333333333332px } }
@media (max-width: 1470px) { body { font-size: 17.15px } }
@media (max-width: 1465px) { body { font-size: 17.091666666666665px } }
@media (max-width: 1460px) { body { font-size: 17.033333333333335px } }
@media (max-width: 1455px) { body { font-size: 16.975px } }
@media (max-width: 1450px) { body { font-size: 16.916666666666668px } }
@media (max-width: 1445px) { body { font-size: 16.858333333333334px } }
@media (max-width: 1440px) { body { font-size: 16.8px } }
@media (max-width: 1435px) { body { font-size: 16.741666666666667px } }
@media (max-width: 1430px) { body { font-size: 16.683333333333334px } }
@media (max-width: 1425px) { body { font-size: 16.625px } }
@media (max-width: 1420px) { body { font-size: 16.566666666666666px } }
@media (max-width: 1415px) { body { font-size: 16.508333333333333px } }
@media (max-width: 1410px) { body { font-size: 16.45px } }
@media (max-width: 1405px) { body { font-size: 16.391666666666666px } }
@media (max-width: 1400px) { body { font-size: 16.333333333333332px } }
@media (max-width: 1395px) { body { font-size: 16.275px } }
@media (max-width: 1390px) { body { font-size: 16.216666666666665px } }
@media (max-width: 1385px) { body { font-size: 16.158333333333335px } }
@media (max-width: 1380px) { body { font-size: 16.1px } }
@media (max-width: 1375px) { body { font-size: 16.041666666666668px } }
@media (max-width: 1370px) { body { font-size: 15.983333333333333px } }
@media (max-width: 1365px) { body { font-size: 15.925px } }
@media (max-width: 1360px) { body { font-size: 15.866666666666667px } }
@media (max-width: 1355px) { body { font-size: 15.808333333333334px } }
@media (max-width: 1350px) { body { font-size: 15.75px } }
@media (max-width: 1345px) { body { font-size: 15.691666666666666px } }
@media (max-width: 1340px) { body { font-size: 15.633333333333333px } }
@media (max-width: 1335px) { body { font-size: 15.575px } }
@media (max-width: 1330px) { body { font-size: 15.516666666666667px } }
@media (max-width: 1325px) { body { font-size: 15.458333333333334px } }
@media (max-width: 1320px) { body { font-size: 15.4px } }
@media (max-width: 1315px) { body { font-size: 15.341666666666667px } }
@media (max-width: 1310px) { body { font-size: 15.283333333333333px } }
@media (max-width: 1305px) { body { font-size: 15.225px } }
@media (max-width: 1300px) { body { font-size: 15.166666666666666px } }
@media (max-width: 1295px) { body { font-size: 15.108333333333333px } }
@media (max-width: 1290px) { body { font-size: 15.05px } }
@media (max-width: 1285px) { body { font-size: 14.991666666666667px } }
@media (max-width: 1280px) { body { font-size: 14.933333333333334px } }
@media (max-width: 1275px) { body { font-size: 14.875px } }
@media (max-width: 1270px) { body { font-size: 14.816666666666666px } }
@media (max-width: 1265px) { body { font-size: 14.758333333333333px } }
@media (max-width: 1260px) { body { font-size: 14.7px } }
@media (max-width: 1255px) { body { font-size: 14.641666666666667px } }
@media (max-width: 1250px) { body { font-size: 14.583333333333334px } }
@media (max-width: 1245px) { body { font-size: 14.525px } }
@media (max-width: 1240px) { body { font-size: 14.466666666666667px } }
@media (max-width: 1235px) { body { font-size: 14.408333333333333px } }
@media (max-width: 1230px) { body { font-size: 14.35px } }
@media (max-width: 1225px) { body { font-size: 14.291666666666666px } }
@media (max-width: 1220px) { body { font-size: 14.233333333333333px } }
@media (max-width: 1215px) { body { font-size: 14.175px } }
@media (max-width: 1210px) { body { font-size: 14.116666666666667px } }
@media (max-width: 1205px) { body { font-size: 14.058333333333334px } }
@media (max-width: 1200px) { body { font-size: 14px } }
@media (max-width: 1195px) { body { font-size: 13.941666666666666px } }
@media (max-width: 1190px) { body { font-size: 13.883333333333333px } }
@media (max-width: 1185px) { body { font-size: 13.825px } }
@media (max-width: 1180px) { body { font-size: 13.766666666666667px } }
@media (max-width: 1175px) { body { font-size: 13.708333333333334px } }
@media (max-width: 1170px) { body { font-size: 13.65px } }
@media (max-width: 1165px) { body { font-size: 13.591666666666667px } }
@media (max-width: 1160px) { body { font-size: 13.533333333333333px } }
@media (max-width: 1155px) { body { font-size: 13.475px } }
@media (max-width: 1150px) { body { font-size: 13.416666666666666px } }
@media (max-width: 1145px) { body { font-size: 13.358333333333333px } }
@media (max-width: 1140px) { body { font-size: 13.3px } }
@media (max-width: 1135px) { body { font-size: 13.241666666666667px } }
@media (max-width: 1130px) { body { font-size: 13.183333333333334px } }
@media (max-width: 1125px) { body { font-size: 13.125px } }
@media (max-width: 1120px) { body { font-size: 13.066666666666666px } }
@media (max-width: 1115px) { body { font-size: 13.008333333333333px } }
@media (max-width: 1110px) { body { font-size: 12.95px } }
@media (max-width: 1105px) { body { font-size: 12.891666666666667px } }
@media (max-width: 1100px) { body { font-size: 12.833333333333334px } }
@media (max-width: 1095px) { body { font-size: 12.775px } }
@media (max-width: 1090px) { body { font-size: 12.716666666666667px } }
@media (max-width: 1085px) { body { font-size: 12.658333333333333px } }
@media (max-width: 1080px) { body { font-size: 12.6px } }
@media (max-width: 1075px) { body { font-size: 12.541666666666666px } }
@media (max-width: 1070px) { body { font-size: 12.483333333333333px } }
@media (max-width: 1065px) { body { font-size: 12.425px } }
@media (max-width: 1060px) { body { font-size: 12.366666666666667px } }
@media (max-width: 1055px) { body { font-size: 12.308333333333334px } }
@media (max-width: 1050px) { body { font-size: 12.25px } }
@media (max-width: 1045px) { body { font-size: 12.191666666666666px } }
@media (max-width: 1040px) { body { font-size: 12.133333333333333px } }
@media (max-width: 1035px) { body { font-size: 12.075px } }
@media (max-width: 1030px) { body { font-size: 12.016666666666667px } }
@media (max-width: 1025px) { body { font-size: 11.958333333333334px } }
@media (max-width: 1020px) { body { font-size: 11.9px } }
@media (max-width: 1015px) { body { font-size: 11.841666666666667px } }
@media (max-width: 1010px) { body { font-size: 11.783333333333333px } }
@media (max-width: 1005px) { body { font-size: 11.725px } }
@media (max-width: 1000px) { body { font-size: 11.666666666666666px } }
@media (max-width: 995px) { body { font-size: 11.608333333333333px } }
@media (max-width: 990px) { body { font-size: 11.55px } }
@media (max-width: 985px) { body { font-size: 11.491666666666667px } }
@media (max-width: 980px) { body { font-size: 11.433333333333334px } }
@media (max-width: 975px) { body { font-size: 11.375px } }
@media (max-width: 970px) { body { font-size: 11.316666666666666px } }
@media (max-width: 965px) { body { font-size: 11.258333333333333px } }
@media (max-width: 960px) { body { font-size: 11.2px } }
@media (max-width: 955px) { body { font-size: 11.141666666666667px } }
@media (max-width: 950px) { body { font-size: 11.083333333333334px } }
@media (max-width: 945px) { body { font-size: 11.025px } }
@media (max-width: 940px) { body { font-size: 10.966666666666667px } }
@media (max-width: 935px) { body { font-size: 10.908333333333333px } }
@media (max-width: 930px) { body { font-size: 10.85px } }
@media (max-width: 925px) { body { font-size: 10.791666666666666px } }
@media (max-width: 920px) { body { font-size: 10.733333333333333px } }
@media (max-width: 915px) { body { font-size: 10.675px } }
@media (max-width: 910px) { body { font-size: 10.616666666666667px } }
@media (max-width: 905px) { body { font-size: 10.558333333333334px } }
@media (max-width: 900px) { body { font-size: 10.5px } }
@media (max-width: 895px) { body { font-size: 10.441666666666666px } }
@media (max-width: 890px) { body { font-size: 10.383333333333333px } }
@media (max-width: 885px) { body { font-size: 10.325px } }
@media (max-width: 880px) { body { font-size: 10.266666666666667px } }
@media (max-width: 875px) { body { font-size: 10.208333333333334px } }
@media (max-width: 870px) { body { font-size: 10.15px } }
@media (max-width: 865px) { body { font-size: 10.091666666666667px } }
@media (max-width: 860px) { body { font-size: 10.033333333333333px } }
@media (max-width: 855px) { body { font-size: 9.975px } }
@media (max-width: 850px) { body { font-size: 9.916666666666666px } }
@media (max-width: 845px) { body { font-size: 9.858333333333333px } }
@media (max-width: 840px) { body { font-size: 9.8px } }
@media (max-width: 835px) { body { font-size: 9.741666666666667px } }
@media (max-width: 830px) { body { font-size: 9.683333333333334px } }
@media (max-width: 825px) { body { font-size: 9.625px } }
@media (max-width: 820px) { body { font-size: 9.566666666666666px } }
@media (max-width: 815px) { body { font-size: 9.508333333333333px } }
@media (max-width: 810px) { body { font-size: 9.45px } }
@media (max-width: 805px) { body { font-size: 9.391666666666667px } }
@media (max-width: 800px) { body { font-size: 9.333333333333334px } }
@media (max-width: 795px) { body { font-size: 9.275px } }
@media (max-width: 790px) { body { font-size: 9.216666666666667px } }
@media (max-width: 785px) { body { font-size: 9.158333333333333px } }
@media (max-width: 780px) { body { font-size: 9.1px } }
@media (max-width: 769px) { body { font-size: 9.041666666666666px } }

/*sp mode*/
@media (max-width: 768px) { body { font-size: 21.42px } }
@media (max-width: 760px) { body { font-size: 21.28px } }
@media (max-width: 755px) { body { font-size: 21.14px } }
@media (max-width: 750px) { body { font-size: 21px } }
@media (max-width: 745px) { body { font-size: 20.86px } }
@media (max-width: 740px) { body { font-size: 20.72px } }
@media (max-width: 735px) { body { font-size: 20.58px } }
@media (max-width: 730px) { body { font-size: 20.44px } }
@media (max-width: 725px) { body { font-size: 20.3px } }
@media (max-width: 720px) { body { font-size: 20.16px } }
@media (max-width: 715px) { body { font-size: 20.02px } }
@media (max-width: 710px) { body { font-size: 19.88px } }
@media (max-width: 705px) { body { font-size: 19.74px } }
@media (max-width: 700px) { body { font-size: 19.6px } }
@media (max-width: 695px) { body { font-size: 19.46px } }
@media (max-width: 690px) { body { font-size: 19.32px } }
@media (max-width: 685px) { body { font-size: 19.18px } }
@media (max-width: 680px) { body { font-size: 19.04px } }
@media (max-width: 675px) { body { font-size: 18.9px } }
@media (max-width: 670px) { body { font-size: 18.76px } }
@media (max-width: 665px) { body { font-size: 18.62px } }
@media (max-width: 660px) { body { font-size: 18.48px } }
@media (max-width: 655px) { body { font-size: 18.34px } }
@media (max-width: 650px) { body { font-size: 18.2px } }
@media (max-width: 645px) { body { font-size: 18.06px } }
@media (max-width: 640px) { body { font-size: 17.92px } }
@media (max-width: 635px) { body { font-size: 17.78px } }
@media (max-width: 630px) { body { font-size: 17.64px } }
@media (max-width: 625px) { body { font-size: 17.5px } }
@media (max-width: 620px) { body { font-size: 17.36px } }
@media (max-width: 615px) { body { font-size: 17.22px } }
@media (max-width: 610px) { body { font-size: 17.08px } }
@media (max-width: 605px) { body { font-size: 16.94px } }
@media (max-width: 600px) { body { font-size: 16.8px } }
@media (max-width: 595px) { body { font-size: 16.66px } }
@media (max-width: 590px) { body { font-size: 16.52px } }
@media (max-width: 585px) { body { font-size: 16.38px } }
@media (max-width: 580px) { body { font-size: 16.24px } }
@media (max-width: 575px) { body { font-size: 16.1px } }
@media (max-width: 570px) { body { font-size: 15.96px } }
@media (max-width: 565px) { body { font-size: 15.82px } }
@media (max-width: 560px) { body { font-size: 15.68px } }
@media (max-width: 555px) { body { font-size: 15.54px } }
@media (max-width: 550px) { body { font-size: 15.4px } }
@media (max-width: 545px) { body { font-size: 15.26px } }
@media (max-width: 540px) { body { font-size: 15.12px } }
@media (max-width: 535px) { body { font-size: 14.98px } }
@media (max-width: 530px) { body { font-size: 14.84px } }
@media (max-width: 525px) { body { font-size: 14.7px } }
@media (max-width: 520px) { body { font-size: 14.56px } }
@media (max-width: 515px) { body { font-size: 14.42px } }
@media (max-width: 510px) { body { font-size: 14.28px } }
@media (max-width: 505px) { body { font-size: 14.14px } }
@media (max-width: 500px) { body { font-size: 14px } }
@media (max-width: 495px) { body { font-size: 13.86px } }
@media (max-width: 490px) { body { font-size: 13.72px } }
@media (max-width: 485px) { body { font-size: 13.58px } }
@media (max-width: 480px) { body { font-size: 13.44px } }
@media (max-width: 475px) { body { font-size: 13.3px } }
@media (max-width: 470px) { body { font-size: 13.16px } }
@media (max-width: 465px) { body { font-size: 13.02px } }
@media (max-width: 460px) { body { font-size: 12.88px } }
@media (max-width: 455px) { body { font-size: 12.74px } }
@media (max-width: 450px) { body { font-size: 12.6px } }
@media (max-width: 445px) { body { font-size: 12.46px } }
@media (max-width: 440px) { body { font-size: 12.32px } }
@media (max-width: 435px) { body { font-size: 12.18px } }
@media (max-width: 430px) { body { font-size: 12.04px } }
@media (max-width: 425px) { body { font-size: 11.9px } }
@media (max-width: 420px) { body { font-size: 11.76px } }
@media (max-width: 415px) { body { font-size: 11.62px } }
@media (max-width: 410px) { body { font-size: 11.48px } }
@media (max-width: 405px) { body { font-size: 11.34px } }
@media (max-width: 400px) { body { font-size: 11.2px } }
@media (max-width: 395px) { body { font-size: 11.06px } }
@media (max-width: 390px) { body { font-size: 10.92px } }
@media (max-width: 385px) { body { font-size: 10.78px } }
@media (max-width: 380px) { body { font-size: 10.64px } }
@media (max-width: 375px) { body { font-size: 10.5px } }
@media (max-width: 370px) { body { font-size: 10.36px } }
@media (max-width: 365px) { body { font-size: 10.22px } }
@media (max-width: 360px) { body { font-size: 10.08px } }
@media (max-width: 355px) { body { font-size: 9.94px } }
@media (max-width: 350px) { body { font-size: 9.8px } }
@media (max-width: 345px) { body { font-size: 9.66px } }
@media (max-width: 340px) { body { font-size: 9.52px } }
@media (max-width: 335px) { body { font-size: 9.38px } }
@media (max-width: 330px) { body { font-size: 9.24px } }
@media (max-width: 325px) { body { font-size: 9.1px } }
@media (max-width: 320px) { body { font-size: 8.96px } }


/*===== RESPONSIVE =====*/

.sm {
	display: none !important;
}

@media (max-width: 768px) {

	.md {
		display: none !important;
	}
	.sm {
		display: block !important;
	}

	img {
		display: block;
		width: 100%;
		height: auto;
	}
	img.inline {
		display: inline;
		width: auto;
	}

	.trans {
		opacity: 1;
	}
	.trans:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	.container {
		width: auto;
		min-width: 0;
	}
	.wrapper {
		width: auto;
		margin: 0;
		max-width: 100%;
		min-width: 100%;
	}

}


/*===== HEADER =====*/

header img {
	display: block;
}

header a {
	display: block;
}
header {
	padding: 1.7% 8.34% 1.3%;
}
h1.logo {
	float: left;
	width: 13.6%;
	margin-top: 2.8%;
}

h1.logo img {
	width: 100%;
}
.menu {
	float: right;
	width: 76.5%;
}

.header_btn {
	float: right;
	width: 18.3%;
}

.header_btn img {
	width: 100%;
	display: block;
}

ul.menu_header {
	width: 100%;
	float: left;
	margin-top: 2.62%;
}
ul.menu_header li {
	float: left;
	margin-right: 7.53%;
	height: 1.5em;
}

ul.menu_header li:last-child {
	margin-right: 0;
	float: right;
}
ul.menu_header li:hover {
	border-bottom: 0.2em solid #d9d3cf;
}
ul.menu_header li a {
    font-size: 1em;
    color: #40210f;
}
@media (max-width: 768px) {
	header {
		padding-left: 0;
		padding-right: 4%;
		position: relative;
		height: 5.65em;
	}
	header .menu {
		display: none;
		position: absolute;
		width: 100%;
		top: 100%;
		background: white;
		width: 100%;
	}
	h1.logo {
		width: 23.6%;
		margin-top: 1.5%;
		margin-left: 2.5%;
	}
	header .header_btn {
		display: none;
	}
	.menu_btn {
		float: right;
		width: 6.5%;
		margin-top: 5%;
	}
	.menu_btn.sm .close {
		display: none;
	}
	header ul.menu_header li {
		width: 100% !important;
		margin-right: 0;
		margin-top: 5.5%;
		margin-bottom: 5.3%;
	}
	ul.menu_header li span {
		float: left;
	}
	header ul.menu_header {
		padding: 0 4%;
	}
	header ul.menu_header a {
		float: left;
		width: 100%;
	}
	.menu_btn .open {
		display: block;
	}
	.menu_btn .close {
		display: none;
	}
	.menu_btn.show .open {
		display: none;
	}
	.menu_btn.show .close {
		display: block;
	}
	.menu_btn.show {
		width: 4.6%;
		margin-right: 1%;
	}
}


/*===== NAVIGATION =====*/

.navigation {}

@media (max-width: 768px) {

	.navigation {}

}


/*===== FOOTER =====*/

footer {
	padding-top: 5%;
	padding-bottom: 1%;
}
footer .menu {
	width: 100%;
	padding: 0px 18.1%;
}

footer a {
	display: block;
}

footer .header_btn {
	width: 100%;
	padding: 0 40.83%;
}
.logo_footer img {
	display: block;
	width: 100%;
}

.logo_footer {
	padding: 0 44.339%;
	float: left;
	margin-top: 3%;
	width: 100%;
}
p.copy {
	text-align: center;
	color: #40210f;
	float: left;
	width: 100%;
	margin-top: 1%;
}
@media (max-width: 768px) {
    footer {
        padding-top: 11.6%;
    }
    footer .menu {
        padding: 0 4%;
    }
    footer .header_btn {
        padding: 0 34.8%;
        margin-bottom: 2%;
    }
    footer ul.menu_header li:first-child {
        margin-right: 12%;
        margin-left: 13.5%;
    }
    footer ul.menu_header li:nth-child(3) {
        margin-left: 9%;
    }
    footer ul.menu_header li {
        margin-right: 13%;
        margin-bottom: 6%;
    }
    .logo_footer {
        padding: 0 36.4%;
        margin-top: 1.205%;
    }
    p.copy {
        margin-top: 2%;
    }
    footer ul.menu_header li:last-child {
        float: left;
    }
}


/*===== MAIN =====*/

.main {
	display: block;
	width: 100%;
}
.banner img {
	display: block;
	width: 100%;
}
.bg_top {
	margin-top: 3.35%;
	position: relative;
	background: #d9b3d4 url('../img/title_bg.png') no-repeat top center;
	background-size: 100%;
	padding-bottom: 3.34%;
}
.section_cherish h2 {
	text-align: center;
	font-size: 2.143em;
	line-height: 1em;
	color: #912585;
	padding-top: 0.2%;
	display: block;
}

p.txt_title {
	text-align: center;
	font-size: 1.143em;
	color: #40210f;
	padding-top: 0.6%;
	line-height: 1.5em;
}
.frame_cherish {
	padding: 0 8.33%;
	margin-top: 6.8%;
}
.left_cherish {
	float: right;
	width: 50%;
}

section.section_cherish img {
	display: block;
}

.left_cherish img {
	width: 100%;
}

.right_cherish {
	float: left;
	width: 50%;
}
.right_cherish p {
	font-size: 1em;
	line-height: 1.75em;
	margin-top: -1%;
}
.img_right_cherish img {
	width: 100%;
}
.img_right_cherish {
	width: 65.2%;
	margin-left: 13.4%;
	margin-top: 9.5%;
}
.section_flange.bg_top {
	background: #a6dcf3 url('../img/title_bg.png') no-repeat top center;
	background-size: 100%;
}
.section_flange h2 {
	text-align: center;
	font-size: 2.143em;
	line-height: 1em;
	color: #009bdd;
	padding-top: 0.2%;
	display: block;
}
.section_flange img {
	display: block;
}

.frame_flange {padding: 0 8.33%;margin-top: 4.8%;}
.right_child_flange {
	float: right;
	width: 40%;
}

.right_child_flange img {
	width: 100%;
}

.left_child_flange {
	float: left;
	width: 58%;
}

.left_child_flange p {
	font-size: 1em;
	line-height: 1.857em;
	margin-top: -1%;
}

ul.list_mark {
	float: left;
	width: 100%;
	margin-top: 3.1%;
}

ul.list_mark li {
	float: left;
	width: 14.84%;
	margin-right: 3.45%;
}

ul.list_mark li img {
	width: 100%;
}
.left_child_flange h3 {
	font-size: 1.7143em;
	font-weight: bold;
	color: #40210f;
	padding-left: 12.5%;
	position: relative;
	line-height: 1.3em;
	margin-top: 2.4%;
	margin-bottom: 7.2%;
}
.left_child_flange h3:before{
	position: absolute;
	content: " ";
	background: url('../img/icon01.png') no-repeat;
	width: 2.3em;
	height: 2.3em;
	left: 0;
	background-size: 100%;
	top: -50%;
}
.child_flange.has_title {
	margin-top: 4%;
	/* padding-bottom: 2%; */
}
.left_child_flange.ui h3:before{
	background: url('../img/icon02.png') no-repeat;
	background-size: 100%;
}
.left_child_flange.design_production h3:before{
	background: url('../img/icon03.png') no-repeat;
	background-size: 100%;
}
.bg_top.version02 {
	background: #cce7bb url('../img/title_bg02.png') no-repeat top center;
	background-size: 100%;
}
.section_performance h2 {
	text-align: center;
	font-size: 2.143em;
	line-height: 1em;
	color: #6eb93c;
	padding-top: 0.2%;
	display: block;
}
.frame_performance {
	padding: 0 8.33%;
	margin-top: 5%;
}
.list_per01 {
	float: left;
	width: 30%;
	word-break: break-word;
	margin-right: 5%;
}

.list_per01 h3 {
	font-size: 1em;
	font-weight: bold;
	color: #40210f;
	margin-bottom: 4%;
}

.list_per01 p {
	width: 100%;
	margin-bottom: 0.1%;
	line-height: 1.7em;
}
.list_per01 a {
	display: block;
	width: 100%;
	margin-bottom: 0.2%;
	color: #0066ff;
	letter-spacing: -0.01em;
	line-height: 1.7em;
}
.list_per01:last-child {
	margin-right: 0;
}
.section_member h2 {
	text-align: center;
	font-size: 2.143em;
	line-height: 1em;
	color: #fbdc00;
	padding-top: 0.2%;
	display: block;
}
.section_member.bg_top.version02 {
	background: #fef3a6 url('../img/title_bg02.png') no-repeat top center;
	background-size: 100%;
	padding-bottom: 4%;
}
.frame_member {
	padding: 0 8.33%;
	margin-top: 5%;
}

p.txt_member {
	display: block;
	width: 100%;
	line-height: 1.75em;
}
ul.list_black li {
	float: left;
	width: 30%;
	text-align: center;
	margin-right: 5%;
}
.section_member img {
	display: block;
}
.black_child {
	display: block;
	width: 100%;
}
.black_child a {
	display: block;
	width: 100%;
	margin-bottom: 0.2%;
	color: #0066ff;
	letter-spacing: -0.01em;
	line-height: 1.7em;
}

.img_black {
	padding: 0 28.3%;
	margin-bottom: 6%;
}

.img_black img {
	width: 100%;
}

.name_black h3 {
	color: #40210f;
	font-weight: bold;
	font-size: 1.143em;
	margin-bottom: 2%;
}

.content_black {
	font-size: 0.843em;
	text-align: left;
}

ul.list_black li:last-child {
	margin-right: 0;
}
ul.list_black {
	margin-top: 1.4%;
}

.name_black {
	margin-bottom: 7.8%;
}

.content_black p {
	line-height: 1.79em;
}
.section_company h2 {
	text-align: center;
	font-size: 2.143em;
	line-height: 1em;
	color: #e32d20;
	padding-top: 0.2%;
	display: block;
}
.section_company.bg_top.version02 {
	background: #f5b6b1 url('../img/title_bg02.png') no-repeat top center;
	background-size: 100%;
}
.frame_company {
	padding: 0 8.33%;
	margin-top: 5%;
}
.module_info {
	float: left;
	width: 30%;
	margin-right: 5%;
}

p.row_info {
	float: left;
	width: 100%;
	margin-bottom: 0.1%;
}

span.title_info {
	float: left;
	width: 38%;
	font-size: 0.857em;
	font-weight: bold;
}

span.content_info {
	float: right;
	width: 62%;
	font-size: 0.857em;
	line-height: 1.75em;
}
.module_info:last-child .row_info .content_info {
	width: 100%;
}

.module_info:last-child {
	margin: 0;
}
.map {
	width: 100%;
	padding: 0 8.33%;
	margin-top: 1%;
}

.map iframe {
	width: 100%;
	height: 11.43em;
	display: block;
}
.section_notice h2 {
	text-align: center;
	font-size: 2.143em;
	line-height: 1em;
	color: #ed881c;
	padding-top: 0.2%;
	display: block;
}
.section_notice.bg_top.version02 {
	background: #f9d5b0 url('../img/title_bg02.png') no-repeat top center;
	background-size: 100%;
	padding-bottom: 3%;
}
.frame_notice {
	padding: 0 8.33%;
	margin-top: 5%;
}

p.row_notice {
	float: left;
	width: 100%;
	padding-bottom: 3%;
}

span.date_time {
	float: left;
	width: 11.5%;
}

span.content_notice {
	float: left;
	width: 88.5%;
}
p.row_notice:last-child {
	padding-bottom: 0;
}
.scrollup {
	position: fixed;
	bottom: 2.3%;
	right: 1.6%;
	width: 5%;
	cursor: pointer;
}
.scrollup img {
	display: block;
	width: 100%;
}
section.section_performance {
	padding-bottom: 2.8%;
}
.map span{
	border-radius: 1em;
	overflow: hidden;
	display: block;
	position: relative;
}
@media (max-width: 768px) {
	.main {}
	.bg_top {
		background: #d9b3d4 url('../img/sm_img/bg_title.png') no-repeat 100% 3%;
		background-size: 100% auto;
		margin-top: 8%;
	}
	.frame_cherish {
		padding: 0 4%;
		margin-top: 15.3%;
	}
	section h2 {
		font-size: 1.7143em !important;
	}
	.left_cherish {
		float: left;
		width: 100%;
		padding: 0 6.45%;
	}
	p.txt_title {
		font-size: 1em;
		padding-top: 1.7%;
	}
	.right_cherish {
		width: 100%;
	}
	.right_cherish p {
		margin-top: 2%;
		line-height: 1.6em;
	}
	.img_right_cherish {
		width: 100%;
		margin: 0;
		padding: 0 21.5%;
		margin-top: 2.5%;
		margin-bottom: 1%;
	}
	.section_flange.bg_top {
		background: #a6dcf3 url('../img/sm_img/bg_title.png') no-repeat 100% 1.15%;
		background-size: 100% auto;
	}
	.left_child_flange {
		width: 100%;
	}
	.left_child_flange p {
		margin-top: 0;
		margin-bottom: 2%;
	}
	.frame_flange {
		padding: 0 4%;
		margin-top: 12%;
	}
	ul.list_mark li {
		width: 18.7%;
		margin-right: 4.36%;
		margin-bottom: 4.36%;
	}
	ul.list_mark li:nth-child(3) {
		margin-right: 20%;
	}
	.right_child_flange {
		width: 100%;
		padding: 0 6.45%;
	}
	.right_child_flange img {
		margin-bottom: 5%;
	}
	.left_child_flange h3 {
		font-size: 1.2857em;
		padding-left: 16%;
	}
	.left_child_flange h3:before {
		width: 3.112em;
		height: 3.112em;
		top: -75%;
	}
	.frame_performance {
		padding: 0 4%;
		margin-top: 9.7%;
	}
	.bg_top.version02 {
		background: #cce7bb url('../img/sm_img/bg_titlev2.png') no-repeat top center;
		background-size: 100% auto;
	}
	.list_per01 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 6.7%;
	}
	.section_performance h2 {
		font-size: 2.143em !important;
		padding-top: 0.3%;
	}
	.list_per01 h3 {
		margin-bottom: 2.6%;
	}
	.list_per01 p {
		margin-bottom: 0.34%;
	}
	.list_per01 a {
		margin-bottom: 0.7%;
		line-height: 1.6em;
	}
	.section_member.bg_top.version02 {
		background: #fef3a6 url('../img/sm_img/bg_titlev2.png') no-repeat top center;
		background-size: 100% auto;
	}
	.section_member h2,
	.section_company h2,
	.section_member h2,
	.section_notice h2 {
		font-size: 2.143em !important;
		padding-top: 0.3%;
	}
	.frame_member {
		padding: 0 4%;
		margin-top: 10%;
	}
	ul.list_black li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 7.3%;
	}
	.img_black {
		padding: 0 35.9%;
		margin-bottom: 4%;
	}
	.name_black {
		margin-bottom: 4%;
	}
	.section_company.bg_top.version02 {
		background: #f5b6b1 url('../img/sm_img/bg_titlev2.png') no-repeat top center;
		background-size: 100%;
	}
	.frame_company {
		padding: 0 4%;
		margin-top: 10%;
	}
	.module_info {
		width: 100%;
		margin-right: 0;
	}
	span.title_info {
		width: 25%;
		line-height: 1.75em;
	}
	span.content_info {
		width: 75%;
		line-height: 1.79em;
	}
	.module_info:last-child .row_info .content_info {
		width: 75%;
	}
	.map {
		padding: 0 4%;
		border-radius: 5px;
		margin-top: 2.5%;
		margin-bottom: 14.45%;
	}
	.map iframe {
		height: 10em;
	}
	.map span {
		position: relative;
		border-radius: 1em;
		overflow: hidden;
		display: block;
	}
	.section_notice.bg_top.version02 {
		background: #f9d5b0 url('../img/sm_img/bg_titlev2.png') no-repeat top center;
		background-size: 100%;
	}
	.frame_notice.clearfix {
		padding: 0 4%;
		margin-top: 11.2%;
		margin-bottom: 3.5%;
	}
	span.date_time {
		width: 25%;
		line-height: 1.8em;
	}
	span.content_notice {
		width: 75%;
		line-height: 1.8em;
	}
	.scrollup.trans {
		display: none !important;
		opacity: 0 !important;
	}
	.section_cherish h2,
	.section_flange h2 {
		background: white;
	}
	section.section_flange {
		padding-bottom: 2.3%;
	}
	section.section_performance {
		padding-bottom: 0.5%;
	}
	p.txt_member {
		line-height: 1.79em;
	}
	section.section_member.bg_top.version02 {
		padding-bottom: 0%;
	}
	p.row_notice {
		padding-bottom: 5%;
	}
	.child_flange.has_title {
		padding-bottom: 2%;
	}
}