@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

body {
    font: 13px/1.9 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, sans-seriff;
    color: #3e3c39;
    background: #fff;
}

body #top {
    background: #fff url(images/bg.png) repeat-x 50% 0;
}

a {
    color: #777;
}
a:hover {
    color: #919191; text-decoration:none;
}
a:active, a:focus {
    outline: 0;
}

img {
    border: 0;
}
.clear {
    clear: both;
}




/* 修正ここから */
.main-box {
    width: 280px;
    position: relative;
    top: -490px;
    left: 15px;
    z-index: 1;
    padding: 35px;
}

.main-box .main-text1, .main-box .main-text3 {
    width: 200px;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #363636;
    background: #fff;
    margin-bottom: 15px;
    padding-left: 20px;
}

.main-box .main-text2 {
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #363636;
    background: #fff;
    margin-bottom: 15px;
    padding-left: 20px;
}

.main-box .main-text2 span {
    color: #00aea0;
}

.main {
    width: 1170px;
    margin: 0 auto;
    margin-top: -200px;
    margin-bottom: 100px;
    overflow: hidden;
}

h2 {
    position: relative;
    z-index: 1;
    padding-top: 50px;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 4px;
    font-family: 'Be Vietnam Pro', sans-serif;
    text-align: left;
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.8);
}

.main-box2 {
    width: 600px;
    float: left;
    margin-right: 40px;
}

.main-box3 {
    width: 530px;
    float: left;
}

.main-box3 p {
    font-size: 18px;
    line-height: 2.5;
    text-align: justify;
}

.main-box3 .sub-title {
    color: #00aea0;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: bold;
    letter-spacing: 3px;
}

.main-box3 .sub-title::before {
    content: url(images/title-icon2.png);
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: 5px;
}

.sub-title {
    color: #00aea0;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: bold;
    letter-spacing: 3px;
    font-size: 18px;
}

.sub-title::before {
    content: url(images/title-icon2.png);
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: 5px;
}

.main-box3 .wwaf {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.back-1 {
    background-image: url(images/p0521-2.jpg);
    overflow: hidden;
}

.box1170 {
    width: 1170px;
    margin: 0 auto;
    padding: 80px 0 80px 0;
    overflow: hidden;
}

h3 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1.8px;
    margin-top: 15px;
}

.feature-box {
    width: 500px;
    padding: 10px 35px 35px 35px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 3px 3px 3px #c4c4c4;
    float: left;
    position: relative;
    z-index: 1;
    margin-top: 42px;
/*
    outline: 1px dotted #00aea0;
    outline-offset: -10px;
*/
}

.feature-number {
    color: rgba(0, 174, 160, 0.3);
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 30px;
}

.feature-number span {
    font-size: 50px;
}

.feature-title {
    font-size: 23px;
    color: #00aea0;
    margin-bottom: 10px;
    font-weight: bold;
}

.feature-text {
    font-size: 17px;
    text-align: justify;
}

.feature-box2 {
    width: 650px;
    float: left;
    margin-left: -50px;
    position: relative;
    z-index: 0;
}

.feature-box3 {
    width: 650px;
    float: left;
    position: relative;
    z-index: 0;
}

.feature-box4 {
    width: 500px;
    padding: 10px 35px 35px 35px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 3px 3px 3px #c4c4c4;
    float: left;
    position: relative;
    z-index: 1;
    margin-top: 42px;
    margin-left: -56px;
}

.feature-box5 {
    width: 500px;
    padding: 10px 35px 35px 35px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 3px 3px 3px #c4c4c4;
    float: left;
    position: relative;
    z-index: 1;
/*    margin-top: 42px;*/
}

.feature-box6 {
    width: 650px;
    float: left;
    margin-left: -50px;
    position: relative;
    z-index: 0;
    margin-top: 50px;
}

.banner-box1 {
    width: 570px;
    float: left;
    margin-right: 30px;
}

.banner-box2 {
    width: 570px;
    float: left;
}

.bn-btitle {
    width: 290px;
    background: #fff;
    border-radius: 0 0 5px 0;
    position: relative;
    z-index: 1;
    padding-bottom: 20px;
}

.bn-btitle1 {
    color: #00aea0;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: bold;
    letter-spacing: 3px;
    font-size: 18px;
}

.bn-btitle1::before {
    content: url(images/title-icon2.png);
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: 5px;
}

.bn-btitle2 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1.8px;
}

.bn-btext {
    font-size: 16px;
    line-height: 1.5;
}

.banner-box1 img, .banner-box2 img {
    margin-top: -100px;
    position: relative;
    z-index: 0;
    margin-left: 20px;
}

.contact-box {
    background-image: url(images/contact-img.jpg);
    overflow: hidden;
}

.contact-box-l {
    width: 570px;
    float: left;
    margin-right: 30px;
    margin-top: 20px;
}

.h3-white {
    font-size: 48px;
    font-weight: bold;
    font-family: 'Be Vietnam Pro', sans-serif;
    letter-spacing: 1.8px;
    text-align: center;
    color: #fff;
}

.h3-text-white {
    text-align: left;
    font-size: 18px;
    color: #fff;
}

.kengaku-box {
    border: 3px double #fff;
    padding: 35px;
    height: 140px;
}

.kengaku-box p {
    color: #fff;
    text-align: center;
}

.kengaku-title {
    font-size: 28px;
    font-weight: bold;
}

.kengaku-text {
    font-size: 19px;
}

.contact-box-r {
    width: 570px;
    float: left;
    color: #fff;
    margin-top: 20px;
/*    border-left: 1px solid #fff;*/
    text-align: center;
}

.contact-title {
    font-size: 19px;
}

.contact-tel {
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 1.8px;
    font-family: 'Be Vietnam Pro', sans-serif;
}

.contact-time {
    font-size: 17px;
    font-family: 'Be Vietnam Pro', sans-serif;
}

.contact-text {
    font-size: 17px;
    margin-top: 15px;
}

.contact-text4-box {
    width: 400px;
    margin: 0 auto;
    background: -webkit-gradient(linear, left top, left bottom, from(#21D899), to(#22ACD5));
    border-radius: 50px;
    margin-top: 15px;
    padding: 10px 35px 10px 35px;
    margin-top: 20px;
}

.contact-text4 {
    font-size: 17px;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1.8px;
    text-align: center;
}

.contact-box-r a {
    color: #fff;
}

h3 span {
    color: #00aea0;
}

.recruit-box {
    width: 550px;
    margin-right: 40px;
    float: left
}

.recruit-box p {
    font-size: 18px;
    text-align: justify;
    line-height: 2;
}

.recruit-more {
    background: -webkit-gradient(linear, left top, left bottom, from(#21D899), to(#22ACD5));
    margin-top: 30px;
    border-radius: 50px;
    padding: 10px 0 10px 0;
}

.recruit-more a p {
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.recruit-box-img {
    width: 580px;
    float: left;
}

.recruit-img {
    padding-bottom: 80px;
}


/* アクセス */
.hed {
    margin-top: 100px;
}

.main-box-sub {
    position: relative;
    top: -190px;
    left: 15px;
    z-index: 1;
    padding: 35px;
}

.main-box-sub .main-text1 {
    font-size: 38px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 15px;
    padding-left: 20px;
    font-family: 'Be Vietnam Pro', sans-serif;
}

.sub-page {
    margin-top: -150px;
}

.access-title {
    font-size: 22px;
    background: -webkit-gradient(linear, left top, left bottom, from(#21D899), to(#22ACD5));
    padding: 5px 0 5px 35px;
    color: #fff;
    border-radius: 50px;
    margin-bottom: 30px;
    letter-spacing: 1.5px;
    font-weight: bold;
}

.access-box-l {
    width: 570px;
    float: left;
    margin-right: 30px;
}

.access-box-l iframe {
    filter: grayscale(100%);
}

.access-box-r {
    width: 570px;
    float: left;
}

.access-box-r table {
    width: 570px;
    margin-bottom: 50px;
}

.access-box-r table tr {
/*    border-bottom: 1px dotted #767676;*/
    font-size: 18px;
}

.table-gray {
    background: #f2f2f2;
}

.access-box-r table tr th {
    padding: 23px;
    font-weight: bold;
    text-align: center;
}

.access-box-r table tr .th-title {
    text-align: left;
    padding-left: 40px;
}

.access-box-r table tr td {
    padding: 23px;
}

.access-img {
    width: 370px;
    float: left;
    margin-right: 30px;
}

.access-img-l {
    width: 370px;
    float: left;
}

.shishin {
    width: 270px;
    float: left;
    margin-right: 30px;
    background: #00aea0;
    padding: 15px 0 15px 0;
    border-radius: 5px;
}

.shishin-2 {
    width: 270px;
    float: left;
    margin-right: 30px;
    background: #007a87;
    padding: 15px 0 15px 0;
    border-radius: 5px;
}

.shishin-3 {
    width: 270px;
    float: left;
    margin-right: 30px;
    background: #00aea0;
    padding: 15px 0 15px 0;
    border-radius: 5px;
}

.shishin-4 {
    width: 270px;
    float: left;
    background: #007a87;
    padding: 15px 0 15px 0;
    border-radius: 5px;
}

.shishin a p, .shishin-2 a p, .shishin-3 a p, .shishin-4 a p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.shishin a p span, .shishin-2 a p span, .shishin-3 a p span, .shishin-4 a p span {
    font-size: 14px;
}


/* プライバシーポリシー */
.privacy-title {
    font-size: 22px;
    font-weight: bold;
    border-left: 8px solid #00aea0;
    border-bottom: 1px solid #00aea0;
    padding: 10px 0 10px 20px;
    margin-bottom: 20px;
}

.privacy-text {
    font-size: 18px;
    width: 1110px;
    margin: 0 auto;
    margin-bottom: 50px;
}


/* 特定処遇改善加算にかかる情報公開 */
.disclosure-syousai {
    margin-bottom: 50px;
}

.disclosure-syousai p {
    font-size: 17px;
}

.disclosure-syousai .youken {
    border: 1px solid #00aea0;
    border-radius: 5px;
    padding: 15px 35px 15px 35px;
    margin: 15px 0 15px 0;
    background: #fff;
    font-weight: bold;
}

.disclosure-midashi {
    font-size: 25px;
    font-weight: bold;
    border-left: 8px solid #00aea0;
    border-bottom: 1px solid #00aea0;
    padding: 10px 0 10px 20px;
    margin-bottom: 30px;
}

.disclosure-title {
    width: 700px;
    background: #00aea0;
    border-radius: 5px 5px 0 0;
    padding: 10px 10px 10px 10px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 2px;
    text-indent: 30px;
    margin-left: 30px;
}

.disclosure-text-box {
    border: 1px solid #00aea0;
    border-radius: 5px;
    padding: 25px 35px 15px 35px;
    background: #fff;
    text-align: justify;
}

.disclosure-text-box p {
    font-size: 18px;
    margin-bottom: 10px;
}

.disclosure-career p {
    font-size: 18px;
}

.disclosure-career table {
    font-size: 17px;
    border: 1px solid #00aea0;
    margin-top: 15px;
}

.disclosure-career table tr .midashi {
    background: #eefffe;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}

.disclosure-career table tr {
    border-bottom: 1px solid #00aea0;
}

.disclosure-career table tr th {
    width: 100px;
    padding: 25px;
    text-align: center;
    vertical-align: middle;
}

.disclosure-career table tr td {
    border-left: 1px solid #00aea0;
    padding: 25px;
    vertical-align: middle;
    text-align: justify;
}

.disclosure-career table tr .yakusyoku {
    width: 200px;
    text-align: center;
}

.disclosure-career table tr .shikaku {
    width: 170px;
    text-align: center;
}
.career-text {
    padding-left: 35px;
}


/*お問い合わせ*/
.step-box {
    width: 546px;
    margin: 0 auto;
    margin-bottom: 60px;
}

.step-line {
    border: 1px solid #00aea0;
    margin-top: 100px;
}

.step-box1 {
    width: 102px;
    float: left;
    margin-top: -50px;
    margin-right: 120px;
}

.step {
    width: 100px;
    height: 50px;
    border: 1px solid #00aea0;
    border-radius: 5px;
    padding: 25px 0 25px 0;
    background: #e7fffd;
    margin-bottom: 10px;
}

.step-box1 p, .step-box2 p {
    font-size: 18px;
    text-align: center;
    line-height: 1.2;
    font-family: 'Be Vietnam Pro', sans-serif;
    color: #00aea0;
}

.step p span {
    font-size: 30px;
}

.step-box2 {
    width: 102px;
    float: left;
    margin-top: -50px;
}

.contact-text2 {
    font-size: 17px;
    text-align: center;
}

.contact-form {
    width: 800px;
    margin: 0 auto;
    font-size: 16px;
}

.contact-form table {
    width: 800px;
    margin: 0 auto;
    font-size: 18px;
}

.contact-form table th {
    width: 100%;
    display: block;
    padding: 20px;
    vertical-align: middle;
    height: 30px;
    font-weight: bold;
}

.must::after {
    content: '必須';
    font-size: 10px;
    font-weight: normal;
    padding: 3px 12px;
    margin-left: 10px;
    letter-spacing: 1px;
    border-radius: 2px;
    background-color: red;
    color: #fff;
}

.contact-form table td {
    width: 100%;
    display: block;
    background: #fff;
    padding: 20px 25px 20px 25px;
    vertical-align: middle;
    margin-bottom: 20px;
    font-size: 18px;
    box-shadow: 4px 4px 2px #e8e8e8;
}

.contact-form table td input {
    border: none;
    font-size: 17px;
    outline: none;
}

.contact-form table td textarea {
    border: none;
    outline: none;
}

.form-sr {
    width: 450px;
    margin: 0 auto;
    margin-top: 30px;
}

.form-sr input {
    width: 198px;
    padding: 10px 0 10px;
    font-size: 16px;
    font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, sans-serif;
}


/* 流れ */
.flow-box {
    background: #f5f5f5;
    padding: 35px;
    border-radius: 5px 0 0 5px;
    float: left;
    width: 500px;
    height: 240px;
    margin-top: 20px;
}

.flow-box2 {
    border-radius: 0 5px 5px 0;
}

.flow-number {
    background: #00aea0;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    width: 80px;
    height: 60px;
    border-radius: 80px;
    line-height: 1.3;
    padding-top: 20px;
    margin-top: -50px;
}

.flow-number span {
    font-size: 20px;
}

.flow-title {
    font-size: 23px;
    color: #00aea0;
    margin-bottom: 10px;
    font-weight: bold;
    padding: 8px 0 0 10px;
}

.flow-text {
    font-size: 17px;
    text-align: justify;
    padding-left: 10px;
}

.flow-img {
    float: left;
    width: 600px;
}

.times-am {
    width: 330px;
    margin-right: 30px;
    background: #fff;
    border-radius: 5px;
    float: left;
    padding: 35px 118px 35px 118px;
    box-shadow: 3px 3px 3px #c4c4c4;
}

.times-pm {
    width: 330px;
    background: #fff;
    border-radius: 5px;
    float: left;
    padding: 35px 118px 35px 118px;
    box-shadow: 3px 3px 3px #c4c4c4;
}

.tokei {
    width: 100px;
    margin-right: 30px;
    float: left;
}

.time-box {
    float: left;
    width: 200px;
    padding-top: 8px;
}

.ampm {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.time {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #00aea0;
}


/* 施設紹介 */
.facility-img {
    width: 600px;
    float: left;
    margin-right: 40px;
}

.facility-box {
    width: 530px;
    float: left;
}

.facility-box .sub-title {
    color: #00aea0;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: bold;
    letter-spacing: 3px;
}

.facility-box p {
    font-size: 18px;
    line-height: 2.5;
    text-align: justify;
}

.facility-box p span {
    font-weight: bold;
}

.facility-box .wwaf {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.8;
    margin-top: 30px;
}

.senmon-box {
    margin-bottom: 30px;
}

.senmon-title {
    font-size: 25px;
    font-weight: bold;
    color: #00aea0;
    margin-top: 10px;
}

.senmon-text {
    font-size: 18px;
    margin-top: 10px;
}

.senmon-box2 {
    width: 270px;
    background: #f0f0f0;
    padding: 15px 0 15px 0;
    border-radius: 5px;
    float: left;
    margin-right: 30px;
    background: #00aea0;
}

.senmon-box3 {
    width: 270px;
    background: #f0f0f0;
    padding: 15px 0 15px 0;
    border-radius: 5px;
    float: left;
    margin-right: 30px;
    background: #007a87;
}

.senmon-box4 {
    width: 270px;
    background: #f0f0f0;
    padding: 15px 0 15px 0;
    border-radius: 5px;
    float: left;
    background: #007a87;
}

.senmon-title2 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.service-main {
    width: 450px;
    margin-bottom: 50px;
    margin-right: 50px;
    float: left;
}

.service-main p {
    font-size: 18px;
    text-align: justify;
    line-height: 2.5;
}

.service-img {
    width: 670px;
    float: left;
    margin-top: -140px;
}

.service-box {
    width: 497px;
    float: left;
    background: #fff;
    margin-right: 30px;
    padding: 35px;
    margin-bottom: 30px;
    box-shadow: 3px 3px 3px #c4c4c4;
    border-radius: 5px;
}

.service-box-l {
    width: 497px;
    float: left;
    background: #fff;
    padding: 35px;
    margin-bottom: 30px;
    box-shadow: 3px 3px 3px #c4c4c4;
    border-radius: 5px;
}

.service-title {
    font-size: 23px;
    font-weight: bold;
    color: #00aea0;
}

.service-title::before {
    content: '―';
    padding-right: 10px;
}

.service-text {
    font-size: 17px;
    margin-top: 10px;
}

.instrument-menu {
    font-size: 22px;
    background: -webkit-gradient(linear, left top, left bottom, from(#21D899), to(#22ACD5));
    padding: 5px 0 5px 35px;
    color: #fff;
    border-radius: 50px;
    margin-bottom: 50px;
    letter-spacing: 1.5px;
    font-weight: bold;
}

.instrument-menubox {
    width: 1100px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.instrument-img {
    width: 535px;
    float: left;
    margin-right: 30px;
}

.instrument-box {
    width: 535px;
    float: left;
}

.instrument-title {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
}

.instrument-title span {
    color: #00aea0;
    padding-right: 10px;
}

.instrument-midashi {
    font-weight: bold;
    font-size: 17px;
    color: #00aea0;
    margin-bottom: 5px;
}

.instrument-midashi::before {
    content: '―';
    padding-right: 10px;
}

.instrument-text {
    font-size: 17px;
    text-align: justify;
    line-height: 2.2;
}

.instrument-subtext {
    line-height: 1.8;
}

.instrument-text span {
    font-weight: bold;
    color: #00aea0;
}

.instrument-box1 {
    width: 480px;
    padding: 35px;
    background: #f8f8f8;
    float: left;
    height: 296px;
}

.instrument-box1-img {
    width: 550px;
    float: left;
}

.instrument-box2 {
    width: 346px;
    margin-right: 30px;
    float: left;
    margin-bottom: 30px;
}

.instrument-box2-2 {
    padding: 35px;
    background: #f8f8f8;
}

.instrument-box2-l {
    width: 346px;
    float: left;
    margin-bottom: 30px;
}

.instrument-title2 {
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #00aea0;
}

.instrument-box3 {
    width: 465px;
    padding: 35px;
    float: left;
    margin-right: 30px;
    background: #f8f8f8;
}

.instrument-box3-l {
    width: 465px;
    padding: 35px;
    float: left;
    background: #f8f8f8;
}

.instrument-mat {
    font-size: 18px;
    margin-bottom: 30px;
}






.slider {
    margin-bottom: 50px;
}

.map iframe {
    width: 100%;
    filter: grayscale(100%);
}



.footer {
    margin-top: -10px;
    padding-top: 10px;
    background-image: url(images/p0521-2.jpg);
}

.footer-left {
    width: 350px;
    float: left;
    margin-right: 50px;
}

.footer-logo {
    width: 225px;
}

.footer-address {
    float: left;
    margin-left: 10px;
    margin-top: 30px;
    width: 260px;
}

.footer-address p {
    letter-spacing: 1.3px;
    font-weight: 600;
    font-size: 19px;
}

.footer-right {
    width: 770px;
    float: left;
}

.footer-right1 {
    width: 330px;
    float: left;
    margin-right: 30px;
}

.footer-right2 {
    width: 330px;
    float: left;
}

.ft-menu {
    width: 770px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px;
}

.ft-menu ul {
    width: 770px;
}

.ft-menu ul li {
    font-size: 17px;
    float: left;
    margin: 0 20px 0 20px;
    font-weight: bold;
}

.j-setumeisyo-box {
    margin-left: 20px;
    margin-top: 30px;
    overflow: hidden;
}

.j-setumeisyo {
    width: 200px;
    background: #00aea0;
    float: left;
    margin-right: 30px;
    padding: 15px 0 15px 0;
    border-radius: 5px;
}

.j-setumeisyo p {
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.shiryou-box {
    width: 200px;
    background: #007a87;
    float: left;
    margin-top: 30px;
    padding: 15px 0 15px 0;
    border-radius: 5px;
    margin-right: 30px;
    height: 48px;
    margin-left: 20px;
}

.shiryou-box a p {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
}

.pp-box {
    width: 150px;
    background: #007a87;
    float: left;
    margin-top: 30px;
    padding: 15px 0 15px 0;
    border-radius: 5px;
    height: 48px;
    margin-right: 50px;
}

.pp-box a p {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
}

.sns-box {
    margin-top: 43px;
    float: left;
}

.sns-box1 {
    width: 50px;
    margin-right: 40px;
    float: left;
}


.cr {
    padding: 20px 0 5px 30px;
/*    background: #00aea0;*/
    color: #fff;
    height: 35px;
    margin-top: -10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#21D899), to(#22ACD5));
}

.cr p {
    text-align: center;
}







/* パンくずリスト */
.list {
    width: 1170px;
    margin: 0 auto;
    margin-top: 20px;
}

.list ol li {
    float: left;
    margin-right: 5px;
    font-size: 15px;
}

.list ol li a {
    color: #888888;
    text-decoration: underline;
    margin-right: 5px;
}

.list ol li img {
    margin-top: -3px;
}










.index_text {
    margin: 0 10px 0 10px;
}

.header-sub {
    background: #fff;
    height: 90px;
}

.header-sub h1 {
    top: 8px;
    left: 15px;
    z-index: 5;
    position: absolute;
}

#hed {
    width: 100%;
}











.button {
    position: fixed;
    right: 30px;
    bottom: 70px;
    width: 80px;
    height: 80px;
    cursor: pointer;
    transition: .3s;
    /*デフォルトで非表示にする*/
    opacity: 0;
    visibility: hidden;
}

/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}






.clear {
    clear: both;
}

.clear2 {
    clear: both;
    height: 10px;
}

.clear3 {
    clear: both;
    height: 40px;
}

.clear4 {
    clear: both;
    height: 130px;
}

.clear5 {
    clear: both;
    height: 60px;
}

.clear6 {
    clear: both;
    height: 90px;
}



body, textarea {
    font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, sans-serif;
    -webkit-text-size-adjust: 100%;
}