@charset "UTF-8";

#header	{background: #f7fbeb;}


.head-inner	{max-width: 1200px;margin: 0 auto;text-align: left;}
@media only screen and (max-width: 1200px) {.head-inner	{max-width: auto;margin: 0 3%;}}
@media only screen and (max-width: 640px) {.head-inner	{max-width: auto;margin: 0 4%;}}

h1{color: var(--color-01);font-weight: 700;font-size: 1.5rem;}
h2{margin-bottom: 1em;padding: 15px 0;border-bottom: 1px solid #666;font-size: 1.4rem;font-weight: 700;}
h3{margin-bottom: 1em;font-size: 1.1rem;font-weight: 700;}
h3.strong{color: #227406;font-size: 1.2rem;background: #f7fbeb;}

small{display: block;font-size: 0.8rem;line-height: 1.2em;}

p{margin-bottom: 1em;}

.page-maincontents {padding: 30px;}

.manual-list {margin-top: 30px;border-top: 1px solid #ccc;}
.manual-list li{margin-bottom: 10px;padding: 15px;font-size: 1.2rem;border-bottom: 1px solid #ccc;}

.block {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ccc;}
.block-02 {padding-bottom: 30px;margin-bottom: 30px;}

.ex-block {display: inline-block;padding: 30px;background: #e4e7f5;border: 1px solid #3c52a3;}

.screen-shot {}
.screen-shot img{max-width: 600px}
.screen-shot img.s500{max-width: 500px}
.screen-shot img.s400{max-width: 400px}
.screen-shot img.s300{max-width: 300px}


.back-to-manualtop {margin: 30px 0}
.back-to-manualtop a{display: inline-block;padding: 10px 25px;background: #333;color: #fff;text-decoration: none;border-radius: 15px;}

.back-to-manualtop a{display: inline-block;padding: 10px 25px;background: #333;color: #fff;text-decoration: none;border-radius: 15px;}

hr	{margin: 50px 0;height: 30px;background: #f7fbeb;border:none;}

.attention	{color: #af21b1;font-weight: 700;}