body {
    margin: 0;
    padding: 0;
    font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
}

@font-face {
    font-family: myFirstFont;
    src: url("../css/font/copperplate-gothic-bold.ttf"),
    url("../css/font/copperplate-gothic-bold-webfont.eot"); /* IE9 */
}

.button:hover,
button:hover,
input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover {
    background: #ff9900;
}

#top {
    background: #eee;
    border-bottom: 1px solid #ddd;
    padding: 0 10px;
    font-size: 12px;
}

.btn1 {
    background-color: #51a2b7;
    margin-top: 20px;
    margin-left: 5%;
    width: 37%;
}

.btn2 {
    background-color: #51a2b7;
    margin-top: 20px;
    margin-left: 3%;
    width: 52%;
}

.headers {
    width: 90%;
    padding-left: 0;
    height: 50px;
    line-height: 50px;
    margin-left: 5%;
}

.headera1 {
    display: inline;
    color: white;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 2px;
}

.headera2 {
    color: #18a4ba;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
    margin-left: 5px;
    font-family: myFirstFont;
}

.headera3 {
    font-size: 13px;
    color: white;
    font-family: meiryo;
    font-weight: 900;
}

.headera4 {
    font-size: 13px;
    color: white;
    font-family: meiryo;
    font-weight: 900;
}

.headera5 {
    font-size: 0.1pt;
    color: white;
    font-family: meiryo;
    color: #18a4ba;
    height: 50px;
    line-height: 50px;
}

.fc-week-number {
    display: none;
}

.newsystem {
    color: #ff3300;
}

.new a {
    color: #00cc99;
}

.blue {
    color: #0033ff;
}

.tip_item {
    width: 83%;
    margin: 0 auto;
}

.blue_tips {
    width: 100%;
    color: black;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.blue_tips_item1 {
    display: flex;
    width: 90%;
}

.blue_tips_item2 {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.blue_tips_item_span1 {
    width: 90%;
    margin-left: 100px;
    font-size: 17px;
    background: #22b1c7;
    border-radius: 10px;
    box-shadow: 5px 7px 5px #107787;
}

.blue_tips_item_span2 {
    width: 90%;
    font-size: 17px;
    background: #16a4ba;
    border-radius: 10px;
    box-shadow: 5px 7px 5px #107787;
    text-align: center;
}

.blue_tips_item_h4 {
    color: white;
    text-align: center;
    font-size: 24px;
    /* padding-top: 13px;
      padding-bottom: 9px; */
    font-family: meiryo;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

.swiper-slide {
    border-radius: 20px;
}

.marquee_list {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.marquee_top {
    transition: all 0.5s;
    margin-top: -60px;
}

.marquee_list li {
    /* height: 60px; */
    /* line-height: 60px; */
    font-size: 14px;
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.marquee_list li span {
    padding: 0 2px;
    font-size: 13px;
    color: #16a4ba;
    font-weight: bold;
    /* color: white; */
}

.red {
    color: #ff0101;
}

.marquee_box {
    display: block;
    position: relative;
    width: 57%;
}

.index_wrap {
    width: 73%;
    margin: 0 auto;
}

.service-grids h2 {
    font-size: 2.1em;
}

.index_topleft {
    width: 75%;
    display: flex;
    justify-content: center;
    float: left;
}

.index_topleft_swipper {
    width: calc(82% - 1px);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.middle_fenge {
    width: 1%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.middle_fenge_item {
    width: 1px;
    height: 90%;
    background: #75d1d2;
}

.index_topright {
    width: 22%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #f5f5f5;
    float: left;
}

.index_topright_calendar {
    position: inherit;
    width: 57%;
}

.swiper-container {
    width: 100%;
    height: 560px;
    margin: 0 auto;
}

.swiper-button-next,
.swiper-button-prev {
    top: 80%;
}

.members {
    /*height: 5%;*/
    /*display: block;*/
    /*width: 89%;*/
    /*margin-top: 0;*/
    /*margin-top: 24px;*/
    float: right;
    /*margin: 0 auto;padding-left: 0;*/
    height: 50px;
    line-height: 50px;
    /*width: 24%;*/
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*font-family: MS UI Gothic*/
}

.imglogo {
    width: 100%;
    height: 100%;
    /* margin-top: -65px */
}

.wrap {
    width: 100%;
    margin: 0;
}

.tip_container {
    width: 100%;
    /* margin-top: 40px; */
}

.service_title {
    text-shadow: 5px 2px 6px #777f87;
    color: #dd130f;
    -webkit-text-stroke: aliceblue;
    font-weight: bolder;
    font-family: meiryo;
}

.index_wrap_button {
    font-size: x-large;
    width: 350px;
    height: 50px;
    border: 1px solid #27962c;
}

#calendar {
    position: inherit;
    width: 91%;
    /* height: 370px; */
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0);
}

.texts {
    /* margin-top: 18%; */
    width: 89%;
    display: block;
}

.companysay {
    position: inherit;
    width: 89%;
}

.three.columns.navi3 {
    position: inherit;
}

.companysay {
    /* margin-bottom: -55px; */
    position: inherit;
    justify-content: center;
}

.erweima {
    /* margin-top: -40px; */
    text-align: left;
    position: inherit;
    width: 89%;
    /*display: flex;*/
    justify-content: center;
}

.index_seven {
    width: 89%;
}

.footer {
    margin-top: -3%;
    width: 89%;
}

.index_line {
    display: none;
}

.index_br_phone {
    display: none;
}

.index_br_pc {
    display: block;
    font-weight: bold;
    letter-spacing: 5px;
    text-shadow: 2px 2px 1px #000000;
    margin-bottom: 3%;
}

.message_h4 {
    color: #fff;
    margin-left: 30px;
    width: 70%;
    margin: 80px auto 0px;
    font-weight: bold;
    letter-spacing: 5px;
    text-shadow: 2px 2px 1px #000000;
}

.index_button_pc {
    display: block;
}

.index_button_phone {
    display: none;
}

.let_center {
    width: 75%;
    margin: 0 auto;
}

.service-grids_h2_phone {
    display: none;
}

.service-grids_h2_pc {
    display: block;
}

.footer_bottom_wrap {
    width: 92%;
    margin: 0 auto;
}

.nav_list_phone {
    display: none;
}

.header {
    width: 82%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

.spot_phone {
    display: none;
}

.index_ul {
    display: none;
}

.index_ul_pc {
    display: block;
}

.indexTable1 {
    height: 118px;
    width: 141.59px;
}

.indexTable2 {
    height: 118px;
}

.copy-right_1 {
    float: right;
    display: flex;
    margin-right: 10px;
    margin-left: 2%;
}

.copy-right_11 {
    float: right;
    display: flex;
    margin-right: 2%;
}
