@charset "UTF-8";

@media print {
		#header,#contents_main,#side,#page_top,#footer {
				display: none !important;
		}
}

#main { width: 100%; padding: 10px 0 50px;}
#main .in_box { width: 1056px; margin: 0 auto; position: relative;}
.side_inner {
    min-width: 240px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    right: 5%;
}
.side_inner ul li {
    border-bottom: 1px dotted #251e1c;
    padding: 10px 15px;
    text-align: left;
}
.side_inner ul li:first-child { border-top: 1px dotted #251e1c;}
.side_inner ul li:before {
    display: inline-block;
    content: "＞";
    color: #a61527;
}
.side_inner ul li a { color: #251e1c;}
.bg_beige {
    padding: 50px 0;
    background: #edede9;
}
.bg_white {
    padding: 50px 0;
    background: #fff;
}
.bg_beige ul.ul03 li {
    width: 30%;
    vertical-align: top;
}
.bg_beige ul.ul03 li:nth-child(2) { margin: 0 5%;}
p.line18 { line-height: 1.8em;}
.in_box .fl_box {
    float: left;
    width: 65%;
    padding-right: 5%;
}
.in_box .fr_box {
    float: right;
    width: 33%;
}
.box_title {
    font-size: 26px;
    font-weight: bold;
    color: #ed7100;
}
.in_box .fl_box a { color: #5a5858; border-bottom: 1px solid #e60012; margin-top: 20px; display: inline-block;}
ul.ul02 li { width: 50%; vertical-align: bottom; padding: 40px 10px 0;}

#banpaku {
    position: relative;
    top:-50px;
}
@media screen and (max-width: 900px) {
    #contents.other { padding: 0;}
    #wrapper #main { width: 100%; padding: 0;}
    #main .in_box { width: 95%;}
    .side_inner { position: static;}

}

@media screen and (max-width: 768px) {
    .bg_beige,
    .bg_white { padding: 30px 20px;}
    ul.ul02 li { display: inline-block;}

}

@media screen and (max-width: 680px) {
    .in_box .fl_box {
        float: none;
        width: 100%;
        padding: 0 0 20px;
    }
    .in_box .fr_box {
        float: none;
        width: 100%;
        text-align: center;
    }
    .box_title { font-size: 20px;}
    .bg_beige ul.ul03 li {
        width: 100%;
        padding-bottom: 20px;
    }
    .bg_beige ul.ul03 li:nth-child(2) { margin: 0;}


}

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

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

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