@charset "UTF-8";
/* ---------------------------------------------------
	common
------------------------------------------------------ */
.acms-entry .entry-container {margin: 0;}
.entry {border: none; max-width: 1200px; margin: 0 auto;}
.entry a { color: #077174; text-decoration: underline;}
.entry a:link, .entry a:visited { color: #077174; text-decoration: underline;}
.entry a:hover { text-decoration: none;}
.acms-form .acms-form-select, .acms-form select {-moz-appearance: none; -webkit-appearance: none;}


/* bg-change02 */
.bg-change02 .entry a { color: #FFEE00;}
.bg-change02 .entry a:visited { color: #FFEE00;}

/* bg-change03 */
.bg-change03 .entry a { color: #FFF;}
.bg-change03 .entry a:visited { color: #FFF;}


.acms-grid, .acms-grid-r {margin: 0;}
h2 { font-family: fot-tsukuardgothic-std, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; font-style: normal;}
.entry-column h3:first-child {margin-top:0;}
.entry-column 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-style: normal; margin: 0; padding: 0; background: none; font-size: 40px; line-height: 1.4; margin: 60px 0 30px;}
.entry-column h4:first-child {margin-top:0;}
.entry-column h4 {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-style: normal; font-size: 28px; line-height: 1.4; color: #077174; border-left: 10px solid #077174; padding-left: 10px; margin: 40px 0 20px;}
.entry-column h5 {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-style: normal; padding: 0; margin: 0; font-size: 24px; line-height: 1.4; border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 20px;}
.entry-column h6 {font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 700; font-style: normal; padding: 0; margin: 0; font-size: 22px; line-height: 1.4;}
.entry-column p {margin: 0; line-height: 2; margin-bottom: 40px; font-size: 100%;}
.entry-column ul, .entry-column ol {padding: 0; margin: 0;}
.entry-column ul li, .entry-column ol li {padding: 0; margin: 0; font-size: 100%; line-height: 1.8;}
.entry-column td, .entry-column th {border-top: none;}
.entry-column tr:nth-child(odd) {background: none;}

.entry-column h3 + hr + h4 { margin-top:0 !important;}
.entry-column h3 + hr + p + hr + h4 { margin-top:0 !important;}
.entry-column h3:empty,
.entry-column h4:empty,
.entry-column h5:empty {display: none;}

/* bg-change02 */
.bg-change02 .entry-column {color: #FFEE00;}
.bg-change02 .entry-column p.entry-danger-text {color: #FFEE00;}
.bg-change02 .entry-column h3 { color: #FFEE00;}
.bg-change02 .entry-column h4 { color: #FFEE00; border-left: 10px solid #FFEE00;}
.bg-change02 .entry-column h5 { color: #FFEE00; border-bottom: 2px solid #FFEE00;}
.bg-change02 .entry-column td, .bg-change02 .entry-column th {color: #FFEE00;}
.bg-change02 .ug-bg-color { background: #333;}

/* bg-change03 */
.bg-change03 .entry-column {color: #FFF;}
.bg-change03 .entry-column p.entry-danger-text {color: #FFF;}
.bg-change03 .entry-column h3 { color: #FFF;}
.bg-change03 .entry-column h4 { color: #FFF; border-left: 10px solid #FFF;}
.bg-change03 .entry-column h5 { color: #FFF; border-bottom: 2px solid #FFF;}
.bg-change03 .entry-column td, .bg-change03 .entry-column th {color: #FFF;}
.bg-change03 .ug-bg-color { background: #333;}


@media screen and (max-width: 767px) {
.acms-grid, .acms-grid-r {margin: 0; padding: 0 10px;}
.entry-column h3 {font-size: 24px; margin: 30px 0 20px;}
.entry-column h4 {font-size: 20px; border-left: 7px solid #077174; padding-left: 10px; margin: 40px 0 20px;}
.entry-column h5 {font-size: 18px; padding: 0 5px 5px;}
.entry-column p {margin-bottom: 10px;}
.entry-column ul li, .entry-column ol li {line-height: 1.6;}
}

@media print {
    .entry-column h3 {font-size: 2rem !important; background: none !important; margin: 30px 0 20px !important;}
    .entry-column h4 {font-size: 1.8rem; border-left: 3px solid #077174;}
    .entry-column h5 {font-size: 1.6rem; border-bottom: 1px solid #000; margin-bottom: 15px;}
}


/* ---------------------------------------------------
	pager
------------------------------------------------------ */
.pager {margin: 0 0 50px;}
.pager li {width: 50px; height: 50px; border: 1px solid #077174; border-radius: 0; font-size: 20px; vertical-align: middle; background: #FFF;}
.pager li.prev, .pager li.next {width: 50px; height: 50px; border: none; border-radius: 0; font-size: 20px; vertical-align: middle; background: none;}
.pager li.cur {background: #077174; color: #FFF; border-radius: 0; padding: 10px;}
.pager li a {display: inline-block; width: 100%; height: 100%; vertical-align: middle; color: #077174; font-size: 20px;}
.pager-link {background: #FFF; padding: 10px;}
.pager-link:active, .pager-link:focus, .pager-link:visited { color: #077174;}
.pager-link:hover {background: #077174; color: #FFF; border-radius: 0; opacity: 1; }
.pager li.prev .pager-link, .pager li.next .pager-link {background: none; color: #077174; }
.pager li.prev .pager-link:hover, .pager li.next .pager-link:hover {background: none; color: #077174; }


.serial-nav {width: 100%; max-width: 1200px; margin: 0 auto 50px;}
.serial-nav a {display: block; padding: 15px 30px; color: #077174; font-weight: bold;}
.serial-nav a:active, .serial-nav a:focus, .serial-nav a:hover, .serial-nav a:visited {color: #077174;}
.serial-nav a:hover {text-decoration: none;}
.serial-nav-item a { border: 1px solid #077174;}


@media screen and (max-width: 767px) {
.pager {margin: 0 0 25px;}
.pager li {margin-bottom: 10px;}
.serial-nav { display: flex; justify-content: space-between;}
.serial-nav .serial-nav-item { width: 48%;}
}
@media print {
    .pager li.cur {padding: 10px !important;}
    .pager li a {padding: 10px !important;}
}


/* ---------------------------------------------------
	カスタムユニット汎用
------------------------------------------------------ */

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

}

/* ---------------------------------------------------
	流れ用：数字付き見出し
------------------------------------------------------ */
.entry-column h4.tit-flow {border-left: none; counter-increment: flow; position: relative; padding-left: 54px}
.entry-column h4.tit-flow:before {content: counter(flow); position: absolute; top: 0; left: 0; width: 44px; height: 44px; border-radius: 50%; text-align: center; line-height: 44px; color: #FFF; background-color: #077174;} 

/* bg-change02 */
.bg-change02 .entry-column h4.tit-flow:before { color: #000; background-color: #FFEE00;}

/* bg-change03 */
.bg-change03 .entry-column h4.tit-flow:before { color: #03C; background-color: #FFF;}

@media screen and (max-width: 767px) {
.entry-column h4.tit-flow {padding-left: 44px}
.entry-column h4.tit-flow:before {width: 34px; height: 34px; line-height: 34px;} 
}
@media print {
    .entry-column h4.tit-flow {border-left: none; counter-increment: flow; position: relative; padding-left: 30px}
    .entry-column h4.tit-flow:before {content: counter(flow); position: absolute; top: -2px; left: 0; width: 22px; height: 22px; border-radius: 50%; text-align: center; line-height: 22px; color: #FFF; background-color: #077174;} 
}

/* ---------------------------------------------------
	テキストリンク
------------------------------------------------------ */
.txt-link {justify-content: flex-start; margin-bottom: 40px;}
.txt-link .row_col {display: inline-block; margin-right: 60px; margin-bottom: 20px;}
.txt-link .row_col a { position: relative; display: block; padding: 2px 25px 2px 30px; color: #077174; line-height: 1.2; text-align: left; text-decoration: underline;}
.txt-link .row_col a:before { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 20px; height: 20px; margin-top: -10px; background: url(../images/common/ico-link.png) no-repeat center; background-size: 100%;}
.txt-link .row_col.blank a:after { content: ""; position: absolute; top: 50%; right: 0; display: block; width: 16px; height: 16px; margin-top: -8px; background: url(../images/common/ico-blank.png) no-repeat center; background-size: 100%;}
.txt-link .row_col a:hover {text-decoration: none;}

/* bg-change02 */
.bg-change02 .txt-link .row_col a { color: #FFEE00;}
.bg-change02 .txt-link .row_col a:before { -webkit-filter: brightness(255.0); -moz-filter: brightness(255.0); -o-filter: brightness(255.0); -ms-filter: brightness(255.0); filter: brightness(255.0);}
.bg-change02 .txt-link .row_col.blank a:after { -webkit-filter: brightness(255.0); -moz-filter: brightness(255.0); -o-filter: brightness(255.0); -ms-filter: brightness(255.0); filter: brightness(255.0);}

/* bg-change03 */
.bg-change03 .txt-link .row_col a { color: #FFF;}
.bg-change03 .txt-link .row_col a:before { -webkit-filter: brightness(255.0); -moz-filter: brightness(255.0); -o-filter: brightness(255.0); -ms-filter: brightness(255.0); filter: brightness(255.0);}
.bg-change03 .txt-link .row_col.blank a:after { -webkit-filter: brightness(255.0); -moz-filter: brightness(255.0); -o-filter: brightness(255.0); -ms-filter: brightness(255.0); filter: brightness(255.0);}

@media screen and (max-width: 767px) {
.txt-link .row_col { margin-right: 0;}

}

/* ---------------------------------------------------
	リスト（デフォルト）
------------------------------------------------------ */
.ul-default {}
.ul-default ul { margin-bottom: 40px;}
.ul-default ul li { padding-left: 30px; background: url(../images/common/ico-li@2x.png) no-repeat 0 5px; background-size: 20px 20px; margin-bottom: 5px;}

/* bg-change02 */
.bg-change02 .ul-default ul li { -webkit-filter: brightness(255.0); -moz-filter: brightness(255.0); -o-filter: brightness(255.0); -ms-filter: brightness(255.0); filter: brightness(255.0);}

/* bg-change03 */
.bg-change03 .ul-default ul li { -webkit-filter: brightness(255.0); -moz-filter: brightness(255.0); -o-filter: brightness(255.0); -ms-filter: brightness(255.0); filter: brightness(255.0);}

@media screen and (max-width: 767px) {
.ul-default + hr + .ul-default {margin-top: -35px;}
.about .js-unit_group-align + .js-unit_group-align .ul-default {margin-top: -40px;}
.ul-default ul li { padding-left: 22px; background: url(../images/common/ico-li@2x.png) no-repeat 0 3px; background-size: 20px 20px; margin-bottom: 5px;}
}

@media print {
    .ul-default ul li {padding-left: 20px; background: url(../images/common/ico-li@2x.png) no-repeat top left; background-size: 15px 15px;}
}

/* ---------------------------------------------------
	数字リスト（デフォルト）
------------------------------------------------------ */
.ol-default {}
.ol-default ol {counter-reset: oldef; margin-bottom: 40px;}
.ol-default ol li { padding-left: 30px; position: relative; margin-bottom: 5px;}
.ol-default ol li:before { counter-increment: oldef; content: counter(oldef); color: #0EA7AC; font-family: fot-tsukuardgothic-std, sans-serif; font-style: normal; font-weight: 700; font-size: 20px; display: block; width: 25px; position: absolute; top: 0; left: 0; text-align: center; line-height: 1.5;}

/* bg-change02 */
.bg-change02 .ol-default ol li:before { color: #FFEE00;}

/* bg-change03 */
.bg-change03 .ol-default ol li:before { color: #FFF;}

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

@media print {
    .ol-default ol {padding-left: 0 !important;}
    .ol-default ol li:before { font-size: 14px; line-height: 1;}
}

/* ---------------------------------------------------
	DL用テキストリンク
------------------------------------------------------ */
.dl-txt-link {justify-content: flex-start; margin-bottom: 40px;}
.dl-txt-link .row_col {display: inline-block; margin-right: 60px; margin-bottom: 20px;}
.dl-txt-link .row_col a { position: relative; display: block; padding: 2px 25px 2px 33px; color: #077174; line-height: 1.2; text-align: left; text-decoration: underline;}
.dl-txt-link .row_col a:before { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 23px; height: 35px; margin-top: -17px; background: url(../images/common/ico-shorui.png) no-repeat center; background-size: 100%;}
.dl-txt-link .row_col a:hover {text-decoration: none;}
.dl-txt-link + hr + .txt-link { margin-top: -40px;}
.txt-link + hr + .dl-txt-link { margin-top: -40px;}

.content_row.flexbox.dl-txt-link + hr .content_row.flexbox.txt-link { margin-bottom:20px;}
/* bg-change02 */
.bg-change02 .dl-txt-link .row_col a {color: #FFEE00;}
.bg-change02 .dl-txt-link .row_col a:before { -webkit-filter: brightness(255.0); -moz-filter: brightness(255.0); -o-filter: brightness(255.0); -ms-filter: brightness(255.0); filter: brightness(255.0);}

/* bg-change03 */
.bg-change03 .dl-txt-link .row_col a {color: #FFFFFF;}
.bg-change03 .dl-txt-link .row_col a:before { -webkit-filter: brightness(255.0); -moz-filter: brightness(255.0); -o-filter: brightness(255.0); -ms-filter: brightness(255.0); filter: brightness(255.0);}

@media screen and (max-width: 767px) {
.dl-txt-link .row_col { margin-right: 0;}

}

/* ---------------------------------------------------
	DL用ボタンリンク
------------------------------------------------------ */
.dl_btnlink {justify-content: flex-start;}
.dl_btnlink .row_col { width: 360px; max-width: 30%; margin-right: 5%; margin-bottom: 40px;}
.dl_btnlink .row_col:nth-of-type(3n) {margin-right: 0;}
.dl_btnlink .row_col:last-of-type {margin-right: 0;}
.dl_btnlink .row_col a { position: relative; display: block; width: 100%; padding: 20px 40px 20px 53px; color: #FFF; font-weight: bold; line-height: 1.2; text-align: left; text-decoration: none; background-color: #0B878B; border-radius: 10px; line-height: 1.2;}
.dl_btnlink .row_col a:before { content: ""; position: absolute; top: 50%; left: 20px; display: block; width: 23px; height: 35px; margin-top: -17px; background: url(../images/common/ico-shorui-w.png) no-repeat center; background-size: 100%;}
.dl_btnlink .row_col a:after { content: ""; position: absolute; top: 50%; right: 20px; display: block; width: 10px; height: 17px; margin-top: -8px; background: url(../images/common/ico-arrow-ar.png) no-repeat center; background-size: 100%; transition: transform .2s;}
.dl_btnlink .row_col a:hover {opacity: 1;}
.dl_btnlink .row_col a:hover:after {transform: translateX(2px);}

/* bg-change02 */
.bg-change02 .dl_btnlink .row_col a { color: #000; background-color: #FFEE00;}
.bg-change02 .dl_btnlink .row_col a:before { -webkit-filter: brightness(0.0); -moz-filter: brightness(0.0); -o-filter: brightness(0.0); -ms-filter: brightness(0.0); filter: brightness(0.0);}
.bg-change02 .dl_btnlink .row_col a:after { -webkit-filter: brightness(0.0); -moz-filter: brightness(0.0); -o-filter: brightness(0.0); -ms-filter: brightness(0.0); filter: brightness(0.0);}
.bg-change02 .dl_btnlink .row_col a:hover:after { -webkit-filter: brightness(0.0); -moz-filter: brightness(0.0); -o-filter: brightness(0.0); -ms-filter: brightness(0.0); filter: brightness(0.0);}

/* bg-change03 */
.bg-change03 .dl_btnlink .row_col a { color: #03C; background-color: #FFFFFF;}
.bg-change03 .dl_btnlink .row_col a:before { -webkit-filter: brightness(0.0); -moz-filter: brightness(0.0); -o-filter: brightness(0.0); -ms-filter: brightness(0.0); filter: brightness(0.0);}
.bg-change03 .dl_btnlink .row_col a:after { -webkit-filter: brightness(0.0); -moz-filter: brightness(0.0); -o-filter: brightness(0.0); -ms-filter: brightness(0.0); filter: brightness(0.0);}
.bg-change03 .dl_btnlink .row_col a:hover:after { -webkit-filter: brightness(0.0); -moz-filter: brightness(0.0); -o-filter: brightness(0.0); -ms-filter: brightness(0.0); filter: brightness(0.0);}

@media screen and (max-width: 767px) {
.dl_btnlink .row_col { width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 20px;}
}

@media print {
    .dl_btnlink {padding: 0 10px;}
    .dl_btnlink .row_col {max-width: 32%; margin-right: 2%; margin-bottom: 20px;}
}

/* ---------------------------------------------------
	ボタンリンク（3分割）
------------------------------------------------------ */
.btnlink {justify-content: flex-start;}
.btnlink .row_col { width: 360px; max-width: 30%; margin-right: 5%; margin-bottom: 40px;}
.btnlink .row_col:nth-of-type(3n) {margin-right: 0;}
.btnlink .row_col:last-of-type {margin-right: 0;}
.btnlink .row_col a { position: relative; display: block; width: 100%; padding: 20px 20px 20px 45px; border: 3px solid #0EA7AC; color: #0EA7AC; border-radius: 10px; font-weight: bold; text-align: left; text-decoration: none; background-color: #FFF; line-height: 1.2;}
.btnlink .row_col a:before { content: ""; position: absolute; top: 50%; left: 20px; display: block; width: 14px; height: 14px; margin-top: -7px; background: url(../images/common/ico-arrow-cr.png) no-repeat center; background-size: 100%;}
.btnlink .row_col.blank a:after { content: ""; position: absolute; top: 50%; right: 10px; display: block; width: 16px; height: 16px; margin-top: -8px; background: url(../images/common/ico-blank.png) no-repeat center; background-size: 100%;}
.btnlink .row_col a span {color: #F00; font-weight: bold;}

/* bg-change02 */
.bg-change02 .btnlink .row_col a { border: 3px solid #FFEE00; color: #FFEE00; background-color: #000;}
.bg-change02 .btnlink .row_col.blank a:after { -webkit-filter: brightness(255.0); -moz-filter: brightness(255.0); -o-filter: brightness(255.0); -ms-filter: brightness(255.0); filter: brightness(255.0);}

/* bg-change03 */
.bg-change03 .btnlink .row_col a { border: 3px solid #FFF; color: #FFFFFF; background-color: #03C;}
.bg-change03 .btnlink .row_col.blank a:after { -webkit-filter: brightness(255.0); -moz-filter: brightness(255.0); -o-filter: brightness(255.0); -ms-filter: brightness(255.0); filter: brightness(255.0);}

@media screen and (max-width: 767px) {
.btnlink .row_col { width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 10px;}
}
@media print {
    .btnlink {padding: 0 10px;}
    .btnlink .row_col {max-width: 32%; margin-right: 2%; margin-bottom: 20px;}
}

/* ---------------------------------------------------
	アンカーボタン（3分割）
------------------------------------------------------ */
.btn_row {justify-content: flex-start;}
.btn_row .row_col { width: 360px; max-width: 30%; margin-right: 5%; margin-bottom: 40px;}
.btn_row .row_col:nth-of-type(3n) {margin-right: 0;}
.btn_row .row_col:last-of-type {margin-right: 0;}
.btn_row .row_col a { position: relative; display: block; width: 100%; padding: 20px 15px 30px; border: 2px solid #000; color: #000; font-weight: bold; text-align: center; text-decoration: none; background-color: #FFF; line-height: 1.4em;}
.btn_row .row_col a:after { content: ""; position: absolute; left: 50%; bottom: 15px; display: block; width: 12px; height: 6px; margin-left: -6px; background: url(../images/common/ico-arrow-bb.png) no-repeat center; background-size: 100%; transition: transform .2s;}
.btn_row .row_col a:hover {opacity: 1;}
.btn_row .row_col a:hover:after {transform: translateY(2px);}

/* bg-change02 */
.bg-change02 .btn_row .row_col a { border: none; color: #FFEE00; background-color: #555;}

/* bg-change03 */
.bg-change03 .btn_row .row_col a { border: none; color: #FFFFFF; background-color: #3165ff;}

@media screen and (max-width: 767px) {
  .btn_row {margin-top: 20px; justify-content: space-between;}
  .btn_row .row_col {width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 10px;}
  .btn_row .row_col:last-of-type {margin-bottom: 0;}
  .btn_row .row_col a {padding: 10px 10px 15px;}
  .btn_row .row_col a:after {bottom: 5px;}
  .btn_row .row_col a:hover {border-color: #444; color: #444;}
  .btn_row .row_col a:hover:after {transform: translateY(0);}
}
@media print {
    .btn_row {padding: 0 10px;}
    .btn_row .row_col {max-width: 32%; margin-right: 2%; margin-bottom: 20px;}
}

/* ---------------------------------------------------
	画像ボタン（3分割）
------------------------------------------------------ */
.imgbtn_row {justify-content: flex-start;}
.imgbtn_row .row_col { width: 360px; max-width: 30%; margin-right: 5%; margin-bottom: 40px;}
.imgbtn_row .row_col:nth-of-type(3n) {margin-right: 0;}
.imgbtn_row .row_col:last-of-type {margin-right: 0;}
.imgbtn_row .row_col a { position: relative; display: block; width: 100%; padding: 0;  color: #000; text-align: center; text-decoration: none;}
.imgbtn_row .row_col a:hover {opacity: 0.8;}

@media screen and (max-width: 767px) {
  .imgbtn_row {margin-top: 20px; justify-content: space-between;}
  .imgbtn_row .row_col {width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 10px;}
  .imgbtn_row .row_col:last-of-type {margin-bottom: 0;}
  .imgbtn_row .row_col a {padding: 0;}
  .imgbtn_row .row_col a:hover {}
}
@media print {
    .imgbtn_row {padding: 0 10px;}
    .imgbtn_row .row_col {max-width: 32%; margin-right: 2%; margin-bottom: 20px;}
}

/* ---------------------------------------------------
	コラム：注意分
------------------------------------------------------ */
.column_emergency {width: 100%; border: 2px solid #E66227; padding: 40px; box-sizing: border-box; margin: 0 auto 40px;}
.column_emergency h4 {color: #E66227; line-height: 1.4; border-left: none; padding-left: 0;}
.column_emergency p:last-child { margin-bottom: 0; }

/* bg-change02 */
.bg-change02 .column_emergency h4 { border-left: none; padding-left: 0;}

/* bg-change03 */
.bg-change03 .column_emergency h4 { border-left: none; padding-left: 0;}

@media screen and (max-width: 767px) {
.column_emergency {padding: 10px; margin: 0 auto 40px;}
.column_emergency h4 {margin: 0 0 5px;}
}

@media print {
    .column_emergency {padding: 20px; margin: 0 10px 40px; width: auto;}
    .column_emergency h4 {font-size: 2rem;}
}

/* ---------------------------------------------------
	コラム：standard
------------------------------------------------------ */
.column_standard {width: 100%; border: 1px solid #0EA7AC; padding: 40px; box-sizing: border-box; margin: 0 auto 40px;}
.column_standard h4 {border-left: none; padding-left: 0;}
.column_standard p { margin-bottom: 0;}

/* bg-change02 */
.bg-change02 .column_standard { border: 1px solid #FFEE00;}
.bg-change02 .column_standard h4 { border-left: none; padding-left: 0;}

/* bg-change03 */
.bg-change03 .column_standard { border: 1px solid #FFF;}
.bg-change03 .column_standard h4 { border-left: none; padding-left: 0;}

@media screen and (max-width: 767px) {
.column_standard {padding: 10px; margin: 0 auto 40px;}
.column_standard h4 {margin: 0 0 5px;}
}
@media print {
    .column_standard {padding: 20px; margin: 0 10px 40px; width: auto;}
    .column_standard h4 {font-size: 2rem;}
}

/* ---------------------------------------------------
	画像left＋テキスト
------------------------------------------------------ */
.pic_left {margin-bottom: 60px;}
.pic_left h4,.pic_left h5,.pic_left h6 {text-align: left;}
.pic_left .row_pic {width: 40%;}
.pic_left .row_pic img {border-radius: 10px;}
.pic_left .row_txt {width: 680px; max-width: 56.667%;}
.pic_left .row_txt .txt_btn {margin-top: 40px; text-align: left;}
.pic_left .row_txt .txt_btn a {display: inline-block; border: 2px solid #0EA7AC; color: #0EA7AC; font-weight: bold; padding: 20px 20px; text-decoration: none; border-radius: 10px; min-width: 360px;}
.pic_left .row_txt .txt_btn a:before {content: url(../images/common/ico-arrow-cr.png); margin-right: 10px;}

/* bg-change02 */
.bg-change02 .pic_left .row_txt .txt_btn a { border: 2px solid #FFEE00; color: #FFEE00; background-color: #000;}

/* bg-change03 */
.bg-change03 .pic_left .row_txt .txt_btn a { border: 2px solid #FFF; color: #FFF; background-color: #03C;}

@media screen and (max-width: 767px) {
.pic_left {margin-bottom: 30px;}
.pic_left .row_txt .txt_btn a { min-width: 100%;}
  .pic_left .row_pic {width: 100%; margin-bottom: 20px; text-align: center;}
  .pic_left .row_txt {width: 100%; max-width: 100%; padding: 0 10px;}
  .pic_left .row_txt > * {margin-left: -10px; margin-right: -10px;}
  .pic_left .row_txt .txt_btn {margin: 20px -10px 0; text-align: center;}
}

/* ---------------------------------------------------
	画像right＋テキスト
------------------------------------------------------ */
.pic_right {margin-bottom: 60px;}
.pic_right h4,.pic_right h5,.pic_right h6 {text-align: left;}
.pic_right .row_pic {width: 40%; order: 10;}
.pic_right .row_pic img {border-radius: 10px;}
.pic_right .row_txt {width: 680px; max-width: 56.667%;}
.pic_right .row_txt .txt_btn {margin-top: 40px;}
.pic_right .row_txt .txt_btn a {display: inline-block; border: 2px solid #0EA7AC; color: #0EA7AC; font-weight: bold; padding: 20px 20px; text-decoration: none; border-radius: 10px; min-width: 360px;}
.pic_right .row_txt .txt_btn a:before {content: url(../images/common/ico-arrow-cr.png); margin-right: 10px;}

/* bg-change02 */
.bg-change02 .pic_right .row_txt .txt_btn a { border: 2px solid #FFEE00; color: #FFEE00; background-color: #000;}

/* bg-change03 */
.bg-change03 .pic_right .row_txt .txt_btn a { border: 2px solid #FFF; color: #FFF; background-color: #03C;}

@media screen and (max-width: 767px) {
.pic_right {margin-bottom: 30px;}
.pic_right .row_txt .txt_btn a { min-width: 100%;}
  .pic_right .row_pic {width: 100%; margin-bottom: 20px; order: 0; text-align: center;}
  .pic_right .row_txt {width: 100%; max-width: 100%; padding: 0 10px;}
  .pic_right .row_txt > * {margin-left: -10px; margin-right: -10px;}
  .pic_right .row_txt .txt_btn {margin: 20px -10px 0; text-align: center;}
}

/* ---------------------------------------------------
	画像＋テキスト（縦：2分割）※センターから表示する
------------------------------------------------------ */
.box_row2 {justify-content: space-between;}
.box_row2 h5 {color: #000; font-size: 24px; text-align: center; border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 20px;}
.box_row2 .row_col { width: 580px; max-width: 48.333%; margin-bottom: 40px;}
.box_row2 .row_col .col_pic { margin-bottom: 20px; text-align: center;}
.box_row2 .row_col .col_pic ing {border-radius: 10px;}
.box_row2 .row_col .col_txt p {margin: 0;}

@media screen and (max-width: 767px) {
  .box_row2 {}
  .box_row2 h5 {margin-bottom: 10px;}
  .box_row2 .row_col { width: 100%; max-width: 100%; margin-bottom: 20px;}
  .box_row2 .row_col .col_pic { margin-bottom: 15px;}
  .box_row2 .row_col + .row_col { margin-top: 30px;}
}

/* ---------------------------------------------------
	画像＋テキスト（縦：3分割）※センターから表示する
------------------------------------------------------ */
.box_row3 {justify-content: center;}
.box_row3 h5 {color: #000; font-size: 24px; text-align: center; border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 20px;}
.box_row3 .row_col { width: 373px; max-width: 31.084%; margin-right: 3.37%; margin-bottom: 40px;}
.box_row3 .row_col:nth-of-type(3n) { margin-right: 0;}
.box_row3 .row_col:last-of-type { margin-right: 0;}
.box_row3 .row_col .col_pic { margin-bottom: 20px; text-align: center;}
.box_row3 .row_col .col_pic img {border-radius: 10px;}
.box_row3 .row_col .col_txt p {margin: 0;}
.box_row3 .row_col .col_btn {margin-top: 20px; text-align: left;}
.box_row3 .row_col .col_btn a {display: inline-block; border: 2px solid #0EA7AC; color: #0EA7AC; font-weight: bold; padding: 20px 20px; text-decoration: none; width: 100%; min-width: 360px;}
.box_row3 .row_col .col_btn a:before {content: url(../images/common/ico-arrow-cr.png); margin-right: 10px;}

/* bg-change02 */
.bg-change02 .box_row3 .row_col .col_btn a { color: #FFEE00; border: 2px solid #FFEE00;}

/* bg-change03 */
.bg-change03 .box_row3 .row_col .col_btn a { color: #FFF; border: 2px solid #FFF;}

@media screen and (max-width: 767px) {
  .box_row3 {margin-bottom: 50px;}
  .box_row3 h5 {margin-bottom: 10px; font-size: 24px;}
  .box_row3 .row_col {width: 100%; max-width: 100%; margin-right: 0;}
  .box_row3 .row_col .col_pic {margin-bottom: 15px;}
  .box_row3 .row_col + .row_col {margin-top: 30px;}
}
/* ---------------------------------------------------
	画像＋テキスト（縦：4分割）※センターから表示する
------------------------------------------------------ */
.box_row4 { justify-content: center;}
.box_row4 h5 {color: #000; font-size: 24px; text-align: center; border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 20px;}
.box_row4 .row_col { width: 22.5%; margin-right: 3.33%; margin-bottom: 40px;}
.box_row4 .row_col:nth-of-type(4n) { margin-right: 0;}
.box_row4 .row_col:last-of-type { margin-right: 0;}
.box_row4 .row_col a { display: block; text-decoration: none; color: #444;}
.box_row4 .row_col .col_pic { margin-bottom: 20px; text-align: center;}
.box_row4 .row_col .col_pic img {border-radius: 10px;}

@media screen and (max-width: 767px) {
  .box_row4 {margin-bottom: 50px; justify-content: space-between;}
  .box_row4 h5 {font-size: 20px; margin-left: 0; margin-right: 0; text-align: left;}
  .box_row4 .row_col {width: 100%; max-width: 100%; margin-right: 0;}
  .box_row4 .row_col .col_pic {margin-bottom: 15px;}
  .box_row4 .row_col + .row_col {margin-top: 30px;}
}

/* ---------------------------------------------------
	画像＋テキスト（縦：5分割）※センターから表示する
------------------------------------------------------ */
.box_row5 {justify-content: center;}
.box_row5 h5 {color: #000; font-size: 24px; text-align: center; border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 20px;}
.box_row5 .row_col { width: 208px; max-width: 17.334%; margin-right: 3.33%; margin-bottom: 40px;}
.box_row5 .row_col:nth-of-type(5n) { margin-right: 0;}
.box_row5 .row_col:last-of-type { margin-right: 0;}
.box_row5 .row_col .col_pic { margin-bottom: 20px; text-align: center;}
.box_row5 .row_col .col_pic img {border-radius: 10px;}

@media screen and (max-width: 767px) {
  .box_row5 {margin-bottom: 50px; justify-content: space-between;}
  .box_row5 h5 {margin-left: 0; margin-right: 0; font-size: 20px; text-align: left;}
  .box_row5 .row_col {width: 48%; max-width: 48%; margin-right: 0; margin-bottom: 30px;}
  .box_row5 .row_col .col_pic {margin-bottom: 10px;}
  .box_row5 .row_col .col_txt p {margin: 0;}
}

/* ---------------------------------------------------
	画像ｗ100％
------------------------------------------------------ */
/* デフォルトパーツ */
.column-media-auto { margin-bottom: 40px;}
.pic_wide { margin-top: 0; margin-bottom: 40px;}
.pic_wide img { border-radius: 10px;}

@media screen and (max-width: 767px) {
  /* デフォルトパーツ */
  .column-media-auto {margin-bottom: 20px;}
  .pic_wide {margin-top: 20px;}
}
@media print {
    .pic_wide {padding: 0 10px;}
}


/* ---------------------------------------------------
	画像＋画像（2分割48％）
------------------------------------------------------ */
.pic_row2 {margin-top: 0;}
.pic_row2 .row_col {width: 48%; margin-bottom: 40px;}
.pic_row2 .row_col img {border-radius: 10px;}

@media screen and (max-width: 767px) {
  .pic_row2 {margin-top: 20px;}
  .pic_row2 .row_col {width: 100%; margin-bottom: 0; text-align: center;}
  .pic_row2 .row_col + .row_col {margin-top: 20px;}
}


/* ---------------------------------------------------
	画像＋画像（3分割31％）
------------------------------------------------------ */
.pic_row3 {margin-top: 40px;}
.pic_row3 .row_col {width: 31.25%; margin-right: 3.1%; margin-bottom: 3.1%;}
.pic_row3 .row_col img {border-radius: 10px;}
.pic_row3 .row_col:nth-of-type(3n) {margin-right: 0;}
.pic_row3 .row_col:last-of-type {margin-right: 0;}

@media screen and (max-width: 767px) {
  .pic_row3 {margin-top: 20px;}
  .pic_row3 .row_col {width: 100%; margin-right: 0; margin-bottom: 0; text-align: center;}
  .pic_row3 .row_col + .row_col {margin-top: 20px;}
}


/* ---------------------------------------------------
	テーブル（ｗ100％）
------------------------------------------------------ */
/* デフォルトパーツ */
.column-table- { width: 100%; margin: 0 auto 40px;}

.column-table- table {width: 100%; border-spacing: 0; border-collapse: collapse; empty-cells: show; table-layout: fixed; background: #FFF; /*border: 1px solid #0EA7AC;*/}
.column-table- table th, .column-table- table td { padding: 10px 20px; border: 1px solid #0EA7AC;/*border-bottom: 1px solid #0EA7AC; border-right: 1px solid #0EA7AC;*/ vertical-align: middle; font-size: 100%;}
.column-table- table th { max-width: 25%; background: #E6F6F7; text-align: left; font-weight: bold;}
/*.column-table- table th:last-child, .column-table- table th:last-child { border-right:none;}*/

.column-table- table.acms-table-scrollable { table-layout: fixed; }

/* bg-change02 */
.bg-change02 .column-table- table { background: none; border: 1px solid #FFEE00;}
.bg-change02 .column-table- table th, .bg-change02 .column-table- table td {border-bottom: 1px solid #FFEE00; border-right: 1px solid #FFEE00; background: none;}

/* bg-change03 */
.bg-change03 .column-table- table { background: none; border: 1px solid #FFF;}
.bg-change03 .column-table- table th, .bg-change03 .column-table- table td {border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; background: none;}

@media screen and (max-width: 767px) {
  /* デフォルトパーツ */
  .column-table- { margin: 0 auto 20px;}
  .column-table- table th { width: 100%;}
  .column-table- table.acms-table-scrollable { table-layout: auto; margin-top: 30px; position: relative; }
  .column-table- table.acms-table-scrollable:before {content: "▶表は横にスクロールします"; display: block; position: absolute; top: -24px; min-width: 240px;}
}

@media print {
	.column-table- table th, .column-table- table td { white-space: normal;}
}

/* ---------------------------------------------------
	診療時間
------------------------------------------------------ */
.column-table- table th.chours-week, .column-table- table td.chours-week { background-color: #0B878B; color: #FFF; font-weight: bold; border-bottom: 1px solid #0EA7AC; border-right: 1px solid #0EA7AC; text-align: center;}
.column-table- table th.chours-ampm, .column-table- table td.chours-ampm { background-color: #0EA7AC; color: #FFF; font-weight: bold; border-bottom: 1px solid #FFF; border-right: 1px solid #0EA7AC; width: 7%; text-align: center;}
.column-table- table tr:last-child th.chours-ampm, .column-table- table tr:last-child td.chours-ampm { border-bottom: 1px solid #0EA7AC;}
.column-table- table th.chours-shinkan, .column-table- table td.chours-shinkan { background-color: #E6F6F7; border-bottom: 1px solid #0EA7AC; border-right: 1px solid #0EA7AC; width: 18%; text-align: center;}
.column-table- table th.chours-sairai, .column-table- table td.chours-sairai { background-color: #FFF; border-bottom: 1px solid #0EA7AC; border-right: 1px solid #0EA7AC; width: 18%; text-align: center;}

/* bg-change02 */
.bg-change02 .column-table- table th.chours-week, .bg-change02 .column-table- table td.chours-week {background-color: #000; color: #FFEE00; border-bottom: 1px solid #FFEE00; border-right: 1px solid #FFEE00;}
.bg-change02 .column-table- table th.chours-week a, .bg-change02 .column-table- table td.chours-week a { color: #FFEE00; text-decoration: underline;}
.bg-change02 .column-table- table th.chours-week a:hover, .bg-change02 .column-table- table td.chours-week a:hover { text-decoration: none;}
.bg-change02 .column-table- table th.chours-ampm, .bg-change02 .column-table- table td.chours-ampm {background-color: #000; color: #FFEE00; border-bottom: 1px solid #FFEE00; border-right: 1px solid #FFEE00;}
.bg-change02 .column-table- table th.chours-shinkan, .bg-change02 .column-table- table td.chours-shinkan {background-color: #ffee00; border-bottom: 1px solid #000000; border-right: 1px solid #000000; color: #000;}
.bg-change02 .column-table- table th.chours-sairai, .bg-change02 .column-table- table td.chours-sairai { background-color: #000; border-bottom: 1px solid #FFEE00; border-right: 1px solid #FFEE00;}

/* bg-change03 */
.bg-change03 .column-table- table th.chours-week, .bg-change03 .column-table- table td.chours-week {background-color: #03C; color: #FFF; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;}
.bg-change03 .column-table- table th.chours-week a, .bg-change03 .column-table- table td.chours-week a { color: #FFF; text-decoration: underline;}
.bg-change03 .column-table- table th.chours-week a:hover, .bg-change03 .column-table- table td.chours-week a:hover { text-decoration: none;}
.bg-change03 .column-table- table th.chours-ampm, .bg-change03 .column-table- table td.chours-ampm {background-color: #03C; color: #FFF; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;}
.bg-change03 .column-table- table th.chours-shinkan, .bg-change03 .column-table- table td.chours-shinkan {background-color: #FFF; border-bottom: 1px solid #03C; border-right: 1px solid #03C; color: #03C;}
.bg-change03 .column-table- table th.chours-sairai, .bg-change03 .column-table- table td.chours-sairai { background-color: #03C; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;}


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


/* ---------------------------------------------------
	スタッフ紹介
------------------------------------------------------ */
.staff-detail { display: flex; justify-content: space-between; flex-wrap: wrap; }
.staff-detail .staff-detail-list { width: 580px; max-width: 48.333%; margin-bottom: 40px;}
.staff-detail .staff-detail-list h5.name {}
.staff-detail .staff-detail-list table {}
.staff-detail .staff-detail-list table th {width: 100px; padding: 10px 0;}
.staff-detail .staff-detail-list table td {width: 480px; padding: 10px 0 10px 15px; position: relative;}
.staff-detail .staff-detail-list table td:before {content: "："; display: block; position: absolute; top: 10px; left: 0;}

@media screen and (max-width: 767px) {
.staff-detail .staff-detail-list { width: 100%; max-width: 100%; margin-bottom: 40px;}
.staff-detail .staff-detail-list table th { display: table-cell; width: 25%; border-bottom: 2px solid #fff;}
.staff-detail .staff-detail-list table td { display: table-cell; }
}
@media print {
    .staff-detail .staff-detail-list table {margin: 0 10px; width: 95%;}
    .staff-detail .staff-detail-list table th {padding: 10px;}
}


/* ---------------------------------------------------
	Q&A
------------------------------------------------------ */
.faq-content { margin-bottom: 40px;}
.faq-content .faq-q { position: relative; padding-left: 35px; color: #077174; font-size: 1.556em; border-bottom: 2px solid #0B878B; margin-bottom: 20px; padding-bottom: 10px;}
.faq-content .faq-q:before { content: 'Q'; position: absolute; left: 0; font-family: fot-tsukuardgothic-std, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; font-style: normal; font-size: 34px; font-weight: bold; color: #077174; line-height: 1; text-align: center;}
.faq-content .faq-a { position: relative; padding-left: 35px;}
.faq-content .faq-a:before { content: 'A'; position: absolute; left: 0; font-family: fot-tsukuardgothic-std, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; font-style: normal; font-size: 34px; font-weight: bold; color: #0D5DCA; line-height: 1; text-align: center;}

@media screen and (max-width: 767px) {
.faq-content .faq-q {font-size: 1.222em;}
.faq-content .faq-q:before {font-size: 26px;}
.faq-content .faq-a { position: relative; padding-left: 35px; margin-left: 5px;}
.faq-content .faq-a:before {font-size: 28px;}
}

/* ---------------------------------------------------
	診療科・各部門
------------------------------------------------------ */
.department span.cl1 { color: #E6F6F7; }
.department span.cl2 { color: #0EA7AC; }


/* ---------------------------------------------------
	公募　テーブル
------------------------------------------------------ */



/* ---------------------------------------------------
	GoogleMap レスポンシブ用
------------------------------------------------------ */
@media screen and (max-width: 767px) {
.gmap { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;}
.gmap iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
}

/* ---------------------------------------------------
	404
------------------------------------------------------ */
#a404 { margin: 0 10px;}
#a404 .entry-header h2#article-404 {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-style: normal; margin: 0; padding: 0; background: none; font-size: 40px; line-height: 1.4; margin: 60px 0 30px; text-align: center;}

@media screen and (max-width: 767px) {
#a404 .entry-header h2#article-404 {font-size: 24px; margin: 30px 0 20px;}
#a404 .entry-column p.taC { text-align: left;}
}