@charset "utf-8";
    /* ===================================================================
    CSS information
     style info :レイアウト用
     =================================================================== */
     body {
        color: #0a0a0a;
        font-family: 'Meiryo UI', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
        /*font-size:13px;*/
        line-height: 1.6;
        color: #4b4948;
    }
    a {
        text-decoration: none;
        color: #10b07e;
    }
    a:link {
        text-decoration: none;
        color: #010b07e;
        text-decoration: underline;
    }
    a:active, a:focus {
        text-decoration: underline;
        color: #0a0a0a;
    }
    a:visited {
        text-decoration: underline !important;
        color: #010b07e;
    }
    a:hover {
        text-decoration: underline !important;
        color: #a4d500;
    }

    #wrapper .container{
      padding:20px;
      font-size: 15px;
    }

    #wrapper .container h1{
      display: none;
    }

    .pNav{
      display: none;
    }

    #up_ymd{
      margin:30px 0;
      text-align: right;
    }

    .h2_wrapper h2{
      font-size:24px;
      background-image: none;
      margin:20px 0;
      border-bottom:2px solid #18b27a;
      padding-bottom:10px;
    }


    #btn_info_back a {
    	text-decoration:none;
    }

    #btn_info_back:hover {
        background-color: rgba(243, 243, 243, 1);
        color: #FFF !important;
        opacity: 1;
    }

    #btn_info_back {
    		width:100px;
    		margin: 60px auto 0 auto;
        display: block;
        background-color: #ffffff;
        color: #404040;
        font-size: 15px;
        text-align: center;
        padding:8px;
        border: 1px solid #404040;
        border-radius:10px;
        transition: 0.2s;
        position: relative;
    }

    .oshirase{
      height:337px;
    }

    /* row調整 */
    .row {
        margin-left: 0px;
        margin-right: 0px;
    }
     /* スマホで改行を消す */
     @media screen and (max-width: 768px) {/**sm tb 768**/
    .br-sp {
        display:none;
    }
    }
     /* bootstrap スマホ横画面用 */
     @media screen and (max-width: 480px) {/**sm 480**/
    .container {
        padding:0
    }
    div[class^="col-"] {
        padding:0
    }
    .row {
        margin:0;
    }
    }
     /* bootstrap スマホ縦画面用 */
     @media screen and (max-width: 320px) {/** sm 320 **/
    .container {
        padding:0
    }
    div[class^="col-"] {
        padding:0
    }
    .row {
        margin:0px;
    }
    }
     /***横幅調整***/
     @media screen and (max-width: 980px) {/** pc 980 **/
    .container {
        width: 100%
    }
    }
    img.img_100per {
        width: 100%;
    }
    /**画像1**/
     img.img1 {
        width: 100%;
    }
     @media screen and (max-width: 768px) {/**sm tb 768**/
    img.img1 {
        width: 75%;
        margin: 0 auto 0 auto;
    }
    }
    /**画像2**/
     img.img2 {
        width: auto;
    }
     @media screen and (max-width: 768px) {/**sm tb 768**/
    img.img2 {
        width: 75%;
    }
    }
    address {
        text-align: left;
        margin: 0px;
    }
    /****/
    .font_bold{
    font-weight: bold;}

    /******/
    .img_radius img {/***画像角丸***/
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
    }
    /********header*********/
    #header_wrapper {
        width: 100%;
        /*position: fixed;*/
        margin: 0px;
        text-align: center;
    }
    .pc_header {
        margin: 0 auto 0 auto;
        position:relative;
    }
    #header_wrapper h1 {
        font-size: 0px;
        margin: 0px;
        padding: 36px 0 0 0;
    }
    #header_wrapper p.head_address {
        font-size: 13px;
        line-height: 1.5;
        margin: 0px;
        padding: 0px;
        text-align: left;
        color: #00ab84;
        position:absolute;
        top: 50px;
        right: 0px;
    }
    #header_wrapper p.head_address a:link {
        text-decoration: none;
    }
    #header_wrapper nav.pc_navigation {
        border-top: 1px solid #a9cf52;
        margin: 25px auto 0 auto;
        display: block;
        overflow: hidden;
    }
    .pc_navigation ul {
        margin: 10px 0 0 0;
        display: block;
        overflow: hidden;
        width: 980px;
    }
    .pc_navigation ul li {
        font-size: 0px;
        line-height: 0px;
        float: left;
        margin: 0 4px 0 0;
    }
    .pc_navigation ul li:first-child {
        margin-left: 25px;
    }
    .pc_navigation ul li:last-child {
        margin-right: 0px;
    }
    /***sm***/
    .sm_header {
        text-align: left;
        padding: 0 10px 0 10px;
    }
    .sm_header p {
        font-size: 12px;
        line-height: 1.2;
        color: #00ab84;
        padding: 5px;
    }
    .navbar-brand {
        background: url("../images/head_tit.png") no-repeat left center;
        background-size: contain;
        height: 50px;
        width: 250px;
        padding: 5px;
    }
    .navbar-default {
        background-color: #fff;
        border-style: none;
    }
    .navbar-collapse {
        padding: 0px;
        overflow: hidden;
    }
    .navbar {
        position: relative;
        min-height: 0px;
        margin-bottom: 0px;
        padding: 0 5px 0 5px;
    }
    .navbar ul li {
        font-size: 16px;
        line-height: 1.1;
        text-align: left;
    }
    .navbar ul li a {
        text-decoration: none;
        color: #00ab84 !important;
    }
    .navbar-toggle {
        margin-right: 5px;
    }
    /**main_image**/
    .main_image {
        font-size: 0px;
        line-height: 0px;
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    @media screen and (max-width: 768px) {/**sm tb 768**/
    .main_image {
        margin-top: 10px;
        padding: 0 5px 0 5px;
    }
    }
    .main_image img {
        margin: 0 auto 0 auto;
    }
    /*********footer********/
    .footer_wrapper {
        background-color: #f6ffda;
        padding:30px 0 30px 0;
        clear:both;
    }
    .page_top {
        padding: 40px 0px 20px 0px;
        font-size: 0px;
        line-height: 0px;
        text-align: right;
        display: block;
        overflow: hidden;
    }
    @media screen and (max-width: 480px) {/**sm 480**/
    .footer_wrapper {
        padding:10px 0 20px 0;
    }
    .page_top {
        padding: 20px 0px 10px 0;
        text-align: center;
    }
    .page_top img {
        width: 60px;
    }
    }
    .footer_wrapper .row {
        margin: 0px;
    }
    .footer_wrapper .foot_l {
        text-align: left;
    }
    .footer_wrapper .foot_r {
        text-align: right;
        position: relative;
    }
    .footer_wrapper .foot_r address {
        position: absolute;
        right: 220px;
        top: 20px;
        text-align: left;
    }
     @media screen and (max-width: 768px) {/**sm tb 768**/
    .footer_wrapper .foot_l {
        text-align: center;
        padding: 15px;
    }
    .footer_wrapper .foot_r {
        text-align: center;
        padding: 0px;
    }
    .footer_wrapper .foot_r address {
        padding: 0px;
        float: none;
        margin-bottom: 5px;
        text-align: center;
        position: relative;
        right: 0px;
        top: 0px;
    }
    }
    .footer_nav {
        border-top: 1px solid #a9cf52;
        padding-top: 20px;
        margin: 20px 0 0 0;
    }
    .footer_nav ul {
        display: block;
        overflow: hidden;
    }
    .footer_nav ul li a {
        color: #4b4948;
        display: block;
        padding: 0 30px 0 10px;
    }
    .footer_nav ul li a:hover {
        color: #a4d500;
    }
    .footer_wrapper p {
        font-size: 11px;
        line-height: 1.2;
        margin-top: 40px;
    }
    /********contents*********/
    #content_wrapper {
        width: 100%;
    }
    @media screen and (max-width: 768px) {/**sm tb 768**/
    #content_wrapper {
    }
    }
    .red_text {
        color: #f23d70;
    }
    .green_text {
        color: #00ab84;
    }
    /*** row 調整
    .row {
        width: 940px;
        margin: 0 auto 0 auto;
    }
    .row {
        width: 100%;
    }
    }
    /********left_contents *********/
    #left_contents {
    }
    @media screen and (max-width: 1200px) {/**pc 1200 **/
    #left_contents {
        padding: 0 15px 0 15px;
    }
    }
    h2 {
        background: url("../images/h2_border.png") repeat-x left bottom;
        font-size: 18px;
        margin: 0px;
    }
    h2 span {
        padding: 10px 0 10px 40px;
        display: block;
    }
    h2 .time {
        background: url("../images/icon_time.png") no-repeat left center;
    }
    h2 .info {
        background: url("../images/icon_info.png") no-repeat left center;
    }
    h2 span.normal {
        padding: 10px 0 10px 10px;
        font-size: 24px;
        display: block;
    }
    h4 {color: #009933;}

    /********right_contents*********/
    #right_contents {
    }
    @media screen and (max-width: 1200px) {/**pc 1200 **/
    #right_contents {
        padding: 0 15px 0 15px;
    }
    }
    /***/
    .right_box {
        border: 1px dashed #808080;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
        padding: 10px;
    }
     @media screen and (max-width: 768px) {/**sm tb 768**/
    .right_box {
        width: 80%;
        margin: 0 auto 0 auto;
        padding: 10px 20px 10px 20px;
    }
    }
    .right_box h3.right_h3 {
        margin:  0 auto 0 auto;
        width: 7.5em;
        text-align: center;
    }
    .right_box h3.right_h3 span {
        background: url("../images/icon_summary.png") no-repeat left center;
        color: #615f5f;
        padding: 10px 0 10px 40px;
        font-size: 18px;
    }
    .r_time {
        font-size: 11px;
        margin: 10px 0 0 0;
    }
    .r_go_feature a {
        display: block;
        font-size: 15px;
        background: url("../images/arrow_icon1.png") no-repeat right center;
        text-decoration: none;
        margin: 0 auto 0 auto;
        width: 8.5em;
        text-align: center;
        padding-right: 1em;
    }
    /*
    .right_box .r_go_feature a:hover {
        opacity: 0.5;/*要素の透明度を指定*/
    }*/
    /*****.index_page *****/
    .index_page {
    }
    .index_page .timetable {
        width: 100%;
    }
    .index_page .timetable td, .index_page .timetable th {
        text-align: center;
        font-size: 15px;
        border: 1px solid #eaeae9;
        font-weight: normal;
        padding: 5px;
    }
    .index_page .timetable th {
        background-color: #a4d500;
    }
    .index_page .timetable .left_cell{width: 10em;}

    .index_page .information {
        width: 100%;
        height: 10em;
        overflow: auto;
    }
    /***nomal list***/
    .information dl {
        text-align: left;
        margin: 0 5px 0 5px;
        width: 96%;
    }
    .information dt {
        font-weight:normal;
        float:left;
        width:6em;
        padding-bottom: 0.5em;
    }
    .information dd {
        margin-left:0;/*ddのデフォルトCSSを解除 */
        margin-bottom: 0.5em;
        padding-left:6.5em;
        padding-bottom: 0.5em;
        border-bottom: 1px dotted #615f5f;
    }
    .index_page .h3_text {
        padding: 0px 5px 0 5px !important;
    }
    .index_page h3 {
        margin: 0px;
        font-size: 19px;
        padding: 0px 5px 0 5px;
        line-height: 1.3;
    }
    .index_page h3 span {
        color: #0daf7f;
        font-size: 26px;
    }
    .go_feature a {
        float: right;
        display: block;
        font-size: 15px;
        padding: 0 30px 0 0;
        background: url("../images/arrow_icon1.png") no-repeat right center;
        text-align: left;
        text-decoration: none;
    }
    .go_feature a:hover {
        opacity: 0.5;/*要素の透明度を指定*/
    }
    ul.feature_icon {
        display: block;
        overflow: hidden;
        margin: 35px auto 0 auto;
        padding: 0 20px 0 20px;
    }
    ul.feature_icon li {
        float: left;
        font-size: 0px;
        line-height: 0px;
        text-align: center;
        width: 25%;
    }
    ul.feature_icon li img {
        padding: 0 12px 12px 12px;
    }
    @media screen and (max-width: 980px) {/** pc 980 **/
    ul.feature_icon li img {
        width: 100%;
    }
    }
    @media screen and (max-width: 480px) {/**sm 480**/
    ul.feature_icon {
        margin: 15px auto 0 auto;
        padding: 0 5px 0 5px;
    }
    ul.feature_icon li {
    }
    ul.feature_icon li img {
        width: 100%;
        padding: 0 6px 6px 6px;
    }
    }
    /*****.basic_page *****/
    .basic_page {
        margin: 10px 0 0 0;
        position: relative;
    }
    .basic_text {
        margin: 15px 0 0 0;
        font-size: 15px;
        line-height: 2;
        padding: 0 5px 0 5px
    }
    .basic_text1 {
        padding: 0 5px 0 5px
    }
    .basic_page .large_copy {
        font-size: 24px;
        color: #3ab253;
        line-height: 1.3;
        padding-bottom: 0.5em;
    }
    .basic_page .right_img {
        float: right;
        padding: 0 0 1em 1em;
    }
    @media screen and (max-width: 480px) {/**sm 480**/
    .basic_page .right_img {
        float: none;
        padding: 0 0 1em 0;
        width: 100%;
    }
    }
    /***/
    .basic_text p {
        overflow: hidden;
    }
    .basic_text p.no_hidden {
        overflow: visible;
    }
    /***/
    .basic_break {
        padding: 0px;
    }
    .basic_break_l {
        padding-right: 30px;
    }
    .basic_break_r {
        padding-left: 30px;
    }
     @media screen and (max-width: 768px) {/**sm tb 768**/
    .basic_break_l {
        padding-right: 0px;
    }
    .basic_break_r {
        padding-left: 0px;
    }
    }
    .basic_page #left_contents h3 {
        padding: 10px 0 10px 10px;
        background: url("../images/h2_border.png") repeat-x left bottom;
        font-size: 18px;
        margin: 0px 0 10px 0;
    }
    .basic_page #left_contents h3.h3_1 {
        padding: 0px 0 5px 5px;
        background-image: none;
        font-size: 18x;
        margin: 0px 0 10px 0;
        border-bottom: 1px solid #a9cf52;
        color: #3ab253;
    }
    .basic_page #left_contents h3.h3_2 {
        font-size: 20px;
    }
    /***list***/
    .basic_page dl.dl_rereki {
        text-align: left;
    }
    .basic_page dl.dl_rereki dt {
        font-weight:normal;
        float:left;
        width:7em;
        padding-bottom: 0em;
    }
    .basic_page dl.dl_rereki dt.wide {
        width:100%;
    }
    .basic_page dl.dl_rereki dd {
        margin-left:0;/*ddのデフォルトCSSを解除 */
        margin-bottom: 0.5em;
        padding-left:7.5em;
        padding-bottom: 0em;
    }
    /***list2***/
    .basic_page dl.dl1 {
        text-align: left;
    }
    .basic_page dl.dl1 dt {
        font-weight:normal;
        float:left;
        width:1.2em;
        padding-bottom: 1em;
        line-height: 1.8;
    }
    .basic_page dl.dl1 dd {
        margin-left:0;/*ddのデフォルトCSSを解除 */
        margin-bottom: 0.5em;
        padding-left:1.5em;
        padding-bottom: 1em;
        line-height: 1.8;
        overflow: hidden;
    }
    /***レスポンシブで上下入れ替え**/
    .mod-groupContainer {
        overflow: hidden;
    }
    .mod-group1 {
        float: right;
        margin:0px;
    }
    .mod-group1 img {
        margin: 0 0 1.5em 1.5em;
        padding: 0px !important;
    }
    .mod-group2 {
    }
    .mod-group2 p {
    }
    @media(max-width:480px) {
    .mod-groupContainer {
        display:table;
        width:100%;
    }
    .mod-group1 {
        display:table-row-group;
        float: none;
        text-align: center;
    }
    .mod-group1 img {
        padding: 0px !important;
        margin:10px 0 1em 0;
        float: none;
        width: 100%;
    }
    .mod-group2 {
        display:table-header-group;
    }
    .mod-group2 p {
    }
        /*******/

.caseFix {
        width:100%;
    }
 .caseFix .mod-group1, .caseFix .mod-group2 {
     float: none;
     display: inherit;
     width: 100%;
     height: auto;
    }
         .caseFix .mod-group1 img {
             max-width: 200px;
    }






    }

    /***case_contents****/

    .case_contents{}
    .case_contents .mod-group1 {
        float: left;
        margin:0px;
    }
    .case_contents .mod-group2 p {
     padding: 0 0 0 2em;
    }
    @media(max-width:480px) {
    .case_contents .mod-group2 p {
     padding: 0 0 0 0em;
    }
    /****intoro****/
    .intoro {
    }
    .intoro ul {
        font-size:0;
    }
    .intoro ul li {/*高さの違うブロックを横並びで折り返した時の崩れを無くす*/
        display:inline-block;
    /display:inline;
    /zoom:1;
        width:33%;
        font-size:14px;
        vertical-align:top
    }
    .intoro img {
        padding:0 5px 0 5px;
    }
    .intoro h4 {
        margin: 5px 0 0px 0;
        padding: 5px;
        color: #00ab84;
    }
    .intoro p {
        margin: 0px 0 15px 0;
        padding: 5px;
        overflow: hidden;
        line-height: 1.5;/****/
    }
    @media(max-width:480px) {
    .intoro ul li {
        width:50%;
    }
    .intoro img {
        width: 95%;
    }
    }
    /*****/
    @media(max-width:480px) {
    img.logo {
        width:50%;
        margin: 10px auto 0 auto;
    }
    }
    /****instrument****/
    .instrument {
    }
    .instrument h4 {
        margin: 0 0 10px 0;
        padding: 0;
        color: #00ab84;
    }
    .instrument p {
    }
    /****page_linlk1****/
    .page_linlk1 {
    }
    .page_linlk1 span {
        display: block;
        background: url("../images/arrow_icon1.png") no-repeat right center;
        padding-right: 1.5em;
        line-height:30px;/*真ん中にテキストがくるように*/
        font-size: 18px;
        display:inline;
        font-weight: bold;
    }
    .page_linlk1 a {
        text-decoration: none;
        display: block;
    }
    /****/
    .line_height_s{line-height:1.4 !important;}

        /***top news***/
         .topicks_1{background-color: #10b07e;
    color: #fff;
        font-size: 18px;
     -webkit-border-radius: 5px;
    border-radius: 5px;width:5em;text-align:center;
        }

        /* news */
    #news_wrap li{
        margin:0;padding:0 5px 0 5px;
        padding-bottom:2px;
        margin-bottom:3px;
        border-bottom:1px dotted #ccc;
        line-height:150%;
    }
    #news_wrap {
        margin:0 0 5px;
        padding:0 10px 0 10px;
    }
    #news_wrap ul {
        padding:10;
    }
    #news_wrap a{text-decoration:underline;}
    #news_wrap a:hover{text-decoration:none;}
    #news_wrap span {display:table-cell; }
    #news_wrap .news_List_Ymd{padding: 0 1em 0 0;}
    /*#news_wrap .news_List_Title{padding: 0 1em 0 0;color:#F23D70;}*/