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

.btn-link {display: flex; justify-content: center; align-items: center; border: 3px solid #0EA7AC; background-color: rgba(255,255,255,0.8); font-size: 122%; width: 360px; min-width: 360px; margin: 0 auto; text-align: center; border-radius: 10px;}
.btn-link a {display: inline-block; color: #0B878B; padding: 24px 30px; width: 100%;}
.btn-link a:before {content: ""; display: inline-block; width: 14px; height: 14px; background: url(../images/common/ico-arrow-cr@2x.png) no-repeat top center; background-size: cover; margin-right: 10px;}
.btn-link a:before {content: ""; display: inline-block; width: 14px; height: 14px; background: url(../images/common/ico-arrow-cr@2x.png) no-repeat top center; background-size: cover; margin-right: 10px;}

/* ---------------------------------------------------
	TOP
------------------------------------------------------ */
.mainimg { height: 660px;}
.main-slider-image { height: 660px;}
.main-slider-text-inner {text-align: left; padding: 0;}
.main-slider-main-copy {color: #000;}
#autoplay-btn {bottom: 20px;}

@media screen and (max-width: 1366px) {
.mainimg { height: 500px;}
.main-slider-image { height: 500px;}
}
@media screen and (max-width: 767px) {
.mainimg { height: 200px;}
.main-slider-image { height: 200px;}
}
@media print {
    .mainimg { height: 335px;}
    .mainimg #autoplay-btn {display: none;}
}

.top-navi {width: 100%; background-color: #E6F6F7;}
.top-navi .box {width: 100%; max-width: 1200px; display: flex; justify-content: space-between; padding: 30px 0; margin: 0 auto;}
.top-navi .box .box1, .top-navi .box .box2, .top-navi .box .box3 {width: 386px; background-color: rgba(255,255,255,0.7); position: relative; padding: 70px 0 30px;}
.top-navi .box .icon {position: absolute; top: -60px; left: 50%; margin-left: -60px; width: 120px; height: 120px;}
.top-navi .box h3 {text-align: center; font-size: 24px; padding-bottom: 15px; font-family: fot-tsukuardgothic-std, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 700;}
.top-navi .box h3:after {content: ">"; display: inline-block; margin-left: 10px;}
.top-navi .box .box1 h3, .top-navi .box .box1 h3 a {color: #E66227; font-weight: bold;}
.top-navi .box .box2 h3, .top-navi .box .box2 h3 a {color: #B5A309; font-weight: bold;}
.top-navi .box .box3 h3, .top-navi .box .box3 h3 a {color: #21A2CB; font-weight: bold;}
.top-navi .box ul {margin: 0 auto 0 60px;}
.top-navi .box ul li {position: relative; padding: 7px 0 7px 20px;}
.top-navi .box ul li:before {content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -7px; width: 14px; height: 14px;}
.top-navi .box .box1 ul li:before {background: url(../images/top/ico-arrow01.png) no-repeat top center; background-size: cover;}
.top-navi .box .box2 ul li:before {background: url(../images/top/ico-arrow02.png) no-repeat top center; background-size: cover;}
.top-navi .box .box3 ul li:before {background: url(../images/top/ico-arrow03.png) no-repeat top center; background-size: cover;}

/* bg-change02 */
.top-navi.bg-change02 { background-color: #222;}
.top-navi.bg-change02 .box .box1,
.top-navi.bg-change02 .box .box2,
.top-navi.bg-change02 .box .box3 { background: #000;}
.top-navi.bg-change02 .box h3,
.top-navi.bg-change02 .box h3 a { color: #FFEE00;}
.top-navi.bg-change02 .box ul li a { color: #FFEE00;}

/* bg-change03 */
.top-navi.bg-change03 { background-color:rgba(230, 246, 247, 0.1);}
.top-navi.bg-change03 .box .box1,
.top-navi.bg-change03 .box .box2,
.top-navi.bg-change03 .box .box3 { background: #03C;}
.top-navi.bg-change03 .box h3,
.top-navi.bg-change03 .box h3 a { color: #FFF;}
.top-navi.bg-change03 .box ul li a { color: #FFF;}

@media screen and (max-width: 767px) {
.top-navi .box {display: block; padding: 30px 0;}
.top-navi .box .box1, .top-navi .box .box2, .top-navi .box .box3 {width: 100%; padding: 70px 0 30px;}
.top-navi .box .box1, .top-navi .box .box2 {margin-bottom: 50px;}
}
@media print {
    .top-navi .box h3 {font-size: 1.8rem;}
}

.pickup-slide {padding: 100px 0 90px;}
.pickup-slide h3 { font-weight: 700; font-size: 28px; font-family: fot-tsukuardgothic-std, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #0B878B; text-align: center; margin-bottom: 40px;}
.pickup-slide ul {}
.pickup-slide ul li {}
.pickup-slide ul li a { display: block; position: relative; margin: 0 20px;}
.pickup-slide ul li a .img,.pickup-slide ul li a .img img { border-radius: 10px;}
.pickup-slide ul li a .txt {background-color: #FFF; width: 100%; padding: 10px 0; position: relative;}
.simply-scroll-container {position: relative;}
.simply-scroll-clip {position: relative; overflow: hidden;}
.simply-scroll-list {overflow: hidden; margin: 0; padding: 0;}
.simply-scroll-list li { float: left; /* Horizontal scroll only */ padding: 0; margin: 0; width: 460px; height: auto;}
.simply-scroll-list li img { display: block; width: 100%;}

/* bg-change02 */
.pickup-slide.bg-change02 h3 { color: #FFEE00;}

/* bg-change03 */
.pickup-slide.bg-change03 h3 { color: #FFF;}

@media screen and (max-width: 767px) {
.pickup-slide {padding: 50px 0 40px;}
.pickup-slide ul li {width: 360px;}
}

@media print {
    .pickup-slide {padding: 50px 0 40px;}
    .simply-scroll-list li { width: 360px; height: auto;}
}

/*.disease-search {width: 100%; background-color: #0EA7AC; padding: 80px 0;}
.disease-search h3 {font-family: fot-tsukuardgothic-std, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 700; font-size: 34px; color: #FFF; text-align: center; margin-bottom: 30px;}
.disease-search p {font-size: 20px; color: #FFF; text-align: center; margin-bottom: 15px;}
.disease-search .search-box {width: 600px; margin: 0 auto;}
.disease-search .search-box input {height: 60px; border: none; box-shadow: none; border-radius: 5px; background: #EEEEEE;}
.disease-search .search-box input:hover, .disease-search .search-box input:focus {background: #EEEEEE; box-shadow: none;}
.disease-search .search-box .search-form .btn-search {background: url(../images/top/ico-search.png) no-repeat center #EEE; background-size: 26px 26px; border: none; border-radius: 0 5px 5px 0; height: 60px; padding: 10px 30px;}
.disease-search .search-box .search-form .btn-search:focus {border: none; box-shadow: none;}

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

.top-news {width: 100%; padding: 80px 0; background-color: #E6F6F7;}
.top-news .box {width: 100%; max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; font-family: fot-tsukuardgothic-std, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding-bottom: 20px;}
.top-news h3 {font-weight: 700; font-size: 28px;}
.top-news .btn-more { display: inline-block; margin-top: 20px; float: right;}
.top-news .btn-more a { display: block; border: 1px solid #0EA7AC; color: #0B878B; padding: 10px 20px; background: #FFF;}
.top-news .tabs { width: 100%; max-width: 1200px; height: auto; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.top-news .tab_item { width: 24.9%; height: 60px; background-color: #FFF; line-height: 60px; text-align: center; display: block; float: left; transition: all 0.2s ease; border-radius: 5px 5px 0 0; box-sizing: border-box;font-size: 22px; font-family: fot-tsukuardgothic-std, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold;}
.top-news .tab_item.item1 {border: 1px solid #0B878B; color: #0B878B;}
.top-news .tab_item.item2 {border: 1px solid #0EA7AC; color: #0EA7AC;}
.top-news .tab_item.item3 {border: 1px solid #C88116; color: #C88116;}
.top-news .tab_item.item4 {border: 1px solid #CF5C5C; color: #CF5C5C;}
.top-news .tab_item:hover { opacity: 0.9;}
.top-news .tabs input:checked + .tab_item.item1 { background-color: #0B878B; border: 2px solid #0B878B; color: #FFF;}
.top-news .tabs input:checked + .tab_item.item2 { background-color: #0EA7AC; border: 2px solid #0EA7AC; color: #FFF;}
.top-news .tabs input:checked + .tab_item.item3 { background-color: #C88116; border: 2px solid #C88116; color: #FFF;}
.top-news .tabs input:checked + .tab_item.item4 { background-color: #CF5C5C; border: 2px solid #CF5C5C; color: #FFF;}
.top-news input[name="tab_item"] { display: none;}
.top-news .tab_content { width: 100%; padding: 40px; display: none; overflow: hidden; background: #FFF;}
.top-news .tab_content ul { list-style: none; padding: 0;}
.top-news .tab_content ul li { border-bottom: 1px dotted #CCC; padding: 20px 0; box-sizing: border-box; font-size: 100%;}
.top-news .tab_content ul li .category { color: #FFF; padding: 5px; margin: 0 20px 0 0; display: inline-block; min-width: 170px; text-align: center; font-size: 18px;}
.top-news .tab_content ul li .category.news {background-color: #0EA7AC;}
.top-news .tab_content ul li .category.general {background-color: #0EA7AC;}
.top-news .tab_content ul li .category.medicalcare {background-color: #C88116;}
.top-news .tab_content ul li .category.joboffer {background-color: #CF5C5C;}
.top-news .tab_content ul li time { color: #222; font-size: 20px; font-family: Arial, Helvetica, "sans-serif"; font-weight: bold;}
.top-news #all:checked ~ #all_content, .top-news #general:checked ~ #general_content, .top-news #medical:checked ~ #medical_content, .top-news #job:checked ~ #job_content { display: block;}/*選択されているタブのコンテンツのみを表示*/

/* bg-change02 */
.top-news.bg-change02 { background-color: #222;}
.top-news.bg-change02 h3 { color: #FFEE00;}

/* bg-change03 */
.top-news.bg-change03 { background-color:rgba(230, 246, 247, 0.1);}
.top-news.bg-change03 h3 { color: #FFF;}

@media screen and (max-width: 767px) {
.top-news {padding: 40px 0;}
.top-news h3 {margin-left: 10px;}
.top-news .btn-more a { margin-right: 10px;}
.top-news .tab_item { width: 50%; height: 50px; background-color: #FFF; line-height: 46px; border-radius: 0; font-size: 18px;}
.top-news .tab_item:hover { opacity: 1;}
.top-news .tab_content {padding: 10px;}
.top-news .tab_content ul li {padding: 10px; line-height: 1.8;}
.top-news .tab_content ul li:last-child {border-bottom: none;}
.top-news .tab_content ul li .category {line-height: 1; margin: 0 10px 0 0;}
.top-news .tab_content ul li time {font-size: 18px;}
}
@media print {
    .top-news {padding: 40px 0;}
    .top-news .box {padding: 0 10px 20px;}
    .top-news .tabs {padding: 0 10px;}
    .top-news .tab_item {font-size: 16px; height: 50px; line-height: 50px;}
    .top-news .tab_content ul li .category {font-size: 1.8rem;}
    .top-news .tab_content ul li time {font-size: 1.8rem;}
}

/*.top-feature {width: 100%; background: url(../images/top/bg-feature.jpg) no-repeat top center; background-size: cover; padding: 250px 0 60px;}
.top-feature .box {width: 1200px; margin: 0 auto;}
.top-feature h3 {font-family: fot-tsukuardgothic-std, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 700; font-size: 40px; margin-bottom: 40px;}
.top-feature .txt {margin-bottom: 40px;}
.top-feature .btn-link {margin: 0 auto 0 0;}

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

/*.top-torikumi {width: 100%; background: url(../images/top/bg-torikumi.jpg) no-repeat top center; background-size: cover; padding: 80px 0 100px;}
.top-torikumi .box {width: 1200px; margin: 0 auto;}
.top-torikumi h3 { text-align: center; margin-bottom: 30px; color: #FFF; font-family: fot-tsukuardgothic-std, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 700; font-size: 40px;}
.top-torikumi .col3 {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px;}
.top-torikumi .col3 li {width: 380px; height: 70px; position: relative; margin-bottom: 20px;}
.top-torikumi .col3 li a {background-color: #0EA7AC; border-radius: 5px; display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 100%; color: #FFF; font-family: fot-tsukuardgothic-std, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 700; font-size: 22px;}
.top-torikumi .col3 li a:before {content: ""; display: inline-block; width: 23px; height: 35px; background: url(../images/common/ico-shorui-w@2x.png) no-repeat top center; background-size: cover; margin: 0 10px 0 20px;}
.top-torikumi .col3 li a:after {content: ""; display: inline-block; width: 10px; height: 17px; background: url(../images/common/ico-arrow-ar@2x.png) no-repeat top center; background-size: cover; margin: 0 15px 0 auto;}
.top-torikumi .col3 .box1 li a {background-color: #DE6147;}
.top-torikumi .col3 .box2 li a {background-color: #DCA115;}
.top-torikumi .col3 .box3 li a {background-color: #21A2CB;}
.top-torikumi h4 { margin-bottom: 10px; color: #FFF; font-weight: 700; font-size: 22px;}
.top-torikumi .btn-link {width: 400px;}

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

/*.top-recruit {width: 100%; background: url(../images/top/bg-job.jpg) no-repeat top center; background-size: cover; padding: 200px 0 100px;}
.top-recruit h3 { text-align: center; margin-bottom: 30px;}*/
.top-recruit {width: 100%; background: url(../images/top/bg-job.jpg) no-repeat top center;background-size: cover;padding: 180px 0 80px;text-align: center; font-family: fot-tsukuardgothic-std, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.top-recruit h3 {font-weight: 700; font-size: 34px; text-align: center; color:#085356; margin: 0 auto 40px; letter-spacing:0.1em; background: rgba(255, 255, 255, 0.7); display: inline-block; padding: 15px 30px; border-radius: 100px;}

.top-recruit p { text-align: center; margin: 20px 0 60px;}
.top-recruit p img { margin-left: 400px;}
.top-recruit .btn-link {
    font-size: 142%;
    width: 440px;
    min-width: 440px;
	margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
.top-recruit {width: 100%; background: url(../images/top/bg-job-sp.jpg) no-repeat top center; background-size: cover;  padding: 60px 0 120px;}
.top-recruit h3 { font-size: 28px; margin: 0 auto 40px; padding: 15px 15px; background: rgba(14, 167, 172, 0.1); border-radius: 100px;}
.top-recruit div {margin-bottom: 15px; padding: 0 10px;}
.top-recruit p {margin-bottom: 30px;}
.top-recruit p img {margin-left: auto;}
.top-recruit .btn-link {
    font-size: 142%;
    width: 340px;
    min-width: 340px;
	margin-bottom: 40px;
}
}
@media screen and (max-width: 414px) {
.top-recruit p img { width: 40%;}
}

@media print {
    .top-recruit {padding: 90px 0 80px;}
    .top-recruit h3 {font-size: 26px;}
    .top-recruit div > img {max-width: 80%;}
    .top-recruit .btn-link {margin-bottom: 40px;}
}

/*.top-volunteer {width: 100%; padding: 80px 0 100px;}
.top-volunteer .box {width: 100%; max-width: 1200px; margin: 0 auto;}

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



/* ---------------------------------------------------
	新着情報
------------------------------------------------------ */

.news-list {width: 100%; max-width: 1200px; padding: 0; margin: 0 auto;}
.news-list .news-content { width: 100%; padding: 40px; overflow: hidden; background: #FFF;}
.news-list .news-content ul { list-style: none; padding: 0;}
.news-list .news-content ul li { border-bottom: 1px dotted #CCC; padding: 20px; box-sizing: border-box; font-size: 100%; display: flex;}
.news-list .news-content ul li .category { color: #FFF; padding: 5px; margin: 0 20px 0 0; font-size: 18px; display: inline-block; min-width: 170px; text-align: center;}
.news-list .news-content ul li .category.news {background-color: #0EA7AC;}
.news-list .news-content ul li .category.general {background-color: #0EA7AC;}
.news-list .news-content ul li .category.medicalcare {background-color: #C88116;}
.news-list .news-content ul li .category.joboffer {background-color: #CF5C5C;}
.news-list .news-content ul li time { color: #222; font-size: 20px; font-family: Arial, Helvetica, "sans-serif"; font-weight: bold; margin-right: 20px;}

@media screen and (max-width: 767px) {
	.news-list .news-content ul li { padding: 10px 0; display: block;}
	.news-list .news-content { padding: 10px;}
	.news-list .news-content ul li .category {margin: 0 10px 0 0;}
	.news-list .news-content ul li time { margin-right: 0;}
	.news-list .news-content ul li a { display: block; line-height: 1.6em; padding-top: 10px;}
}


/* ---------------------------------------------------
	病名検索
------------------------------------------------------ */
.disease-search {}
.disease-search-box {width: 100%; max-width: 1200px; padding: 0; margin: 0 auto;}.disease-search-box table {width: 100%; border-spacing: 0; border-collapse: collapse; empty-cells: show; table-layout: fixed; background: #FFF; border: 1px solid #0EA7AC;}
.disease-search-box h3 {text-align: center; margin-bottom: 40px;}
.disease-search-box table th, .disease-search-box table td { padding: 10px 20px; border-bottom: 1px solid #0EA7AC; border-right: 1px solid #0EA7AC; vertical-align: middle;}
.disease-search-box table th { width: 25%; background: #E6F6F7; text-align: left; font-weight: bold;}
.disease-search-box table th:last-child, .disease-search-box table th:last-child { border-right:none;}
.disease-search-box input { background: #FFF; border-color: rgba(0,0,0,.3); padding: 5px 10px; font-size: 20px; border-radius: 3px; width: 100%;}
.disease-search-box select { background: #FFF; border-color: rgba(0,0,0,.3); padding: 5px 10px; font-size: 20px; border-radius: 3px; width: 100%;}
.disease-search-box .search-btn {text-align: center; padding: 10px 0;}
.disease-search-box .search-btn button {text-align: center; padding: 10px 15px; border-radius: 3px; font-size: 20px; background: #0B878B; color: #FFF; border: none; width: 30%;}
.disease-search-box .search-btn button span {margin: 0 5px;}


@media screen and (max-width: 767px) {
	.disease-search-box table th { width: 100%;}
	.disease-search-box table td { width: 100%;}
}

/* ---------------------------------------------------
	検索結果
------------------------------------------------------ */

.content-list {width: 100%; max-width: 1200px; padding: 0; margin: 0 auto;}
.content-list .content-box { width: 100%; padding: 40px; overflow: hidden; background: #FFF;}
.content-list .content-box ul { list-style: none; padding: 0;}
.content-list .content-box ul li { border-bottom: 1px dotted #CCC; padding: 20px; box-sizing: border-box; font-size: 18px;}
.content-list .content-box ul li .category { color: #FFF; padding: 5px; margin: 0 20px 0 0; display: inline-block; min-width: 100px; text-align: center; line-height: 2.0;}
.content-list .content-box ul li .category.content-cat {background-color: #0B878B;}
.content-list .content-box ul li time { color: #222; font-size: 20px; font-family: Arial, Helvetica, "sans-serif"; font-weight: bold;}
.content-list .content-box ul li.disease-list {display: flex; justify-content: flex-start;}
.content-list .content-box .shinryouka{}

@media screen and (max-width: 767px) {
.content-list .content-box {padding: 10px;}
.content-list .content-box ul li {padding: 10px;}
.content-list .content-box ul li .category { margin: 0 0 10px 0; display: block; text-align: left; line-height: 1.5;}
.content-list .content-box ul li .category.content-cat { width: 140px; margin-right: 10px;}
.content-list .content-box .shinryouka{}
}

/* ---------------------------------------------------
	お問い合わせ
------------------------------------------------------ */
.contact {}
.contact-box {}
ul.contact-form {margin-bottom: 40px;}
.btn-attention-block-large {background: #077174; transition: all .2s ease;}
.btn-attention-block-large:active, .btn-attention-block-large:focus, .btn-attention-block-large:hover {background: #077174; opacity: 0.8;}
.acms-entry .contact-form-col, .contact-form-col {padding: 0 5px 0 0;}
.contact-box input[type=date], .contact-box input[type=datetime-local], .contact-box input[type=datetime], .contact-box input[type=email], .contact-box input[type=month], .contact-box input[type=number], .contact-box input[type=password], .contact-box input[type=search], .contact-box input[type=tel], .contact-box input[type=text], .contact-box input[type=time], .contact-box input[type=url], .contact-box input[type=week] {padding: 5px;}
.contact-box select {padding: 10px 30px 10px 10px;}

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