@charset "UTF-8";
@media screen and (max-width:640px){


#wrapper {
	margin: 0;
	padding: 0;
}

header {
    background: #fffc5f;
	width: 100%;
    height: 64px;
	padding: 0;
	margin: 0 0 3% 0;
    border-top: 5px solid #fc5204;
    position: fixed;
    z-index: 999;
}

header .inner {
	width: 100%;
	padding: 12px 13% 0 0;
	margin: 0;
    position: relative;
}

header .logo {
	width: 170px;
	padding: 0;
	margin: 0 0 0 1.5%;
	float: left;
}

header .tel {
    display: none;
}

header .tel span {
    color: #e60001;
    font-weight: 700;
	padding: 0;
	margin: 0;
    display: block;
}

header .tel span strong {
    background: #e60001;
    color: #FFFFFF;
    font-size: 1.4rem;
    vertical-align: 1px;
	padding: 2px 15px;
	margin: 0 6px 0 0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

header .tel span a {
    color: #e60001;
    text-decoration: none;
}

header .tel span.free_on {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 4.4rem;
    margin: 5px 0 0 0;
}

header .tel span.free_off {
    display: none;
}

header .tel span.phone {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 3.6rem;
    margin: 0 0 5px 0;
}

header .tel span.time {
    color: #222222;
    font-size: 2rem;
	padding: 0;
	margin: 0;
}

.spphone {
	width: 40%;
    font-family:Arial, Helvetica, sans-serif;
    text-align: right;
	padding: 0.5% 0 0 0;
    margin: 0;
    float: right;
}

.spphone a {
    color: #e60001;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.04em;
	padding: 0;
    margin: 0;
	text-decoration: none;
}

.spphone span {
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.02em;
	padding: 0;
    margin: 0 0 2% 0;
    display: block;
}

header h1 {
    display: none;
}

#key {
	padding: 72px 1.5% 0 1.5%;
	margin: 0;
}

#key .simpleSlideShow {
	padding: 0 0 32% 0;
	margin: 0;
}

#sub {
    display: none;
}

#sub a {
	width: 32%;
	padding: 0;
	margin: 0 2% 0 0;
    float: left;
}

#sub a:last-child {
	margin: 0;
}

#sub2 {
	padding: 0 2%;
	margin: 0;
}

#sub2 a {
	width: 24%;
	padding: 0;
	margin: 0 1.3% 0 0;
    float: left;
}

#sub2 a:last-child {
	margin: 0;
}

#contents {
	width: 100%;
	padding: 3% 0 0 0;
	margin: 0 auto;
}

#contents a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=70);
}

#form {
	padding: 5% 1.5%;
	margin: 0 0 3% 0;
}

#form p.formcopy {
    background: #fffec8;
    font-size: 1.4rem;
	padding: 3%;
	margin: 0 0 3% 0;
    border: 2px solid #ffa738;
}

#form p.formcopy strong {
    display: block;
}

#form p.box {
	padding: 0;
	margin: 0;
    position: relative;
}

#form p.box span {
    position: absolute;
    right: 3%;
    top: 24%;
    font-family:Arial, Helvetica, sans-serif;
    color: #ed3e39;
    font-size: 3.2rem;
    font-weight: 700;
    text-shadow: 2px 2px 0 #FFF,
                 -2px 2px 0 #FFF,
                 2px -2px 0 #FFF,
                 -2px -2px 0 #FFF;
    display: block;
}

aside {
	width: 100%;
	padding: 0 1.5%;
	margin: 0;
}

aside p.form {
    display: none;
}

aside p.bnr a {
    display: none;
}

aside p.box {
	padding: 0;
	margin: 0 0 3% 0;
    position: relative;
}

aside p.box span {
    position: absolute;
    right: 3%;
    top: 27%;
    font-family:Arial, Helvetica, sans-serif;
    color: #ed3e39;
    font-size: 3.2rem;
    font-weight: 700;
    text-shadow: 2px 2px 0 #FFF,
                 -2px 2px 0 #FFF,
                 2px -2px 0 #FFF,
                 -2px -2px 0 #FFF;
    display: block;
}

aside h2 {
    background: linear-gradient(#f2f2f2, #FFFFFF);
	padding: 0;
	margin: 0;
    border-top: 6px solid #e11717;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

aside h2 span {
    background: url(../common/side_bg.png) 12px center no-repeat;
    color: #e11612;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
	padding: 10px 0 10px 35px;
	margin: 0;
    display: block;
}

aside div.blog {
	width: 100%;
    height: 170px;
	padding: 3%;
	margin: 0 0 3% 0;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
}

aside div.blog dl {
    line-height: 1.6;
    padding: 0;
	margin: 0;
}

aside div.blog dl dt {
    padding: 0;
	margin: 0;
}

aside div.blog dl dd {
    padding: 0;
	margin: 0 0 3% 0;
}

main {
	width: 100%;
	font-size: 1.4rem;
    line-height: 1.4;
	padding: 0;
	margin: 0;
}

img {
	width:100%;
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
    vertical-align: text-bottom;
    border:none;
}

.spn {
    display: none;
}

footer {
	background: #fffc5f url(../common/footer_bg.jpg) left bottom repeat-x;
	padding: 0;
	margin: 0;
}

footer .inner {
	width: 100%;
	padding: 4% 0 20px 0;
	margin: 0 auto 38px auto;
    position: relative;
}

footer .inner a {
	color: #06F;
}

footer .inner a:hover {
	color: #06F;
}

footer .inner dl {
    width: 100%;
	padding: 0;
    margin: 0 0 5% 0;
}

footer .inner dl dt {
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
	padding: 0 2%;
    margin: 0 0 3% 0;
}

footer .inner dd img {
    width: 80%;
	padding: 0;
    margin: 0 10%;
}

footer .inner dl dd p {
    font-family:Arial, Helvetica, sans-serif;
    color: #e60001;
    font-size: 3.8rem;
    font-weight: 700;
    text-align: center;
	padding: 0;
    margin: 3% 0;
}

footer .inner dl dd p span {
    background: url(../common/tel_bg.png) left center no-repeat;
	padding: 0 0 0 40px;
    margin: 0;
}

footer .inner ul {
	display: none;
}

small {
	position: absolute;
	bottom: 4px;
	left: 8px;
    color: #FFFFFF;
}

#bottom_btn {
    width: 100%;
    padding: 0;
    border-top: 1px solid #CCCCCC;
    position: fixed;
    bottom: 0;
}

#bottom_btn .bt1 a {
	background: #8fc400;
	color: #FFF;
    font-weight: bold;
	width: 50%;
	padding: 3% 0;
	margin: 0;
	border: 1px solid #FFF;
    box-sizing: border-box;
	text-align: center;
    display: block;
    float: left;
}

#bottom_btn .bt2 a {
	background: #ff6a28;
	color: #FFF;
    font-weight: bold;
	width: 50%;
	padding: 3% 0;
	margin: 0;
	border: 1px solid #FFF;
    box-sizing: border-box;
	text-align: center;
    display: block;
    float: right;
}

#bottom_btn p a {
	color: #FFF;
	text-decoration: none;
}

div#pagination {
   position: relative;
   overflow: hidden;
}
div#pagination ul {
    position:relative;
    left:50%;
    float:left;
    list-style: none;
}
div#pagination li {
    position:relative;
    left:-50%;
    float:left;
}
div#pagination li a {
    border:1px solid #CECECE;
    margin: 0 3px;
    padding:3px 7px;
    display: block;
    text-decoration:none;
    color: #666666;
    background: #fff;
}
div#pagination li.active a,
div#pagination li a:hover{
    border:solid 1px #666666;
    color: #FFFFFF;
    background: #3399FF;
}

#page-top {
    position: fixed;
    bottom: 40px;
    right: 20px;
}

#page-top a {
    width: 40px;
    display: block;
}

#page-top a:hover {
    text-decoration: none;
}

.simpleSlideShow img {
	display : none;
}

.simpleSlideShowWrapper {
	margin : 0 auto;
	position : relative;
}

.simpleSlideShowWrapper img {
	position : absolute;
	left : 0;
	top : 0;
}

/* main */

.title {
    background: linear-gradient(#f2f2f2, #FFFFFF);
    color: #e11612;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
	padding: 2.5% 0 2.5% 3%;
	margin: 0 0 5% 0;
    border-top: 6px solid #e11717;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}

.copy {
	padding: 0 1%;
	margin: 0 0 5% 0;
}

.copyr {
	padding: 0;
	margin: 0 0 3% 0;
    text-align: right;
}

.mab {
	margin-bottom: 3%;
}

/* index */

#index {
	padding: 0;
	margin: 0;
}

#index .inner {
	padding: 0 1.5%;
	margin: 0 0 3% 0;
}

#index .inner p.bnr1 {
    display: none;
}

#index .inner ol {
    line-height: 1.4;
	padding: 0;
	margin: 0;
    clear: both;
}

#index .inner ol li {
	padding: 2%;
	margin: 0;
	border: 3px solid #f28d2c;
	box-sizing: border-box;
    position: relative;
    float: left;
}

#index .inner ol a {
    width: 49%;
    text-decoration: none; 
	padding: 0;
	margin: 0;
	display: block;
    float: left;
}

#index .inner ol a:nth-child(odd) {
	margin: 0 2% 2% 0;
}

#index .inner ol li img {
	margin: 0 0 10px 0;
}

#index .inner ol li span {
    height: 84px;
    color: #e60004;
	font-size: 1.2rem;
	margin: 2px 0 3% 0;
    display: block;
}

#index .inner ol li p.detail {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#index .inner ol li.bg1 { background: #e5e5e5 url(../img/service_bg1.jpg) right bottom no-repeat; }
#index .inner ol li.bg2 { background: #e5e5e5 url(../img/service_bg2.jpg) right bottom no-repeat; }
#index .inner ol li.bg3 { background: #e5e5e5 url(../img/service_bg3.jpg) right bottom no-repeat; }
#index .inner ol li.bg4 { background: #e5e5e5 url(../img/service_bg4.jpg) right bottom no-repeat; }
#index .inner ol li.bg5 { background: #e5e5e5 url(../img/service_bg5.jpg) right bottom no-repeat; }
#index .inner ol li.bg6 { background: #e5e5e5 url(../img/service_bg6.jpg) right bottom no-repeat; }
#index .inner ol li.bg7 { background: #e5e5e5 url(../img/service_bg7.jpg) right bottom no-repeat; }
#index .inner ol li.bg8 { background: #e5e5e5 url(../img/service_bg8.jpg) right bottom no-repeat; }
#index .inner ol li.bg9 { background: #e5e5e5 url(../img/service_bg9.jpg) right bottom no-repeat; }
#index .inner ol li.bg10 { background: #e5e5e5 url(../img/service_bg10.jpg) right bottom no-repeat; }
#index .inner ol li.bg11 { background: #e5e5e5 url(../img/service_bg11.jpg) right bottom no-repeat; }
#index .inner ol li.bg12 { background: #e5e5e5 url(../img/service_bg12.jpg) right bottom no-repeat; }

#index .flow {
	padding: 0 1.5%;
	margin: 0;
}

#index .flow ol {
	padding: 0;
	margin: 0 0 8% 0;
}

#index .flow ol li {
    width: 100%;
	padding: 0;
	margin: 0 2% 5% 0;
    clear: both;
}

#index .flow ol li:nth-child(even) {
	margin: 0 0 5% 0;
}

#index .flow ol li img {
    width: 22%;
	padding: 0;
	margin: 0 3% 2% 0;
    float: left;
}

#index .flow ol li strong {
    color: #e60004;
    font-size: 1.4rem;
    font-weight: 700;
	padding: 0;
	margin: 0 0 1% 0;
    display: block;
}

#index .news {
	padding: 0 1.5%;
	margin: 0 0 3% 0;
}

#index .news div.newsbox {
    height: 200px;
	padding: 0;
	margin: 0 0 5% 0;
    overflow: auto;
}

#index .news div.newsbox dl {
	padding: 0;
	margin: 0;
}

#index .news div.newsbox dl dt {
    color: #F00;
	padding: 0;
	margin: 0 0 1% 0;
}

#index .news div.newsbox dl dd {
    padding: 3% 1%;
	margin: 0 0 3% 0;
    border-bottom: 1px solid #CCCCCC;
}

/* blog */

#blog {
	padding: 0 1.5%;
	margin: 0;
}

#blog p.blogbox {
    width: 49%;
	padding: 0;
	margin: 0 2% 3% 0;
    float: left;
}

#blog p.blogbox:last-child {
	margin: 0 0 3% 0;
}

#blog p.blogbox span {
	padding: 1% 0 0 1%;
    display: block;
}

/* service */

#service {
	padding: 0 1.5%;
	margin: 0;
}

#service .inner {
	padding: 0;
	margin: 0;
}

#service .inner ul {
	padding: 0;
	margin: 0 0 5% 0;
}

#service .inner ul li {
    background: url(../common/check.png) left center no-repeat;
    font-weight: 700;
	padding: 0 0 0 30px;
	margin: 0 0 3% 3px;
}

#service .inner ol {
	padding: 0;
	margin: 0;
}

#service .inner ol li {
    width: 49%;
    color: #e11612;
    font-weight: 700;
    letter-spacing: -0.03em;
	padding: 0;
	margin: 0 2% 3% 0;
    float: left;
}

#service .inner ol li:nth-child(even) {
	margin: 0 0 3% 0;
}

#service .inner ol li img {
	padding: 0;
	margin: 0 0 3% 0;
}

#service ol li span {
    background: #F4F4F4;
    color: #222222;
	padding: 3% 2%;
	margin: 3% 0 4% 0;
    border-bottom: 1px dotted #aaaaaa;
    display: block;
}

/* service2 */

#service2 {
	padding: 0 1.5%;
	margin: 0;
}

#service2 .inner {
	padding: 0;
	margin: 0;
}

#service2 .inner h3 {
 	background: #f21b00;
	color: #FFFFFF;
	font-size: 2rem;
	font-weight: 700;
    line-height: 1;
    padding: 3%;
    margin: 0 0 3% 0;
}

#service2 .inner h4 {
    background: linear-gradient(#fd5854, #e63217);
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    padding: 3%;
    margin: 0 0 3% 0;
    border: 2px solid #db1900;
}

#service2 .inner dl dt {
    display: block;
    cursor: pointer;
	margin-bottom: 5%;
}

#service2 .inner dl dt img {
    width: 25%;
    float: left;
}

#service2 .inner dl dt img.imgl {
    width: 100%;
    float: none;
}

#service2 .inner dl dt .rbox {
    width: 72%;
    padding: 0 0 10% 0;
    float: right;
    position: relative;
}

#service2 .inner dl dt strong {
	color: #26873a;
    font-size: 1.6rem;
    padding: 0 0 2% 0;
    margin: 0 0 3% 0;
    border-bottom: 1px dashed #26873a;
    display: block;
}

#service2 .inner dl dt span {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #8cbd3a;
	width: 120px;
	color: #FFFFFF;
    text-align: center;
    padding: 1% 0;
    margin: 0 0 2% 0;
    display: block;
}
    
#service2 .inner dl dt span:hover {
    background: #74a61f;
}
    
#service2 .inner dl dd {
    display: none;
	margin-bottom: 3%;
	padding-bottom: 5%;
}

#service2 .inner dl dd p {
	margin: 3% 0 3% 0;
}

#service2 .price {
	font-family: Verdana, Geneva, sans-serif;
	color: #FF0004;
	font-size: 2.2rem;
	font-weight: 700;
	text-align: right;
}

#service2 .price2 {
	font-family: Verdana, Geneva, sans-serif;
	color: #FF0004;
	font-size: 2.2rem;
	font-weight: 700;
	text-align: right;
}

#service2 .price2 strong {
    color: #222222;
	font-size: 2rem;
	font-weight: 700;
}

#service2 .etcbox {
    padding: 4% 2%;
	margin: 0 0 3% 0;
    border: 1px solid #CCCCCC;
}

#service2 .etcbox img {
    width: 90%;
    padding: 0;
	margin: 0 5% 5% 5%;
}

#service2 .etcbox ol {
    padding: 0;
	margin: 0;
}

#service2 .etcbox ol li {
    font-weight: 700;
    padding: 0;
	margin: 0 0 0 20px;
    list-style: disc;
}

/* compaign */

#compaign {
	padding: 0 1.5%;
	margin: 0;
}

#compaign .inner {
	padding: 0;
	margin: 0;
}

#compaign .inner h1 {
	font-size: 2.6rem;
	font-weight: 700;
    letter-spacing: -0.03em;
	padding: 0;
	margin: 0 0 3% 0;
}

#compaign .inner h3 {
	font-size: 1.6rem;
	font-weight: 700;
	padding: 0 0 0 2%;
	margin: 4% 0 3% 1%;
	border-left: 6px solid #009BFF;
}

#compaign .inner h4 {
	font-size: 1.8rem;
	font-weight: 700;
	padding: 0;
	margin: 0 0 3% 0;
}

#compaign .inner p {
	padding: 0;
	margin: 0 0 3% 0;
}

#compaign .inner p strong {
	padding: 0;
	margin: 0 0 3% 0;
    display: block;
}

#compaign .inner img {
	padding: 0;
	margin: 0 0 3% 0;
}

#compaign .inner ul {
	padding: 3% 0 0 0;
	margin: 0 0 3% 0;
}

#compaign .inner ul li {
	padding: 0 0 0 1%;
	margin: 0 0 3% 0;
}

#compaign .inner ul li i {
	color: #FF0004;
    margin: 0 5px 0 0;
}

#compaign .inner ol {
	padding: 3% 0 0 0;
	margin: 0 0 5% 1%;
}

#compaign .inner ol li {
	padding: 0;
	margin: 0 0 3% 0;
    list-style: disc;
    list-style-position: inside;
}

#compaign .inner p.arrow {
    width: 80px;
	padding: 0 0 0 0;
	margin: 0 auto 12px auto;
}

#compaign p.bgbox1 {
    background: #EC2326;
    color: #FFFFFF;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
	padding: 4%;
    margin: 0 0 5% 0;
}

#compaign span.bgbox2 {
	background: #0a903d;
	color: #FFFFFF;
	padding: 2% 3%;
    margin: 0 0 3% 0;
    display: inline-block;
}

#compaign p.bgbox3 {
    background: #ea5514;
    color: #FFFFFF;
    font-size: 1.4rem;
    font-weight: normal;
    text-align: center;
    line-height: 1.6;
	padding: 3%;
    margin: 0 0 5% 0;
}

#compaign .inner p.lbox, .lbox2 {
    width: 30%;
	padding: 0;
	margin: 0 3% 0 0;
    float: left;
}

#compaign .inner p.rbox, .rbox2 {
    width: 30%;
	padding: 0;
	margin: 0 0 0 3%;
    float: right;
}

#compaign .inner p.lbox img { width: 100%; }
#compaign .inner p.lbox2 img { width: 100%; }
#compaign .inner p.rbox img { width: 100%; }
#compaign .inner p.rbox2 img { width: 100%; }
#compaign .inner p.wbox img { width: 50%;	margin: 2% 0 0 0; }

#compaign .inner p.fontl { font-size: 2.2rem; padding: 5% 0 0 0; }
#compaign .inner p.fontl2 { font-size: 2.2rem; padding: 5% 0 0 0; }
#compaign .inner p span.fontl3 { font-size: 2rem; padding: 5% 0 0 0; margin: 0 0 3% 0; display: block; }

#compaign .inner div.shukatsubox {
	background: #feecd2;
	padding: 3%;
	margin: 0 0 3% 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e83828;
}

#compaign .inner div.shukatsubox p.lbox {
	padding: 0;
	margin: 0 3% 0 0;
    float: left;
}

#compaign .inner div.shukatsubox p.rbox {
	padding: 0;
	margin: 0 0 0 3%;
    float: right;
}

#compaign .inner div.shukatsubox p img { width: 100%; }

#compaign .inner p.no1 { 
    background: url(../compaign/img/cleanup2/no1.jpg) left top no-repeat;
    font-size: 2rem;
    height: 30px;
	padding: 5px 0 0 50px;
	margin: 0 0 3% 0;
}

#compaign .inner p.no2 { 
    background: url(../compaign/img/cleanup2/no2.jpg) left top no-repeat;
    font-size: 2rem;
    height: 30px;
	padding: 5px 0 0 50px;
	margin: 0 0 3% 0;
}

#compaign .inner p.no3 { 
    background: url(../compaign/img/cleanup2/no3.jpg) left top no-repeat;
    font-size: 2rem;
    height: 30px;
	padding: 5px 0 0 50px;
	margin: 0 0 3% 0;
}

#compaign .bnr {
	padding: 0;
	margin: 0;
}

#compaign .bnr ul {
	padding: 0;
	margin: 0;
}

#compaign .bnr ul li {
    width: 49%;
	padding: 0;
	margin: 0 2% 3% 0;
    float: left;
}

#compaign .bnr ul li:nth-child(even) {
	margin: 0 0 3% 0;
}

#compaign .bnr ul li strong {
    color: #F00;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: -0.03em;
	padding: 2%;
	margin: 0;
    display: block;
}

#compaign .bnr ul li p {
    background: #f4f4f4;
    height: 76px;
    font-size: 1.1rem;
    line-height: 1.4;
	padding: 3% 2%;
	margin: 0;
    border-bottom: 1px dotted #222222;
}

#compaign .qa {
	padding: 0;
	margin: 0;
}

#compaign .qa dl {
	padding: 0;
	margin: 0;
}

#compaign .qa dl dt {
    background: url(../compaign/img/artificial/bg_q.jpg) left top no-repeat;
    min-height: 40px;
	padding: 5px 0 0 45px;
	margin: 0;
}

#compaign .qa dl dd {
    background: url(../compaign/img/artificial/bg_a.jpg) left top no-repeat;
    min-height: 40px;
	padding: 5px 0 10px 45px;
	margin: 0 0 10px 0;
    border-bottom: 1px dotted #8fc31f;
}

#compaign .ihin {
	padding: 0;
	margin: 0;
}

#compaign .ihin p.lbox {
	padding: 0;
	margin: 0 0 3% 0;
}

#compaign .ihin p.rbox img {
    width: 60%;
	padding: 0;
	margin: 0 20% 5% 20%;
}

#compaign .ihin dl {
	padding: 0;
	margin: 0 0 3% 0;
}

#compaign .ihin dl dt {
    width: 25%;
    text-align: center;
	padding: 0;
	margin: 0;
    float: left;
}

#compaign .ihin dl dt img.arrow {
    width: 30px;
	margin: 10% 0 0 0;
}

#compaign .ihin dl dd {
    width: 72%;
	padding: 0;
	margin: 0;
    float: right;
}

#compaign .ihin dl dd strong {
	padding: 0;
	margin: 0 0 3% 0;
    display: block;
}

#compaign .ihin p.work {
	padding: 3%;
	margin: 0 0 5% 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border: 1px solid #222222;
}

#compaign .ihin p.work img {
    width: 40%;
    margin: 0 0 0 2%;
    float: right;
}

#compaign .ihin2 {
	padding: 0 1.5%;
	margin: 0;
}

#compaign .ihin2 dl {
	padding: 0;
	margin: 0 0 3% 0;
}

#compaign .ihin2 dl dt {
    background: #956134;
    color: #FFFFFF;
    font-size: 1.6rem;
	padding: 3%;
	margin: 0;
    border-radius: 6px 6px 0 0;
}

#compaign .ihin2 dl dd img {
    width: 70%;
	padding: 0;
	margin: 0 15% 3% 15%;
}

#compaign .ihin2 dl dd {
	padding: 3%;
	margin: 0;
    border: 1px solid #956134;
}

#compaign .ihin2 dl dd span {
    text-align: right;
	padding: 3% 0 0 0;
	margin: 0;
    display: block;
}

#compaign .ihin2 ol {
	padding: 0;
	margin: 0 0 5% 0;
}

#compaign .ihin2 ol li {
	padding: 0;
	margin: 0 0 3% 0;
}

#compaign .ihin2 ol li img {
    width: 25%;
	padding: 0;
	margin: 0;
    float: left;
}

#compaign .ihin2 ol li p {
    width: 72%;
	padding: 3%;
	margin: 5px 0 0 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border: 1px solid #222222;
    float: right;
}

#compaign .ihin2 ol li p span {
    text-align: right;
	padding: 2% 0 0 0;
	margin: 0;
    display: block;
}

#compaign .ihin2 ul {
	padding: 0;
	margin: 0 0 5% 0;
}

#compaign .ihin2 ul li {
    background: #fffbc7;
	padding: 3%;
	margin: 0 0 5% 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    border: 1px solid #222222;
}

#compaign .ihin2 ul li img {
    width: 100px;
	padding: 0;
	margin: 0 3% 2% 0;
    float: left;
}

#compaign .ihin2 ul li span {
    text-align: right;
	padding: 3% 0 0 0;
	margin: 0;
    display: block;
}

/* family */

#family {
	padding: 0 1.5%;
	margin: 0;
}

#family p img.box1 {
    width: 40%;
	padding: 0;
	margin: 0 0 2% 3%;
    float: right;
}

#family p img.box2 {
    width: 40%;
	padding: 0;
	margin: 0 3% 2% 0;
    float: left;
}

#family ul {
	padding: 3% 0 0 0;
	margin: 0 0 3% 0;
}

#family ul li {
    background: url(../common/check.png) left center no-repeat;
    font-weight: 700;
	padding: 0 0 0 30px;
	margin: 0 0 3% 3px;
}
    
/* price */

#price {
	padding: 0 1.5%;
	margin: 0;
}

#price h3 {
    background: linear-gradient(#fd5854, #e63217);
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
	padding: 3%;
	margin: 0 0 3% 0;
    border: 2px solid #db1900;
}

#price table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 3% 0;
}

#price table th {
	background: #FFFFFF;
    width: 60%;
	font-weight: normal;
	text-align: left;
	padding: 3% 1.5%;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

#price table td {
	background: #FFFFFF;
    color: #e11612;
    text-align: center;
	font-weight: 700;
	padding: 3% 1.5%;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

/* voice */

#voice {
	padding: 0 1.5%;
	margin: 0;
}

#voice dl {
	padding: 0;
	margin: 0 0 3% 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

#voice dl dt {
    background: linear-gradient(#f1f1f1, #CCCCCC);
	padding: 0;
	margin: 0;
}

#voice dl dt span {
    background: url(../voice/img/voice_bg.png) 10px center no-repeat;
    min-height: 30px;
    font-weight: 700;
	padding: 3% 0 3% 50px;
	margin: 0;
    display: block;
}

#voice dl dd {
	padding: 3%;
	margin: 0;
}

/* chart */

#chart {
	padding: 0 1.5%;
	margin: 0;
}

#chart dl {
	padding: 0;
	margin: 0 0 3% 0;
}

#chart dl dt {
    height: 43px;
    position: relative;
	padding: 0;
	margin: 0;
}

#chart dl dt strong {
    font-size: 2rem;
    font-weight: 700;
	padding: 10px 0 0 60px;
	margin: 0;
    display: block;
}

#chart dl dt img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
}

#chart dl dd {
	padding: 3%;
	margin: 0;
}

#chart dl.bg1 { border: 1px solid #CCCCCC }
#chart dl.bg2 { border: 1px solid #CCCCCC }
#chart dl.bg3 { border: 1px solid #CCCCCC }
#chart dl.bg4 { border: 1px solid #CCCCCC }
#chart dl.bg5 { border: 1px solid #CCCCCC }

#chart dt strong.c1 { color: #eb3822 }
#chart dt strong.c2 { color: #06bb0b }
#chart dt strong.c3 { color: #ff7903 }
#chart dt strong.c4 { color: #1860ff }
#chart dt strong.c5 { color: #d15dfd }

#chart p.arrow {
    width: 36px;
	padding: 0;
	margin: 0 auto 3% auto;
}

/* qa */

#qa {
	padding: 0 1.5%;
	margin: 0;
}

#qa dl {
	padding: 3% 2%;
	margin: 0 0 3% 0;
	border: 1px solid #e7e7e7;
	box-sizing: border-box;
}

#qa dl dt {
    background: url(../qa/img/bg_q.jpg) left top no-repeat;
    font-size: 1.6rem;
	padding: 0 0 0 30px;
	margin: 0 0 2% 0;
}

#qa dl dd {
    background: #ffeae0 url(../qa/img/bg_a.jpg) 10px 10px no-repeat;
    color: #973a2e;
	padding: 3% 3% 3% 30px;
	margin: 0;
}

/* company */

#company {
	padding: 0 1.5%;
	margin: 0;
}

#company table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 5% 0;
}

#company table th {
	width: 35%;
	background: #ededed;
	text-align: left;
	padding: 3% 2%;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

#company table td {
	background: #FFFFFF;
	padding: 3% 2%;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

#company table td span {
	margin: 0 0 3% 0;
	display: block;
}

#company .access p.map {
	width: 100%;
    height: 400px;
	padding: 0;
	margin: 0;
}

/* privacy */

#privacy {
	padding: 0 1.5%;
	margin: 0;
}

#privacy h3 {
    font-size: 1.6rem;
	font-weight: 700;
    padding: 0 0 0 15px;
	margin: 18px 0 10px 0;
	border-left: 6px solid #009BFF;
}

#privacy ol {
    padding: 0;
	margin: 0 0 15px 0;
}

#privacy ol li {
    padding: 0;
	margin: 0 0 15px 20px;
    list-style: decimal;
    list-style-position: outside;
}

#privacy ol li p {
    padding: 0;
	margin: 5px 0;
}

/* contact */

#contact {
	padding: 0 1.5%;
	margin: 0;
}

#contact .inner dl {
    font-weight: 700;
	padding: 8% 2%;
	margin: 0;
    border: solid 5px #f3f3e8;
	box-sizing: border-box;
}

#contact .inner dt {
    font-size: 1.6rem;
    text-align: center;
	padding: 0;
	margin: 0 0 3%;
}

#contact .inner dd {
    font-family:Arial, Helvetica, sans-serif;
    color: #e60001;
    text-align: center;
    font-size: 3rem;
	padding: 0;
	margin: 0;
}

#contact .inner dd a {
    color: #e60001;
    text-decoration: none;
}

/* nav */

nav {
	display: none;
}

.nav a {
    position: absolute;
    top: 12px;
    right: 10px;
    background: linear-gradient(#ff6101, #e43610);
	color: #FFFFFF;
	width: 30px;
    min-height: 20px;
    line-height: 1;
	padding: 2% 0;
	margin: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: center;
	border: 1px solid #df1813;
	box-sizing: border-box;
	text-decoration: none;
}

.nav i {
	font-size: 100%;
	font-weight: 700;
}

/* menu */

menu {
	width: 100%;
	padding: 3% 0 0 0;
	margin: 0 0 2% 0;
}

menu li {
    background: linear-gradient(#f2f2f2, #FFFFFF);
	width: 49%;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
	margin: 0 2% 1.5% 0;
    border: 1px solid #DDDDDD;
	list-style: none;
    float: left;
}

menu li:nth-child(even) {
	margin: 0 0 1.5% 0;
}
	
menu li a {
    color: #222222;
	text-decoration: none;
    display: block;
}

menu li.m1 a {background: url(../common/menu1.jpg) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m2 a {background: url(../common/menu2.jpg) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m3 a {background: url(../common/menu3.jpg) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m4 a {background: url(../common/menu4.jpg) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m5 a {background: url(../common/menu5.jpg) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m6 a {background: url(../common/menu6.jpg) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m7 a {background: url(../common/menu7.jpg) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m8 a {background: url(../common/menu8.jpg) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m9 a {background: url(../common/menu9.jpg) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m10 a {background: url(../common/menu10.jpg) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m11 a {background: url(../common/menu11.jpg) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m12 a {background: url(../common/menu12.jpg) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m13 a {background: url(../common/menu13.png) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m14 a {background: url(../common/menu14.png) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m15 a {background: url(../common/menu15.png) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m16 a {background: url(../common/menu16.png) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m17 a {background: url(../common/menu17.png) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}
menu li.m18 a {background: url(../common/menu18.png) 8px center no-repeat; background-size: 16px; padding: 15px 0 15px 32px;}

}