@charset "utf-8";
/* CSS Document */

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font-size: 14px;
    background: #F1F9FE;
}

#wrap {
    margin: 0 auto;
    padding: 0;
    width: 970px;
    text-align: left;
    background: #FFF;
}

h1 {
    margin: 0;
    padding: 5px 10px;
    background: #C3E4FA;
    font-weight: normal;
    font-size: 14px;
}

h2 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    line-height: 0;
}

h3 {
    margin: 35px 0 25px 35px;
    padding: 10px 0 0 45px;
    font-weight: normal;
    font-size: 20px;
    height: 35px;
    bottom: 0;
}


/* クリア関係 */

.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* for macIE \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* end of for macIE */




/* global-nav */
#global-nav {}

#global-nav ul {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
    list-style: none;
}

#global-nav .main-nav {
    margin-top: 0;
    height: 65px;
}

#global-nav .main-nav li:first-child {
    border-right: solid 1px #2674b5;
}

#global-nav .main-nav li:last-child {
    border-left: solid 1px #2674b5;
}

#global-nav .sub-nav {}




/* sns-account-banner*/
#sns-account-banner {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
}

#sns-account-banner .bnr:nth-child(2) {
    margin: 0 20px;
}

#sns-account-banner .bnr img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: “alpha(opacity=50)”;
}




/* コンテンツ */

#contents {
    margin: 0;
    padding: 0;
}

#left_contents {
    float: left;
    margin: 0;
    padding: 0;
    width: 250px;
    display: block;
}

#right_contents {
    float: right;
    margin: 0;
    padding: 0;
    width: 690px;
    display: block;
}

#counter_box {
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}

#tel_box,
#map_box,
#exterior_box {
    margin: 0;
    padding: 0;
    line-height: 0;
}

#exterior_box .exterior_com {
    margin: 0;
    padding: 5px;
    line-height: normal;
    font-size: 16px;
}

#exterior_box .exterior_com a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #000;
}

#area_box {
    margin: 10px 0 0 0;
    padding: 0 0 80px 0;
    line-height: 0;
}

#area_box .outside_area {
    margin: 0;
    padding: 5px 0;
    border: 3px solid #009944;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#area_box .outside_area ul {
    margin: 0;
    padding: 10px;
    list-style: none;
}

#area_box .outside_area li {
    margin: 0;
    padding: 15px 0 10px 55px;
    line-height: normal;
}

#area_box .outside_area .icon01 {
    background: url(../images/icon_taiyo.png) no-repeat top left;
}

#area_box .outside_area .icon02 {
    background: url(../images/icon_fleisure.png) no-repeat;
}


#area_box .outside_area .icon03 {
    background: url(../images/icon_smct.png) no-repeat;
}

#area_box .outside_area .icon04 {
    background: url(../images/icon_smile.png) no-repeat;
}

#area_box .outside_area .icon05 {
    background: url(../images/icon_clover.png) no-repeat;
}


#infot_box {
    margin: 0;
    padding: 0;
    /*    line-height: 0;*/
    width: 685px;
}

#infot_box .infot_area {
    margin: 0;
    padding: 5px 0;
    border: 3px solid #FF9640;
    height: 200px;
    overflow: auto;
}

#infof_box {
    margin: 20px 0;
    padding: 0;
    /*    line-height: 0;*/
    width: 685px;
}

#infof_box .infof_area {
    margin: 0;
    padding: 5px 0;
    border: 3px solid #005EAD;
    height: 200px;
    overflow: auto;
}

#infot_box .infot_area ul,
#infof_box .infof_area ul {
    margin: 0;
    padding: 5px 0;
    list-style: none;
}

#infot_box .infot_area li,
#infof_box .infof_area li {
    margin: 0;
    padding: 20px 0 20px 15px;
    list-style: none;
    font-size: 14px;
}

#infot_box .infot_area li a,
#infof_box .infof_area li a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px dotted #000;
}

#infot_box .infot_area #blz_rss_17064_6892 {}








#outline {
    margin: 20px 0;
    padding: 0;
}

.h3_outline {
    background: url(../../images/top/h3-01.png) no-repeat;
}

.h3_source {
    background: url(../../images/top/h3-02.png) no-repeat;
}

#outline ul {
    margin: 0;
    padding: 0 0 0 80px;
    list-style: none;
}

#outline li {
    margin: 0;
    padding: 0px 0 30px 0;
    list-style: none;
    font-size: 14px;
}

.outline_line01 {
    background: url(../../images/top/line01.png) no-repeat -5px 20px;
}

.outline_line02 {
    background: url(../../images/top/line02.png) no-repeat -5px 20px;
}

#outline .source01 {
    margin: 0px;
    width: 690px;
}

#outline .source01 ul {
    margin: 0;
    padding: 0 0 20px 80px;
    list-style: none;
}

#outline .source01 li {
    clear: left;
    padding: 10px 0;
    overflow: hidden;
    list-style: none;
}

* html #outline .source01 li {
    height: 1%;
}

#outline dl dt {
    float: left;
    display: inline;
    font-size: 18px;
    margin: 0 0 0 10px;
    padding: 0 0 0 15px;
}

#outline dl dd.cap {
    float: left;
    display: inline;
    padding-top: 5px;
    width: 70px;
    font-size: 18px;
    text-align: center;
}

#outline dl dd.arrow {
    float: left;
    display: inline;
    padding-top: 5px;
    width: 20px;
    font-size: 18px;
    text-align: center;
}

#outline dl dd.detail {
    float: left;
    display: inline;
    width: 200px;
    padding: 5px 0 0 0;
    font-size: 18px;
}

.source01_line01 {
    background: url(../../images/top/line03.png) no-repeat -5px 60px;
}

.source01_line02 {
    background: url(../../images/top/line04.png) no-repeat -5px 60px;
}

.source01_line03 {
    background: url(../../images/top/line05.png) no-repeat -5px 60px;
}

.source01_line04 {
    background: url(../../images/top/line06.png) no-repeat -5px 60px;
}

.source01_line05 {
    background: url(../../images/top/line07.png) no-repeat -5px 60px;
}



.hp_link {
    margin-bottom: 20px;
    text-align: center;
    font-size: 13px;
}

.hp_link a {
    text-decoration: none;
    color: #00a16b;
    transition: 0.3s all ease 0s;
}

.hp_link a:hover {
    color: #09dc95;
}

.hp_link:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../../images/service/icon_blank.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 16px;
    margin-left: 3px;
}

#sun_box {
    margin: 0;
    padding: 0;
    background: url(../../images/service/sun_back.png) center center no-repeat;
}

.service_img {
    margin: 10px 0 5px 65px;
    padding: 0;
}

.service_com {
    margin: 0 0 15px 65px;
    padding: 0;
    font-size: 18px;
    letter-spacing: 0.1em;

}

.service_left {
    float: left;
    margin: 0 0 15px 65px;
    padding: 0;
}

.service_right {
    float: left;
    margin: 0 0 15px 15px;
    padding: 0;
}

.service_left td {
    padding: 10px 15px;
    font-size: 18px;
}

.service_left td span {
    display: block;
    font-size: 12px;
    line-height: 1.5;
}

.service_item {
    text-align: center;
}



.service_right .sun_com {
    margin: 0;
    padding: 5px 0;
    background: #EA4507;
    border-radius: 10px;
    font-size: 18px;
    color: #FFF;
}

.service_right .smile_com {
    margin: 0;
    padding: 5px 0;
    background: #edc421;
    border-radius: 10px;
    font-size: 18px;
    color: #FFF;
}

.service_right .sun_com li,
.service_right .smile_com li {
    padding: 10px 0;
}

.ev_box .ev_list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    padding: 15px 10px 25px;
    width: 70%;
    margin: 0 auto;
}

.ev_box .ev_list > li {
    display: block;
    width: 48%;
    height: 25%;
    margin-right: 2%;
}

.ev_box .ev_list > li a {
    text-decoration: none;
}

.ev_box .ev_list > li > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 0;
    background-color: #37bef0;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}



.flow_ttl01 {
    margin: 0;
    padding: 10px;
    font-size: 17px;
    background: #FF9640;
    text-align: center;
    width: 270px;
}

.service_left .time_area01 {
    margin: 0;
    padding: 5px 0;
    border: 3px solid #FF9640;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 284px;
}

.service_left .time_area01 td {
    padding: 5px 10px;
    font-size: 17px;
}

.flow_ttl02 {
    margin: 0;
    padding: 10px;
    font-size: 17px;
    background: #2EA7E0;
    text-align: center;
    width: 270px;
}

.service_right .time_area02 {
    margin: 0;
    padding: 5px 0;
    border: 3px solid #2EA7E0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 284px;
}

.service_right .time_area02 td {
    padding: 5px 10px;
    font-size: 17px;
}

.area_com {
    margin: 0 0 50px 115px;
    padding: 15px 0;
    font-size: 24px;
}


#fleisure {
    margin: 0;
    padding: 0;
    background: url(../../images/service/fleisure_back.png) center center no-repeat;
}

.service_time {
    margin: 0 0 15px 65px;
    padding: 0;
}

.service_time td {
    padding: 10px 15px;
    font-size: 18px;
}

.fleisure_com {
    margin: 0 0 15px 65px;
    padding: 5px 0;
    background: #225372;
    border-radius: 10px;
    font-size: 15px;
    color: #FFF;
    width: 600px;
}

.fleisure_com ul {
    margin: 0 10px;
    padding: 0;
    list-style: none;
}

.fleisure_com li {
    padding: 10px;
    list-style: none;
}

#smct {
    margin: 0;
    padding: 0;
    background: url(../../images/service/smct_bg.png) center center no-repeat;
}

#smile {
    margin: 0;
    padding: 0;
    background: url(../../images/service/smile_bg.png) center center no-repeat;
}

#smile h3 {
    margin: 35px 0 15px 35px;
}

#clover {
    margin: 0;
    padding: 0;
    background: url(../../images/service/clover_bg.png) center center no-repeat;
}

#clover h3 {
    margin-left: 0;
    padding-left: 0;
}

#clover .clover_content {
    margin: 10px 0 5px 65px;
}

#clover .clover_content .clover_work {
    display: -webkit-flex;
    display: flex;
    margin-top: 10px;
}


#clover .clover_content .clover_work .work_teams {
    -webkit-flex-direction: row;
    flex-direction: row;
    margin-right: 40px;
    text-align: center;
}

#clover .clover_content .clover_work .work_txt span {
    font-weight: bold;
}

#clover .clover_content .work_teams .naisyoku,
#clover .clover_content .work_teams .katudou,
#clover .clover_content .work_teams .seisaku {
    padding: 10px;
    width: 90%;
    color: #fff;
    font-weight: bold;
    border-radius: 8px;
}

#clover .clover_content .work_teams .naisyoku {
    background: #79ab57;
}

#clover .clover_content .work_teams .katudou {
    background: #ab8e57;
}

#clover .clover_content .work_teams .seisaku {
    background: #5771ab;
}


#clover .area_com {
    margin: 0 0 50px 45px;
}

#car_box {
    margin: 0 0 30px 0;
    padding: 0;
}

#car_box .car_area {
    margin: 10px 0 5px 65px;
    padding: 0;
    background: url(../../images/service/car_back.gif) no-repeat;
    width: 600px;
    height: 180px;
}

.car_item01 {
    float: left;
    margin: 0;
    padding: 20px 0 0 16px;
}



/* フッターコンテンツ */

#foot_contents {
    width: 970px;
    height: 53px;
    margin: 0px;
    text-align: left;
    background: #C3E4FA;
}

.foot {
    font-size: 13px;
    line-height: 1.3;
    font-weight: normal;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    clear: both;
    width: 970px;
}

.foot a {
    color: #000;
    text-decoration: none;
}