@charset "utf-8";

body {

    font-size: 14px;

    line-height: 160%;

    word-wrap: break-word;

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    padding: 0;

    margin: 0;

    color: #5a5a5a;

}



.fml_mincho_w3 {

    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;

}



.fml_mincho_w6 {

    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;

}



.fml_kaku_gothich_w3 {

    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    font-weight: lighter;

}



.fml_kaku_gothich_w6 {

    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    font-weight: bold;

}



.fml_maru_gothich {

    font-family: "ヒラギノ丸 Pro W3", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}



/**/



.backtop {    background: #005bab;

    border: 3px solid #fff;

    padding: 11px 18px 14px 18px;

    display: block;

    position: fixed;

    right: 1px;

    bottom: 50px;

    line-height: 0;

    color: #ffffff !important;

    font-size: 25px;

    outline: 1px solid #005bab !important;}

p {

    margin-bottom: 0;

    line-height: 160%;

}



a {

    display: inline-block;

}



a:link:active, a:visited:active {

    color: inherit;

}



a.url {

    color: inherit;

    display: inline-block;

}



a.url:hover {

    text-decoration: underline;

}



img.alignright {

    float: right

}



img.alignleft {

    float: left

}



img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



img {

    max-width: 100%;

}



h1, h2, h3, h4, h5, h6 {

    margin: 0;

    padding: 0;

    font-size: inherit;

}



.hover_opacity:hover {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

    filter: alpha(opacity=70);

    -moz-opacity: 0.7;

    -khtml-opacity: 0.7;

    opacity: 0.7;

}



.hover_underline:hover {

    text-decoration: underline;

    color: inherit;

}



.container {

    width: 100%;

    max-width: 960px;

}



/**/



.wrap_banner, .banner {

    position: relative;

}



.txt_banner {

    position: absolute;

    top: 70px;

    display: block;

    left: 0;

    height: 64px;

}



.txt_banner img {

    height: 64px;

    display: block;

}



.title_style1 {

    text-align: center;

    background-size: 1px 1px;

    background-repeat: repeat-x;

    background-position: center center;

    background-image: url(../images/bg_title_style1.svg);

}



.title_style1 span.txt_title {

    font-size: 18px;

    color: #fff;

    padding: 10px 25px 8px 25px;

    display: inline-block;

    background: #005bab;

}



/**/



.mar_top_20 {

    margin-top: 20px;

}



.mar_top_30 {

    margin-top: 30px;

}



.mar_top_40 {

    margin-top: 40px;

}



.mar_top_50 {

    margin-top: 50px;

}



.mar_top_60 {

    margin-top: 60px;

}



.mar_bot_20 {

    margin-bottom: 20px;

}



.mar_bot_30 {

    margin-bottom: 30px;

}



.mar_bot_40 {

    margin-bottom: 40px;

}



.mar_bot_50 {

    margin-bottom: 50px;

}



.mar_bot_60 {

    margin-bottom: 60px;

}



/**/



.wrap_content {

    padding: 25px 0;

}



.rows {

    width: 100%;

    float: left;

}



.wrap_primary_header {

    background: #005bab;

    padding: 10px 0 15px 0

}



.txt_top {

    color: #fff;

    font-size: 13px;

    line-height: 140%;

}



.wrap_primary_nav {

    background: #fff;

    border-bottom: 1px solid #E6E6E6;

}



.primary_nav {

    position: relative;

    display: block;

    padding: 6px 0 5px 0;

}



.primary_nav li {

    width: 20%;

    border-right: 1px solid #E6E6E6;

    padding: 0;

    margin: 0 !important;

}



.primary_nav li:first-child {

    border-left: 1px solid #E6E6E6;

}



.primary_nav li a {

    padding: 9px 5px 8px 5px;

    text-align: center;

    display: block;

    line-height: 1;

    color: #5a5a5a;

    font-size: 16px;

    background: none !important;

}



.primary_nav li.current-menu-item a, .primary_nav li:hover a {

    color: #005bab;

}



/**/



.brand a {

    display: block;

}



.brand a img.image_full {

    width: 415px;

    height: 46px;

}



.header_info {

    color: #fff;

    padding-top: 17px;

}



.header_info * {

    vertical-align: bottom;

    line-height: 1;

}



.header_info a.btn {

    margin: 0 3px;

    line-height: 1;

    padding: 7px 17px;

    color: #fff;

    border: none;

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

}



.header_tel {

    margin-left: 7px;

}



.header_tel a {

    font-size: 22px;

    color: #fff;

}



.btn_orange {

    background: #f15a24 !important;

}



.btn_green {

    background: #39b54a !important;

}



.header_tel a i {

    margin-top: -2px;

    top: -2px;

    position: relative;

}



.header_tel a:hover {

    text-decoration: none;

}



.header_tel small {

    font-size: 12px;

    top: -4px;

    position: relative;

}



/**/



.wrap_footer {

    color: #fff;

}



.footer_info {

    background: #f2f2f2;

    color: #5a5a5a;

    padding: 15px 0;

}



.fxt1 {

    font-size: 18px;

}



.footer_wrap_btn {

    padding: 13px 10px 20px 10px;

}



.footer_btn_green {

    background: #39b54a !important;

}



.footer_btn_orange {

    background: #f15a24 !important;

}



.footer_wrap_btn a.btn {

    font-size: 18px;

    padding: 8px 120px;

    border: none;

    background: #39b54a;

    margin: 0px 8px;

}



.fxt2 {

    font-size: 16px;

}



.fxt2 span {

    font-size: 14px;

}



.footer_wrap_navigation {

    background: #005bab;

    padding: 12px 0px 0px 0;

}



.footer_navigation_title {

    color: #fff;

    padding-bottom: 5px;

    margin-bottom: 15px;

    font-size: 13px;

    border-bottom: 1px solid #ccc;

}



.footer_navigation {

    margin-bottom: 30px;

    text-align: left;

}



ul.footer_navigation_child {

    display: inline-block;

    margin: 0;

    margin-right: 14px;

    padding: 0;

    vertical-align: top;

}



ul.footer_navigation_child li {

    font-size: 12px;

    margin-bottom: 5px;

    list-style: none;

    text-align: left;

}



ul.footer_navigation_child li a {

    color: #fff;

}



ul.footer_navigation_child li:first-child {

    font-size: 13px;

    margin-bottom: 10px;

}



.footer_copyright {

    font-size: 11px;

    color: #fff;

}



.footer_brand_info {

    padding-bottom: 20px;

}



.footer_brand {

    display: inline-block;

    vertical-align: top;

    margin-right: 5px;

}



.footer_brand img {

    width: 132px;

    height: 33px;

}



.footer_brand_info .fxt_info {

    color: #fff;

    display: inline-block;

    vertical-align: top;

    font-size: 12px;

    text-align: left !important;

}



.fxt_info a {

    color: #fff;

}



/* PAGE */



.page_wrap {

    padding: 50px 0;

}



.page_wrap1 {

    padding: 50px 0 10px 0

}



.title_style2 {

    background: #e5eff7;

    color: #005bab;

    font-size: 16px;

    padding: 5px 20px 4px 20px;

}



.wrap1_item {

    margin-bottom: 50px;

}



.wrap1_txt {

    margin-top: 15px;

    letter-spacing: -0.5px;

}



.page_wrap_service {

    padding: 8px 0 60px 0;

    display: block;

    margin: 0 -7px;

}



.page_service_item {

    display: inline-block;

    padding: 0px 7px;

    max-width: 324px;

    vertical-align: top;

    margin: 0 -2px !important;

}



.page_service_item_thumbnail {

    position: relative;

}



.page_service_item_txt {

    margin-top: 7px;

    text-align: left;

    border-left: 1px solid #80add5;

    padding: 2px 10px 0px 10px;

}



/**/



.page_wrap3 {

    padding-bottom: 100px;

}



.title_style3 {

    padding: 0 30px;

}



.title_style3 .txt_title {

    border: 1px solid #005bab;

    text-align: center;

    font-size: 20px;

    color: #005bab;

    padding: 14px;

}



.wrap3_wrap_table {

    padding: 10px 40px;

}



.wrap3_table {

    padding: 10px;

}



.wrap3_table .table {

    margin: 0;

}



.wrap3_table .table tr td {

    border-top: none !important;

    border-bottom: 1px dotted #ccc;

    padding: 9px;

    padding-left: 2px;

}



.wrap3_table .table tr td:first-child {

    width: 78px;

}



.wrap3_table .table tr td span.caret-r {

    color: #005bab;

    display: inline-block;

    padding: 0 2px 0 13px;

}



.txt_xanh {

    color: #005bab;

    font-size: 13px;

    padding-left: 65px !important;

    letter-spacing: -1px;

}



/**/



.wrap4_item {

    margin: 55px 0;

    position: relative;

    padding-left: 270px;

    min-height: 324px;

}



.wrap4_item_thumbnail {

    width: 270px;

    padding-right: 30px;

    float: left;

    position: absolute;

    top: 0;

    left: 0;

    text-align: center;

}



.wrap4_item_thumbnail .wr_img {

    width: 100%;

    text-align: center;

}



.wrap4_item_thumbnail .txt_name {

    width: 100%;

    text-align: center;

    margin-top: 15px;

}



.wrap4_item_thumbnail .txt_name img {

    width: 105px;

    height: 39px;

}



.wrap4_item_thumbnail img {

    width: 240px;

    height: auto;

}



.wrap4_item_profile {

    width: 100%;

    float: left;

}



.title_style4 {

    border-bottom: 1px dotted #005bab;

    font-size: 19px;

    color: #005bab;

    padding: 0 10px 7px 0;

}



.wrap4_item_txt1 {

    font-size: 22px;

    margin-top: 20px;

    line-height: 160%;

}



.wrap4_item_txt2 {

    margin-top: 25px;

    line-height: 180%;

}



/**/



.wrap5_item {

    border: 1px solid #80add5;

    padding: 25px 20px;

    margin-bottom: 55px;

}



.title_style5 {

    font-size: 19px;

    color: #005bab;

}



.wrap5_item_txt1 {

    margin-top: 15px;

}



/* END PAGE */



/**/



/**/



/**/



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

    .pad_sp {

        padding: 0 10px;

    }

    .brand, .header_info, .txt_top {

        width: 100%;

        text-align: center;

    }

    .txt_top {

        padding-bottom: 15px;

    }

    .brand a {

        display: inline-block;

    }

    .footer_navigation_child {

        margin-bottom: 25px !important;

    }

    .page_wrap_service {

        text-align: center;

        margin: 0;

    }

    /**/

    .wrap3_table {

        padding: 0 10px;

    }

    /**/

    .page_service_item {

        margin-bottom: 30px !important;

    }

    .txt_xanh {

        padding-left: 0 !important;

    }

    /**/

    /**/

    /**/

    /**/

    /**/

    /**/

}



@media screen and (min-width:768px) {

    .primary_nav, .footer_navigation {

        display: block !important;

    }

    .toggle_navigation, .toggle_navigation_footer {

        display: none;

    }

    .break_sp {

        display: none;

    }

    .image_full {

        display: inline-block;

    }

    .image_mobile {

        display: none;

    }

    .get_w1 {

        width: 18px;

        display: inline-block;

    }

}



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

	.backtop {width:100%; position:static; border:none;text-align:center; border-top:1px solid #ccc;}

    .h_wrap_slide {

        height: 250px !important;

    }

    .wrap4_item {

        min-height: inherit;

    }

    .header_info a.btn {

        margin: 0;

		margin-right: 5px;

    }

    .title_style2 {

        padding: 5px 10px 4px 10px;

    }

    .footer_wrap_btn a.btn {

        margin: 5px 8px;

    }

    .h_wrap_service {

        text-align: center;

    }

    .footer_wrap_navigation {

        padding: 12px 0;

    }

    .primary_nav li:first-child {

        border: none;

    }

    .image_full, .get_w1 {

        display: none;

    }

    .image_mobile {

        display: inline-block;

    }

    .break_sp {

        display: inline-block;

    }

    .header_info {

        position: relative;

        text-align: left;

    }

    .footer_navigation_title {

        position: relative;

    }

    .toggle_navigation {

        display: block;

        width: 65px;

        height: 65px;

        line-height: 1;

        color: #fff;

        font-size: 45px;

        position: absolute;

        padding: 8px;

        top: 25px;

        text-align: center;

        right: 0;

        border: 1px solid #ccc;

        cursor: pointer;

        border-radius: 3px;

    }

    .toggle_navigation_footer {

        display: block;

        width: 30px;

        height: 30px;

        line-height: 1;

        color: #fff;

        font-size: 20px;

        position: absolute;

        padding: 5px;

        top: -7px;

        text-align: center;

        right: 0;

        border: 1px solid #ccc;

        cursor: pointer;

        border-radius: 3px;

    }

    .wrap_primary_nav {

        position: relative;

    }

    .footer_navigation {

        display: none;

    }

    .primary_nav {

        position: absolute;

        top: 0;

        left: 0;

        z-index: 1;

        display: none;

        padding: 0;

        width: 100%;

    }

    .brand a img.image_mobile {

        width: 187px;

        height: 95px;

    }

    .primary_nav {

        border: none;

    }

    .primary_nav li {

        width: 100%;

        border: none;

        border-bottom: 1px solid #ccc;

        border-top: 1px solid #6F6F6F;

        border-bottom: 1px solid #565656;

        background-color: #5F5F5F;

    }

    .primary_nav li a {

        text-align: left;

        padding: 15px;

        color: #fff;

    }

    .primary_nav li.current-menu-item a, .primary_nav li:hover a {

        color: #fff;

    }

    .primary_nav li.current-menu-item, .primary_nav li:hover {

        background: #555;

    }

    .header_tel {

        margin: 40px 0 0 0;

        width: 100%;

        float: left;

    }

    .header_info a.btn {

        padding: 12px 30px;

    }

    /**/

    .wrap4_item {

        padding-left: 0;

    }

    .wrap4_item_thumbnail {

        width: 100%;

        padding-right: 0;

        float: left;

        position: relative;

        text-align: center;

        margin-bottom: 30px;

    }

    .wrap4_item_thumbnail img {

        width: 240px;

    }

    .wrap4_item_profile {

        width: 100%;

        float: left;

    }

    /**/

    .page_wrap {

        padding: 25px 0;

    }

    .wrap1_item {

        margin-bottom: 30px;

    }

    .page_wrap_service {

        padding: 8px 0 20px 0

    }

    .page_wrap3 {

        padding-bottom: 50px;

    }

    .wrap4_item {

        margin: 50px 0

    }

    .wrap4_item_txt1 {

        text-align: center;

        font-size: 16px;

    }

    /**/

    /**/

    /**/

    /**/

    /**/

    /**/

}



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

    .title_style3 {

        padding: 0;

    }

    .footer_brand_info {

        text-align: center;

    }

    .footer_brand {

        margin-bottom: 20px;

    }

    .footer_brand_info .fxt_info, .footer_copyright {

        text-align: center !important;

    }

    .footer_brand_info {

        padding-bottom: 10px;

    }

    .wrap3_wrap_table {

        padding: 10px 0

    }

}



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

    .toggle_navigation {

        width: 55px;

        height: 55px;

        line-height: 1;

        font-size: 40px;

        padding: 6px;

        top: 25px;

    }

    .header_info a.btn {

        padding: 12px 20px;

    }

    .header_tel a {

        font-size: 18px;

    }

    /**/

    /**/

    /**/

    /**/

    /**/

    /**/

    /**/

    /**/

}

@media screen and (max-width:440px) {
    .h_wrap_slide {
        height: 180px !important;
    }
}


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

    ul.footer_navigation_child li, ul.footer_navigation_child {

        display: block;

    }

    .footer_wrap_btn {

        padding: 13px 0 20px 0

    }

    .footer_wrap_btn a.btn {

        margin: 10px 0;

        padding: 10px 0;

        display: block;

        text-align: center;

    }

    .title_style4, .title_style5 {

        font-size: 17px;

    }

}