@charset "utf-8";

#main .button {
margin-bottom: 1em;
}

span.event_endflg {
background: #ff0000;
color: #fff;
border-radius: 5px;
padding: 0.1em 0.7em;
}

/* layout
------------------------------------------------ */

#main .main-wrap {
padding: 20px 0;
}

@media print,
screen and (min-width: 736px) {
#main {
float: left;
width: 760px;
}

#main .main-wrap {
border-left: 1px solid #a9a9a9;
padding: 30px 40px 0 40px;
margin-bottom: 20px;
}

#main.opinion .main-wrap {
border-left: 1px solid #F2BFE8;
}
}

/* title
------------------------------------------------ */

/* コーナータイトル
------------------------ */

#main .cornerTitle {
padding: 10px 5px;
border-top: 5px solid #a9a9a9;
border-bottom: 1px solid #a9a9a9;
}

#main .cornerTitle .title {
padding: 0;
margin: 0;
font-size: 110%;
font-weight: bold;
position: relative;
padding: 0 0 0 1.8em;
}

#main .cornerTitle .title::before,
#main .cornerTitle .title::after {
position: absolute;
content: '';
border-radius: 100%
}

#main .cornerTitle .title::before {
top: .1em;
left: .1em;
z-index: 2;
width: 20px;
height: 20px;
background: rgba(0, 0, 0, 0.5);
}

#main .cornerTitle .title::after {
top: .7em;
left: .7em;
width: 15px;
height: 15px;
background: #a9a9a9;
}

#main .cornerTitle .title span {
display: block;
font-weight: normal;
font-size: 80%;
}
@media print,
screen and (min-width: 736px) {
#main .cornerTitle {
padding: 10px 20px;
}

#main .cornerTitle .title {
font-size: 130%;
padding: 0 0 0 2.2em;
}

#main .cornerTitle .title::before {

width: 30px;
height: 30px;
}

#main .cornerTitle .title::after {
top: .8em;
left: .8em;
width: 20px;
height: 20px;
}
}

/* ------------------------ */

#main h2 {
padding: .2em 0.5em;
margin-bottom: 10px;
font-weight: bold;
font-size: 120%;
border-bottom: 2px solid #FD8A18;
}

#side .news-list h2 {
padding: .2em 0.5em;
font-weight: bold;
font-size: 120%;
border-bottom: 2px solid #FD8A18;
}

/* entryBody
------------------------------------------------ */
.entryBody h1 {
font-size: 110%;
font-weight: bold;
margin-bottom: 10px;
}

.entryBody h1 .pageNum {
margin-left: 1em;
font-weight: normal;
font-size: 80%;
}
.entryBody .news-item {
margin-bottom: 10px;
border-bottom: 1px dotted #FD8A18;
min-height: 28px;
}
.entryBody .entryDate {
float: right;
text-align: right;
font-size: 90%;
}

.entryBody .twitter {
float: left;
}

.entryBody .fb-like {
float: left;
margin-right: 10px;
}

.entryBody .fb_iframe_widget span {
display: block !important;
}

.entryBody .author {
text-align: right;
font-size: 14pt;
}

@media print,
screen and (min-width: 736px) {

.entryBody h1 {
position: relative;
font-size: 130%;
font-weight: bold;
margin-bottom: 40px;
}
.entryBody h1 .pageNum {
position: absolute;
bottom: 0;
right: 0;
margin-left: 3em;
font-weight: normal;
font-size: 70%;
}
}

/* ------------------------------------------------ */
#main .pager {
margin: 20px 0;
font-size: 90%;
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-justify-content: space-between;
/* Safari */
justify-content: space-between;
}

#main .pager .prev a:after {
content: "\25C0 前へ";
}

#main .pager .next a:after {
content: "次へ \25B6";
}
@media print,
screen and (min-width: 736px) {

#main .pager div {
width: 226px;
-webkit-flex-grow: 1;
/* Safari */
flex-grow: 1;
}

#main .pager .button.tolist {
text-align: center;
width: 100%;
}

#main .pager .button.prev {
text-align: left;
}

#main .pager .prev a:after {
content: "\25C0 前の記事へ";
}

#main .pager .button.next {
text-align: right;
}

#main .pager .next a:after {
content: "次の記事へ \25B6";
}

#main .pager .button.tolist a,
#main .pager .button.prev a,
#main .pager .button.next a {
padding-left: 20px;
padding-right: 20px;
}
}

/* ------------------------------------------------ */

#main .copyright {
margin-bottom: 20px;
font-size: 80%;
text-align: right;
border-top: 1px dotted #FD8A18;
border-bottom: 1px dotted #FD8A18;
}
/* information
------------------------------------------------ */
.information {
margin-bottom: 20px;
}

.information .box {
margin-bottom: 20px;
}

/* dl dt dd
------------------------ */
.information dl {
margin-bottom: 10px;
}

.information dt {
display: none;
}

.information dl.event-list dt {
display: block;
}

.information dd {
border-bottom: 1px dotted #FD8A18;
}

.information dd.last {
margin-bottom: 0;
}

.information dd a {
display: block;
padding: .2em;
}

@media print,
screen and (min-width: 736px) {
.information dt {
display: block;
width: 140px;
padding: 0 0 0 .2em;
}

.information dl.event-list dt {
width: 170px;
}

.information dd {
margin: -1.7em 0 .4em 0;
padding: 0 0 .4em 150px;
border-bottom: 1px dotted #FD8A18;
}

.information dl.event-list dd {
padding: 0 0 .4em 180px;
}

.information dd a {
padding: 0;
}
}

/* ------------------------------------------------ */

#side .menu h2 {
margin-bottom: 5px;
margin-left: .8em;
position: relative;
padding: 2px 5px 2px 25px;
font-weight: bold;
color: #474747;
border-radius: 0 10px 10px 0;
letter-spacing: 1px;
}

#side .menu li {
margin: .2em 0;
padding: .2em;
border-bottom: 1px dotted #C6C6C6;
}

#side .menu a {
display: block;
padding-left: 2.5em;
}

@media print,
screen and (min-width: 736px) {
#side .menu {
font-size: 14px;
}
}

/* ------------------------ */

@media screen and (max-width: 735px) {
#side .menu a:after {
font-family: FontAwesome;
content: "\f138";
float: right;
padding-right: .5em;
color: #29AE32;
}
}

#side .skillUp h2 {
background: #FFBCDE;
}

#side .skillUp h2:before {
font-family: FontAwesome;
content: "\f040";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #F0007B;
font-size: 20px;
font-weight: normal;
width: 30px;
text-align: center;
height: 30px;
line-height: 30px;
left: -.7em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}

@media print,
screen and (min-width: 736px) {
#side .skillUp h2:before {
left: -1em;
}
}

/* ------------------------ */

#side .search h2 {
background: #CCE0FE;
}

#side .search h2:before {
font-family: FontAwesome;
content: "\f002";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #0064FD;
font-size: 20px;
font-weight: normal;
width: 30px;
text-align: center;
height: 30px;
line-height: 30px;
left: -1em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}

@media print,
screen and (min-width: 736px) {
#side .search h2:before {
left: -1.35em;
}
}

/* ------------------------ */

#side .use h2 {
background: #C9FEA3;
}

#side .use h2:before {
font-family: FontAwesome;
content: "\f14a";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #4EBE00;
font-size: 20px;
font-weight: normal;
width: 30px;
text-align: center;
height: 30px;
line-height: 30px;
left: -1em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white;
border-radius: 50%;
}

@media print,
screen and (min-width: 736px) {
#side .use h2:before {
left: -1.35em;
}
}

/* ------------------------ */

#side .skillUp .n1 a {
background: url(/images/heal_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .skillUp .n2 a {
background: url(/images/kinen_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .skillUp .n3 a {
background: url(/images/gan_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .skillUp .n4 a {
background: url(/images/undo_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .skillUp .n5 a {
background: url(/images/eiyo_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .skillUp .n6 a {
background: url(/images/qol_icon.gif) no-repeat 0 50%;
background-size: contain;
}

/* ------------------------ */

#side .search .n1 a {
background: url(/images/book_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .search .n2 a {
background: url(/images/eqn_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .search .n3 a {
background: url(/images/chousa_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .search .n4 a {
background: url(/images/byouki_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .search .n5 a {
background: url(/images/wagamachi_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .search .n6 a {
background: url(/images/dantai_icon.jpg) no-repeat 0 50%;
background-size: contain;
}

/* ------------------------ */

#side .use .n1 a {
background: url(/images/shizai_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .use .n2 a {
background: url(/images/tenshoku_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .use .n3 a {
background: url(/images/soft_icon.gif) no-repeat 0 50%;
background-size: contain;
}

#side .use .n4 a {
background: url(/images/kaizen_item.gif) no-repeat 0 50%;
background-size: contain;
}

/* calendar
------------------------------------------------ */

#side .calendar h2 {
text-align: center;
}

#side .calendar dd {
text-align: right;
border-bottom: 1px dotted #C6C6C6;
font-weight: bold;
}

#side .calendar dd.last {
border: none;
}

@media print,
screen and (min-width: 736px) {
#side .calendar {
font-size: 13px;
}

#side .calendar dl {
padding: 0 5px;
}

#side .calendar dd {
padding: .2em 0;
}
}

/* hsm_osusume
------------------------------------------------ */

#hsm_osusume {
width: 760px;
margin: 0 0 20px 0;
font-size: 14.3px;
line-height: 1.5;
}

#hsm_osusume p {
margin: 0;
}
#hsm_osusume h2 {
color: #7A4819;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
line-height: 140%;
font-weight: bold;
font-size: 26px;
}

#hsm_osusume h2 img {
vertical-align: top;
}

.item_thumbnail {
width: 130px;
text-align: center;
margin: 0 auto 5px;
}

.item_thumbnail img {
width: 110px;
border: 2px solid #a9a9a9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
border-radius: 5px;

-webkit-box-shadow: 0 0 4px #cfcfcf;
-moz-box-shadow: 0 0 4px #cfcfcf;
-ms-box-shadow: 0 0 4px #cfcfcf;
-o-box-shadow: 0 0 4px #cfcfcf;
box-shadow: 0 0 4px #cfcfcf;
}

.list_carousel {
position: relative;
width: 720px;
min-height: 225px;
height: auto !important;
height: 225px;
padding: 0 20px;
}

.list_carousel ul {
list-style: none;
display: block;
width: 720px;
}

.list_carousel li {
display: block;
width: 134px;
float: left;
padding: 0 5px;
font-size: 90%;
}

.list_carousel.responsive {
width: auto;
margin-left: 0;
}

.prev-left {
position: absolute;
top: 0px;
left: 0;
width: 20px;
margin: 0;
display: block;
}

.prev-right {
position: absolute;
top: 0px;
right: 0;
width: 20px;
margin: 0;
display: block;
text-align: right;
}

li.box_wide {
width: 407px;
padding: 0 10px 0 15px;
}

.hsm_copy {
margin-bottom: 5px;
padding: 5px;
border: 2px solid #a9a9a9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 4px #cfcfcf;
-moz-box-shadow: 0 0 4px #cfcfcf;
-ms-box-shadow: 0 0 4px #cfcfcf;
-o-box-shadow: 0 0 4px #cfcfcf;
box-shadow: 0 0 4px #cfcfcf;
}

.hsm_copy a {
display: block;
text-align: right;
}

.box_wide .item_title {
margin-bottom: 5px;
padding-left: 15px;
background: url(/images/news-list05.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
list-style: none;
}

/* ------------------------------------------------ */
/* カテゴリーリスト（ボタン）
------------------------------------------------ */

/* トビラ用
------------------------ */

#main .nav-cat {
margin-bottom: 20px;
font-size: 90%;
}

#main .nav-cat.bottom {
margin-top: 0;
}

#main .nav-cat nav {
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-flex-wrap: wrap;
/* Safari */
flex-wrap: wrap;
}

#main .nav-cat nav a {
display: block;
float: left;
padding: 3px 10px;
background: #2F7033;
color: #fff;
margin: 2px;
text-align: center;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-flex-grow: 1;
/* Safari */
flex-grow: 1;
}

#main .nav-cat nav a:hover {
background: #35E041;
text-decoration: none;
}

/* 健診リスト用
------------------------ */
@media print,
screen and (min-width: 736px) {
.kenshin-list #main .nav-cat nav a {
padding: 3px 0;
width: 99px;
}
}

/* 記事用
------------------------ */

#main .nav-cat-kiji {
margin-bottom: 20px;
font-size: 80%;
}

#main .nav-cat-kiji nav {
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-justify-content: flex-end;
/* Safari */
justify-content: flex-end;
-webkit-flex-wrap: wrap;
/* Safari */
flex-wrap: wrap;
}

#main .nav-cat-kiji nav a {
display: block;
float: left;
padding: 3px 10px;
background: #2F7033;
color: #fff;
margin: 2px;
text-align: center;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#main .nav-cat-kiji nav a:hover {
background: #35E041;
text-decoration: none;
}
/* news-list
------------------------------------------------ */

/* dl dt dd
------------------------ */
.news-list dl {
margin: 10px 0;
}

.news-list dt {
display: none;
}

.news-list dd {
border-bottom: 1px dotted #FD8A18;
}

.news-list dd.last {
margin-bottom: 0;
}

.news-list dd a {
display: block;
padding: .2em;
display: -webkit-flex;
/* Safari */
display: flex;
}

.news-list.seminar-list dd a {
display: block;
}

.news-list dd .img {
width: 80px;
margin-right: 10px;
}

@media all and (-ms-high-contrast: none) {
.news-list dd .img {
width: auto;
}
}
@media print,
screen and (min-width: 736px) {
.news-list dt {
display: block;
width: 140px;
padding: 0 0 0 .2em;
}

.news-list dd {
margin: -1.7em 0 .4em 0;
padding: 0 0 .4em 150px;
border-bottom: 1px dotted #FD8A18;
}

.news-list dd a {
padding: 0;
}
}

/* nav-year
------------------------ */

.news-list .nav-year {
margin: 10px 0;
}

.news-list .nav-year .wrap {
background: #29AE32;
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-justify-content: space-between;
/* Safari */
justify-content: space-between;
}

.news-list .nav-year a {
display: block;
background: #29AE32;
color: #fff;
padding: 5px;
}

@media print,
screen and (min-width: 736px) {

.news-list .nav-year {
width: 679px;
margin: 20px 0;
}
.news-list .nav-year .wrap.last {
padding-right: 113px;
}

.news-list .nav-year a {
width: 113px;
padding: 5px 28px;
}

.news-list .nav-year a:hover {
background: #35E041;
text-decoration: none;
}
}

/* ------------------------------------------------ */
/* オピニオン
------------------------------------------------ */

/* tobira
------------------------ */

#main.opinion ul.newArrival {
margin: 0 0 20px 0;
padding: 0;
list-style: none;
}

#main.opinion ul.newArrival li {
border-bottom: 1px dotted #9B0F81;
}

#main.opinion ul.newArrival li a {
display: block;
padding: .2em;
}

#main.opinion ul.newArrival li a:hover {
text-decoration: none;
}

#main.opinion ul.newArrival .icon-cat {
padding: 2px 5px;
background: #22AD21;
margin-right: .5em;
font-size: 80%;
color: #fff;
}

#main.opinion ul.newArrival .title {
display: block;
font-weight: bold;
}

#main.opinion ul.newArrival .text {
text-align: right;
}
/* opi-box 全ページ共通
------------------------ */

#main .opi-list {
margin-bottom: 20px;
}

#main a.opi-box {
display: block;
padding: 10px 5px;
margin: 0 10px;
border-bottom: 1px dotted #9B0F81;
color: #333;
}

#main a.opi-box:hover {
background: #FEE2C7;
text-decoration: none;
}

#main .opi-box span {
display: block;
}

#main .opi-box .tn {
display: block;
float: left;
width: 15%;
}

#main .opi-box .tn img {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#main .opi-box .text-data {
float: right;
width: 83%;
}

#main .opi-box .authorName {
font-weight: bold;
}

#main .opi-box .department {
font-size: 80%;
}

@media print,
screen and (min-width: 736px) {

#main .opi-list {
margin-bottom: 20px;
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-flex-wrap: wrap;
/* Safari */
flex-wrap: wrap;
}

#main a.opi-box {
clear: both;
width: 309px;
}

#main .opi-box .tn {
width: 76px;
}

#main .opi-box .text-data {
width: 228px;
}
}

/* 記事
------------------------ */

#main.opinion .category {
font-size: 130%;
margin-bottom: 10px;
}
#main.opinion .title-area {
position: relative;
margin-bottom: 20px;
padding: 10px;
background: #F6D4EF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#main.opinion .title-area:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #F6D4EF;
width: 0;
height: 0;
}
#main.opinion .title-area .main-title {
font-size: 120%;
margin-bottom: 20px;
}

#main.opinion .title-area .authorName {
text-align: right;
}

#main.opinion .titleArea h1 {
margin: 40px 0 30px 0;
}

#main.opinion .titleArea .katagaki {
text-align: right;
}

#main.opinion .titleArea .authorName {
margin-bottom: 30px;
text-align: right;
font-size: 120%;
}

#main.opinion .button.toTobira {
margin-bottom: 20px;
}

/* 著者名・肩書
------------------------ */

#main.opinion .title-item {
margin-bottom: 20px;
border-bottom: 1px solid #9B0F81;
}

#main.opinion .title-item .mainTitle {
font-weight: bold;
}

#main.opinion .title-item .authorName {
text-align: right;
}

/* backnumber
------------------------ */
#main.opinion .backnumber {
margin-bottom: 20px;
}

#main.opinion .backnumber li a {
display: block;
border-bottom: 1px dotted #9B0F81;
padding: .2em;
}

/* profile
------------------------ */

#main.opinion .profile {
margin-bottom: 20px;
padding: .2em;
background: #F9EAF7;
}

#main.opinion .profile h3 {
border-bottom: 1px dotted #9B0F81;
font-weight: bold;
}
#main.opinion .profile .image {
text-align: center;
}
#main.opinion .profile .authorName {
font-weight: bold;
font-size: 120%;
}

#main.opinion .profile .katagaki {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #9B0F81;
}

@media print,
screen and (min-width: 736px) {
#main.opinion .profile ul.flex {
padding: 0 10px 10px;
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-flex-direction: row-reverse;
/* Safari */
flex-direction: row-reverse;
-webkit-justify-content: space-between;
/* Safari */
justify-content: space-between;
}

#main.opinion .profile .image {
margin-left: 10px;
}

#main.opinion .profile .image img {
max-width: 150px;
}

#main.opinion .profile .authorName {
font-weight: bold;
font-size: 110%;
}
}

/* ------------------------------------------------ */
/* 保健指導 関連情報のトビラ 共通
------------------------------------------------ */

#main.information.tobira .mainVisual {
margin-bottom: 20px;
}

#main.information.tobira .mainVisual .lead {
margin-bottom: 10px;
}

#main.information.tobira .mainVisual .image {
max-width: 320px;
margin: 0 auto;
}

@media only screen and (max-width: 736px) {
#main.information.tobira .mainVisual .image {
display: none;
}
}

#main.information.tobira .mainVisual .lead:first-letter {
font-size: 2.5em;
line-height: 1;
float: left;
margin: 0 .2em 0 0;
padding: .1em 0;
color: #a9a9a9;
}

#main.information.tobira h3 {
border-bottom: 1px solid #a9a9a9;
}
#main.information.tobira .news-list {
margin-bottom: 10px;
}

#main.information.tobira .tool .box {
padding: 10px;
border: 1px solid #a9a9a9;
}

#main.information.tobira .tool .button {
margin-bottom: 0;
}

#main.information.tobira .tool ul {
margin: 0;
padding: 0;
list-style: none;
}

#main.information.tobira .tool li {
padding: 0 10px;
border-bottom: 1px dotted #a9a9a9;
}

#main.information.tobira .tool li ul li {
border: none;
padding: 0;
margin-left: 2em;
list-style: disc;
}

#main.information.tobira .tool li:last-child {
border: none;
}

#main.information.tobira .tool li a:after {
font-family: FontAwesome;
content: "\f138";
padding-left: .5em;
color: #29AE32;
}

#main.information.tobira .tool li a:hover {
text-decoration: none;
}

@media print,
screen and (min-width: 736px) {



#main.information.tobira .mainVisual {
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-justify-content: space-between;
/* Safari */
justify-content: space-between;
-webkit-flex-direction: row-reverse;
/* Safari */
flex-direction: row-reverse;
-webkit-align-items: center;
/* Safari */
align-items: center;
}

#main.information.tobira .mainVisual .image {
width: 310px;
}

#main.information.tobira .mainVisual .lead {
width: 360px;
font-size: 110%;
line-height: 2;
}

#main.information.tobira .mainVisual .lead:first-letter {
font-size: 3.5em;
}
#main.information.tobira .tool ul {
margin: 0 1em;
padding: 0 1em;
list-style: none;
}

#main.information.tobira .tool li {
padding: 0 10px;
border-bottom: 1px dotted #a9a9a9;
}

#main.information.tobira .tool li ul li {
border: none;
padding: 0;
list-style: disc;
}
}

/* トビラ用-我が街の保健活動
------------------------ */

#main.information.tobira .wagamachi .img {
text-align: center;
margin-bottom: 1em;
}

@media print,
screen and (min-width: 736px) {
#main.information.tobira .wagamachi .img {
float: right;
margin: 0 0 1em 1em;
}
}
/* 関連疾患
------------------------------------------------ */

#main.information.tobira .tool .shikkan ul li:last-child {
border-bottom: 1px dotted #0060FC;
}

#main.information.tobira .tool .shikkan ul.last {
margin-right: 0;
margin-bottom: 1em;
}

#main.information.tobira .tool .shikkan .button {
margin-bottom: 20px;
}

@media print,
screen and (min-width: 736px) {
#main.information.tobira .tool .shikkan ul {
float: left;
padding: 0;
margin: 0 0 1em 0;
width: 31.42%;
margin-right: 2.87%;
}
}

/* ------------------------------------------------ */
/* 保健指導関連情報
------------------------------------------------ */

/* event-list
------------------------ */

#main.information.tobira .event-list .head {
font-weight: bold;
}

#main.information.tobira .event-list dd.head {
border-bottom: 2px solid #0060FC;
}
#main.information.tobira .event-list dl {
margin: 10px 0;
}

#main.information.tobira .event-list dl dt {
display: block;
}

#main.information.tobira .event-list dd {
border-bottom: 1px dotted #0060FC;
}
#main.information.tobira .event-list dd span:before {
content: "【";
margin-left: .3em;
}

#main.information.tobira .event-list dd span:after {
content: "】";
}
#main.information.tobira .event-list dd.last {
margin-bottom: 0;
}

#main.information.tobira .event-list dd a {
display: block;
padding: .2em;
}

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

#main.information.tobira .event-list dt:after {
content: "開催";
margin-left: 0.3em;
}
}

@media print,
screen and (min-width: 736px) {
#main.information.tobira .event-list dt {
display: block;
width: 140px;
padding: 0 0 0 .2em;
}

#main.information.tobira .event-list dd {
margin: -1.7em 0 .4em 0;
padding: 0 0 .4em 150px;
border-bottom: 1px dotted #0060FC;
}

#main.information.tobira .event-list dd a {
padding: 0;
}
}

/* 健診・検診
------------------------------------------------ */

#main.tobira .kenshinMap {
margin-bottom: 20px;
}

#main.tobira .kenshinMap .image {
width: 250px;
margin: 0 auto;
}

@media print,
screen and (min-width: 736px) {
#main.tobira .kenshinMap {
display: -webkit-flex;
/* Safari */
display: flex;
}

#main.tobira .kenshinMap .text {
margin-left: 20px;
}
}
/* ------------------------------------------------ */
/* 関連資料 reference
------------------------------------------------ */

#main.reference .honbun a:after {
font-family: FontAwesome;
content: "\f138";
padding-left: .2em;
color: #29AE32;
}
/* reference-list
------------------------ */

.reference-list dl {
margin: 10px 0;
}

.reference-list dt {
display: none;
}

.reference-list dd {
border-bottom: 1px dotted #FD8A18;
}

.reference-list dd.last {
margin-bottom: 0;
}

.reference-list dd a {
display: block;
padding: .2em;
}

@media print,
screen and (min-width: 736px) {
.reference-list dt {
display: block;
width: 140px;
padding: 0 0 0 .2em;
}

.reference-list dd {
margin: -1.7em 0 .4em 0;
padding: 0 0 .4em 150px;
border-bottom: 1px dotted #FD8A18;
}

.reference-list dd a {
padding: 0;
}
}

/* ------------------------------------------------ */
/* 保健指導・健康指導　教育用ツール
------------------------------------------------ */

#main.pamphlet .item-list {
margin-bottom: 20px;
}

#main.pamphlet .item-list li.item {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px dotted #f8871e;
}

#main.pamphlet .item-list li.item.space {
display: none;
}

#main.pamphlet .item-list li.item:last-child {
border: none;
margin-bottom: 0;
}
#main.pamphlet .item-list span {
display: block;
}

#main.pamphlet .item-list .format {
font-size: 80%;
padding: 0 5px;
}

#main.pamphlet .item-list .title {
font-weight: bold;
border-top: 1px solid #f8871e;
border-bottom: 1px solid #f8871e;
padding: 0 5px;
}

#main.pamphlet .item-list .source {
font-size: 80%;
padding: 0 5px;
margin-bottom: 10px;
}

#main.pamphlet .item-list .image {
float: left;
margin-right: 5px;
width: 98px;
border: 1px solid #a9a9a9;
}

#main.pamphlet .item-list .item ul {
font-size: 80%;
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-flex-wrap: wrap;
/* Safari */
flex-wrap: wrap;
}

#main.pamphlet .item-list .item ul li {
margin-right: 1em;
padding-left: 1.2em;
text-indent: -1.2em;
}

#main.pamphlet .item-list .item ul li:before {
font-family: FontAwesome;
content: "\f14a";
margin-right: .2em;
color: #29AE32;
}
#main.pamphlet .item-list .item .button {
font-size: 90%;
clear: both;
margin: 10px 0;
padding-top: 10px;
}

#main.pamphlet .item-list .item .button a {
display: block;
padding: 2px 0;
}

@media print,screen and (min-width: 736px) {

#main.pamphlet .item-list .wrap {
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-flex-wrap: wrap;
/* Safari */
flex-wrap: wrap;
-webkit-justify-content: space-between;
/* Safari */
justify-content: space-between;
}

#main.pamphlet .item-list li.item {
position: relative;
width: 210px;
padding: 0 5px 5px;
margin-bottom: 10px;
background: url() no-repeat 0 0 #eee;
padding-bottom: 44px;
border: none;
}

#main.pamphlet .item-list li.item.space {
display: block;
width: 220px;
padding: 0;
background: none;
margin-bottom: 0;
}

#main.pamphlet .item-list .title {
min-height: 3.4em;
}

#main.pamphlet .item-list .source {
min-height: 3.4em;
margin-bottom: 0;
}

#main.pamphlet .item-list .item ul {
width: 105px;
float: right;
line-height: 1.5;
}

#main.pamphlet .item-list .item .button {
position: absolute;
bottom: 10px;
left: 5px;
font-size: 90%;
margin: 0;
padding-top: 0;
}

#main.pamphlet .item-list .item .button a {
display: block;
width: 210px;
}
}


/* ------------20240911 リニューアル時追記------------ */

.pamphlet__pagebox .top__logoarea {
text-align: center;
}

.pamphlet__pagebox .hrg_pamphlet_ad {
text-align: center;
margin: 2em auto;
}

.pamphlet__pagebox .pamphlet_search {
max-width: 850px;
margin: 1em auto;
padding: 1em;
}

.pamphlet__pagebox .pamphlet_search .pamphlet_cat li {
padding: 5px 10px;
}

.pamphlet__pagebox .pamphlet_search .pamphlet_cat li a {
font-size: 100%;
}

.pamphlet__pagebox .pamphlet_search_title {
display: flex;
align-items: center;
color: #598BA2;
font-size: 110%;
font-weight: bold;
margin-bottom: 15px;
}

.pamphlet__pagebox .pamphlet_cat {
display: flex;
flex-wrap: wrap;
margin: 10px auto;
}
.pamphlet__pagebox .pamphlet_cat li {
padding: 2px 8px;
border-radius: 5px;
margin: 5px;
border: solid 1px #598BA2;
color: #598BA2;
background: #FFF;
}
.pamphlet__pagebox .pamphlet_cat li a {
color: #598BA2;
text-decoration: none;
font-size: 14px;
}

.pamphlet_date, .publisher {
background: #ebebeb;
padding: 5px;
font-size: 95%;
}

.pamphlet__pagebox .pamphlet__box {
max-width: 950px;
padding: 1em;
margin: auto;
}

.pamphlet__pagebox .pamphlet__box_cate {
border-bottom: double 5px #FFC778;
font-size: 130%;
font-weight: bold;
padding: 0 1em;
}

.pamphlet__pagebox .pamphlet_list {
display: flex;
border-bottom: solid #707070 1px;
padding: 3em 0;
max-width: 850px;
width: 100%;
margin: auto;
}
.pamphlet__pagebox .pamphlet_list .pamphlet_image {
flex: 0 0 150px;
margin: 0 1em;
}
.pamphlet__pagebox .pamphlet_list .pamphlet_content {
flex: 1 1 850px;
}
.pamphlet__pagebox .pamphlet_list .title {
font-size: 115%;
font-weight: bold;
margin-bottom: 15px;
}

.pamphlet__pagebox .pamphlet_list .detail_link:after {
font-family: FontAwesome;
content: "\f144";
color: #fff;
margin-left: 5px;
}

.pamphlet_pagenate ul {
margin: 2em auto;
}

.pamphlet_pagenate ul {
display: flex;
justify-content: center;
}

.pamphlet_pagenate ul li {
flex: 0 0 2.2em;
height: 2.2em;
margin: 0 0.5em;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #B3D6E6;
}

.pamphlet_pagenate ul li a {
color: #FFF;
flex: 0 0 2.2em;
text-align: center;
}

.pamphlet_pagenate ul li span {
color: #FFF;
}

.pamphlet_pagenate ul li:has(.current_page) {
background: #429EC9;
}

.pamphlet_pagenate ul li a:hover {
color: #FFF;
text-decoration: none;
}

.pamphlet_pagenate ul li:hover {
background: #429EC9;
}

.pamphlet__pagebox .top__logoarea {
text-align: center;
position: relative;
}

.pamphlet__pagebox .top__logoarea-img {
width: 100%;
height: 220px;
object-fit: cover;
}

.top__logoarea h1 {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%)translateY(-50%);
font-size: 25px;
font-weight: bold;
background: #fff;
padding: 0.5em 1.5em;
border-top: 7px solid #00AADD;
box-shadow: 2px 2px 4px gray;
}

.pamphlet__pagebox .pamphlet_cat li.pamphlet_paid {
background: #f59432;
border: #f59432;
}

.pamphlet__pagebox .pamphlet_cat li.pamphlet_free {
background: #00c6a8;
border: #00c6a8;
}

.pamphlet__pagebox .pamphlet_cat li.pamphlet_free a ,.pamphlet__pagebox .pamphlet_cat li.pamphlet_paid a {
color: #fff;
}

.pamphlet__pagebox .detail_link {
display: inline-block;
padding: 5px 2em;
margin: 1em 0;
color: #fff;
background: #00a5e5;
}

.pamphlet__pagebox .detail_link a {
color: #fff;
}

@media screen and (max-width: 736px) {
.pamphlet__pagebox .pamphlet_list {
display: block;
}
.pamphlet__pagebox .pamphlet_list .pamphlet_image {
text-align: center;
margin-bottom: 1em;
}
.pamphlet__pagebox .pamphlet_list .pamphlet_image img {
max-height: 250px;
}
.top__logoarea h1 {
font-size: 18px;
padding: 0.5em 1em;
}
.pamphlet_date, .publisher {
display: inline-block;
margin-bottom: 5px;
}
}

/* ------------------------------------------------ */
/* catalog
------------------------------------------------ */

#main .catalog-list {
margin-bottom: 20px;
}

#main .catalog-list li {
border-bottom: 1px dotted #FD8A18;
padding: 5px;
}

#main .catalog-list span {
display: block;
}

#main .catalog-list .title {
font-weight: bold;
font-size: 120%;
position: relative;
/*相対位置*/
padding-left: 1.7em;
/*アイコン分のスペース*/
}

#main .catalog-list .title:before {
font-family: FontAwesome;
/*忘れずに*/
content: "\f046";
/*アイコンのユニコード*/
position: absolute;
/*絶対位置*/
font-size: 1.5em;
/*サイズ*/
left: 0;
/*アイコンの位置*/
top: -0.2em;
/*アイコンの位置*/
color: #0060FC;
/*アイコン色*/
}

#main .catalog-list .supplier {
text-align: right;
}

#main .catalog-list .description {
margin-bottom: 10px;
}

@media print,
screen and (min-width: 736px) {
#main .catalog-list li {
padding: 5px 20px;
}
}

/* catalog-list book
------------------------------------------------ */

#main .catalog-list .box-wrap {
padding: 5px;
border-bottom: 1px dotted #FD8A18;
}

#main .catalog-list .box-wrap .box-left {
text-align: center;
}

@media print,
screen and (min-width: 736px) {
#main .catalog-list .box-wrap {
margin: 10px 0;
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-justify-content: space-between;
/* Safari */
justify-content: space-between;
padding: 5px;
}

#main .catalog-list .box-wrap .box-left {
width: 179px;
}

#main .catalog-list .box-wrap .box-left img {
max-width: 150px;
}

#main .catalog-list .box-wrap .box-right {
width: 480px;
}
}

/* ------------------------------------------------ */
/* 保健指導アトラス　共通
------------------------------------------------ */
@media screen and (max-width: 735px) {

#content-wrap.atlas-top h1,
#content-wrap.atlas-sub .cornerTitle {
border-top: 5px solid #009CE5;
border-bottom: 1px solid #009CE5;
position: relative;
font-weight: bold;
font-size: 120%;
padding: .2em 0 .2em 1.8em;
}

#content-wrap.atlas-top h1::before,
#content-wrap.atlas-top h1::after,
#content-wrap.atlas-sub .cornerTitle::before,
#content-wrap.atlas-sub .cornerTitle::after {
position: absolute;
content: '';
border-radius: 100%
}

#content-wrap.atlas-top h1::before,
#content-wrap.atlas-sub .cornerTitle:before {
top: .1em;
left: .1em;
z-index: 2;
width: 20px;
height: 20px;
background: rgba(0, 156, 229, 0.5);
}

#content-wrap.atlas-top h1::after,
#content-wrap.atlas-sub .cornerTitle::after {
top: .7em;
left: .7em;
width: 15px;
height: 15px;
background: #009CE5
}

#content-wrap.atlas-top h1 span,
#content-wrap.atlas-sub .cornerTitle span {
display: block;
font-size: 15px;
}
}

@media print,
screen and (min-width: 736px) {

#content-wrap.atlas-top .h1,
#content-wrap.atlas-sub .h1 {
position: relative;
margin-bottom: 10px;
}

#content-wrap.atlas-top .h1 .btn-use,
#content-wrap.atlas-sub .h1 .btn-use {
position: absolute;
top: 120px;
right: 20px;
}

#content-wrap.atlas-top .h1 .btn-contact,
#content-wrap.atlas-sub .h1 .btn-contact {
position: absolute;
top: 150px;
right: 20px;
}
}

/* ------------------------------------------------ */
/* 保健指導アトラス　トビラ用
------------------------------------------------ */
#content-wrap.atlas-top #main {
float: none;
width: 100%;
}

/* atlas-top スマホ
------------------------------------------------ */
@media screen and (max-width: 735px) {
#content-wrap.atlas-top h1 {
border-top: 5px solid #009CE5;
border-bottom: 1px solid #009CE5;
position: relative;
font-weight: bold;
font-size: 120%;
padding: .2em 0 .2em 1.8em;
}

#content-wrap.atlas-top h1::before,
#content-wrap.atlas-top h1::after {
position: absolute;
content: '';
border-radius: 100%
}

#content-wrap.atlas-top h1::before {
top: .1em;
left: .1em;
z-index: 2;
width: 20px;
height: 20px;
background: rgba(0, 156, 229, 0.5);
}

#content-wrap.atlas-top h1::after {
top: .7em;
left: .7em;
width: 15px;
height: 15px;
background: #009CE5
}

#content-wrap.atlas-top h1 span {
display: block;
font-size: 15px;
}

#content-wrap.atlas-top h2 {
padding: .5em 0.5em 0 .5em;
margin-bottom: 10px;
font-weight: bold;
font-size: 120%;
border-bottom: 2px solid #FD8A18;
}

#content-wrap.atlas-top h3 {
border-bottom: 1px dotted #FD8A18;
font-weight: bold;
}

#content-wrap.atlas-top h3:after {
font-family: FontAwesome;
content: "\f138";
float: right;
padding-right: .2em;
color: #29AE32;
}

#content-wrap.atlas-top .midashi_s a {
white-space: nowrap;
}

#content-wrap.atlas-top .midashi_s a:before {
font-family: FontAwesome;
content: "\f138";
padding-right: .2em;
color: #29AE32;
}
}

/* atlas-top PC
------------------------------------------------ */

@media print,
screen and (min-width: 736px) {


#content-wrap.atlas-top {
padding: 0 10px;
margin-bottom: 20px;
}

#content-wrap.atlas-top .horizontal {
margin-bottom: 5px;
}

#content-wrap.atlas-top .midashi_s {
font-size: 85%;
line-height: 1.3;
}

#content-wrap.atlas-top a.midashi_l {
padding: 0 0 5px 0;
}

/* ------------------------------------------------ */

#content-wrap.atlas-top .boxC a.midashi_l:hover {
background: #FE8B2D;
}

#content-wrap.atlas-top .boxC {
height: 392px;
margin-bottom: 5px;
background: url(/atlas/images/top_C.gif) no-repeat 0 0;
position: relative;
}

/* ------------------------------------------------ */

#content-wrap.atlas-top .boxC a.midashi_l:hover {
background: #FE8B2D;
}

#content-wrap.atlas-top .boxC {
height: 392px;
margin-bottom: 5px;
background: url(/atlas/images/top_C.gif) no-repeat 0 0;
position: relative;
}

#content-wrap.atlas-top .boxC .c1 {
position: absolute;
top: 5px;
left: 90px;
width: 531px;
height: 25px;
}

#content-wrap.atlas-top .boxC .c1 .wrap {
position: relative;
width: 600px;
}

#content-wrap.atlas-top .boxC .c1 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxC .c2 {
position: absolute;
top: 43px;
left: 161px;
width: 711px;
height: 25px;
}

#content-wrap.atlas-top .boxC .c2 .wrap {
position: relative;
width: 720px;
}

#content-wrap.atlas-top .boxC .c2 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxC .c3 {
position: absolute;
top: 81px;
right: 0;
width: 782px;
height: 25px;
}

#content-wrap.atlas-top .boxC .c3 .wrap {
position: relative;
width: 782px;
}

#content-wrap.atlas-top .boxC .c3 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxC .c4 {
position: absolute;
top: 120px;
right: 0;
width: 782px;
height: 26px;
}

#content-wrap.atlas-top .boxC .c4 .wrap {
position: relative;
width: 782px;
}

#content-wrap.atlas-top .boxC .c4 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxC .c5 {
position: absolute;
top: 158px;
right: 0;
width: 480px;
height: 26px;
}

#content-wrap.atlas-top .boxC .c5 .wrap {
position: relative;
width: 480px;
}

#content-wrap.atlas-top .boxC .c5 .midashi_s {
position: absolute;
top: 10px;
left: 156px;
}
#content-wrap.atlas-top .boxC .c6 {
position: absolute;
top: 202px;
right: 0;
width: 926px;
height: 26px;
}

#content-wrap.atlas-top .boxC .c6 .wrap {
position: relative;
width: 926px;
}

#content-wrap.atlas-top .boxC .c6 .midashi_s {
position: absolute;
top: 12px;
left: 100px;
}
#content-wrap.atlas-top .boxC .c7 {
position: absolute;
top: 240px;
right: 0;
width: 962px;
height: 27px;
}

#content-wrap.atlas-top .boxC .c7 .wrap {
position: relative;
width: 962px;
}

#content-wrap.atlas-top .boxC .c7 .midashi_s {
position: absolute;
top: 12px;
left: 100px;
}
#content-wrap.atlas-top .boxC .c8 {
position: absolute;
top: 279px;
right: 0;
width: 962px;
height: 25px;
}

#content-wrap.atlas-top .boxC .c8 .wrap {
position: relative;
width: 962px;
}

#content-wrap.atlas-top .boxC .c8 .midashi_s {
position: absolute;
top: 10px;
left: 54px;
}

#content-wrap.atlas-top .boxC .c9 {
position: absolute;
top: 317px;
right: 0;
width: 962px;
height: 26px;
}

#content-wrap.atlas-top .boxC .c9 .wrap {
position: relative;
width: 962px;
}

#content-wrap.atlas-top .boxC .c9 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxC .c10 {
position: absolute;
top: 355px;
right: 0;
width: 962px;
height: 25px;
}

#content-wrap.atlas-top .boxC .c10 .wrap {
position: relative;
width: 962px;
}

#content-wrap.atlas-top .boxC .c10 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

/* ------------------------------------------------ */

#content-wrap.atlas-top .boxD {
height: 511px;
margin-bottom: 5px;
background: url(/atlas/images/top_D.gif) no-repeat 0 0;
position: relative;
}

#content-wrap.atlas-top .boxD a.midashi_l:hover {
background: #00E598;
}

#content-wrap.atlas-top .boxD .d1 {
position: absolute;
top: 5px;
left: 88px;
width: 273px;
height: 26px;
}

#content-wrap.atlas-top .boxD .d1 .wrap {
position: relative;
width: 273px;
}

#content-wrap.atlas-top .boxD .d1 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d2 {
position: absolute;
top: 42px;
right: 0;
width: 962px;
height: 26px;
}

#content-wrap.atlas-top .boxD .d2 .wrap {
position: relative;
width: 962px;
}

#content-wrap.atlas-top .boxD .d2 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d3 {
position: absolute;
top: 76px;
right: 0;
width: 962px;
height: 26px;
}

#content-wrap.atlas-top .boxD .d3 .wrap {
position: relative;
width: 962px;
}

#content-wrap.atlas-top .boxD .d3 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d4 {
position: absolute;
top: 124px;
right: 0;
width: 481px;
height: 26px;
}

#content-wrap.atlas-top .boxD .d4 .wrap {
position: relative;
width: 481px;
}

#content-wrap.atlas-top .boxD .d4 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d5 {
position: absolute;
top: 170px;
right: 0;
width: 782px;
height: 26px;
}

#content-wrap.atlas-top .boxD .d5 .wrap {
position: relative;
width: 782px;
}

#content-wrap.atlas-top .boxD .d5 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d6 {
position: absolute;
top: 209px;
left: 230px;
width: 582px;
height: 26px;
}

#content-wrap.atlas-top .boxD .d6 .wrap {
position: relative;
width: 582px;
}

#content-wrap.atlas-top .boxD .d6 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d7 {
position: absolute;
top: 246px;
right: 0;
width: 179px;
height: 25px;
}

#content-wrap.atlas-top .boxD .d7 .wrap {
position: relative;
width: 179px;
}

#content-wrap.atlas-top .boxD .d7 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d8 {
position: absolute;
top: 283px;
left: 304px;
width: 568px;
height: 26px;
}

#content-wrap.atlas-top .boxD .d8 .wrap {
position: relative;
width: 568px;
}

#content-wrap.atlas-top .boxD .d8 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d9-1 {
position: absolute;
top: 322px;
left: 88px;
width: 217px;
height: 25px;
}

#content-wrap.atlas-top .boxD .d9-1 .wrap {
position: relative;
width: 217px;
}

#content-wrap.atlas-top .boxD .d9-1 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d9-2 {
position: absolute;
top: 322px;
left: 305px;
width: 567px;
height: 25px;
}

#content-wrap.atlas-top .boxD .d9-2 .wrap {
position: relative;
width: 567px;
}

#content-wrap.atlas-top .boxD .d9-2 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d10 {
position: absolute;
top: 358px;
left: 171px;
width: 567px;
height: 25px;
}

#content-wrap.atlas-top .boxD .d10 .wrap {
position: relative;
width: 567px;
}

#content-wrap.atlas-top .boxD .d10 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d11 {
position: absolute;
top: 395px;
right: 0;
width: 251px;
height: 27px;
}

#content-wrap.atlas-top .boxD .d11 .wrap {
position: relative;
width: 251px;
}

#content-wrap.atlas-top .boxD .d11 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d12 {
position: absolute;
top: 432px;
left: 280px;
width: 592px;
height: 27px;
}

#content-wrap.atlas-top .boxD .d12 .wrap {
position: relative;
width: 592px;
}

#content-wrap.atlas-top .boxD .d12 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d13-1 {
position: absolute;
top: 469px;
left: 88px;
width: 217px;
height: 26px;
}

#content-wrap.atlas-top .boxD .d13-1 .wrap {
position: relative;
width: 217px;
}

#content-wrap.atlas-top .boxD .d13-1 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxD .d13-2 {
position: absolute;
top: 469px;
left: 304px;
width: 568px;
height: 26px;
}

#content-wrap.atlas-top .boxD .d13-2 .wrap {
position: relative;
width: 568px;
}

#content-wrap.atlas-top .boxD .d13-2 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

/* ------------------------------------------------ */

#content-wrap.atlas-top .boxE a.midashi_l:hover {
background: #00D7E2;
}

#content-wrap.atlas-top .boxE {
position: relative;
height: 129px;
margin-bottom: 5px;
background: url(/atlas/images/top_E.gif) no-repeat 0 0;
}

#content-wrap.atlas-top .boxE .e1 {
position: absolute;
top: 4px;
right: 0px;
width: 722px;
height: 27px;
}

#content-wrap.atlas-top .boxE .e1 .wrap {
position: relative;
width: 722px;
}

#content-wrap.atlas-top .boxE .e1 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxE .e2 {
position: absolute;
top: 55px;
left: 89px;
width: 265px;
height: 27px;
}

#content-wrap.atlas-top .boxE .e2 .wrap {
position: relative;
width: 265px;
}

#content-wrap.atlas-top .boxE .e2 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxE .e3 {
position: absolute;
top: 55px;
right: 0px;
width: 697px;
height: 27px;
}

#content-wrap.atlas-top .boxE .e3 .wrap {
position: relative;
width: 697px;
}

#content-wrap.atlas-top .boxE .e3 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}

#content-wrap.atlas-top .boxE .e4 {
position: absolute;
top: 89px;
left: 89px;
width: 218px;
height: 27px;
}

#content-wrap.atlas-top .boxE .e4 .wrap {
position: relative;
width: 218px;
}

#content-wrap.atlas-top .boxE .e4 .midashi_s {
position: absolute;
top: 10px;
left: 70px;
}
}

/* ------------------------------------------------ */
/* /* 保健指導アトラス　下層ページ用
----------------------------------------------- */
#content-wrap.atlas-sub .main-wrap {
margin-bottom: 20px;
}

#content-wrap.atlas-sub #main .headline {
margin-bottom: 20px;
padding: 5px 10px;
background: linear-gradient(-45deg, rgba(0, 156, 229, .6), rgba(0, 47, 159, 1));
box-shadow: 0 2px 3px 0 #ddd;
-moz-box-shadow: 0 2px 3px 0 #ddd;
-webkit-box-shadow: 0 2px 3px 0 #ddd;
}

#content-wrap.atlas-sub #main .headline h1 {
font-size: 120%;
margin: 0;
}

#content-wrap.atlas-sub #main h2 {
margin-bottom: 10px;
padding: 5px 10px;
font-size: 120%;
background: #C4ECFF;
font-weight: bold;
border-bottom: none;
display: block;
}

#content-wrap.atlas-sub #main h2 span {
font-size: 80%;
text-align: left;
display: block;
font-weight: normal;
}

#content-wrap.atlas-sub #main .fukidashi {
margin-bottom: 30px;
padding: 10px;
position: relative;
background: #FFC4CC;
border: 0px solid #FFC4CC;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.fukidashi:after,
.fukidashi:before {
top: 100%;
left: 30%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

#content-wrap.atlas-sub #main .fukidashi:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #FFC4CC;
border-width: 20px;
margin-left: -20px;
}

#content-wrap.atlas-sub #main .fukidashi:before {
border-color: rgba(196, 236, 255, 0);
border-top-color: #FFC4CC;
border-width: 20px;
margin-left: -20px;
}

#content-wrap.atlas-sub #main .point {
margin-bottom: 20px;
padding-bottom: 6em;
background: url(/atlas/images/kame_1.png) no-repeat bottom center;
background-size: auto 6em;
}

#content-wrap.atlas-sub #main .point ul,
#content-wrap.atlas-sub #main .point ol {
margin: 0 0 0 20px;
}

@media screen and (max-width: 735px) {
#content-wrap.atlas-sub .sp-title {
margin-bottom: 0;
}
}

@media print,
screen and (min-width: 736px) {
#content-wrap.atlas-sub .main-wrap {
border: none;
padding: 0 20px 40px;
margin-bottom: 0;
}

#content-wrap.atlas-sub #main .headline {
padding: 20px 10px 100px 20px;
background: url(/atlas/images/hbg.png),
linear-gradient(-45deg, rgba(0, 156, 229, .6), rgba(0, 47, 159, 1));
background-repeat: no-repeat;
background-position: 0 100%;
font-size: 140%;
}

#content-wrap.atlas-sub #main h2 {
min-height: 70px;
margin-bottom: 10px;
padding: 20px 0 10px 74px;
font-size: 150%;
background: url(/atlas/images/kame_3.png) no-repeat 5px 5px #C4ECFF;
font-weight: bold;
border-bottom: none;
display: flex;
flex-direction: column;
align-items: start;
}

#content-wrap.atlas-sub #main h2 span {
font-size: 16px;
bottom: 10px;
right: 20px;
display: block;
}

#content-wrap.atlas-sub #main .fukidashi {
margin-bottom: 30px;
padding: 20px;
position: relative;
background: #FFC4CC;
border: 0px solid #FFC4CC;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}

.fukidashi:after,
.fukidashi:before {
top: 100%;
left: 70%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

#content-wrap.atlas-sub #main .fukidashi:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #FFC4CC;
border-width: 20px;
margin-left: -20px;
}

#content-wrap.atlas-sub #main .fukidashi:before {
border-color: rgba(196, 236, 255, 0);
border-top-color: #FFC4CC;
border-width: 20px;
margin-left: -20px;
}

#content-wrap.atlas-sub #main .point {
margin-bottom: 20px;
padding-bottom: 118px;
background: url(/atlas/images/kame_1.png) no-repeat bottom right;
}

#content-wrap.atlas-sub #main .point ul,
#content-wrap.atlas-sub #main .point ol {
margin: 0 0 0 20px;
}

#content-wrap.atlas-sub #main .point .wrapff {
padding-left: 85px;
min-height: 105px;
background: url(/atlas/images/icon-point2.png) no-repeat 0 20px;
}
}

#content-wrap.atlas-sub #main h3 {
font-size: 100%;
font-weight: normal;
color: #333;
margin: 0;
}

#content-wrap.atlas-sub #main h3 {
border-bottom: 2px solid #002F9F;
margin-bottom: 20px;
padding-left: 10px;
font-size: 130%;
font-weight: bold;
}

#content-wrap.atlas-sub #main h4 {
margin-bottom: 0px;
font-size: 120%;
font-weight: bold;
}

#content-wrap.atlas-sub #main h5 {
margin-bottom: 20px;
font-size: 110%;
font-weight: bold;
}



#content-wrap.atlas-sub #main p {
margin: 0 0 20px 0;
}

#content-wrap.atlas-sub #main ul,
#content-wrap.atlas-sub #main ol {
margin: 0 20px 20px 20px;
}

#content-wrap.atlas-sub #main ul li {
list-style: disc;
}

#content-wrap.atlas-sub #main ol li {
list-style: decimal;
}

#content-wrap.atlas-sub #main h1 {
font-size: 200%;
color: #fff;
}

#content-wrap.atlas-sub #main .btn-source a {
display: block;
padding: 5px;
background: #5A76B8;
color: #fff;
text-align: right;
line-height: 1;
}

#content-wrap.atlas-sub #main .btn-source a:hover {
background: #FF463F;
text-decoration: none;
}

#content-wrap.atlas-sub #main .box {
margin-bottom: 20px;
border: 1px solid #C4ECFF;
padding: 20px;
box-shadow: 0 2px 3px 0 #ddd;
-moz-box-shadow: 0 2px 3px 0 #ddd;
-webkit-box-shadow: 0 2px 3px 0 #ddd;
}


/* side
------------------------ */

#content-wrap.atlas-sub #side #side-atlas {
padding: 10px;
margin-bottom: 10px;
border: 1px solid #C4ECFF;
box-shadow: 0 2px 3px 0 #ddd;
-moz-box-shadow: 0 2px 3px 0 #ddd;
-webkit-box-shadow: 0 2px 3px 0 #ddd;
}
#content-wrap.atlas-sub #side #side-atlas ul li {
list-style: none;
border-bottom: 1px dotted #002F9F;
}

#content-wrap.atlas-sub #side #side-atlas ul li:last-child {
border: none;
margin: 0;
}

#content-wrap.atlas-sub #side #side-atlas ul li a {
display: block;
padding: 2px 5px;
}

#content-wrap.atlas-sub #side #side-atlas ul li a:after {
font-family: FontAwesome;
content: "\f138";
float: right;
padding-right: .2em;
color: #29AE32;
}

#content-wrap.atlas-sub #side #side-atlas ul li a:hover {
background: #FF463F;
color: #fff;
text-decoration: none;
}

#content-wrap.atlas-sub #side #side-atlas .menu {
padding: 10px;
background: #C4ECFF;
color: #333;
font-size: 110%;
font-weight: bold;
}

#content-wrap.atlas-sub #side #side-atlas .menu.cat001 {
background: #F8CDB9;
}

#content-wrap.atlas-sub #side #side-atlas .menu.cat002 {
background: #C5DBB4;
}

#content-wrap.atlas-sub #side #side-atlas .menu.cat003 {
background: #BEDDEB;
}
#content-wrap.atlas-sub #side #side-atlas p {
margin: 0;
}

/* ------------------------------------------------ */
/* 健診リスト
------------------------------------------------ */

/* 地図など
------------------------------------------------ */

.kenshin-list .prefectures-list h3 {
margin-top: 10px;
font-weight: bold;
}

.kenshin-list .prefectures-list .announce {
margin-bottom: 10px;
padding: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #E60012;
text-align: center;
}

.kenshin-list .prefectures-list li {
margin: .2em 0;
padding: .2em;
border-bottom: 1px dotted #A83A00;
}
.kenshin-list .prefectures-list a {
display: block;
padding-left: .5em;
}

.kenshin-list .prefectures-list a:before {
font-family: FontAwesome;
content: "\f15c";
padding-right: .5em;
color: #0060FC;
}

.kenshin-list .prefectures-list a:after {
font-family: FontAwesome;
content: "\f138";
float: right;
padding-right: .5em;
color: #29AE32;
}

@media print,
screen and (min-width: 736px) {
.kenshin-list .map-area {
position: relative;
width: 594px;
margin: 0 auto 20px;
}

.kenshin-list .map-area .announce {
padding: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: absolute;
top: 20px;
left: 0;
background: #E60012;
color: #fff;
text-align: center;
}
}

/* layout
------------------------------------------------ */

#content-wrap.kenshin-list #main {
width: 100%;
float: none;
}

#content-wrap.kenshin-list #main .title-item {
border-bottom: 1px solid #0060FC;
}

#content-wrap.kenshin-list #main .title-item .mainTitle {
font-weight: bold;
}

#content-wrap.kenshin-list .news-item {
margin-bottom: 20px;
}

@media print,
screen and (min-width: 736px) {
#content-wrap.kenshin-list #main .main-wrap {
padding: 30px 0 0 0;
border-left: none;
}

#content-wrap.kenshin-list #main .title-item {
margin: 0 65px;
}

#content-wrap.kenshin-list h1 {
padding: 0 65px;
}

#content-wrap.kenshin-list .entryBody h1 .pageNum {
right: 65px;
}
}

/* 表組み
------------------------------------------------ */

@media screen and (max-width: 735px) {
.table-scroll {
overflow-x: scroll;
}
}

#content-wrap.kenshin-list #main table.kenshin-list-table {
width: 1030px;
border-collapse: collapse;
table-layout: fixed;
font-size: 100%;
border-top: 3px solid #a9a9a9;
}

#content-wrap.kenshin-list #main .kenshin-list-table .border-thick {
border-bottom: 3px solid #a9a9a9;
}

#content-wrap.kenshin-list #main .kenshin-list-table th,
#content-wrap.kenshin-list #main .kenshin-list-table td {
border: 1px solid #a9a9a9;
padding: 5px;
}
#content-wrap.kenshin-list #main .kenshin-list-table th {
text-align: center;
font-weight: bold;
background: #C3DDEE;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col1 {
width: 270px;
border-bottom: 3px solid #a9a9a9;
}

#content-wrap.kenshin-list #main .kenshin-list-table td.col1 {
vertical-align: top;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col1 span {
display: block;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col2 {
width: 40px;
text-align: center;
}

#content-wrap.kenshin-list #main .kenshin-list-table th.col2 {
vertical-align: top;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col2 .fa {
font-size: 170%;
color: #0060FC;
}
#content-wrap.kenshin-list #main .kenshin-list-table th.bg {
background: #F4C7CB;
}

#content-wrap.kenshin-list #main .kenshin-list-table th.bg2 {
background: #DEEDC3;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col3 {
vertical-align: top;
border-bottom: 3px solid #a9a9a9;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col4 {
vertical-align: top;
border-bottom: 3px solid #a9a9a9;
}

#content-wrap.kenshin-list #main .kenshin-list-table .name {
padding: .5em 0;
font-weight: bold;
border-bottom: 1px dotted #a9a9a9;
font-size: 110%;
}

#content-wrap.kenshin-list #main .kenshin-list-table .address {
padding-left: 1.7em;
padding-bottom: .2em;
text-indent: -1.7em;
border-bottom: 1px dotted #a9a9a9;
}

#content-wrap.kenshin-list #main .kenshin-list-table .mail {
display: block;
border-top: 1px dotted #a9a9a9;
}

#content-wrap.kenshin-list #main .kenshin-list-table .address:before {
font-family: FontAwesome;
content: "\f015";
padding-right: .2em;
font-size: 140%;
color: #E8868F;
}

#content-wrap.kenshin-list #main .kenshin-list-table .tel:before {
font-family: FontAwesome;
content: "\f095";
padding-right: .2em;
font-size: 140%;
color: #E8868F;
}

#content-wrap.kenshin-list #main .kenshin-list-table .mail:before {
font-family: FontAwesome;
content: "\f0e0";
padding-right: .2em;
font-size: 140%;
color: #E8868F;
}

/* ------------------------------------------------ */
/* 講演会・セミナー
------------------------------------------------ */

/* event-list
------------------------ */
#main.event.tobira .event-list {
margin: 20px 0;
}

#main.event.tobira .event-list .head {
font-weight: bold;
}

#main.event.tobira .event-list dd.head {
border-bottom: 2px solid #EA64B9;
}
#main.event.tobira .event-list dl {
margin: 10px 0;
}

#main.event.tobira .event-list dd {
border-bottom: 1px dotted #EA64B9;
}
#main.event.tobira .event-list dd span:before {
content: "【";
margin-left: .3em;
}

#main.event.tobira .event-list dd span:after {
content: "】";
}

#main.event.tobira .event-list dd span.event_endflg:before {
content: none;
}

#main.event.tobira .event-list dd span.event_endflg:after {
content: none;
}

#main.event.tobira .event-list dd span.event_endflg {
background: #ff0000;
color: #fff;
border-radius: 5px;
padding: 0.1em 0.7em;
}

#main.event.tobira .event-list dd.last {
margin-bottom: 0;
}

#main.event.tobira .event-list dd a {
display: block;
padding: .2em;
}

@media screen and (max-width: 735px) {
#main.event.tobira .event-list {
border-top: 2px solid #EA64B9;
}

#main.event.tobira .event-list dt:after {
content: "開催";
margin-left: 0.3em;
}
}

@media print,
screen and (min-width: 736px) {
#main.event.tobira .event-list dt {
display: block;
width: 140px;
padding: .4em 0 0 .2em;
}

#main.event.tobira .event-list dd {
margin: -2.1em 0 0 0;
padding: .4em 0 .4em 150px;
border-bottom: 1px dotted #EA64B9;
}

#main.event.tobira .event-list dd a {
padding: 0;
}
}

/* 20190621イベントCSS追加---------------------- */
#main.event .waku {
text-align: center;
margin: .5em;
font-size: 80%;
border: 2px #e0e0e0 solid;
border-radius: 10px;
margin: 10px 20px;
padding: 10px
}

#main.event .waku img {
max-width: 100%;
height: auto;
}

#main.event .entryBody .info2 {
background-color: #cccccc;
margin-top: 12px;
margin-bottom: 6px;
margin-left: 0px;
padding: 4px;
padding-top: 6px;
line-height: 100%;
}

#main.event .entryBody .mainVisual {
margin-bottom: 20px;
}

#main.event .entryBody .mainVisual .lead {
margin-bottom: 10px;
}

#main.event .entryBody .mainVisual .image {
max-width: 100%;
margin: 0 auto;
}
@media print,
screen and (min-width: 736px) {
#main.event .entryBody .mainVisual {
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-justify-content: space-between;
/* Safari */
justify-content: space-between;
-webkit-flex-direction: row-reverse;
/* Safari */
flex-direction: row-reverse;
-webkit-align-items: center;
/* Safari */
align-items: center;
}

#main.event .entryBody .mainVisual .image {
width: 310px;
}

#main.event .entryBody .mainVisual .lead {
width: 360px;
font-size: 110%;
line-height: 2;
}
}

.img .event_thumb.pick {
cursor: pointer;
float: left;
width: 64px;
height: 24px;
margin-right: 5px;
overflow: hidden;
background: url("/event/img/Pick-Up!.png") center center / cover no-repeat rgb(255, 255, 255);
}

.img .event_thumb.select {
cursor: pointer;
float: left;
width: 64px;
height: 24px;
margin-right: 5px;
overflow: hidden;
background: url("/event/img/Select_r.png") center center / cover no-repeat rgb(255, 255, 255);
}

/* 20200611イベントリストをFlexBoxに---------------------- */
.event_list_flex {
display: flex;
margin: 0.4em 0;
padding: 0.4em 0;
border-bottom: 1px dotted #EA64B9;
}

@media print,
screen and (max-width: 736px) {
.event_list_flex {
display: block;
}
}

.eventlist_date {
flex: 0 0 140px;
}

.eventlist_title {
flex: 1 1 auto;
}
/* ------------------------------------------------ */
/* プレゼント
------------------------------------------------ */

#main.present .prize_img {
text-align: center;
}

#main.present .prize_img img {
max-height: 400px;
max-width: 80%;
}

#main.present .prize_info {
border: 3px dotted #2AAA3B;
padding: .5em;
margin-bottom: 1em;
}

#main.present .entryBody h2 {
border-color: #2AAA3B;
}

#main.present .entryBody h3 {
padding: .2em .5em;
margin-bottom: .5em;
font-weight: bold;
border-bottom: 1px dotted #2AAA3B;
}

#main.present .entryBody ul {
margin: 0 1em 1em;
padding: 0 1em 0 2em;
list-style: disc;
}

@media print,
screen and (min-width: 736px) {

#main.present h1 {
font-size: 100%;
padding-left: 2.7em;
text-indent: -2.7em;
}

#main.present h1:before {
font-family: FontAwesome;
content: "\f06b";
padding-right: .1em;
color: red;
font-size: 200%;
line-height: 1.2;
}

#main.present h1 span {
font-size: 160%;
font-weight: bold;
}

#main.present .prize_info {
margin: 0 1em 1em;
}

#main.present .prize_img {
text-align: center;
}

#main.present .prize_img img {
max-height: 400px;
max-width: 70%;
}
}

/* プレゼント応募フォーム
------------------------ */

#form #main.present h1 {
border-bottom: 1px solid #2AAA3B;
margin-bottom: 20px;
}

@media print,
screen and (min-width: 736px) {

#form #header {
margin-bottom: 20px;
}

#form #container {
width: 800px;
}
}

/* ------------------------------------------------ */
/* アンケート
------------------------------------------------ */
/* 記事ページタイトル
------------------------ */

#main.enq .title-item {
margin-bottom: 20px;
border-bottom: 1px solid #9B0F81;
}

#main.enq .title-item .mainTitle {
font-weight: bold;
}

/* ------------------------ */

#main.enq .comment {
margin-bottom: 20px;
}

#main.enq .comment dt {
padding: 5px;
}

#main.enq .comment dt:before {
font-family: FontAwesome;
content: "\f14a";
padding-right: .5em;
color: #29AE32;
font-size: 130%;
}

#main.enq .comment dd {
padding: 5px;
text-align: right;
border-bottom: 1px dotted #a9a9a9;
}

#main.enq .bg {
background: #FEE2C7;
padding: .5em;
margin: 0 2em 1em;
}

#main.enq h3 {
padding: .2em .5em;
margin-bottom: .5em;
font-weight: bold;
border-bottom: 1px dotted #FD8A18;
}

#main.enq .button.margin {
margin-top: 20px;
}

/* ------------------------------------------------ */
/* 求人
------------------------------------------------ */

#main.goodjob.tobira .mainVisual {
margin-bottom: 20px;
}

#main.goodjob.tobira .mainVisual .lead {
margin-bottom: 10px;
}

#main.goodjob.tobira .mainVisual .image {
max-width: 320px;
margin: 0 auto;
}

#main.goodjob.tobira .mainVisual .lead:first-letter {
font-size: 2.5em;
line-height: 1;
float: left;
margin: 0 .2em 0 0;
padding: .1em 0;
color: #a9a9a9;
}

@media print,
screen and (min-width: 736px) {



#main.goodjob.tobira .mainVisual {
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-justify-content: space-between;
/* Safari */
justify-content: space-between;
-webkit-flex-direction: row-reverse;
/* Safari */
flex-direction: row-reverse;
-webkit-align-items: center;
/* Safari */
align-items: center;
}

#main.goodjob.tobira .mainVisual .image {
width: 310px;
}

#main.goodjob.tobira .mainVisual .lead {
width: 360px;
font-size: 110%;
line-height: 2;
}

#main.goodjob.tobira .mainVisual .lead:first-letter {
font-size: 3.5em;
}
}
/* トビラ　list-table
------------------------------------------------ */

#main.goodjob .list-table {
width: 100%;
margin: 0 0 20px 0;
}

#main.goodjob .list-table h2 {
margin: 0 4px;
padding: 10px 20px;
color: #fff;
font-weight: bold;
border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
border: none;
}

#main.goodjob h3 {
padding: .2em .5em;
margin-bottom: .5em;
font-weight: bold;
border-bottom: 1px dotted #003399;
}

#main.goodjob .list-table table {
width: 100%;
border: 2px solid #fff;
border-collapse: separate;
text-align: center;
}

#main.goodjob .list-table table .col1 {
width: 200px;
}

#main.goodjob .list-table table .col2 {
width: 306px;
}

#main.goodjob .list-table table .col3 {
width: 250px;
}

#main.goodjob .list-table table th,
#main.goodjob .list-table table td {
border: 2px solid #fff;
padding: 5px;
}
#main.goodjob .list-table table th {
font-weight: bold;
}

#main.goodjob .list-table table td {
background: #f3f3f3;
}

#main.goodjob .list-table table td.license {
font-weight: bold;
}

/* h2の色
------------------------------------------------ */
#main.goodjob #map-01.list-table h2 {
background: #3958D3;
background: #5A86E0;
}

#main.goodjob #map-02.list-table h2 {
background: #39B4D3;
background: #52B4CE;
}

#main.goodjob #map-03.list-table h2 {
background: #39D376;
background: #ACBC4B;
}

#main.goodjob #map-04.list-table h2 {
background: #76D339;
background: #DDB300;
}

#main.goodjob #map-05.list-table h2 {
background: #D3D339;
background: #EF8800;
}

#main.goodjob #map-06.list-table h2 {
background: #D37639;
background: #ED5F77;
}

#main.goodjob #map-07.list-table h2 {
background: #D33958;
background: #C6964F;
}

#main.goodjob #map-08.list-table h2 {
background: #D339D3;
background: #C252CE;
}
/* thの色
------------------------------------------------ */
#main.goodjob #map-01 th {
background: #A4AED6;
}

#main.goodjob #map-02 th {
background: #A4CCD6;
}

#main.goodjob #map-03 th {
background: #A4D6B8;
}

#main.goodjob #map-04 th {
background: #B8D6A4;
}

#main.goodjob #map-05 th {
background: #D6D6A4;
}

#main.goodjob #map-06 th {
background: #D6B8A4;
}

#main.goodjob #map-07 th {
background: #D6A4AE;
}

#main.goodjob #map-08 th {
background: #D6A4D6;
}
/* ------------------------------------------------ */

@media screen and (max-width: 735px) {
#main.goodjob .list-table h2 {
margin: 0 0 10px 0;
}

#main.goodjob .list-table {
display: block;
}

#main.goodjob .list-table thead {
display: none;
}

#main.goodjob .list-table tbody {
display: block;
text-align: left;
}

#main.goodjob .list-table tbody tr {
display: block;
}

#main.goodjob .list-table tbody th,
#main.goodjob .list-table tbody td {
display: block;
border: none;
padding: 5px 10px 10px 10px;
}

#main.goodjob .list-table tbody td p {
margin-bottom: 0;
}

#main.goodjob .list-table tbody td:nth-of-type(1):before {
content: "募集職種：";
font-weight: bold;
}

#main.goodjob .list-table tbody td:nth-of-type(2):before {
content: "企業名・団体名：";
font-weight: bold;
}

#main.goodjob .list-table tbody td:nth-of-type(3) {
border-bottom: 10px solid #fff;
}
}

/* 募集ページ
------------------------ */

#main.goodjob .title-area {
padding-bottom: 40px;
}

#main.goodjob .title-area h1 {
margin-bottom: 10px;
}

#main.goodjob .title-area .job-type {
border-top: 1px dotted #003399;
margin-top: 10px;
padding-top: 10px;
}

#main.goodjob .title-area .job-type span {
color: #FF0000
}

@media print,
screen and (min-width: 736px) {

#main.goodjob .image {
width: 679px;
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-justify-content: space-around;
/* Safari */
justify-content: space-around;
-webkit-align-items: center;
/* Safari */
align-items: center;
}

#main.goodjob .image img {
display: block;
max-width: 320px;
}
}

/* 募集要項
------------------------ */
#main.goodjob .bosyu {
font-size: 14px;
margin-bottom: 20px;
}

#main.goodjob .bosyu dt {
background: #B2CBFF;
font-weight: bold;
padding: 5px;
}

#main.goodjob .bosyu dd {
padding: 5px;
}

@media print,
screen and (min-width: 736px) {
#main.goodjob .bosyu {
width: 679px;
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-flex-wrap: wrap;
/* Safari */
flex-wrap: wrap;
}

#main.goodjob .bosyu dt {
width: 180px;
border-right: 4px solid #fff;
border-bottom: 4px solid #fff;
}
#main.goodjob .bosyu dd {
width: 475px;
padding: 5px;
background: #F3F3F3;
border-bottom: 4px solid #fff;
}
}

/* ------------------------------------------------ */
/* 業界キーパーソンインタビュー
------------------------------------------------ */

#main.interview.tobira h1 {
margin: 0 0 20px 0;
}

#main.interview.tobira .lead .image-main {
margin: 0 0 10px 0;
text-align: center;
}

#main.interview.tobira .box {
background: #D4EDF1;
padding: 10px;
}

#main.interview.tobira .box .clearfix {
margin-top: 10px;
}

#main.interview.tobira .box span {
display: block;
}

#main.interview.tobira .box .mainTitle {
font-weight: bold;
}

#main.interview.tobira .box .subTitle {
font-size: 120%;
font-weight: bold;
border-bottom: 1px dotted #FD8A18;
}

#main.interview.tobira .box .presenter {
text-align: right;
}

#main.interview.tobira .box .image {
text-align: center;
}

#main.interview .title-item {
margin-bottom: 20px;
border-bottom: 1px solid #FD8A18;
}

#main.interview .title-item .mainTitle {
font-weight: bold;
}

#main.interview .title-item .authorName {
text-align: right;
}

@media print,
screen and (min-width: 736px) {
#main.interview.tobira .lead .image-main {
float: right;
margin: 0 0 10px 10px;
text-align: center;
}

#main.interview.tobira .box .image {
float: right;
}
}

/* ------------------------------------------------ */
/* 運営サポーター
------------------------------------------------ */
/* layout
------------------------------------------------ */

#content-wrap.supporters #main {
width: 100%;
float: none;
}

#content-wrap.supporters #main .title-item {
border-bottom: 1px solid #0060FC;
}

#content-wrap.supporters #main .title-item .mainTitle {
font-weight: bold;
}
#content-wrap.supporters #main h1 {
margin: 0;
}
#content-wrap.supporters .news-item {
margin-bottom: 20px;
}

@media print,
screen and (min-width: 736px) {
#content-wrap.supporters #main .main-wrap {
padding: 10px 0 0 0;
border-left: none;
}

#content-wrap.supporters #main .title-item {
margin: 0 65px;
}
}

/* ------------------------ */

#content-wrap.supporters .lead {
margin-bottom: 20px;
}

@media print,
screen and (min-width: 736px) {
#content-wrap.supporters .lead {
margin: 0 50px 20px 50px;
}
}

#content-wrap.supporters h2 {
margin: 0 4px;
padding: 10px 20px;
font-size: 130%;
color: #fff;
font-weight: bold;
border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
border: none;
}
/* h2の色
------------------------------------------------ */
#content-wrap.supporters #map-01 h2 {
background: #3958D3;
background: #5A86E0;
}

#content-wrap.supporters #map-02 h2 {
background: #39B4D3;
background: #52B4CE;
}

#content-wrap.supporters #map-03 h2 {
background: #39D376;
background: #ACBC4B;
}

#content-wrap.supporters #map-04 h2 {
background: #76D339;
background: #DDB300;
}

#content-wrap.supporters #map-05 h2 {
background: #D3D339;
background: #EF8800;
}

#content-wrap.supporters #map-06 h2 {
background: #D37639;
background: #ED5F77;
}

#content-wrap.supporters #map-07 h2 {
background: #D33958;
background: #C6964F;
}

#content-wrap.supporters #map-08 h2 {
background: #D339D3;
background: #C252CE;
}

/* thの色
------------------------------------------------ */
#content-wrap.supporters #map-01 th {
background: #A4AED6;
}

#content-wrap.supporters #map-02 th {
background: #A4CCD6;
}

#content-wrap.supporters #map-03 th {
background: #A4D6B8;
}

#content-wrap.supporters #map-04 th {
background: #B8D6A4;
}

#content-wrap.supporters #map-05 th {
background: #D6D6A4;
}

#content-wrap.supporters #map-06 th {
background: #D6B8A4;
}

#content-wrap.supporters #map-07 th {
background: #D6A4AE;
}

#content-wrap.supporters #map-08 th {
background: #D6A4D6;
}



/* thの色
------------------------------------------------ */
#content-wrap.supporters-entry #map-01 th {
background: #A4AED6;
}

#content-wrap.supporters-entry #map-02 th {
background: #A4CCD6;
}

#content-wrap.supporters-entry #map-03 th {
background: #A4D6B8;
}

#content-wrap.supporters-entry #map-04 th {
background: #B8D6A4;
}

#content-wrap.supporters-entry #map-05 th {
background: #D6D6A4;
}

#content-wrap.supporters-entry #map-06 th {
background: #D6B8A4;
}

#content-wrap.supporters-entry #map-07 th {
background: #D6A4AE;
}

#content-wrap.supporters-entry #map-08 th {
background: #D6A4D6;
}



/* #content-wrap.supporters list-table
------------------------------------------------ */

#content-wrap.supporters .list-table {
width: 1030px;
margin: 0 0 20px 0;
font-size: 90%;
}

#content-wrap.supporters .list-table table {
width: 100%;
border: 2px solid #fff;
border-collapse: separate;
}

#content-wrap.supporters .list-table table .col1 {
width: 90px;
}

#content-wrap.supporters .list-table table .col2 {
width: 90px;
}

#content-wrap.supporters .list-table table .col3 {
width: 423px;
}

#content-wrap.supporters .list-table table .col4 {
width: 423px;
}

#content-wrap.supporters .list-table table th,
#content-wrap.supporters .list-table table td {
border: 2px solid #fff;
padding: 3px 5px;
}

#content-wrap.supporters .list-table table th {
font-weight: bold;
text-align: center;
}

#content-wrap.supporters .list-table table td {
background: #f3f3f3;
}

#content-wrap.supporters .list-table table td span.license {
font-size: 110%;
white-space: nowrap;
font-weight: bold;
}

#content-wrap.supporters .list-table table td.seminar-title,
#content-wrap.supporters .list-table table td.note {
text-align: left;
}

#content-wrap.supporters .list-table table td.seminar-title a {
display: block;
text-decoration: none;
}

#content-wrap.supporters .list-table table td.seminar-title a:after {}

#content-wrap.supporters .list-table table td.seminar-title a .button {
font-size: 80%;
background: url() no-repeat 0 0 #e82727;
margin-left: 0.5em;
padding: 0 5px;
color: #fff;
white-space: nowrap;
}

/* ------------------------------------------------ */
/* 我が街の保健活動
------------------------------------------------ */

#main.town.tobira .box .corporate {
position: relative;
padding: 1em 0.6em;
background: #FDDAC4;
margin-bottom: 15px;
font-size: 140%;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#main.town.tobira .box .corporate:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #FDDAC4;
width: 0;
height: 0;
}

#main.town.tobira .box .clearfix {
padding: 20px;
background: #FFF3E5;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}

#main.town .image {
text-align: center;
}

@media print,
screen and (min-width: 736px) {
#main.town .image {
float: right;
margin: 0 0 10px 10px;
}
}

/* ------------------------------------------------
メールマガジン登録フォーム
------------------------------------------------ */

#main.about #mailMagazine {
margin-bottom: 20px;
}

#main.about #mailMagazine .must {
display: block;
background-color: #C00;
border: solid 2px #C00;
padding: 0px 2px;
font-size: 12px;
color: #FFF;
float: left;
margin: 0px 5px;
border-radius: 4px;
background-size: 100% 100%;
font-weight: normal;
}

#main.about #mailMagazine dl {
border-top: dotted 1px #003399;
font-size: 14px;
margin-bottom: 20px;
}

#main.about #mailMagazine dl.bottom {
border: none;
margin-bottom: 10px;
}

#main.about #mailMagazine dl dt {
padding: 20px 10px 5px 10px;
font-weight: bold;
}

#main.about #mailMagazine dl dd {
border-bottom: dotted 1px #003399;
padding: 5px 10px 20px 10px;
}

#main.about #mailMagazine dl dd ul,
#main.about #mailMagazine dl dd ol {
margin: 0px;
padding: 0px;
}

#main.about #mailMagazine dl dd ul li,
#main.about #mailMagazine dl dd ol li {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
margin-right: 1em;
}

#main.about #mailMagazine .buttons input.btn {
display: inline-block;
padding: 10px;
margin: 0 20px;
color: #fff;
border: none;
cursor: pointer;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-webkit-appearance: button;
font-size: 100%;
background: #29AE32;
}

#main.about #mailMagazine .buttons input.btn:hover {
background: #35E041;
color: #fff;
}

/* ------------------------------------------------ */
/* メールマガジン　サイドメニュー用
------------------------------------------------ */

#side .mail-banner {
border: 2px solid #FD8A18;
position: relative;
line-height: 1.5;
padding: 5px 5px 10px;
background: #FEE2C7;
}

#side .mail-banner span {
display: block;
}

#side .mail-banner .muryo {
position: absolute;
top: -10px;
left: 0px;
font-size: 130%;
background: #FC1933;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
}

#side .mail-banner .title {
font-size: 150%;
padding: 0;
margin: 0;
line-height: 1.2;
text-align: center;
font-weight: bold;
}

#side .mail-banner .title:before {
font-family: FontAwesome;
content: "\f0e0";
margin-right: .2em;
color: #1E90FF;
font-size: 150%;
}

#side .mail-banner .large {
display: inline;
font-size: 110%;
font-weight: bold;
}

#side .mail-banner .small {
display: inline;
font-size: 90%;
}

#side .mail-banner .copy {
text-align: center;
padding: 3px 0;
border-top: 1px dotted #FD8A18;
border-bottom: 1px dotted #FD8A18;
}

#side .mail-banner .tokucyo {
text-align: center;
}

#side .mail-banner .data {
text-align: left;
padding: 0 3px;
background: #fff;
border-top: 1px dotted #FD8A18;
margin-bottom: 5px;
}

#side .mail-banner .data ul {
margin: 0 1em;
}

#side .mail-banner .data li {
float: left;
margin-right: .5em;
}

#side .mail-banner .data li:before {
font-family: FontAwesome;
content: "\f14a";
margin-right: .2em;
color: #1E90FF;
}

#side .mail-banner .data li:last-child:after {
content: none;
}

#side .mail-banner .button {
margin: 0 20px;
}

@media print,
screen and (min-width: 736px) {
#side .mail-banner .muryo {
top: -10px;
left: -20px;
}
}

@media print,
screen and (max-width: 736px) {
#side .mail-banner .muryo {
font-size: 100%;
}
}

/* ------------------------------------------------ */
/* 2カ月先駆けカレンダー
------------------------------------------------ */

/* 色-先駆けカレンダー
------------------------------------------------ */

#main.calendar .main-wrap,
#main.calendar .cornerTitle {
border-color: #FD8A18;
}

#main.calendar .cornerTitle .title::before {
background: rgba(253, 138, 24, 0.5);
}

#main.calendar .cornerTitle .title::after {
background: #FD8A18;
}

/* ------------------------------------------------ */
#main.calendar h1 {
margin-bottom: 0;
}

#main.calendar h2 {
padding-bottom: 0;
}

#main.calendar h3 {
padding: .2em .5em;
margin-bottom: .5em;
font-weight: bold;
border-bottom: 1px dotted #003399;
}

#main.calendar h4 {
padding: .2em 0;
font-weight: bold;
}

#main.calendar h2:before {
font-family: FontAwesome;
content: "\f274";
margin-right: .2em;
color: #FD8A18;
font-size: 150%;
}

#main.calendar .image {
float: right;
text-align: center;
}
#main.calendar .flex {
padding-top: 9px;
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-flex-wrap: wrap;
/* Safari */
flex-wrap: wrap;
-webkit-justify-content: space-between;
/* Safari */
justify-content: space-between;
background: #EBEBF4;
}

#main.calendar .box-wrap {
width: 100%;
min-height: 100px;
background: #fff;
margin-bottom: 9px;
padding: 5px;
}

#main.calendar ul {
margin-left: .5em;
}

#main.calendar .entryBody li:before {
font-family: FontAwesome;
content: "\f274";
margin-right: .2em;
color: #1E90FF;
}

#main.calendar .january {
background: url(/images/january.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .february {
background: url(/images/february.jpg) no-repeat 50% 100%;
background-size: cover;
}

#main.calendar .march {
background: url(/images/march.jpg) no-repeat 100% 50%;
background-size: cover;
}

#main.calendar .april {
background: url(/images/april.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .may {
background: url(/images/may.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .june {
background: url(/images/june.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .july {
background: url(/images/july.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .august {
background: url(/images/august.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .september {
background: url(/images/september.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .october {
background: url(/images/october.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .november {
background: url(/images/november.jpg) no-repeat 50% 50%;
background-size: cover;
}

#main.calendar .december {
background: url(/images/december.jpg) no-repeat 50% 50%;
background-size: cover;
}

@media print,
screen and (min-width: 736px) {
#main.calendar .box-wrap.w1 {
width: 669px;
}

#main.calendar .box-wrap.w2 {
width: 325px;
}
}

/* ------------------------------------------------ */
/* くるみヘルスケアプロジェクト
------------------------------------------------ */

#kurumi-main .bg {
border: 5px solid #742E1A;
background: url(/kurumi/images/bg.jpg) 0 0;
padding: 20px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#kurumi-main h2 {
margin: 0 0 10px 0;
font-size: 30px;
color: #742E1A;
line-height: 1;
}

#kurumi-main .layout {
width: 100%;
}

#kurumi-main .layout .box {
width: 490px;
}
#kurumi-main .box .wrap {
margin: 15px;
background: url(/kurumi/images/te.gif) no-repeat 0 0 #fff;
padding: 20px;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#kurumi-main li {
border-bottom: solid 1px #742E1A;
}

#kurumi-main #mailformpro li {
border: none;
}

#kurumi-main li a {
display: block;
padding: 3px;
}

#kurumi-main li:first-child {
border-top: solid 1px #742E1A
}

#kurumi-main img {
max-width: 100%;
height: auto;
}

#kurumi-main .kanren ul {
background: url(/kurumi/images/002.jpg) no-repeat 0 0 #fff;
background-size: contain;
padding-left: 130px;
}

#kurumi-main .button {
text-align: center;
margin: 0;
}

#kurumi-main .button a {
display: block;
padding: 10px;
color: #fff;
background: #742E1A;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#kurumi-main .button a:link,
#kurumi-main .button a:visited,
#kurumi-main .button a:active {
color: #fff;
}

#kurumi-main .button a:hover {
color: #fff;
text-decoration: none;
background: #4DB090;
}

/* ------------------------ */
#kurumi-main .layout .banner a {
display: block;
margin: 15px;
-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.24), 0 15px 12px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.24), 0 15px 12px rgba(0, 0, 0, 0.12);
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.24), 0 15px 12px rgba(0, 0, 0, 0.12);
transition: all 0.2s ease-in-out;
}

/* ------------------------ */

#kurumi-main .box .wrap {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
border-radius: 2px;
}

#kurumi-main .box .wrap {
-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.24), 0 15px 12px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.24), 0 15px 12px rgba(0, 0, 0, 0.12);
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.24), 0 15px 12px rgba(0, 0, 0, 0.12);
transition: all 0.2s ease-in-out;
}

#kurumi-main .box.sample .wrap:hover,
#kurumi-main .box.toSite .wrap:hover,
#kurumi-main .layout .banner a:hover {
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#kurumi-main a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
}

#kurumi-main a:active img {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
}
/* SmartPhone
------------------------------------------------ */

@media screen and (max-width: 735px) {
#kurumi-main img {
max-width: 100%;
}

#kurumi-main .sp-none {
display: none;
}

#kurumi-main .bg {
padding: 0px;
}

#kurumi-main .main-title {
height: auto;
background: none;
padding: 0 5px;
}

#kurumi-main .main-title .logo {
text-align: center;
}

#kurumi-main .main-title .logo img {
width: 80%;
height: auto;
}

#kurumi-main .main-title h1 {
font-size: 200%;
margin-bottom: 0px;
font-weight: bold;
background: #00A3A8;
color: #670000;
padding: 5px 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#kurumi-main .main-title .sns {
padding: 5px;
background: #742E1A;
text-align: right;
margin-bottom: 5px;
}

#kurumi-main .main-title .sns img {
height: 30px;
width: auto;
margin: 0 5px;
}

#kurumi-main h2 {
font-size: 150%;
line-height: 1.5;
}

#kurumi-main .main-title .visual {
width: 60%;
margin: 0 auto;
}

#kurumi-main .main-title .lead {
margin: 0 10px 10px;
font-size: 100%;
color: #670000;
}

#kurumi-main .layout .box {
width: 100%;
}

#kurumi-main .kanren ul {
background: url(/kurumi/images/002.jpg) no-repeat 0 0 #fff;
background-size: 30% auto;
padding-left: 33%;
}
}

@media print,
screen and (min-width: 736px) {

#kurumi-main .pc-none {
display: none;
}

#kurumi-main br.br-sp {
display: none;
}
/* ------------------------------------------------ */

#kurumi-main .main-title {
margin-bottom: 20px;
}

#kurumi-main .main-title .logo {
float: left;
width: 220px;
text-align: center;
padding-left: 30px;
}

#kurumi-main .main-title .title-area {
float: right;
width: 780px;
}

#kurumi-main .main-title h1 {
padding: 0 20px;
font-size: 45px;
color: #742E1A;
font-weight: bold;
margin-bottom: 5px;
}

#kurumi-main .main-title .lead {
padding: 0 20px;
font-size: 16px;
color: #742E1A;
line-height: 1.7;
}

#kurumi-main .main-title .sns {
padding: 5px 20px;
background: #742E1A;
text-align: right;
margin-bottom: 5px;
}

#kurumi-main .main-title .sns img {
height: 30px;
width: auto;
margin: 0 5px;
}
}

/* ------------------------------------------------ */
#kurumi-main {
font-size: 14px;
margin: 10px 0 20px;
}

#kurumi-main .box {
margin: 0;
}

#kurumi-main p {
margin-bottom: 1em;
}

#kurumi-main h2 {
border: none;
margin: 0 0 10px 0;
padding: 0;
font-weight: normal;
}

#kurumi-main .button {
border: none;
}
#kurumi-main .button {
text-align: center;
margin: 0;
}

#kurumi-main .button a {
display: block;
padding: 5px;
color: #fff;
background: #742E1A;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: none;
}

#kurumi-main .button a:link,
#kurumi-main .button a:visited,
#kurumi-main .button a:active {
color: #fff;
}

#kurumi-main .button a:hover {
color: #fff;
text-decoration: none;
background: #4DB090;
}

/* ------------------------------------------------ */
/* メタボリックシンドローム撲滅委員会オフィシャルグッズ
------------------------------------------------ */

#main.metabo .button-area {
text-align: center;
}
@media print,
screen and (min-width: 736px) {
#main.metabo .metabo-poster {
display: -webkit-flex;
/* Safari */
display: flex;
-webkit-justify-content: space-between;
/* Safari */
justify-content: space-between;
}

#main.metabo .metabo-poster div {
width: 33%;
padding: 0 5px;
box-sizing: border-box;
}
}

/* ------------------------------------------------ */
/* jfpaカタログ請求フォーム
------------------------------------------------ */
#main.catalog .img {
text-align: center;
}

@media print,
screen and (min-width: 736px) {
#main.catalog .img {
float: right;
margin: 0 0 1em 1em;
}
}
#main.catalog #mailformpro {
margin-bottom: 20px;
padding: 10px;
border: 3px solid #00A800;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#main.catalog #mailformpro .mfp_achroma {
background: none;
}

#main.catalog #mailformpro .mfp_colored {
background: none;
}

/* ------------------------------------------------ */
/* 色の指定
------------------------------------------------ */

/* 色-保健指導リソースガイドについて
------------------------------------------------ */

#main.about .main-wrap,
#main.about .cornerTitle,
#main.about .news-item,
#main.about .news-list dd,
#main.about h2,
#main.about h3,
#main.about a.opi-box,
#main.about .tool .box,
#main.about .tool li,
#main.about .copyright {
border-color: #FD8A18;
}

#main.about .cornerTitle .title::before {
background: rgba(253, 138, 24, 0.5);
}

#main.about .cornerTitle .title::after {
background: #FD8A18;
}

/* 教材・備品カタログ
------------------------------------------------ */

#main.catalog .main-wrap,
#main.catalog .cornerTitle,
#main.catalog .news-item,
#main.catalog .news-list dd,
#main.catalog h2,
#main.catalog h3,
#main.catalog a.opi-box,
#main.catalog .tool .box,
#main.catalog .tool li,
#main.catalog .copyright {
border-color: #FD8A18;
}

#main.catalog .cornerTitle .title::before {
background: rgba(253, 138, 24, 0.5);
}

#main.catalog .cornerTitle .title::after {
background: #FD8A18;
}

/* よろず相談センター */

.y-box1 {
width: 100%;
margin: 10px 10px 10px 0px;
}

.y-box1 p {
margin: 10px 20px 20px 20px;
}

#main.yorozu-color .entryBody .yorozu h3 {
padding: 0px;
margin-bottom: 0px;
font-weight: bold;
font-size: 110%;
color: #1EB700;
border-bottom: 2px dotted #002CFF;
}

.yorozu h4 {
position: relative;
margin: 0;
}

.yorozu h4:first-letter {
font-size: 2em;
color: #002CFF;
}

.yorozu h4::after {
position: absolute;
left: 0;
bottom: 0;
content: '';
width: 100%;
color: #002CFF;
height: 0;
border-bottom: 1px solid #ccc;
}

.yorozu h5 {
font-size: 110%;
font-weight: bold;
margin: 25px 10px 10px 10px;
color: #001B9F;
}

.yorozu_b {
font-size: 180%;
font-weight: bold;
padding: 5px;
color: #001B9F;
}

.contain {
margin: 0 auto;
border-radius: 10px;
width: 100%;
border: solid 1px #ff0000;
}

.bannar {
font-size: 110%;
color: #FF8600;
font-weight: bold;
text-indent: 1em;
}

.clearfix:after {
content: '';
display: block;
clear: both;
}

.clearfix {
zoom: 1;
/* for IE6/7 */
}

.hplink a {
color: #0060FC;
}

/* よろず別窓　*/
.question {
background: #FFFFFF;
width: 500px;
margin: 10px 10px 10px 10px;
}

.question p {
margin: 10px 10px 10px 10px;
}

.question ol {
margin: 10px 10px 10px 10px;
}

/* ------------------------------------------------ */
/* よろずフォーム
------------------------------------------------ */

#main.yorozu .img {
text-align: center;
}

@media print,
screen and (min-width: 736px) {
#main.catalog .img {
float: right;
margin: 0 0 1em 1em;
}
}

#main.yorozu-color .entryBody .yorozu #mailformpro .must {
display: block;
background-color: #C00;
border: solid 2px #C00;
padding: 0px 2px;
font-size: 12px;
color: #FFF;
float: left;
margin: 0px 5px;
border-radius: 4px;
background-size: 100% 100%;
font-weight: normal;
}

#main.yorozu-color .entryBody .yorozu #mailformpro {
margin-bottom: 20px;
padding: 10px;
border: 3px solid #002CFF;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#main.yorozu-color .entryBody .yorozu #mailformpro .mfp_achroma {
background: none;
}

#main.yorozu-color .entryBody .yorozu #mailformpro .mfp_colored {
background: none;
}

/* 色-よろず
------------------------------------------------ */
#main.yorozu-color .main-wrap,
#main.yorozu-color .cornerTitle,
#main.yorozu-color .news-item,
#main.yorozu-color .news-list dd,
#main.yorozu-color h2,
#main.yorozu-color h3,
#main.yorozu-color a.opi-box,
#main.yorozu-color .tool .box,
#main.yorozu-color .tool li,
#main.yorozu-color .copyright {
border-color: #0060FC;
}

#main.yorozu-color .cornerTitle .title::before {
background: rgba(0, 96, 252, 0.5);
}

#main.yorozu-color .cornerTitle .title::after {
background: #0060FC;
}

#main.yorozu-color.tobira .mainVisual .lead:first-letter {
color: #0060FC;
}

/* ------------------------------------------------ */
/* トリプルリスク
------------------------------------------------ */
/* 色-トリプルリスク
------------------------------------------------ */
#main.triple-color .main-wrap,
#main.triple-color .cornerTitle,
#main.triple-color .news-item,
#main.triple-color .news-list dd,
#main.triple-color h2,
#main.triple-color h3,
#main.triple-color a.opi-box,
#main.triple-color .tool .box,
#main.triple-color .tool li,
#main.triple-color .copyright {
border-color: #FD8A18;
}

#main.triple-color .cornerTitle .title::before {
background: rgba(253, 138, 24, 0.5);
}

#main.triple-color .cornerTitle .title::after {
background: #FD8A18;
}

#main.yorozu-color.tobira .mainVisual .lead:first-letter {
color: #FD8A18;
}

/* トリプルリスク*/
.triple-box {
background: #fee2c7;
width: 90%;
padding: 10px 10px 10px 10px;
margin: auto;
box-sizing: border-box;
color: #333;
}

.triple-box p {
margin: 20px 20px 20px 10px;
}

#main.triple-color .entryBody .triplerisk h3 {
padding: 0px;
margin-bottom: 0px;
font-weight: normal;
font-size: 100%;
color: #FD8A18;
border-bottom: 2px dotted #FD8A18;
}

.triplerisk .link {
color: #FD8A18;
font-weight: bold;
font-size: 120%;
}

.triplerisk ul {
list-style-type: disc;
margin: 1em;
}

.triplerisk .pdf {
display: inline-block;
margin-left: 40px;
}

/* トリプルリスクフォーム*/
#main.triplerisk .img {
text-align: center;
}

@media print,
screen and (min-width: 736px) {
#main.catalog .img {
float: right;
margin: 0 0 1em 1em;
}
}

#main.triple-color .entryBody #mailformpro .must {
display: block;
background-color: #C00;
border: solid 2px #C00;
padding: 0px 2px;
font-size: 12px;
color: #FFF;
float: left;
margin: 0px 5px;
border-radius: 4px;
background-size: 100% 100%;
font-weight: normal;
}

#main.triple-color .entryBody #mailformpro {
margin-bottom: 20px;
padding: 10px;
border: 3px solid #FD8A18;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#main.triple-color .entryBody #mailformpro .mfp_achroma {
background: none;
}

#main.triple-color .entryBody #mailformpro .mfp_colored {
background: none;
}

#main.triple-color .entryBody #mailformpro li {
list-style: none;
}
/* メタボグッズ
------------------------------------------------ */

#main.metabo .main-wrap,
#main.metabo .cornerTitle,
#main.metabo .news-item,
#main.metabo .news-list dd,
#main.metabo h2,
#main.metabo h3,
#main.metabo a.opi-box,
#main.metabo .tool .box,
#main.metabo .tool li,
#main.metabo .copyright {
border-color: #FD8A18;
}

#main.metabo .cornerTitle .title::before {
background: rgba(253, 138, 24, 0.5);
}

#main.metabo .cornerTitle .title::after {
background: #FD8A18;
}

/* 色-ニュース
------------------------------------------------ */

#main.news .main-wrap,
#main.news .cornerTitle,
#main.news .news-item,
#main.news .news-list dd,
#main.news h2,
#main.news h3,
#main.news .title3,
#main.news a.opi-box,
#main.news .tool .box,
#main.news .tool li,
#main.news .copyright {
border-color: #FFBF02;
}

#main.news .cornerTitle .title::before {
background: rgba(255, 191, 2, 0.5);
}

#main.news .cornerTitle .title::after {
background: #FFBF02;
}

/* 色-保健指導関連情報
------------------------------------------------ */

#main.information .main-wrap,
#main.information .cornerTitle,
#main.information .news-item,
#main.information .news-list dd,
#main.information h2,
#main.information h3,
#main.information a.opi-box,
#main.information .tool .box,
#main.information .tool li,
#main.information .copyright {
border-color: #0060FC;
}

#main.information .cornerTitle .title::before {
background: rgba(0, 96, 252, 0.5);
}

#main.information .cornerTitle .title::after {
background: #0060FC;
}

#main.information.tobira .mainVisual .lead:first-letter {
color: #0060FC;
}

/* 色-オピニオン
------------------------------------------------ */

#main.opinion .main-wrap,
#main.opinion .cornerTitle,
#main.opinion .news-item,
#main.opinion .news-list dd,
#main.opinion h2,
#main.opinion h3,
#main.opinion a.opi-box,
#main.opinion .tool .box,
#main.opinion .tool li,
#main.opinion .copyright {
border-color: #9B0F81;
}

#main.opinion .cornerTitle .title::before {
background: rgba(155, 15, 129, 0.5);
}

#main.opinion .cornerTitle .title::after {
background: #9B0F81;
}

#main.opinion.tobira .mainVisual .lead:first-letter {
color: #9B0F81;
}

/* 色-関連資料
------------------------------------------------ */

#main.reference .main-wrap,
#main.reference .cornerTitle,
#main.reference .news-item,
#main.reference .news-list dd,
#main.reference h2,
#main.reference h3,
#main.reference a.opi-box,
#main.reference .tool .box,
#main.reference .tool li,
#main.reference .copyright {
border-color: #00BAD3;
}

#main.reference .cornerTitle .title::before {
background: rgba(0, 186, 211, 0.5);
}

#main.reference .cornerTitle .title::after {
background: #00BAD3;
}

/* 色-講演会・セミナー
------------------------------------------------ */

#main.event .main-wrap,
#main.event .cornerTitle,
#main.event .news-item,
#main.event .news-list dd,
#main.event h2,
#main.event h3,
#main.event a.opi-box,
#main.event .tool .box,
#main.event .tool li,
#main.event .copyright {
border-color: #EA64B9;
}

#main.event .cornerTitle .title::before {
background: rgba(234, 100, 185, 0.5);
}

#main.event .cornerTitle .title::after {
background: #EA64B9;
}

/* 色-プレゼント
------------------------------------------------ */

#main.present .main-wrap,
#main.present .cornerTitle,
#main.present .news-item,
#main.present .news-list dd,
#main.present h2,
#main.present h3,
#main.present a.opi-box,
#main.present .tool .box,
#main.present .tool li,
#main.present .copyright {
border-color: #2AAA3B;
}

#main.present .cornerTitle .title::before {
background: rgba(42, 170, 59, 0.5);
}

#main.present .cornerTitle .title::after {
background: #2AAA3B;
}

/* 色-求人
------------------------------------------------ */

#main.goodjob .main-wrap,
#main.goodjob .cornerTitle,
#main.goodjob .news-item,
#main.goodjob .news-list dd,
#main.goodjob h2,
#main.goodjob h3,
#main.goodjob a.opi-box,
#main.goodjob .tool .box,
#main.goodjob .tool li,
#main.goodjob .copyright {
border-color: #003399;
}

#main.goodjob .cornerTitle .title::before {
background: rgba(0, 51, 153, 0.5);
}

#main.goodjob .cornerTitle .title::after {
background: #003399;
}

#main.goodjob.tobira .mainVisual .lead:first-letter {
color: #003399;
}

/* 色-業界キーパーソンインタビュー
------------------------------------------------ */

#main.interview .main-wrap,
#main.interview .cornerTitle,
#main.interview .news-item,
#main.interview .news-list dd,
#main.interview h2,
#main.interview h3,
#main.interview a.opi-box,
#main.interview .tool .box,
#main.interview .tool li,
#main.interview .copyright {
border-color: #FD8A18;
}

#main.interview .cornerTitle .title::before {
background: rgb(253, 138, 24, 0.5);
}

#main.interview .cornerTitle .title::after {
background: #FD8A18;
}

#main.interview.tobira .mainVisual .lead:first-letter {
color: #FD8A18;
}

/* 色-健診リスト
------------------------------------------------ */

#main.kenshin-list .main-wrap,
#main.kenshin-list .cornerTitle,
#main.kenshin-list .news-item,
#main.kenshin-list .news-list dd,
#main.kenshin-list h2,
#main.kenshin-list h3,
#main.kenshin-list a.opi-box,
#main.kenshin-list .tool .box,
#main.kenshin-list .tool li,
#main.kenshin-list .copyright {
border-color: #0060FC;
}

#main.kenshin-list.tobira .cornerTitle .title::before {
background: rgba(0, 96, 252, 0.5);
}

#main.kenshin-list.tobira .cornerTitle .title::after {
background: #B0CDFC;
}

/* ------------------------ */
#content-wrap.kenshin-list #main .main-wrap,
#content-wrap.kenshin-list #main .cornerTitle {
border-color: #0060FC;
}

#content-wrap.kenshin-list #main .cornerTitle .title::before {
background: rgba(0, 96, 252, 0.5);
}

#content-wrap.kenshin-list #main .cornerTitle .title::after {
background: #B0CDFC;
}

/* 色-運営サポーター
------------------------------------------------ */

#content-wrap.supporters #main .cornerTitle,
#content-wrap.supporters #main .news-item,
#content-wrap.supporters #main .copyright {
border-color: #FD8A18;
}

#content-wrap.supporters #main .cornerTitle .title::before {
background: rgb(253, 138, 24, 0.5);
}

#content-wrap.supporters #main .cornerTitle .title::after {
background: #FD8A18;
}

/* 色-我が街の保健活動
------------------------------------------------ */

#main.town .main-wrap,
#main.town .cornerTitle,
#main.town .news-item,
#main.town .news-list dd,
#main.town h2,
#main.town h3,
#main.town a.opi-box,
#main.town .tool .box,
#main.town .tool li,
#main.town .copyright {
border-color: #E8B0AF;
}

#main.town .cornerTitle .title::before {
background: rgba(232, 176, 175, 0.5);
}

#main.town .cornerTitle .title::after {
background: #E8B0AF;
}

/* 色-関連団体
------------------------------------------------ */

#main.dantai .main-wrap,
#main.dantai .cornerTitle,
#main.dantai .news-item,
#main.dantai .news-list dd,
#main.dantai h2,
#main.dantai h3,
#main.dantai a.opi-box,
#main.dantai .tool .box,
#main.dantai .tool li,
#main.dantai .copyright {
border-color: #0060FC;
}

#main.dantai .cornerTitle .title::before {
background: rgba(0, 96, 252, 0.5);
}

#main.dantai .cornerTitle .title::after {
background: #0060FC;
}

#main.dantai.tobira .mainVisual .lead:first-letter {
color: #0060FC;
}
/* 新問い合わせフォーム
------------------------------------------------ */
#main .mail_form span {
background-color: #C00;
color: #ffffff;
padding: 2px 5px;
margin: 5px;
border-radius: 5px;
}

#main .mail_form input[type="text"] {
border: solid 1px #CCC;
border-radius: 3px;
box-shadow: 0px 0px 5px #ccc inset;
padding: 3px 8px;
margin: 2px;
vertical-align: middle;
}
#main .mail_form .btn {
background: #29AE32;
border-color: #29AE32;
color: #ffffff;
padding: 0 10px;
border-radius: 5px;
}

#main .mail_form .border {
border-top: dotted 1px #003399;
padding: 10px 0;
}

#main .mail_form input[type="radio"] {
margin-right: 5px;
}

#main .mail_form .box_size {
height: 150px;
width: 400px;
border: solid 1px #CCC;
border-radius: 3px;
box-shadow: 0px 0px 5px #ccc inset;
padding: 3px 8px;
margin: 2px;
vertical-align: middle;
}

@media screen and (max-width: 735px) {
#main .mail_form .box_size {
width: -webkit-fill-available;
}
}

.event_online_flg {
color: #489be8;
background-color: #e6f3ff;
text-align: center;
width: max-content;
padding: 0 10px;
font-weight: bold;
border-radius: 5px;
margin: 5px 0;
}

.sponsor_title {
text-align: end;
}

.event_select_tab {
float: left;
margin-right: 5px;
color: #ffffff;
background-color: #eb933b;
text-align: center;
width: max-content;
padding: 0px 5px;
border-radius: 5px;
}

.event_drop_prefectures {
color: #299129;
background-color: #e4f7e4;
text-align: center;
width: max-content;
padding: 0 10px;
font-weight: bold;
border-radius: 5px;
margin: 5px 0;
}

.event_hybrid {
color: #d9bc00;
background-color: #fffbe0;
text-align: center;
width: max-content;
padding: 0 10px;
font-weight: bold;
border-radius: 5px;
margin: 5px 0;
}

.eventlist_date .date {
padding-top: 5px;
margin-right: 5px;
}

.eventlist_date {
display: flex;
}

.event_list_flex {
display: block;
}

.event_select_tab {
margin-top: 5px;
margin-left: 5px;
}

.evetag_box {
display: flex;
}

@media print,
screen and (max-width: 736px) {
.eventlist_date {
display: block;
}
}

#side .menu a::before {
font-family: FontAwesome;
content: "\f105";
color: #4EBE00;
margin-right: 0.3em;
}

#side .skillUp a::before {
color: #F0007B;
}

#side .search a::before {
color: #0064FD;
}

#side .menu a {
padding-left: 0;
font-weight: bold;
}

/* 調査統計ページ 追記 20220523
------------------------------------------------ */

#main.information.tobira .info_linklist h3 {
background: #ebeced;
border-bottom: none;
}

#main.information.tobira .info_linklist h4 {
margin-left: 1em;
margin-top: 0.5em;
}

#main.information.tobira .info_linklist a {
display: block;
margin-left: 2em;
}

#main.information.tobira .info_linklist_inbox {
border: 1px solid #bdbdbd;
padding: 1em;
margin: 1em 0;
}

#main.information.tobira .info_linklist a::before {
font-family: FontAwesome;
content: "\f138";
padding-right: 5px;
color: #29AE32;
}
@media only screen and (max-width: 736px) {
#main.information.tobira .info_linklist h4 {
margin-left: 0;
}

#main.information.tobira .info_linklist a {
margin-left: 0em;
}
}

#main.information.tobira .tool .info_linklist_inbox a:after {
content: none;
}

#main.information.tobira .tool .info_linklist_inbox li {
padding: 0 10px;
border-bottom: none;
}

/* アルコールと保健指導 20220803
------------------------------------------------ */

main .alc__pagebox {
color: #48517C;
padding: 5px 0;
}

.alc__pagebox .wihebox {
background: #ffffff;
margin-bottom: 2em;
padding: 4em 3em;
}

.alc__pagebox h2 {
font-size: 140%;
font-weight: bold;
position: relative;
display: block;
margin-bottom: 2em;
text-align: center;
}

.alc__pagebox h2:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 60px;
height: 5px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #FF8046;
border-radius: 2px;
}

.alc__pagebox .underline {
text-decoration: underline;
}

.alc__pagebox .purple_dec {
margin: 2em 0px;
}

.alc__pagebox .flex_only {
display: flex;
align-items: center;
justify-content: space-evenly;
}

.alc__pagebox .boxright_img {
margin-left: 10px;
margin-bottom: 10px;
}

.alc__pagebox .boxleft_img {
margin-right: 10px;
margin-bottom: 10px;
}

.purple_dec span:before {
content: "⚫︎";
color: #C598DD;
}

.purple_dec span {
display: inline-block;
min-width: 110px;
}

.alc__pagebox .small_text {
font-size: 80%;
}

.alc__pagebox .mov_box {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: auto;
}

.alc__pagebox .mov_img {
margin: 1em 2em;
}

.alc__pagebox .small_text {
font-size: 90%;
}

.alc__pagebox h3 {
font-weight: bold;
margin-top: 1em;
}

.alc__pagebox h3 span {
font-weight: normal;
}

.alc__pagebox .gleen_btn {
display: block;
margin: auto;
padding: 10px 30px;
background: #3BB471;
color: #ffffff;
font-weight: bold;
box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
width: -webkit-fill-available;
width: max-content;
}

.alc__pagebox .gleen_btn:hover {
color: #ffffff;
text-decoration: none;
opacity: 0.8;
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}

.alc__pagebox .app_blok {
color: #333333;
background: #F0F8E2;
padding: 2.5em 3em;
margin: 2em auto;
max-width: 750px;
}

.alc__pagebox .qr_box {
background: #ffffff;
margin: 10px 20px;
padding: 30px 15px 15px 10px;
min-width: 315px;
position: relative;
}

.alc__pagebox .qr_box span {
position: absolute;
background: #00684A;
color: #ffffff;
padding: 0px 2em;
top: 10px;
left: -5px;
}

.alc__pagebox .small_intext {
text-align: center;
font-size: 70%;
font-weight: bold;
}

.alc__pagebox .yellow_line {
background: linear-gradient(transparent 70%, #FBE67D 0%);
}


.alc__pagebox .sec_box {
max-width: 900px;
margin: 2em auto;
background: #ffffff;
padding: 50px 2em 20px;
position: relative;
box-shadow: 0px 0px 3px #ddd;
}

@media print,
screen and (max-width: 736px) {
.alc__pagebox .sec_box {
padding: 50px 1em 20px;
}
}

.alc__pagebox .sec_box h4 {
font-size: 115%;
font-weight: bold;
padding: 0;
}

.alc__pagebox .sec_box h4::before {
content: "●";
color: #FE5A3B;
padding-right: 5px;
}
.alc__pagebox .sec_box span.sec_box_title {
position: absolute;
background: #507404;
color: #ffffff;
padding: 0px 2em;
top: 10px;
left: -5px;
}

.alc__pagebox .sec_box p.b_color {
background: #EFF5E1;
padding: 7px 2em;
margin: 0 -2em 1em;
}

.alc__pagebox .sec_box span.new_box {
background: #FEA43B;
color: #FFFFFF;
padding: 1px 15px;
}
.alc__pagebox .sec_box ul.border_line li {
border-bottom: solid 1px #707070;
padding: 3px 0;
}

.alc__pagebox .sec_box ul.border_line .flex_only {
margin: 1em 0;
}

.alc__pagebox .sec_box .news-list dd {
border-bottom: 1px dotted #707070;
}

.alc__pagebox .sec_box .btn-gradient-radius {
margin: 2em auto;
text-align: center;
}

.alc__pagebox .sec_box .btn-gradient-radius a {
display: inline-block;
padding: 7px 40px;
border-radius: 25px;
text-decoration: none;
color: #FFF;
background-color: #FE5A3B;
transition: .4s;
}

.alc__pagebox .sec_box .btn-gradient-radius a:hover {
filter: brightness(110%);
}

.mov_img img {
max-width: 400px;
height: auto;
border: 1px solid;
}

.mov_img p {
text-align: center;
font-weight: bold;
}

.mov_img img:hover {
filter: brightness(80%);
}

.window__box_open {
cursor: pointer;
}

#pop-up1,
#pop-up2,
#pop-up3,
#pop-up4 {
display: none;
}

.overlay__on {
display: none;
}

#pop-up1:checked+.overlay__on {
display: block;
z-index: 9996;
background-color: #00000070;
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
}

#pop-up2:checked+.overlay__on {
display: block;
z-index: 9997;
background-color: #00000070;
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
}

#pop-up3:checked+.overlay__on {
display: block;
z-index: 9998;
background-color: #00000070;
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
}

#pop-up4:checked+.overlay__on {
display: block;
z-index: 9999;
background-color: #00000070;
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
}

.window__box {
width: 90vw;
max-width: 600px;
height: auto;
border-radius: 6px;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.window__close_btn {
cursor: pointer;
position: absolute;
top: -6px;
right: 4px;
font-size: 25px;
font-weight: bold;
background: #333333;
color: #ffffff;
width: 33px;
padding-left: 10px;
}

@media only screen and (max-width: 736px) {
.alc__pagebox .flex_only.box__1 {
flex-direction: column;
}

.alc__pagebox .flex_only.box__2 {
flex-direction: column-reverse;
}

.alc__pagebox .wihebox {
padding: 3em 0.8em;
}

.alc__pagebox .boxright_img,
.alc__pagebox .boxleft_img {
margin: 0.5em 0;
}

.alc__pagebox .qr_box {
min-width: -webkit-fill-available;
}

.purple_dec span {
display: block;
}

.alc__pagebox .app_blok {
padding: 1em;
margin: 1em auto;
}

.alc__pagebox .gleen_btn {
margin-top: 2em;
}

#content-wrap {
margin-top: 7em;
}

.alc__pagebox .qr_box {
padding: 45px 15px 15px 10px;
}

.mov_img img {
max-width: 100%;
}

.alc__pagebox .mov_img {
margin: 1em 0em;
}
}

/* オピニオン座談会 20221017
------------------------------------------------ */

.question_box {
font-weight: bold;
}

.question_box:before {
content: "\2015\2015";
}

.an_name {
font-weight: bold;
margin-right: 1em;
}

/* くすり連載　引用部分
------------------------------------------------ */
.blockquote2 {
position: relative;
padding: 10px 12px;
box-sizing: border-box;
font-style: italic;
color: #464646;
border: solid 3px #3ca5d4;
border-left-width: 50px;
}

.blockquote2:before {
display: inline-block;
position: absolute;
top: 50%;
left: -37px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "\f10d";
font-family: FontAwesome;
color: #FFF;
font-size: 22px;
line-height: 1;
font-weight: 900;
}

.blockquote2 p {
position: relative;
padding: 0;
margin: 10px 0;
z-index: 3;
line-height: 1.7;
}

.blockquote2 cite {
display: block;
text-align: right;
color: #888888;
font-size: 0.9em;
}

/* -----------------------------------------------
健診リストリニューアル
------------------------------------------------ */

#content-wrap.kenshin-list #main .kenshin-list-table .col2 {
width: auto;
}

#content-wrap.kenshin-list #main .kenshin-list-table .address {
border-bottom: none;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col2 .fa {
font-size: 200%;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col1 {
width: 350px;
}

@media only screen and (max-width: 736px) {
#content-wrap.kenshin-list #main .kenshin-list-table .col1 {
min-width: 210px;
}

#content-wrap.kenshin-list #main table.kenshin-list-table {
width: auto;
}

#content-wrap.kenshin-list #main .kenshin-list-table .col2 .fa {
font-size: 150%;
}
}

/* -----------------------------------------------
健康管理システムページ
------------------------------------------------ */

.system__pagebox {
color: #4f4f4f;
letter-spacing: 1px;
}

.system__pagebox .top__logoarea {
background: #ffffff;
}

.system__pagebox .system_pr__box {
background: #ffffff;
margin: 1em auto;
padding: 1em;
border-top: 1em solid #1A85F0;
}

.system__pagebox .system_pr .pr_mark {
width: max-content;
height: auto;
padding: 0 1em;
font-size: 90%;
background: #848484;
color: #ffffff;
}

.system__pagebox .system_pr .system_pr__title {
text-align: center;
font-size: 200%;
font-weight: bold;
color: #1A355E;
}

.system__pagebox .system_pr .system_pr_title-background {
background: #f0f8ff;
padding: 0.5em;
margin-top: 1em;
border: 1px solid #9c9c9c;
}

.system__pagebox .mgmt {
text-align: right;
font-size: 95%;
}

.system__pagebox .system_pr .headline {
font-size: 120%;
font-weight: bold;
margin: 1em auto;
}

.system__pagebox .system_pr .marker {
background-color: #FFF2AD;
width: fit-content;
width: -moz-fit-content;
padding: 0 10px;
}

.system__pagebox .system_pr p {
width: 100%;
max-width: 700px;
margin: auto;
}

.system__pagebox .system_pr .pr_point__lbox {
display: flex;
justify-content: center;
align-items: center;
max-width: 850px;
width: 100%;
margin: 1em auto;
}

.system_pr__box .pr_point__lbox a {
max-width: 280px;
width: 100%;
height: auto;
}

.system__pagebox .system_pr .pr_point__list {
margin-left: 2em;
}

.system__pagebox .system_pr .pr_point__list li {
display: flex;
margin: 1.5em auto;
}

.system__pagebox .system_pr .pr_point__list li::before {
content: url(/health_system/images/pr_check.png);
margin-right: 10px;
}

.system_pr .remarks__lbox .remarks__list {
display: flex;
justify-content: center;
}

.remarks__lbox .remarks__list li {
padding: 0.5em 1em;
border-radius: 25px;
font-weight: bold;
margin: 5px;
}

.remarks__lbox .remarks__list .subject {
background: #F0F0F0;
}

.remarks__lbox .remarks__list .recom_point {
background: #FF9C19;
color: #ffffff;
}

.system__pagebox .system_pr .detail_btn {
display: inline-block;
background: #1A355E;
color: #ffffff;
padding: 0.5em 3em;
margin: 2em 0;
font-weight: bold;
}

.system__pagebox .system_pr .detail_btn:after {
font-family: FontAwesome;
content: "\f04b";
margin-left: 5px;
}

.system__pagebox .system_flee__box {
display: flex;
flex-wrap: wrap;
gap: 2em;
margin: 2em auto;
}

.system_flee__box .system_flee {
flex: 1 1 40%;
background: #ffffff;
padding: 2em;
border-top: 1em solid #ebebeb;
}

.system_flee__box .system_flee__title {
font-size: 120%;
font-weight: bold;
color: #1A355E;
}

.system_flee__box .system_flee img {
display: block;
margin: 2em auto;
width: 100%;
max-width: 300px;
}

.system_flee__box .remarks__lbox .remarks__list {
display: flex;
margin: 1em auto;
}

.system_flee__box .system_flee .system_flee__text {
margin: 1.5em 0.5em;
}

.system__pagebox .fdetail_btn {
font-weight: bold;
}

.system__pagebox .fdetail_btn:after {
font-family: FontAwesome;
content: "\f144";
color: #009B2A;
margin-left: 5px;
}

.system__pagebox .pagenate ul li span {
display: block;
padding: 0;
width: 30px;
height: 30px;
padding-top: 2px;
border-radius: 50%;
text-align: center;
box-sizing: border-box;
background: #000333;
color: #ffffff;
}

.system__pagebox .pagenate ul li .link_page:active {
width: 30px;
height: 30px;
padding-top: 2px;
border-radius: 50%;
text-align: center;
box-sizing: border-box;
background: #000333;
color: #ffffff;
}

.system__pagebox .pagenate ul li .link_page:hover {
width: 30px;
height: 30px;
padding-top: 2px;
border-radius: 50%;
text-align: center;
box-sizing: border-box;
background: #000333;
color: #ffffff;
}

.system__pagebox .pagenate ul li .link_next:hover {
background: #F4FBFF;
color: #000333;
}

.system__pagebox .pagenate ul li .link_before:hover {
background: #F4FBFF;
color: #000333;
}

.tobira-system_pr__box {
background: #ffffff;
margin: 1em auto;
padding: 1em;
}

.tobira-system_pr__box .pr_point__lbox img {
width: 100%;
max-width: 250px;
display: block;
margin: 1em auto;
}

.system__pagebox .tobira-system_pr__box .system_pr .pr_point__lbox {
display: block;
max-width: unset;
width: auto;
}

.system__pagebox .tobira-system_pr__box .system_pr__title {
text-align: center;
font-size: 160%;
}

.system__pagebox .tobira-system_pr__box .title-mgmt {
margin-bottom: 0.5em;
}

.tobira-system_pr__box .remarks__lbox .remarks__list {
display: flex;
justify-content: left;
margin: 1em auto 1.2em auto;
flex-wrap: wrap;
}

.tobira-system_pr__box {
background: #ffffff;
border-top: 10px solid #1A85F0;
padding: 2em;
flex: 1 1 40%;
}

.system_pr__title a {
text-decoration: none;
}

.system_pr__title a:hover {
color: #1A85F0;
}

.system_flee__title a {
text-decoration: none;
}

.system_flee__title a:hover {
color: #FF9C19;
}

.detail_btn:hover {
color: #1A355E;
opacity: 0.8;
text-decoration: none;
}

.fdetail_btn:hover {
color: #1A355E;
opacity: 0.8;
text-decoration: none;
}

.system_flee__box:after {
content: "";
display: block;
width: 490px;
margin: 10px 5px;
height: 0;
}

.system__pagebox .system_pr .publication_yymm_r {
max-width: inherit;
text-align: right;
font-size: 90%;
color: #9c9c9c;
}

.system__pagebox .publication_yymm {
font-size: 90%;
color: #9c9c9c;
}

.tobira-system_pr__lbox {
display: flex;
gap: 2em;
}

.btn--info_green {
color: #fff;
background-color: #009B2A;
}

.btn--info_green:hover {
opacity: 0.8;
}

.btn--info_green.btn--info_cubic {
border-bottom: 5px solid #005e1a;
color: #ffffff;
display: flex;
align-items: center;
margin: 4em auto 2em auto;
font-weight: bold;
text-decoration: none;
width: fit-content;
}

.btn-info {
padding: 1em;
width: max-content;
border-radius: 100vh;
}

.btn-info i.fa {
margin-right: 1rem;
font-size: 25px;
}

@media only screen and (max-width: 736px) {
.system__pagebox .system_pr .pr_point__lbox {
flex-direction: column;
}

.remarks__lbox .remarks__list {
flex-wrap: wrap;
}

.tobira-system_pr__box {
border-left: none;
border-top: 10px solid #1A85F0;
}

.system__pagebox .tobira-system_pr__box .mgmt {
max-width: none;
text-align: right;
}

.tobira-system_pr__lbox {
display: block;
}
}
/* -----------20230627------------- */
#side .box {
padding: 0;
}

#side .mail-banner .muryo {
line-height: 40px;
width: 40px;
height: 40px;
}

#side .mail-banner {
border-top: none;
border-bottom: none;
background: #fff5eb;
padding: 10px 10px;
border: none;
margin: 3em 0;
}

#side .mail-banner .title {
font-size: 140%;
}

#side .mail-banner .title:before {
content: none;
}

#side .mail-banner .copy {
border-top: 1px dashed #FD8A18;
border-bottom: 1px dashed #FD8A18;
margin: 5px 0;
padding: 5px 0;
}

#side .mail-banner .data {
padding: 10px 4px;
border-top: none;
}

#side .mail-banner .data li {
margin: 2px;
}

#side .mail-banner .data li:before {
color: #FD9336;
}

#side .mail-banner .muryo {
top: -10px;
left: 0;
background: #E65709;
}

#side .mail-banner .mail_button a {
display: block;
background: #59AA46;
padding: 5px;
text-align: center;
border-radius: 20px;
color: #ffffff;
}

#side .mail-banner .mail_button a:hover {
opacity: 0.8;
}

#side .calendar dd {
text-align: left;
padding-bottom: 5px;
margin-bottom: 5px;
font-weight: normal;
}

#side .calendar dl {
padding: 0;
}

#side .calendar .li_date {
font-size: 13px;
background: #EDE3D9;
padding: 0 5px;
width: max-content;
}

#side .corner-title.twom_corner {
display: flex;
align-items: center;
background: #8C4C0D;
padding: 5px;
}

#side .corner-title.twom_corner img {
width: 180px;
}

#side .calendar dl {
padding: 10px;
}

#side .next_btn {
display: block;
text-align: end;
margin-right: 10px;
}

#side .next_btn a {
font-weight: bold;
}

#side .box.calendar.pc-only {
border: 1px solid #C6C6C6;
}

#side .next_btn::after {
display: inline-block;
content: url(./images/next_before_btn.svg);
width: 15px;
vertical-align: text-top;
}

#side .box.calendar.pc-only a {
color: #333333;
}

#container.footerbanner_none .footerbanner-top.pc-only {
display: none;
}

/* -----------アルコールページ------------- */

.alc__pagebox .sec_alcnews_list li {
border-bottom: 1px dotted #707070;
padding: 8px;
}

.alc__pagebox .sec_alcnews_list-days {
margin-right: 10px;
}

.alc__pagebox .link_menu {
background: #1A355E;
}

.alc__pagebox .link_menu .link_menu_list {
display: flex;
justify-content: space-evenly;
margin-bottom: 3em;
}

.alc__pagebox .link_menu .link_menu_list li a {
color: #ffffff;
padding: 1em 2em;
}

.alc__pagebox .link_menu .link_menu_list li:hover {
text-decoration: none;
opacity: 0.8;
transition: 0.5s;
}

.link_menu nav li {
list-style: none;
display: block;
width: 100%;
text-align: center;
}

.link_menu nav li:not(:last-child) {
border-right: 2px solid #ddd;
}

.link_menu nav a {
text-decoration: none;
color: #333;
}
@media print,
screen and (min-width: 736px) {

.alc__pagebox .link_menu .link_menu_list li a {
display: block;
margin: 5px;
text-align: center;
padding: 5px 15px;
}
}

/* -----------------------------------------------
3分間ラーニング
------------------------------------------------ */
.threeminutes_learning__witebox {
background: #ffffff;
padding: 1em 0;
}

.threeminutes_learning__toplogo {
display: block;
margin: 1em auto 1.5em auto;
width: 400px;
}

.threeminutes_learning__inmenu .threeminutes_learning__inmenu_cont {
display: flex;
justify-content: space-evenly;
margin-bottom: 3em;
align-items: center;
}

.threeminutes_learning__inmenu .threeminutes_learning__inmenu_cont li {
list-style: none;
display: block;
width: 100%;
text-align: center;
background: #006E31;
}

.threeminutes_learning__inmenu .threeminutes_learning__inmenu_cont li:hover {
opacity: 0.8;
}

.threeminutes_learning__inmenu .threeminutes_learning__inmenu_cont li:not(:last-child) {
border-right: 2px solid #ddd;
}

.threeminutes_learning__inmenu .threeminutes_learning__inmenu_cont li a {
display: block;
margin: 5px;
text-align: center;
padding: 5px 15px;
color: #ffffff;
}

.threeminutes_learning__inmenu .threeminutes_learning__inmenu_cont li a:hover {
text-decoration: none;
opacity: 0.8;
}

.threeminutes_learning__inmenu .threeminutes_learning__inmenu_cont li a.wide_newcontent {
width: 220px;
}

.threeminutes_learning__witebox .wrap {
text-align: center;
font-weight: bold;
letter-spacing: 2px;
padding: 0 1em;
}

.threeminutes_learning__witebox .wrap h2 {
margin: 2em auto;
}

.threeminutes_learning__witebox .subTitle {
display: inline-block;
font-size: 120%;
margin-bottom: 20px;
padding: 5px 20px;
background: #F44F12;
color: #fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.threeminutes_learning__witebox .thmin_simple_li {
width: 100%;
max-width: 600px;
margin: 0 auto 20px auto;
text-align: left;
}

.threeminutes_learning__witebox .moushikomi_3min {
color: #ffffff;
background: #F44F12;
padding: 20px;
display: inline-block;
margin: 20px;
font-weight: bold;
border-radius: 10px;
box-shadow: 0px 0px 5px -1px #777777;
}

.threeminutes_learning__witebox .moushikomi_3min:hover {
text-decoration: none;
opacity: 0.8;
}

.threeminutes_learning__witebox #sample .clearfix {
margin-bottom: 40px;
}

.threeminutes_learning__witebox #sample .movieTitle {
color: #fff;
margin-bottom: 10px;
}

.threeminutes_learning__witebox #sample .movieL {
float: left;
width: 50%;
}

.threeminutes_learning__witebox #sample .movieR {
float: right;
width: 50%;
}

.threeminutes_learning__witebox #sample .wrap-sub {
width: auto;
max-width: 450px;
margin: 1em auto;
padding: 5px 5px;
text-align: center;
background: #006E31;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.threeminutes_learning__witebox #copyright {
display: block;
text-align: center;
margin: 2em auto;
}

.threeminutes_learning__witebox .th_sample_youtbe {
width: 100%;
aspect-ratio: 16 / 9;
}

.threeminutes_learning__witebox .th_sample_youtbe iframe {
width: 100%;
height: 100%;
}

@media only screen and (max-width: 736px) {
.threeminutes_learning__inmenu .threeminutes_learning__inmenu_cont {
flex-direction: column;
}

.threeminutes_learning__inmenu .threeminutes_learning__inmenu_cont li a.wide_newcontent {
width: auto;
}

.threeminutes_learning__inmenu .threeminutes_learning__inmenu_cont li:not(:last-child) {
border-bottom: 1px solid #ddd;
}

.threeminutes_learning__witebox #sample .movieL,
.threeminutes_learning__witebox #sample .movieR {
float: none;
width: auto;
}

.threeminutes_learning__toplogo {
width: 300px;
}
}

.threeminutes_learning__witebox-dvd_page h1 ,.threeminutes_learning__witebox-dvd_page h2 {
background: #F44F12;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 200%;
margin-bottom: 20px;
padding: 20px;
}

.threeminutes_learning__witebox-dvd_page h3 {
background: #006E31;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 150%;
margin-bottom: 20px;
padding: 10px;
}

.threeminutes_learning__witebox-dvd_page h4 {
border: none;
background: #006E31;
text-align: center;
color: #fff;
margin-bottom: 5px;
padding: 0;
line-height: 1.5;
}

.threeminutes_learning__witebox-dvd_page .dvd-data {
width: 80%;
margin: 0 auto;
padding: 20px;
font-weight: normal;
}

.threeminutes_learning__witebox-dvd_page .dvd-data ul.shiyo li {
margin-bottom: 5px;
padding: 0 0 5px 5px;
border-bottom: 2px dotted #006E31;
font-weight: normal;
}

.threeminutes_learning__witebox-dvd_page .floatL,.threeminutes_learning__witebox-dvd_page .floatR {
width: 50%;
}

.threeminutes_learning__witebox-dvd_page .l__dvd_data {
width: 400px;
margin: 0 auto;
}

.threeminutes_learning__witebox-dvd_page .l__dvd_data .clearfix.dvd_clearfix{
padding: 0 40px;
margin: 0;
}

@media only screen and (max-width: 736px) {
.threeminutes_learning__witebox-dvd_page .floatL,.threeminutes_learning__witebox-dvd_page .floatR {
float: none;
width: auto;
}
.threeminutes_learning__witebox-dvd_page .l__dvd_data {
width: auto;
}

.threeminutes_learning__witebox-dvd_page .l__dvd_data .clearfix.dvd_clearfix{
padding: 0;
}
}

/* -----------------------------------------------
健康サービス サービスページ
------------------------------------------------ */
.system__pagebox.service__pagebox .system_pr__box {
background: #ffffff;
margin: 1em auto;
padding: 1em;
border-top: 1em solid #ff9473;
}

.system__pagebox.service__pagebox .system_pr .system_pr__title a {
color: #60320F;
}

.system__pagebox.service__pagebox .system_pr .system_pr_title-background {
background: none;
border: none;
margin-top: 0;
margin-bottom: 2em;
border-bottom: 1px dotted #9c9c9c;
}

.service__genremenu_box {
margin: 1em auto;
}

.service__genremenu_box .service__genremenu_l {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.service__genremenu_l li:not(:last-child) {
margin-right: 0.5em;
}

.service__genremenu_l li a {
display: flex;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding: 0.5em;
background: #fff;
color: #60320F;
font-size: 90%;
font-weight: bolder;
border: 1px dotted;
border-radius: 25px;
}

.service__genremenu_l li a:before {
display: block;
width: 18px;
max-height: 15px;
margin-right: 0.3em;
color: #DF7978;
}

.service__genremenu_box h4 {
font-weight: bold;
color: #60320F;
font-size: 90%;
}

.service__genremenu_l li a.cat0:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat0.svg);
}

.service__genremenu_l li a.cat1:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat1.svg);
}

.service__genremenu_l li a.cat2:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat2.svg);
}

.service__genremenu_l li a.cat3:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat3.svg);
}

.service__genremenu_l li a.cat4:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat4.svg);
}

.service__genremenu_l li a.cat5:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat5.svg);
}

.service__genremenu_l li a.cat6:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat6.svg);
}

.service__genremenu_l li a.cat7:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat7.svg);
}

.service__genremenu_l li a.cat8:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat8.svg);
}

.service__genremenu_l li a.cat9:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat9.svg);
}

.service__genremenu_l li a.cat10:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat10.svg);
}

.service__genremenu_l li a.cat11:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat11.svg);
}

.service__genremenu_l li a.cat12:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat12.svg);
}

.service__genremenu_l li a.cat13:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat13.svg);
}

.service__genremenu_l li a.cat14:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat14.svg);
}

.service__genremenu_l li a.cat15:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat15.svg);
}

.service__genremenu_l li a.cat99:before {
content: url(https://tokuteikenshin-hokensidou.jp/health_service/images/serviceicon_cat99.svg);
}

.service__genremenu_l li a:hover {
text-decoration: none;
background: #faf3ed;
}

.system__pagebox.service__pagebox .categories {
display: flex;
flex-wrap: wrap;
margin-bottom: 1em;
}

.system__pagebox.service__pagebox .categories li a {
display: block;
padding: 0 5px;
background: #fff;
color: #60320F;
font-weight: bolder;
border: 1px dotted;
font-size: 90%;
margin-top: 5px;
}

.system__pagebox.service__pagebox .categories li:not(:last-child) {
margin-right: 5px;
}

.system__pagebox.service__pagebox .categories li a:hover {
text-decoration: none;
background: #faf3ed;
}
.system__pagebox.service__pagebox .system_flee__title a {
color: #60320F;
}

.system__pagebox.service__pagebox  .fdetail_btn {
color: #60320F;
}

.system__pagebox.service__pagebox .system_flee__box .system_flee {
border-top: 1em solid #D2C8BE;
}

.system__pagebox.service__pagebox .fdetail_btn:after {
color: #FFC176;
}

.system__pagebox.service__pagebox .system_pr .detail_btn {
background: no-repeat;
border: 1px solid #60320F;
color: #60320F;
}

.system__pagebox.service__pagebox .remarks__lbox .remarks__list .recom_point {
background: #42754f;
}

.system__pagebox.service__pagebox .system_pr .marker {
background-color: #fffade;
}

.system__pagebox.service__pagebox .system_pr .detail_btn:after {
font-family: FontAwesome;
content: "\f105";
margin-left: 7px;
font-size: 15px;
}

.system__pagebox.service__pagebox .system_pr .detail_btn:hover{
background: #faf3ed;
}

.system__pagebox.service__pagebox .pagenate ul li span {
background: #60320F;
}

.system__pagebox.service__pagebox .pagenate ul li a {
color: #60320F;
}

.system__pagebox.service__pagebox .pagenate ul li .link_page:hover{
background: #D2C8BE;
}

.system__pagebox.service__pagebox .tobira-system_pr__box {
border-top: 10px solid #ff9473;
}

.system__pagebox.service__pagebox .pr__pcbox {
display: flex;
align-items: center;
}

.system__pagebox.service__pagebox .pr__pcbox .categories {
margin-bottom: 0;
}

.system__pagebox.service__pagebox .pr__pcbox .categories li a{
margin-top: 0;
margin-left: 8px;
}

.health_bannerarea {
display: block;
margin: 1em auto;
text-align: center;
}

.health_bannerarea p {
margin-bottom: 5px;
}

.health_topbtn a {
display: block;
margin: 1em auto;
text-align: center;
padding: 1em;
background: #fff;
width: max-content;
border: 2px solid #60320F;
border-radius: 35px;
color: #60320F;
font-weight: bold;
}

.health_topbtn a:hover {
text-decoration: none;
opacity: 0.8;
}

@media only screen and (max-width: 736px) {
.service__genremenu_box {
margin: 1em auto;
}

.service__genremenu_l li{
margin-top: 5px;
}

.service__genremenu_l li:not(:last-child) {
margin-right: 5px;
}

.service__genremenu_l li a {
margin: auto;
padding: 5px 10px;
font-size: 80%;
}
}

/* -----------------------------------------------
第４期特定健診・特定保健指導
------------------------------------------------ */

#main h2,#main .h2__title_unora {
display: flex;
align-items: center;
padding-bottom: 0;
font-weight: bold;
letter-spacing: 1px;
border-bottom: 1px solid #D17F8B;
color: #717171;
}

#main .h2__title_unora:before {
font-family: FontAwesome;
content: "\f1ea";
color: #AD5F6C;
font-size: 30px;
font-weight: normal;
margin-right: 5px;
}

#main .h2__title_unora.h2__title_unora_doc:before {
content: "\f02d";
}

#main .h2__title_unora.h2__title_unora_link:before {
content: "\f005";
}

#main .leadsentence__box {
margin: 1em 0 2em 0;
padding: 0.5em 1.5em;
border-top: none;
border-bottom: none;
background: #f5f5f5;
}

#main.sp_page .sp_page img {
width: 100%;
display: block;
margin: auto;
}

#main.sp_page .sp_page_news {
display: flex;
margin: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #C6C6C6;
}

#main.sp_page .sp_page_news_title {
margin-left: 20px;
width: 85%;
}

#main.sp_page .sp_page_opibox {
display: flex;
margin: 10px;
padding-bottom: 10px;
}

#main.sp_page .sp_page_opibox_2 {
width: 85%;
margin-left: 20px;
}

#main.sp_page .sp_page_opibox {
display: flex;
margin: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #C6C6C6;
}

#main.sp_page .myThumbDivAutoAdd.myPic {
margin-right: 15px;
}

#main.sp_page .cornerTitle {
padding: 10px 5px;
border-top: 5px solid #F3C759;
}

#main.sp_page .cornerTitle .title::before {
top: .1em;
left: .1em;
z-index: 2;
width: 20px;
height: 20px;
background: #F3C759;
}

#main.sp_page .cornerTitle .title::after {
top: .7em;
left: .7em;
width: 15px;
height: 15px;
background: #E58611;
}

#main .fp__linklist li {
display: flex;
align-items: center;
padding: 1em 0;
border-bottom: 1px dashed #C6C6C6;
}

#main .fp__linklist .bk_icon_box {
display: flex;
justify-content: center;
align-items: center;
background: #d9939f;
max-width: 60px;
min-width: 60px;
max-height: 60px;
min-height: 60px;
margin-right: 10px;
padding: 3px;
border-radius: 35px;
}

#main .fp__linklist li img {
max-width: 40px;
min-width: 40px;
height: auto;
}

#main .sp_page_box .button a {
background: #ffffff;
color: #AD5F6C;
padding: 0.5em 1em;
border-radius: 20px;
border: 1px solid;
box-shadow: none;
font-size: 90%;
}

.sp_banner_area a {
display: block;
text-align: center;
margin: 1em 0;
}

.sp_page_box {
margin: 3em 0;
}

/* -----------------------------------------------
新型コロナと保健指導 感染症関連情報とBCP対策
------------------------------------------------ */

#main .h2__title_unora.h2__title_unora_covidop:before {
content: "\f007";
}

#main.sp_page.covid19_tobira .cornerTitle {
padding: 10px 5px;
border-top: 5px solid #F3C759;
}

#main.sp_page.covid19_tobira .cornerTitle .title::before {
top: .1em;
left: .1em;
z-index: 2;
width: 20px;
height: 20px;
background: #F3C759;
}

#main.sp_page.covid19_tobira .cornerTitle .title::after {
top: .7em;
left: .7em;
width: 15px;
height: 15px;
background: #E58611;
}

#main.sp_page.covid19_tobira .covid19_news {
display: flex;
margin: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #C6C6C6;
}

#main.sp_page.covid19_tobira .covid19_news_title {
margin-left: 20px;
width: 85%;
}

#main.sp_page.covid19_tobira .covid19_opibox {
display: flex;
margin: 10px;
padding-bottom: 10px;
}

#main.sp_page.covid19_tobira .covid19_opibox_2 {
width: 85%;
margin-left: 20px;
}

#main.sp_page.covid19_tobira .covid19_opibox {
display: flex;
margin: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #C6C6C6;
}

#main.sp_page.covid19_tobira .myThumbDivAutoAdd.myPic {
margin-right: 15px;
}

#main.sp_page.covid19_tobira .h2__title_unora:before {
color: #1565a4;
}

#main.sp_page.covid19_tobira h2, #main.sp_page.covid19_tobira .h2__title_unora {
border-bottom: 1px solid #1565a4;
}

#main.sp_page.covid19_tobira .fp__linklist .bk_icon_box {
background: #6ba5d2;
}

#main.sp_page.covid19_tobira .sp_page_box .button a {
color: #1565a4;
}

/* -----------------------------------------------
健康管理システム・健康支援サービスページ＿アドマネ追加
------------------------------------------------ */
.kiji_ad_box {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 100%;
}

.kiji_ad_box .kiji_ad_box__farst_ad {
margin-right: 28px;

}

@media only screen and (max-width: 736px) {
.kiji_ad_box .kiji_ad_box__farst_ad {
margin: 1em auto;
}
}


@media only screen and (max-width: 736px) {
.kiji_ad_box {
width: 100%;
}
.kiji_ad_box > div {
position: relative;
width: 100%;
height: 0;
padding-top: 100px;
overflow: auto;
}

.kiji_ad_box div iframe {
position: absolute;
top: 0;
left: 0;
border: none;
display: block;
transform-origin: 0 0;
left: 50%;
transform: scale(0.65) translateX(-50%);
-webkit-transform: scale(0.65) translateX(-50%);
-ms-transform: scale(0.65) translateX(-50%);
}

}

.affiliate__box {
display: block;
text-align: center;
}

.affiliate__box img {
max-width: 300px;
width: auto;
border: 1px solid #e3e3e3;
}

.affiliate__box a:hover {
opacity: 0.8;
text-decoration: none;
}

.affiliate__box span {
display: block;
width: max-content;
margin: auto;
color: #333;
padding: 0 10px;
margin-top: 1em;
font-size: 90%;
}

#main.reference .honbun .affiliate__box a:after {
content: none;
}

/* -----------------------------------------------
感染症・災害・BCP対策 追加
------------------------------------------------ */

#main.ic_dp_bcp .h2__title_unora_link:before {
color: #FFD57A;
}

#main.ic_dp_bcp .h2__title_unora:before{
color: #FFD57A;
}

#main.ic_dp_bcp h2, #main .h2__title_unora {
border-bottom: 1px solid #FFD57A;
}

#main.ic_dp_bcp .sp_page_box .button a {
color: #9D6C4C;
}

#main.ic_dp_bcp h3 img {
width: 50px;
margin-right: 2px;
}

#main.ic_dp_bcp h3 {
color: #9D6C4C;
display: flex;
align-items: center;
font-weight: bold;
font-size: 120%;
margin-top: 1em;
}

#main.ic_dp_bcp ul.list_disc {
margin: 0 3em;
}

#main.ic_dp_bcp .ic_dp_bcp__lilist {
padding-bottom: 2em;
border-bottom: 1px dashed #C6C6C6;
}

ul.inlist li {
list-style: none;
padding-left: 1em;
text-indent: -1em;
}

ul.inlist li:before {
font-family: FontAwesome;
content: "\f138";
margin-right: 5px;
color: #1A355E;
}

/* -----------------------------------------------
健康管理システム・ 健康支援サービスについて
------------------------------------------------ */
.main-images {
border-top: 3px solid #333;
border-bottom: 3px solid #333;
}

.main-images img {
display: block;
margin: auto;
}

.lp_health_system-service p{
padding: 1em;
font-size: 16px;
letter-spacing: 1.5px;
}

.lp_health_system-service ul {
margin: 1em auto;
}

.lp_health_system-service ul li {
font-size: 16px;
letter-spacing: 1.5px;
}

.lp_health_system-service h2 {
font-size: 2rem;
font-weight: bold;
text-align: center;
color: #1A355E;
}

.lp_health_system-service h3 {
text-align: center;
color: #ffffff;
font-size: 1.8rem;
font-weight: bold;
}

.lp_health_system-service .cont_lbox {
display: flex;
flex-wrap: wrap;
}

.lp_health_system-service .cont_box {
flex: 1 1 40%;
padding: 1.5em;
background: #2B6B99;
position: relative;
}

.lp_health_system-service .cont_box .qa_box {
background: #fff;
padding: 1em;
border-radius: 30px;
margin-bottom: 3em;
}

.lp_health_system-service .cont_box .service_box .qa_box {
background: #fff;
padding: 1em;
border-radius: 30px;
margin-bottom: 3em;
}

.lp_health_system-service .cont_box .qa_q {
font-size: 1.4rem;
font-weight: bold;
display: flex;
align-items: center;
color: #58A5CE;
}

.lp_health_system-service .qa_box.bottompad p {
padding-bottom: 4.5em;
}

.lp_health_system-service .cont_box .qa_a {
color: #F29637;
}

.lp_health_system-service .cont_box .qa_q:before {
content: url(/images/lp_qa_q.png);
padding-right: 10px;
}

.lp_health_system-service .cont_box .qa_q.qa_a:before {
content: url(/images/lp_qa_a.png);
}

.lp__titlebox {
max-width: 500px;
margin: 0 auto;
}

.lp__titlebox .lp__titleboxin {
margin: 0 auto 60px;
}

.lp__titlebox .lp__titleboxin div {
background: #fff;
}

.lp__titlebox .lp__titleboxin p {
font-size: 100%;
}

.lp__titlebox .lp__titleboxin::after {
content: '';
display: block;
background-color: #fff;
clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
width: 100%;
height: 50px;
margin-top: -0.5px;
}

.lp__subtitle {
text-align: center;
padding-top: 1em;
font-size: 130%;
font-weight: bold;
}

.lpbtn a {
display: block;
margin: auto;
text-align: center;
background: #fff;
color:#2B6B99 ;
padding: 1em;
border-radius: 30px;
font-weight: bold;
font-size: 120%;
}

.triangle3{
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid #fff;
margin: 2em auto;
}

.btn_box{
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
margin: 4em auto;
}

#btn_animation .btn {
display: block;
position: relative;
width: 350px;
height: 68px;
line-height: 68px;
font-size: 18px;
border-radius: 39px;
text-decoration: none;
background-color: #fff;
color: #2B6B99 ;
text-align: center;
transition: .5s;
font-weight: bold;
letter-spacing: 2px;
}

.service_box #btn_animation .btn {
color: #60320F;
}

#btn_animation .btn:hover{
background: #00A1F2;
color: #fff;
}

.service_box #btn_animation .btn:hover {
background: #F29637;
}

#btn_animation .btn:before, #btn_animation .btn:after {
content: "";
position: absolute;
z-index: -10;
width: 350px;
height: 68px;
top: 0;
left: 0;
border-radius: 39px;
background: #fff;
transform: translate3d(0,0,0);
}

#btn_animation .btn:before {
animation: anime 2s ease-out infinite;
}

#btn_animation .btn:after {
animation: anime 2s ease-out 2s infinite;
}

@keyframes anime{
0%{transform:scale(.95); opacity:1}
50%{opacity:.1}to{transform:scale(1.2,1.4); opacity:0}
}

.imgfoot_1 {
margin-top: 7em;
width: 400px;
display: block;
float: right;
}

@media screen and (max-width: 735px) {
.lp_health_system-service .cont_lbox {
flex-direction: column;
}

.lp__titlebox {
max-width: 100%;
}

.lp_health_system-service .qa_box.bottompad p{
padding-bottom: 1em;
}

#btn_animation .btn,#btn_animation .btn:before, #btn_animation .btn:after {
width: 300px;
}
.lp_health_system-service h2 {
font-size: 1.7rem;
}
.lp__subtitle {
font-size: 100%;
}

.lp__titlebox .lp__titleboxin {
margin: 0 auto 30px;
}
}

/* -----------------------------------------------
アンケートCSS
------------------------------------------------ */

#main .aq_question {
margin: 1em auto 3em auto;
}

#main .bargraph {
font-size: .9em;
}

#main .aq_question h4 {
color: #004b9a;
font-size: 110%;
}

#main .bargraph > .bargraph__inbox {
margin-bottom: 7px;
}

#main .bargraph .bargraph__inbox dt {
width: 90%;
text-align-last: unset;
margin: auto;
font-size: 110%;
}

#main .bargraph .bargraph__inbox dd {
display: flex;
width: 90%;
margin: auto;
background-color: #f6f6f7;
}

#main .bargraph .bargraph__inbox span {
display: inline-block;
padding-right: 15px;
border-radius: 0;
background-color: #52b7ff;
color: #fff;
font-weight: bold;
line-height: 36px;
text-align: right;
white-space: nowrap;
min-height: 35px;
}

#main .bargraph .bargraph__inbox div { 
align-self: center;
margin-left: auto;
margin-right: 0.5em;
font-size: 120%;
}

.piechart {
position: relative;
width: 300px;
height: 300px;
border-radius: 50%;
margin: 1em auto;
}

#main .piechart div {
font-size: 130%;
color: #fff;
}

#main .medical_piechart .piechart div {
color: #3A3A3A;
}

#main .bargraph .bargraph__inbox span.medicalbar {
background-color: #00b9a6;
}

#main .lifescan_flex.piechart_box {
display: flex;
align-items: center;
}

#main .lifescan_flex.piechart_box {
justify-content: center;
}

#main .lifescan_flex.piechart_box i {
margin-right: 5px;
}

@media screen and (max-width:890px){
#main .piechart {
margin: 1em auto;
}

#main .lifescan_flex.piechart_box {
flex-direction: column;
align-items: baseline;
}
}

.aq_page .list_disc.discauto li {
list-style: auto;}

.aq_page .bluebox { 
border: 4px solid #027bd1;
padding: 1em;
border-radius: 30px;
margin: 1em auto 2em auto;
}

.aq_page .bluebox h5 {
font-weight: bold;
color: #027bd1;
margin-bottom: 0.5em;
}

#main .aq_page h2{
font-size: 120%;
background: #004b9a;
color: #fff;
padding: 0.5em;
border: none;
}

#main .entryBody .aq_page h3 {
color: #004b9a;
border: none;
padding: 0;
font-size: 110%;
}

.mini_piechart_box .piechart {
width: 200px;
height: 200px;
margin: 1em 2em;
}

.aq_page .flexonly {
display: flex;
margin: 1em 0;
}

.aq_page .flexonly img {
display: block;
width: 130px;
height: 100%;
margin-right: 1em;
}

.aq_page .flexonly p {
font-size: 80%;
}

@media screen and (max-width:890px){
.mini_piechart_box .piechart {
margin: auto;
}

.aq_page .flexonly {
flex-direction: column;
margin: 0;
}

.aq_page .flexonly img {
margin: 1em auto;
}
}

/* -----------------------------------------------
メンタルヘルスサービス
------------------------------------------------ */

.system__pagebox.service__pagebox.mental_health__page .system_pr__box {
border-top: 1em solid #f06071;
}


.system__pagebox.service__pagebox.mental_health__page .system_flee__box .system_flee {
border-top: 1em solid #bfa5a5;
}

.system__pagebox.service__pagebox.mental_health__page .remarks__lbox .remarks__list .recom_point {
background: #007679;
}

.system__pagebox.service__pagebox.mental_health__page .system_flee__title a {
color: #4c4545;
}

.system__pagebox.service__pagebox.mental_health__page .system_pr .system_pr__title a {
color: #4c4545;
}

.system__pagebox.service__pagebox.mental_health__page .system_pr .detail_btn {
border: 1px solid #4c4545;
color: #4c4545;
}

.system__pagebox.service__pagebox.mental_health__page .fdetail_btn {
color: #4c4545;
}

.system__pagebox.service__pagebox.mental_health__page .fdetail_btn:after {
color: #90cd01;
}

.system__pagebox.service__pagebox.mental_health__page .pagenate ul li span {
background: #4c4545;
}

.system__pagebox.service__pagebox.mental_health__page .service__genremenu_box {
background: #fff;
padding: 1em;
max-width: 80%;
}

.system__pagebox.service__pagebox.mental_health__page .service__genremenu_box .service__genremenu_l {
justify-content: start;
}

.system__pagebox.service__pagebox.mental_health__page .service__genremenu_l li a:hover {
background: #bfa5a5;
color: #fff;
}

.system__pagebox.service__pagebox.mental_health__page .service__genremenu_box h4 {
color: #4c4545;
}

.system__pagebox.service__pagebox.mental_health__page .service__genremenu_l li a {
color: #4c4545;
}

/* -----------------------------------------------
コンパス
------------------------------------------------ */

.cmps_pagebox {
padding-bottom: 3em;
background-image: url(/compass/images/cmps_background.jpeg);
background-size: contain;
}

.cmps_pagebox a:hover {
text-decoration: none;
}

.cmps_pagebox .pagelink {
padding: 1em 0;
}

.cmps_pagebox .pagelink .pagelink_list {
display: flex;
justify-content: center;
}

.cmps_pagebox .pagelink .pagelink_list li {
display: flex;
flex-direction: column;
align-items: center;
background: #00A956;
color: #fff;
font-weight: bold;
font-size: 120%;
padding: 0.5em 0.5em 0 0.5em;
margin: 0 3px;
letter-spacing: 1px;
width: 235px;
line-height: normal;
position: relative;
}

.cmps_pagebox .pagelink .pagelink_list.comp__linklist li a {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.cmps_pagebox .pagelink .pagelink_list li span {
display: flex;
justify-content: center;
align-items: center;
}

.cmps_pagebox .pagelink .pagelink_list .l_list {
border-radius: 13px 0 0 13px;
}
.cmps_pagebox .pagelink .pagelink_list .r_list {
border-radius: 0 13px 13px 0;
background: #00ACD4;
}


.cmps_pagebox .pagelink .pagelink_list li img {
display: block;
width: 55px;
height: 55px;
margin-right: 10px;
}

.cmps_pagebox .banner_area {
margin: 1em auto;
}

.cmps_pagebox .banner_area img {
display: block;
margin: 2em auto;
}

.cmps_pagebox .cmps_page__title {
position: relative;
text-align: center;
background: #00A956;
max-width: 900px;
margin: 6em auto 1em auto;
border-radius: 10px;
}

.cmps_pagebox .cmps_page__title:before,
.cmps_pagebox .cmps_page__title:after {
position: absolute;
content: '';
}

.cmps_pagebox .cmps_page__title:before {
top: -40px;
left: calc(50% - 40px);
width: 80px;
height: 80px;
border-radius: 50%;
background: #00A956;
}

.cmps_pagebox .cmps_page__title:after {
top: 4px;
left: 4px;
width: calc(100% - 8px);
height: calc(100% - 8px);
background: #00A956;
}

.cmps_pagebox .cmps_page__title i {
font-size: 30px;
font-style: normal;
line-height: 60px;
position: absolute;
z-index: 2;
top: -40px;
left: calc(50% - 40px);
width: 80px;
height: 60px;
text-align: center;
color: #fff;
}

.cmps_pagebox .cmps_page__title span {
position: relative;
z-index: 1;
display: block;
padding: 10px;
font-size: 200%;
font-weight: bold;
color: #fff;
}

.cmps_pagebox .cmps_page__title span:before,
.cmps_pagebox .cmps_page__title span:after {
position: absolute;
content: '';
}

.cmps_pagebox .cmps_page__title span:before {
top: -34px;
left: calc(50% - 34px);
width: 68px;
height: 40px;
border-radius: 50vw 50vw 0 0;
}

.cmps_pagebox .shadow_box {
padding: 1em;
max-width: 870px;
margin: 2em auto;
background: #fff;
border-radius: 10px;
box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
}

.cmps_pagebox .shadow_box h3 {
display: flex;
align-items: center;
font-size: 140%;
font-weight: bold;
}

.cmps_pagebox .shadow_box h3:before {
font-size: 200%;
font-weight: bold;
margin-right: 0.4em;
font-family: auto;
}

.cmps_pagebox .shadow_box.q_box h3:before {
content: "Q";
color: #05ACD4;
}

.cmps_pagebox .shadow_box.a_box h3:before {
content: "A";
color: #F8748E;
}

.cmps_pagebox .shadow_box h4 {
color: #026e38;
font-size: 120%;
font-weight: bold;
text-align: center;
}

.cmps_pagebox .shadow_box h5 {
display: flex;
align-items: center;
font-size: 105%;
font-weight: bold;
margin: 1em auto 0.3em auto;
}

.cmps_pagebox .shadow_box h5:before {
width: 0.8em;
height: 0.4em;
border-bottom: 4px solid #00A956;
border-left: 4px solid #00A956;
transform: rotate(-45deg) translate(2px, -2px);
content: '';
margin-right: 10px;
}

.cmps_pagebox .point_box {
border: 4px dotted #026e38;
padding: 2em;
margin: 2em 1em;
position: relative;
}

.cmps_pagebox .point_box h4{
position: absolute;
display: inline-block;
top: -1rem;
left: 50%;
transform: translateX(-50%);
padding: 0rem 1rem;
background-color: white;
}

.cmps_pagebox .box-body {
padding: 1rem;
line-height: 2;
letter-spacing: 1px;
}

.cmps_pagebox .blank_btn {
display: block;
color: #333;
text-decoration: underline;
}

.cmps_pagebox .blank_btn:before {
font-family: FontAwesome;
content: "\f144";
font-weight: normal;
margin-right: .2em;
color: #05ACD4;
}

.shadow_box.lwide_box {
border-top: 7px solid #00ACD4;
border-bottom: 7px solid #00ACD4;
max-width: none;
box-shadow: none;
border-radius: unset;
}
.shadow_box.lwide_box h3{
position: relative;
display: block;
text-align: center;
}

.shadow_box.lwide_box h3:before{
content: attr(data-en);
display: block;
color: #e04272;
font-size: 20px;
font-style: italic;
text-transform: uppercase;
}

.cmps_pagebox .pagelink.qalist .pagelink_list li {
background: #fff;
color: unset;
font-size: 90%;
padding: 0.5em;
justify-content: center;
flex-direction: unset;
}

.cmps_pagebox .pagelink.qalist .pagelink_list li:before {
font-family: auto;
content: "Q";
color: #00ACD4;
font-size: 20px;
margin-right: 10px;
}

.cmps_pagebox .clickjump {
text-align: center;
background: #00ACD4;
color: #fff;
max-width: 730px;
width: auto;
margin: auto;
padding: 0.2em 1em;
font-weight: bold;
}

.cmps_pagebox .img_r {
float: right;
max-width: 240px;
width: 100%;
margin: 0 0 1em 1em;
}

.cmps_pagebox .acdbox-01 {
margin: 1em 0;
border: 2px solid #d0d0d0;
border-radius: 5px;
}

.cmps_pagebox .acdbox-01 summary {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 1em 2em;
color: #333333;
font-weight: 600;
cursor: pointer;
}

.cmps_pagebox .acdbox-01 summary::-webkit-details-marker {
display: none;
}

.cmps_pagebox .acdbox-01 summary::after {
transform: translateY(-25%) rotate(45deg);
width: 7px;
height: 7px;
margin-left: 10px;
border-bottom: 3px solid #333333b3;
border-right: 3px solid #333333b3;
content: '';
transition: transform .3s;
}

.cmps_pagebox .acdbox-01[open] summary::after {
transform: rotate(225deg);
}

.cmps_pagebox .acdbox-01 p {
transform: translateY(-10px);
opacity: 0;
margin: 0;
padding: .3em 2em 1.5em;
color: #333333;
transition: transform .5s, opacity .5s;
}

.cmps_pagebox .acdbox-01[open] p {
transform: none;
opacity: 1;
}

@media only screen and (max-width: 736px) {
div#content-wrap.content-wrap_compass {
padding: 0;
}
div#content-wrap.content-wrap_compass #breadcrumb {
padding:0 10px;
}

.cmps_pagebox {
padding: 0 10px 10px 1em;
}

.cmps_pagebox .pagelink .pagelink_list {
flex-direction: column;
align-items: center;
}

.cmps_pagebox .pagelink .pagelink_list li {
width: 90%;
font-size: 100%;
}

.cmps_pagebox .pagelink .pagelink_list li span {
align-items: center;
}

.cmps_pagebox .pagelink .pagelink_list li span br {
display: none;
}

.cmps_pagebox .pagelink .pagelink_list .l_list ,.cmps_pagebox .pagelink .pagelink_list .r_list {
border-radius: unset;
}

.cmps_pagebox .pagelink .pagelink_list li img {
width: 40px;
height: 40px;
}

.cmps_pagebox .cmps_page__title span {
font-size: 120%;
}

.cmps_pagebox .shadow_box h3 {
font-size: 110%;
}

.cmps_pagebox .clickjump {
padding: 0.2em 5px;
}

.cmps_pagebox .pagelink.qalist .pagelink_list li {
width: 95%;
justify-content: left;
border-bottom: 1px dotted #999;
}

.cmps_pagebox .img_r {
float: none;
margin: auto;
display: block;
}

.cmps_pagebox .box-body {
padding: 1em 0;
}

.cmps_pagebox .shadow_box {
padding: 10px;
}

.cmps_pagebox .point_box {
margin: 2em 5px;
padding: 10px;
}

.cmps_pagebox ul.disc {
padding: 0;
}

.cmps_pagebox .point_box h4 {
position: relative;
padding: 0 5px;
font-size: 100%;
width: 90%;
top: 5px;
}

.cmps_pagebox .acdbox-01 summary {
padding: 1em;
}
}

.greenpoint {
display: contents;
color: #00A956;
}

.grayback {
background: #e3e3e3;
padding: 0.5em;
}

/* -----------------------------------------------
スクロール表
------------------------------------------------ */

table.js-scrollable_dec td {
border: 2px solid #d8d7d7;
padding: 0.5em;
width: auto;
vertical-align: middle;
min-width: 130px;
font-size: 90%;
padding: 10px;
}

table.js-scrollable_dec thead th {
background-color: #6c96ca;
color: #fff;
border: 2px solid #6c96ca;
border-right: 2px solid #d8d7d7;
border-bottom: 2px solid #d8d7d7;
width: auto;
text-align: center;
font-weight: bold;
padding: 10px;
}

/* -----------------------------------------------
コンパス追加コンテンツ
------------------------------------------------ */
.cmps_pagebox {
line-height: 2;
letter-spacing: 1px;
}

.schedule__prof {
display: flex;
align-items: center;
justify-content: center;
max-width: 800px;
margin: 1em auto;
}

.cmps_pagebox .shadow_box .schedule__prof h3 {
font-size: 110%;
}
.schedule__prof img {
max-width: 120px;
margin-right: 1em;
}

.schedule__lbox {
padding: 2em;
}
.schedule {
position: relative;
}
.schedule::before {
position: absolute;
top: 0px;
left: 6.5em;
width: 6px;
height: 100%;
background-color: #deeef7;
content: "";
}

.pattern02 .schedule::before {
background: #ffefca;
}

.pattern03 .schedule::before {
background: #d5fadd;
}

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

.schedule li {
position: relative;
display: flex;
align-items: center;
width: 100%;
}
.schedule li + li {
margin-top: 2em;
}

.schedule_time {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 5em;
height: 2em;
border-radius: 6px;
background-color: #00ACD4;
color: #fff;
text-align: center;
}

.pattern02 .schedule_time {
background: #ffc012;
}
.pattern03 .schedule_time {
background: #009870;
}

.schedule_time::before {
position: absolute;
top: 50%;
right: 0px;
transform: translateX(50%) translateY(-50%) rotate(45deg);
width: 0.5em;
height: 0.5em;
z-index: -1;
background-color: #00ACD4;
content: "";
}

.schedule_time::after {
position: absolute;
top: 50%;
left: 6em;
transform: translateY(-50%);
width: 1em;
height: 1em;
border: 2px solid #fff;
border-radius: 50%;
background-color: #00ACD4;
content: "";
}

.pattern02 .schedule_time::after{
background: #ffc012;
}

.pattern03 .schedule_time::after{
background: #009870;
}

.schedule_content_title {
font-weight: bold;
}

.schedule_content {
margin: 0px 0px 0px 3em;
width: calc(100% - 10em);
}

.red_pointline{
color: #F8748E;
font-weight: bold;
}

.simple_list li {
list-style: disc;
margin-left: 1em;
margin-bottom: 5px;
}

.schedule_content__li {
margin: 1em;
border-top: 2px dotted #b8b8b8;
padding: 1em;
}


.cmps_pagebox a:hover {
opacity: 0.6;
transition: .3s;
}

.cmps_page__news {
max-width: 750px;
background: #fff;
margin: 1em auto;
padding: 1em;
border-left: 4px solid #00A956;
}

.cmps_page__news h3 {
color: #00A956;
font-weight: bold;
font-size: 110%;
}

.cmps_page__news li {
margin: 5px;
font-size: 95%;
}

.cmps_page__news li span {
display: block;
margin-right: 1em;
min-width: 110px;
}

.cmps_page__news li a{
display: flex;
text-decoration: none;
color: #333;
}

.cmps_page__cont {
background: #fff;
margin: 2em auto;
max-width: 800px;
position: relative;
padding: 1em 2em;
}

.cmps_page__cont:after {
border-left: 30px solid transparent;
border-bottom: 30px solid #00ACD4;
content: '';
display: block;
position: absolute;
bottom: 0px;
right: 0px;
}

.cmps_page__cont .conimgbox{
display: block;
width: 30%;
}

.cmps_page__cont .conimgbox img{
transition:1s all;
}

.cmps_page__cont__txt {
padding: 2em;
width: 70%;
}

.cmps_page__cont h4 {
font-size: 120%;
font-weight: bold;
margin-bottom: 0.5em;
}

.cmps_page__cont h4 a{
color: #00ACD4;
}

.cmps_page__cont ul li {
list-style: disc;
margin: 3px 1em;
}

.cmps_page__cont ul li a {
color: #333;
}

.schedule__prof_txt .txt_gb {
background: #00ACD4;
color: #fff;
padding: 4px;
margin-right: 8px;
font-size: 95%;
}

.cmps__subpage_main .box-body h3 {
margin: 0 0 0.5em 0;
background: #026e38;
color: #fff;
padding: 0.5em;
}

.cmps__subpage_main .box-body .yellow_line {
background: linear-gradient(transparent 60%, #ff9 0%);
}
.cmps_page__cont .cmps_page__cont__lbox {
display: flex;
align-items: center;
}

.point_box2 {
border: 3px solid #026e38;
padding: 1em;
margin: 1em auto;
max-width: 600px;
width: auto;
}

.point_box2 h4 {
border-bottom: 1px solid;
margin-bottom: 1em;
}

.disc_auto {
margin: 0 1em 1em;
padding: 0 1em 0 2em;
list-style: auto;
}

.cmps__subpage p {
margin-bottom: 1em;
}

@media only screen and (max-width: 736px) {
.cmps_page__news li a {
flex-direction: column;
}
.cmps_page__cont .cmps_page__cont__lbox {
flex-direction: column;
}
.cmps_page__cont .conimgbox {
width: 200px;
margin: 1em auto 0 auto;
}
.cmps_page__cont__txt {
padding: 1em;
width: 100%;
}
.schedule__lbox {
padding: 1em 0em;
}
.schedule_time {
font-size: 85%;
}
.schedule::before {
left: 5.5em;
}
.schedule_time::after {
left: 6em;
}
.schedule_content {
width: calc(100% - 8em);
}
.schedule__prof {
flex-direction: column;
padding: 1em;
}
}