/* legal */
main#legal.main-box{ }
main#legal.main-box .main-wrapper{ }
main#legal .page-box{}
main#legal .page-box .page-wapper{ background-image: url("../images/legal-bg.png"); background-repeat: no-repeat; background-size: 640px 325px; background-position:  calc(50% + 280px) top;}
main#legal .page-box .page-title{}
main#legal .page-box .page-content{ padding:0 0 80px 0;min-height: calc(100vh - 80px/* header */ - 246px/* footer */)}
.legal-box{}
.legal-box .legal-wrapper{}
.legal-box .legal-title{ text-align: center; padding: 8vh 0 5vh 0;}
.legal-box .legal-title h1{ font-size: 2.625em; line-height: 1.2em; color: #4A8404; margin: 0;}
.legal-box .legal-title .note{ color:#666; font-size:1.2em; line-height:1.4em; margin-top:10px;}
.legal-box .legal-time{ color: #666; padding: 10px 0;margin-top:10px;}
.legal-box .legal-time p{ margin: 0;}
.legal-box .legal-content{}
.legal-box .legal-content p{ line-height: 2em; margin: 25px 0; }
/*.legal-box .legal-content h2{ font-size: 1.25em; font-weight: bold; line-height: 1.3em; margin:70px 0 25px 0; }*/
dl.legal-list{ margin:0; padding:0}
dl.legal-list > dt{/*counter-increment: chapter;*/ font-size: 1.25rem; font-weight: bold; line-height: 1.3em; margin:70px 0 10px 0;}
/*dl.legal-list > dt > h2{ margin:0px 0 0px 0 !important; font-size: 1.25rem !important;display: inline; }*/
/*dl.legal-list > dt:before{content: counter(chapter)'. '; margin-right:0px; display: inline; }*/
dl.legal-list > dd{ margin:0; padding:0}
ol.legal-list-multiple {counter-reset:num;padding: 15px 0px 10px 27px; margin: 0; line-height: 2em;list-style: none;}
ol.legal-list-multiple > li {padding: 20px 0 10px 0; counter-reset: section;}
/*ol.legal-list-multiple > li:before{counter-increment:num; content:counter(num) '. '; margin-right:5px;}*/
ol.legal-list-multiple > li > ol{ margin:0; padding:15px 0 10px 40px;line-height: 2em;}
ol.legal-list-multiple > li > ol > li {/*counter-increment: section;*/padding: 10px 0 10px 20px; margin: 0 0 0 0px; display:inline-flex;text-indent:-18px;}
ol.legal-list-multiple > li > ol > li p{ margin:0 !important;line-height: 2em !important;}
/*ol.legal-list-multiple > li > ol > li:before{content: counter(section, Lower-alpha) '. '; margin-right:10px;}*/
dl.legal-contact {padding:7px 0 20px 25px;line-height: 1.5em; }
dl.legal-contact dt {margin:0 0 8px 0; padding: 0;}
dl.legal-contact dd {margin:0 0 5px 0; padding: 0;}
ul.legal-list-square { list-style:none;padding: 7px 0px 20px 25px; margin: 0; line-height: 1.8em;}
ul.legal-list-square li {list-style-type: square; padding: 8px 0 8px 0px; margin:0 0 0 25px; }
ol.legal-list { list-style: ;padding: 7px 0px 20px 40px; margin: 0; line-height: 1.8em;}
ol.legal-list li {padding: 8px 0 8px 8px;}
ol.legal-list-lowerAlpha{/*counter-reset:num;*/padding: 7px 0px 20px 45px; margin: 0; line-height: 1.8em;}
ol.legal-list-lowerAlpha li{padding: 8px 0 8px 0px;display:inline-flex;text-indent:-18px;}
/*ol.legal-list-lowerAlpha li:before{counter-increment:num; content:counter(num, Lower-alpha) ') '; margin-right:10px;}*/
ol.legal-list-lowerAlpha li p{ margin:0 !important;line-height: 1.8em !important;}
table.legal-list{border-collapse: collapse; width:100%; margin: 25px 0px 25px 0px;}
table.legal-list th{border-collapse: collapse; font-weight: bold; padding:12px; text-align: center; vertical-align: middle; line-height:1.1em; background-color:#eaeaea;border:1px solid #d2d2d2;}
table.legal-list td{border-collapse: collapse; padding:12px; text-align:left; line-height:1.4em;border:1px solid #d2d2d2;}

/* 
  ##Device = Desktops
  1680 x 1050
*/
@media only screen and (min-width: 1601px) {

}
/* 
  ##Device = Laptops, Desktops
  1366 X 768、1280 x 1024
*/
@media screen and (min-width: 1201px) and (max-width: 1600px) {

}
/* 
  ##Device = Tablets, Ipads 
  1024 x 768
*/
@media screen and (min-width: 801px) and (max-width: 1200px) {

}
/* 
  ##Device = Low Resolution Tablets, Mobiles 
  768 x 1024
*/
@media only screen and (max-width: 800px) {
    main#legal .page-box .page-wapper{ background-size: 470px 240px; background-position:  calc(100% + 60px) top;}
    .legal-box .legal-title{ padding: 8vh 0 5vh 0;}
    .legal-box .legal-title h1{ font-size:2em;}
	.legal-box .legal-title .note{  font-size:1em;}
}
/* 
  ##Device = Most of the Smartphones Mobiles
*/  
@media only screen and (max-width: 576px) {
    main#legal .page-box .page-content{ padding:0 0 50px 0;}
    .legal-box .legal-content p{ line-height: 1.8em; margin: 15px 0; }
    .legal-box .legal-content h2{ font-size: 1.25em; margin:40px 0 15px 0; }
	dl.legal-list > dt{line-height: 1.2em; margin:40px 0 0px 0;}
    ol.legal-list-multiple {line-height: 1.8em; }
    ol.legal-list-multiple > li {padding: 10px 0 10px 0;}
	ol.legal-list-multiple > li > ol > li p{line-height: 1.8em !important; }
	ol.legal-list-lowerAlpha, ol.legal-list, ul.legal-list-square{ line-height:1.7em}
}

/* retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
    
}