@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;}
.anchor {
    position: relative;
    top: -90px;
}
.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;
}
.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;
}
.in_box .fl_box {
    float: left;
    width: 65%;
    padding-right: 3%;
}
.in_box .fr_box {
    float: right;
    width: 33%;
}
.in_box .fr_box.right { text-align: right;}
.bg_beige01 .in_box .fl_box { width: 58%;}
.bg_beige01 .in_box .fl_box02 { width: 14%; float: left; position: relative;}
.bg_beige01 .in_box .fl_box02 img { position: absolute; top: -80px;}
.bg_beige01 .in_box .fr_box { width: 28%;}

.box_title {
    font-size: 26px;
    font-weight: bold;
    color: #00913a;
    margin-bottom: 20px;
}

.number {
    display: inline-block;
    background: #00913a;
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    line-height: 62px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 20px;
}
.bg_white ul.ul03 li {
    text-align: center;
    padding: 0 20px;
}
.bg_white ul.ul03 li .list_title {
    background: #00913a;
    color: #fff;
    text-align: center;
    padding: 10px 15px;
    width: 170px;
    margin: 0 auto 10px;
    border-radius: 25px;
    font-size: 19px;
}
.fr { float: right; padding-left: 20px;}
p.line18 { line-height: 1.8em;}
.green { color: #00913a;}
.border_title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #00913a;
    text-align: left;
    border-bottom: 1px dotted #231815;
}

.bg_white01 .in_box .fl_box { padding-right: 5%;}
.bg_white01 .in_box a:before {
    display: inline-block;
    content: "＞";
    color: #a61527;
}
.bg_white01 .in_box a { color: #251e1c; font-size: 18px;}
.bg_white01 .in_box .fr_box { padding: 0 2%;}
.bg_white01 .posi_80 { position: relative; top: -80px;}

table.table01 {
    border: 1px solid #231815;
    text-align: center;
    margin: 40px 0;
}
table.table01 thead th {
    background: #ecf3e4;
    text-align: center;
    padding: 12px 5px;
    border-right: 1px solid #231815;
    border-bottom: 1px solid #231815;
}
table.table01 tr td {
    padding: 8px 5px;
    border-bottom: 1px solid #231815;
    border-right: 1px solid #231815;
}


@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) {
    img.fr { float: none; padding: 0 0 20px;}
    .in_box .fl_box {
        float: none;
        width: 100%;
        padding: 0 0 20px;
    }
    .in_box .fr_box {
        float: none;
        width: 100%;
    }
    .in_box .fr_box.right { text-align: center !important;}

    .bg_beige01 .in_box .fl_box { width: 100%; display: block;}
    .bg_beige01 .in_box .fl_box02 { width: 25%; float: left;}
    .bg_beige01 .in_box .fl_box02 img { position: static;}
    .bg_beige01 .in_box .fr_box { width: 75%; float: right;}

    .bg_white01 .in_box .fl_box { padding-right: 0;}
    .bg_white01 .in_box .fr_box { text-align: center;}
    .bg_white01 .posi_80 { position: static; padding-bottom: 30px;}

    .box_title { font-size: 20px;}
    .number {
        font-size: 22px;
        line-height: 42px;
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }
    #main .bg_white.w70 .in_box { width: 90%;}
    .in_box .fr_box.pl20 { padding-left: 0 !important;}

    .bg_white02,
    .bg_white03 { text-align: center;}
}

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

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

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