@charset "utf-8";
/* ------------------------
 トップページ ()
------------------------ */
#mainVisual{position:relative;}
#mv li {display:block;position: relative;overflow: hidden;height: 100vh;}
#mv dl{position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;background:rgba(121,178,106,0.4);color:#fff;text-align:center;line-height:1.8em;font-weight:500}
#mv dd span {display:block;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;font-weight:600;line-height:1;}
#mv dd span a {display: block;position: relative;background: #fff;border: 2px solid #79B26A;color: #79B26A;text-align: center;}
#mv dd span a:before{content:"\e900";font-family:"hkh";position:absolute;color:#79B26A}
#mv dd span a:hover{background:#79B26A;border:2px solid #79B26A;color:#fff;text-decoration: none;}
#mv dd span a:hover:before{color:#fff}
#indexNews {position:relative;width:100%!important;}
#indexNews ul{overflow:hidden;background:#fff}
#indexNews li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;position:relative}
#indexNews li .cat{background:#79B26A;color:#fff;text-align:center;line-height:1}
#indexNews li time{color:#545454;font-weight:600;letter-spacing:0.08em}
#indexNews li p a{color:#545454;text-decoration:underline}
#indexNews li p a:hover{text-decoration:none;color:#79B26A}
#indexLead,#latestPost{text-align:center}
#indexLead article {background:#fff;text-align:center;position:relative;background-repeat:no-repeat;font-size:14px;font-size:1.4rem}
#indexLead article dl dt {line-height: 2;margin-bottom: 10px;}
#indexLead article dl dd {color:#535353;line-height:1.8em}
#indexLead article dl:before{content:"";position:absolute;left:50%;transform:rotate(0deg);-webkit-transform:rotate(0deg)}
#indexLead article a:hover{opacity:0.8;text-decoration: none;}
#indexLead article a{padding:0;display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;z-index:5;font-weight:600;letter-spacing:0.05em}
#indexLead article:nth-child(1){background-image:url(../../img/lead01.jpg)}
#indexLead article:nth-child(2){background-image:url(../../img/lead02.jpg)}
#indexLead article:nth-child(3){background-image:url(../../img/lead03.jpg)}
#latestPost h2{color:#79B26A;font-weight:600}
#latestPost .inner{background:#fff;text-align:left;position:relative}
#latestPost .inner:before{content:"";position:absolute;left:50%;transform:rotate(0deg);-webkit-transform:rotate(0deg)}
#latestPost li{clear:both;background:url(../img/line02.png) repeat-x bottom;background-size:5px 1px;overflow:hidden}
#latestPost li .cat{background:#79B26A;color:#fff;text-align:center;width:80px;padding:4px 0;line-height:1;position:relative;top:2px}
#latestPost li time{color:#545454;font-weight:600;letter-spacing:0.08em}
#latestPost li p a{color:#545454}
#latestPost li p a:hover{color:#79B26A}
#latestPost ul+p{text-align:center}
#latestPost ul+p a{border:2px solid #79B26A;background:#fff;width:200px;margin:0 auto 5px;display:block;font-weight:600;color:#79B26A}
#latestPost ul+p a:before{content:"\e900";font-family:"hkh";position:relative}
#latestPost ul+p a:hover{color:#fff;background:#79B26A;text-decoration:none}
@media screen and (min-width: 961px), print {
.swiper-container {width: 100%;height:100vh}
ul#mv li {display: block;height: 100%;background-size: cover;}
#mv dl {width:500px;height:240px;}
#mv dt {font-size:30px;font-size:3rem;padding:30px 20px 0;font-weight: bold;}
#mv dd {padding:20px 15px;font-size:18px;font-size:1.8rem;}
#mv dd span {width:200px;font-size:13px;font-size:1.3rem;margin:30px auto 0;line-height: 55px;}
#mv dd span a:before{left: 20px;}
#index #wrap{padding:20px}
#indexNews:after{background:#999;width:1px;height:30px;display:block;position:absolute;top:50%;left:50%;content:"";display:block;margin-top:-15px}
#indexNews li{width:50%;float:left;padding:28px 25px 6px}
#indexNews li .cat{padding:4px 18px;position:absolute;top:8px;left:25px;font-size:11px;font-size:1.1rem}
#indexNews li time{font-size:13px;font-size:1.3rem;padding:2px 15px 0 0;float:left}
#indexNews li p{float:left}
#indexNews li p a{font-size:12px;font-size:1.2rem}
#indexLead,#latestPost{width:920px;margin:0 auto 40px}
#indexLead article:nth-child(3n+2){margin:0 19px}
#indexLead article:nth-child(n+4) {margin-top: 19px;}
#indexLead article {width:293px;float:left}
#indexLead article dl{padding: 15px 15px 30px;text-align: center;}
#indexLead article dl:before{border:18px solid transparent;border-bottom:18px solid #fff;top:162px;margin:0 0 0 -18px}
#latestPost h2{font-size:24px;font-size:2.4rem;margin:0 auto 30px}
#latestPost .inner{padding:20px}
#latestPost .inner:before{border:18px solid transparent;border-bottom:18px solid #fff;top:-34px;margin:0 0 0 -18px}
#latestPost li{padding:12px 0}
#latestPost li .cat{font-size:11px;font-size:1.1rem}
#latestPost li time{font-size:12px;font-size:1.2rem;padding:2px 40px 0}
#latestPost li .cat,#latestPost li time{float:left}
#latestPost li p{width:645px;float:right}
#latestPost li p a{font-size:14px;font-size:1.4rem;text-decoration:underline}
#latestPost ul+p{padding:30px 0 10px}
#latestPost ul+p a{font-size:13px;font-size:1.3rem;height:55px;line-height:53px;padding:0 16px}
#latestPost ul+p a:before{top:0px;float:left}
#latestPost ul+p a:hover:before{color:#fff}}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, #indexNews li .cat{padding:6px 18px 2px}#indexLead article a{padding:90px 0 0}#latestPost li .cat{padding:6px 8px 2px}
#latestPost ul+p a{padding:3px 16px 0}#latestPost ul+p a:before{top:-3px}
#mv dd:after{padding:22px 0 0}
}
@media screen and (min-width: 768px) and ( max-width:959px){
#indexLead article {width:100%;margin:0 auto 10px;padding: 10px;background:#fff;text-align:center;padding:0;position:relative;}
#indexLead article a {display: block;overflow: hidden;position: relative;}
#indexLead article a figure {float: left;}
#indexLead article a figure img {vertical-align: bottom;}
#indexLead article dl {position: relative;padding: 20px 40px 20px 20px;overflow: hidden;}
#indexLead article a:hover{opacity:0.8;text-decoration:none}
#indexLead article a:before{content:"\e900";font-family:"hkh";position:absolute;right: 20px;top:90px}
}
@media screen and (max-width: 767px){
#indexLead article a:before{top:86px}
#indexLead article {width:100%;margin:0 auto 10px;padding: 10px;}
#indexLead article a {font-size:13px;font-size:1.3rem;line-height:1.5em}
#indexLead article a dl dd {font-weight: normal;}
#indexLead article a figure {float: left;margin-right: 10px;}
#indexLead article a figure img {vertical-align: bottom;}
#indexLead article p{padding:15px 10px}
#indexLead article p:before{border:10px solid transparent;border-bottom:10px solid #fff;top:178px;margin:0 0 0 -10px}
}
@media screen and (max-width: 960px){
#mv {width:100%}
#mainVisual{height:100%;width:100%}
#mv li {width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;height: calc( 100vw * 0.66);}
#mv dl {width:90%;height:80%;}
#mv dt {font-size:17px;font-size:1.7rem;padding:20px 20px 0}
#mv dd {padding:20px 10px 15px;font-size:12px;font-size:1.2rem}
#mv dd span {width:160px;font-size:12px;font-size:1.2rem;margin:10px auto 0;line-height: 30px;}
#mv dd span a:before{left: 20px;}
#indexNews li{padding:10px;background:url(../img/line02.png) repeat-x bottom;background-size:5px 1px}
#indexNews li .cat{padding:5px 18px 4px;float:right;font-size:12px;font-size:1.2rem}
#indexNews li:last-child{background:none}
#indexNews li time{font-size:12px;font-size:1.2rem;padding:2px 15px 0 0;float:left}
#indexNews li p{clear:both;padding:5px 0 0;font-size:14px;font-size:1.4rem}
#indexLead,#latestPost{margin:0 auto 20px}
#latestPost h2{font-size:18px;font-size:1.8rem;margin:0 auto 10px}
#latestPost .inner{padding:10px}
#latestPost .inner:before{border:10px solid transparent;border-bottom:10px solid #fff;top:-17px;margin:0 0 0 -10px}
#latestPost li{padding:8px 0}
#latestPost li .cat{font-size:12px;font-size:1.2rem;float:right}
#latestPost li time{font-size:12px;font-size:1.2rem;padding:2px 0px 0;float:left}
#latestPost li p{clear:both;padding:10px 0 0;line-height:1.8em;font-size:14px;font-size:1.4rem}
#latestPost li p a{text-decoration:none}
#latestPost ul+p{padding:10px 0 0}
#latestPost ul+p a{padding:10px 10px 10px 0;font-size:14px;font-size:1.4rem}
#latestPost ul+p a:before{top:2px;margin:0 10px 0 0}
.box01{overflow:hidden}

}
/* ------------------------
 GENERAL PARTS
------------------------ */
#pageTitle{clear:both;width:100%;background-size:cover;background-position:center;position:relative}
#pageTitle h1{position:absolute;top:50%;left:50%;background:rgba(121,178,106,0.4);color:#fff;text-align:center;font-weight:500;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;line-height:1}
#breadcrumb{background:#fff}
#breadcrumb ol{margin:0 auto;padding:22px 20px;line-height:0}
#breadcrumb ol li{display:inline-block;color:#333}
#breadcrumb ol li a{text-decoration:underline;color:#333}
#breadcrumb ol li a:hover{text-decoration:none}
#breadcrumb ol li:before{content: "\e900";font-family: "hkh";font-size: 12px;top: 2px;vertical-align: middle;margin-right: 2px}
#breadcrumb ol li:first-child:before{display:none}
.baloon{position:relative;background:#fff;text-align:left}
.baloon:before{content:"";position:absolute;left:50%;transform:rotate(0deg);-webkit-transform:rotate(0deg)}
@media screen and (min-width: 961px), print {
#breadcrumb ol{padding:22px 20px}
#breadcrumb ol li{font-size:12px;font-size:1.2rem}
#pageTitle{height:250px}
#pageTitle h1{width:500px;height:180px;margin:-90px 0 0 -250px;font-size:30px;font-size:3rem;padding:75px 0 0}
.baloon{padding:30px;}
.baloon:before{border:18px solid transparent;border-bottom:18px solid #fff;top:-34px;margin:0 0 0 -18px}
.box01{width:920px;margin:0 auto 40px}
.box01 h2 {color: #333;font-size: 24px;font-size: 2.4rem;margin: 0 auto 30px;text-align: center;font-weight: 500;}
.box01 p{margin:0 0 1.5em;line-height:1.8em}
.box01 p strong{font-size:18px;font-size:1.8rem}
}
@media screen and (max-width: 960px) {
#breadcrumb{margin:0 auto 10px}
#breadcrumb ol{padding:12px 10px}
#breadcrumb ol li{font-size:11px;font-size:1.1rem}
#pageTitle {height:200px;background-position: right center}
#pageTitle h1{width:80%;height:100px;margin:auto;font-size:20px;font-size:2rem;padding:40px 0 0;top:0;bottom:0;left:0;right:0;}
.baloon{padding:10px}
.baloon p{line-height:1.8em;font-size:14px;font-size:1.4rem}
.baloon:before{border:10px solid transparent;border-bottom:10px solid #fff;top:-17px;margin:0 0 0 -10px}
.box01{margin:0 auto 25px}
.box01 p{margin:0 0 1.5em;line-height:1.8em}
.box01 p:first-child{margin-top:10px}
.box01 p strong{font-size:15px;font-size:1.5rem}
}
@media screen and (max-width:320px) {}
/* ------------------------
 ABOUT ()
------------------------ */
#gairai main h2{color:#79B26A;text-align:center;font-weight:500}
#gairaiMenu,#gairaiLead{text-align:center}
#gairaiMenu dl{border:1px solid #79B26A;overflow:hidden}
#gairaiMenu dt span { font-weight:normal;font-size:13px;font-size:1.3rem;padding:0 0 0 20px;}
#gairaiMenu dd ul li a{color:#525252;text-decoration:none;font-weight:600}
#gairaiMenu dd ul li a:hover{color:#79B26A;text-decoration:underline}
#gairaiMenu dd ul li:before{content:"\0030fb"}
#gairaiMenu dd ul li{float:left}
#gairaiMenu dl+p a{border:2px solid #79B26A;color:#fff;background:#79B26A;width:200px;margin:0 auto 5px;display:block;text-align:center}
#gairaiMenu dl+p a:before{content:"\e900";font-family:"hkh";position:relative}
#gairaiLead article {background:#fff;text-align:center;}
#gairaiLead article p {text-align:left;color:#535353;line-height:1.8em}
#gairaiLead article p:before {content:"";position:absolute;left:50%;transform:rotate(0deg);-webkit-transform:rotate(0deg)}
#gairaiLead article a figure {position: relative;}
#gairaiLead article a figure img {vertical-align: bottom;}
#gairaiLead article a figure figcaption {display:block;position:absolute;top:0;bottom:0;left:0;right:0;font-weight:600;line-height:1.8em;background:rgba(255,255,255,0.75);width:180px;height:50px;margin:auto;line-height: 50px;}
#gairaiLead article a:hover {opacity:0.8}
#gairaiLead article a figure {width: 100%;}
#gairaiLead article a figure img {max-width: 100%;height: auto;}
#gairaiLead article a figcaption:before{content:"\e900";font-family:"hkh";vertical-align: middle;margin-right: 5px;}
#gairaiLead article a:hover figcaption{background:#79B26A}
#gairaiLead article a:hover {color:#fff;text-decoration:none}
#medicalCheckup .inner .box {background:#fff;text-align:center;position:relative;}
#medicalCheckup .inner dl {text-align:center;position:relative;overflow: hidden;}
#medicalCheckup .inner dl dd{text-align:left;color:#535353;line-height:1.8em}
#medicalCheckup .inner dl dd:before{top:162px;margin:0 0 0 -18px}
#medicalCheckup .inner dt{display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;z-index:10;font-weight:600;letter-spacing:0.05em;color:#79B26A}
#medicalCheckup .inner dt:after{content:"";background:rgba(255,255,255,0.75);width:180px;height:80px;display:block;position:absolute;top:50%;left:50%;margin:-40px 0 0 -90px;z-index:-1}
#consultationList article {position:relative;clear:both;background:url(../img/line02.png) repeat-x bottom;background-size:5px 1px}
#consultationList article+p{clear:both;text-align:center}
#consultationList article+p a{border:2px solid #79B26A;color:#fff;background:#79B26A;width:200px;margin:0 auto 5px;display:block;text-align:center}
#consultationList article+p a:before{content:"\e900";font-family:"hkh";position:relative}
#consultationList article+p a:hover{color:#fff;background:#79B26A;text-decoration:none}
#courseList article{position:relative;clear:both;background:url(../img/line02.png) repeat-x bottom;background-size:5px 1px}
.box01 article{position:relative;clear:both;}
#courseList article p.link a {border:2px solid #79B26A;color:#fff;background:#79B26A;width:150px;display:inline-block;text-align:center;margin-top: 1em;}
#courseList article p.link a:before{content:"\e900";font-family:"hkh";position:relative}
#courseList article p.link a:hover{color:#fff;background:#79B26A;text-decoration:none}
article.staff{background:#fff}
article.staff h3{font-weight:600}
#staffVoice article.staff{width:inherit;margin:0 auto;padding:0}
#staffVoice article.staff div {padding-top: 10px;overflow: hidden;text-align: center;}
#staffVoice article.staff div span {display: block;}
#staffVoice article.staff div br {display: none;}
#staffVoice article.staff div span.link a {border:2px solid #79B26A;color:#fff;background:#79B26A;width:150px;display:inline-block;text-align:center;}
#staffVoice article.staff span.link a:before{content:"\e900";font-family:"hkh";position:relative}
#staffVoice article.staff span.link a:hover{color:#fff;background:#79B26A;text-decoration:none}
#faqList {counter-reset:number;}
#faqList dl {background:url(../img/line02.png) repeat-x bottom;background-size:5px 1px;}
#faqList .baloon dl:last-child {background: none;}
#faqList dl dt:before{counter-increment:number;content:"Q" counter(number);display:block;color:#fff;text-align:center;position:absolute;font-family:Arial, Helvetica, sans-serif}
#faqList dl dt {position:relative;text-align:left}
#faqList dl dd {}
#faqList p {clear:both;}
#faqList p a{font-weight: bold;}
#faqList p.link a{border:2px solid #79B26A;color:#fff;background:#79B26A;margin:0 auto 5px;display:block;text-align:center}
#faqList p.link a:before{content:"\e900";font-family:"hkh";position:relative}
#faqList p.link a:hover{color:#fff;background:#79B26A;text-decoration:none}
p.pageLink {clear:both;text-align:center}
p.pageLink a{border:2px solid #79B26A;color:#fff;background:#79B26A;margin:0 auto 5px;display:block;text-align:center}
p.pageLink a:before{content:"\e900";font-family:"hkh";position:relative}
p.pageLink a:hover{color:#fff;background:#79B26A;text-decoration:none}
#contactBox p.pageLink {clear:both;text-align:center}
#contactBox p.pageLink a{border:2px solid #79B26A;color:#fff;background:#79B26A;margin:0 auto 5px;display:block;text-align:center}
#contactBox p.pageLink a:before{content:"\e900";font-family:"hkh";position:relative}
#contactBox p.pageLink a:hover{color:#fff;background:#79B26A;text-decoration:none}
.receptionTime table{margin:0 auto;border-collapse: collapse;}
.receptionTime table thead th{background:#f1f1f1;text-align:center;font-weight:600}
.receptionTime table th,
.receptionTime table td {border:1px solid #ccc;padding:12px 15px}
.receptionTime table tbody th{text-align:left;font-weight:600}
.receptionTime table tbody td{text-align:center}
.receptionTime table tbody td span,
.receptionTime table tbody td sup {font-size: 12px;font-size: 1.2rem;}
.time-table table{margin:0 auto;border-collapse: collapse;}
.time-table table thead th{background:#f1f1f1;text-align:center;font-weight:600}
.time-table table th,
.time-table table td {border:1px solid #ccc;padding:12px 15px}
.time-table table tbody th{text-align:left;font-weight:600}
.time-table table tbody td{text-align:center}
.time-table table tbody td span,
.time-table table tbody td sup {font-size: 12px;font-size: 1.2rem;}
#scheduleBox table{border-top:1px solid #ccc;border-left:1px solid #ccc;width:100%;margin-bottom: 10px;}
#scheduleBox table th,
#scheduleBox table td {border-right:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;padding:12px 12px;font-weight:600;vertical-align:top}
#scheduleBox table thead th{background:#DFFFA0}
#scheduleBox table thead th.sat{background:#79B26A}
#scheduleBox table thead th.sun{background:rgba(255,166,179,1)}
#scheduleBox table td i{font-style:normal;font-weight:normal}
#scheduleBox table tbody td.sat{background:#CBEDEF}
#scheduleBox table tbody td.sun{background:#FDDCE0}
#scheduleBox table tbody td p{text-align:left}
#scheduleBox table tbody td dt{color:#86C340}
#scheduleBox table tbody td dd span{text-align:center;color:#fff}
#scheduleBox table tbody td dl a{font-weight:normal;text-decoration:underline;display:block}
#scheduleBox table tbody td.close{background:#ccc}

@media screen and (min-width: 961px), print {
#gairai main h2{font-size:24px;font-size:2.4rem;margin:0 auto 30px}
#gairaiMenu,#gairaiLead{width:920px}
#gairaiMenu{margin:0 auto 20px}
#gairaiMenu dl{width:860px;padding:25px;margin:25px auto 30px}
#gairaiMenu dt{font-size:18px;font-size:1.8rem;font-weight:600;}
#gairaiMenu dd{font-size:16px;font-size:1.6rem;padding:18px 0;}
#gairaiMenu dd ul li{min-width:33%;margin:0 0 3px 0}
#gairaiMenu dl+p{margin:0 auto 10px}
#gairaiMenu dl+p a{height:55px;font-weight:500;line-height:53px;font-weight:600;padding:0 25px 0 12px}
#gairaiMenu dl+p a:before{top:0;float:left}
#gairaiMenu dl+p a:hover{opacity:0.8;text-decoration:none}
#gairaiLead{margin:0 auto 50px}
#gairaiLead article {width:293px;float:left;background-size: contain;}
#gairaiLead article:nth-child(2){margin:0 19px}
#gairaiLead article p {padding:30px 15px;font-size:14px;font-size:1.4rem;position: relative;}
#gairaiLead article p:before{border:18px solid transparent;border-bottom:18px solid #fff;top:-36px;margin:0 0 0 -18px}
#gairaiLead article a {display: block;}
#gairaiLead article a figure {position: relative;display: block;}
#medicalCheckup{width:920px;margin:0 auto 50px}
#medicalCheckup .baloon{margin:0 auto 20px}
#medicalCheckup .baloon p strong{font-size:18px;font-size:1.8rem}
#medicalCheckup .inner .box {width:293px;float:left;background: #fff;}
#medicalCheckup .inner .box figure img {max-width: 100%;height: auto;}
#medicalCheckup .inner dl {font-size:14px;font-size:1.4rem}
#medicalCheckup .inner dl dd{padding:0 15px 30px;}
#medicalCheckup .inner dl dd:before{border:18px solid transparent;border-bottom:18px solid #fff;top:162px;margin:0 0 0 -18px}
#medicalCheckup .inner dt {padding:15px 0;line-height:1.8em}
#medicalCheckup .inner .box:nth-child(2){margin:0 19px}
#consultationList{width:920px;margin:0 auto 20px}
#consultationList article{padding:30px 0}
#consultationList article:first-child{padding:0 0 30px}
#consultationList article img{float:left}
#consultationList article p{padding:0 0 0 320px}
#consultationList article h3{font-weight:600;font-size:18px;font-size:1.8rem;padding:2px 0 6px 320px}
#courseList {width:920px;margin:0 auto 40px}
#courseList article {padding:30px 0}
#courseList article:first-child{padding:0 0 30px}
#courseList article:last-child{padding:30px 0 0;background: none;}
#courseList article figure {float:left;width: 240px;position:relative;}
#courseList article figure figcaption {position: absolute;background: url('../img/bg-flag.png');width: 136px;height: 50px;display: block;top: 10px;left: -21px;color:#fff;line-height: 38px;padding-left: 21px;}
#courseList article img {max-width: 100%;height: auto;}
#courseList article p {padding:0 0 0 270px}
#courseList article p.price {text-align: right;margin: 10px 0;}
#courseList article p.price span {position: relative;line-height: 1.4;padding:0.25em 1em;display: inline-block;top:0;color: #666;font-size: 18px;font-size: 1.8rem;}
#courseList article p.price span:before,
#courseList article p.price span:after {position: absolute;top: 0;content:'';width: 8px;height: 100%;display: inline-block;}
#courseList article p.price span:before {border-left: solid 1px #666;border-top: solid 1px #666;border-bottom: solid 1px #666;left: 0;}
#courseList article p.price span:after{content: '';border-top: solid 1px #666;border-right: solid 1px #666;border-bottom: solid 1px #666;right: 0;}
#courseList article p.price span small {font-size: 14px;font-size: 1.4rem;margin-left: 5px;}
#courseList article h3{font-weight:600;font-size:18px;font-size:1.8rem;padding:0 0 5px 30px;position: relative;overflow: hidden;font-size:20px;font-size: 2rem;line-height: 2;margin-bottom: 20px;}
#courseList article h3::before,
#courseList article h3::after {content: "";position: absolute;bottom: 0;}
#courseList article h3:before{border-bottom: 3px solid #79B26A;width: 100%;}
#courseList article h3:after{border-bottom: 3px solid #eee;width: 100%;}
#courseList article p.link a{font-weight:500;line-height:2;font-weight:600;padding:0 25px 0 12px}
#courseList article p.link a:before{top:0;float:left;top: 1px;}
#courseList article p.link a:hover{opacity:0.8;text-decoration:none}
p.pageLink {margin-top: 30px;}
p.pageLink a {width:265px;height:55px;font-weight:500;line-height:53px;font-weight:600;padding:0 25px 0 12px}
p.pageLink a:before {top:0;float:left;}
p.pageLink a:hover {opacity:0.8;text-decoration:none}
.box01 article {padding:30px 0}
.box01 article:first-child{padding:0 0 30px}
.box01 article:last-child{padding:30px 0 0;background: none;}
.box01 article h3 {margin-bottom: 1em;}
.box01 article p {margin-bottom: 1.5rem;}
#courseDetail,
#courseFeature,
#coursePrice,
#courseItem {width:920px;margin:0 auto 20px}
#courseDetail .baloon figure {
	text-align: center;
	margin-top: 20px;
}
#courseFeature ul li {background: url(../img/line02.png) repeat-x bottom;background-size: 5px 1px;position: relative;padding: 0 0 20px;clear: both;display: block;overflow: hidden;}
#courseFeature ul li + li {padding: 20px 0 20px;}
#courseFeature ul li:last-child {padding: 20px 0 0;background: none;}
#courseFeature ul li figure {float: left;width: 240px;}
#courseFeature ul li figure img {max-width: 100%;height: auto;}
#courseFeature dl {margin-left: 270px;}
#courseFeature dl dt {font-weight: 600;font-size: 18px;font-size: 1.8rem;margin-bottom: 10px}
#courseFeature dl dt span {font-size:15px;font-size:1.5rem;width:51px;height:51px;background:url(../img/ico_circle.gif) no-repeat;background-size:51px 51px;line-height:51px;display: inline-block;color: #fff;text-align: center;margin-right: 10px;}
#courseItem .example {display: block;text-align: center;margin-bottom: 20px;}
#courseItem .example li {display: inline-block;font-size: 13px;font-size: 1.3rem;}
#courseItem .example li + li {margin-left: 1em;}
#courseItem .example li:before {display: inline-block;width: 13px;height: 13px;content:'';margin-right: 2px;vertical-align: middle;}
#courseItem .example li.on:before {background: #79B26A;}
#courseItem .example li.off:before {background: #CCCCCC;}
#courseItem .example li.dr:before {background: #40AAEF;}
#courseItem .example li.choise:before {background: #FBA848;}
#courseItem .example li.add:before {background: #F27398;}
#courseItem .note {margin: 30px 0;text-align: center;}
#courseItem dl dt {font-weight: 600;font-size: 18px;font-size: 1.8rem;margin-bottom: 10px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
#courseItem dl dd ul {display: block;overflow: hidden;clear: both;margin-right: -10px;}
#courseItem dl dd ul li {display: inline-block;color: #fff;padding: 3px 10px;margin-bottom: 5px;margin-right: 5px;border-radius: 3px;}
#courseItem dl dd ul li a {color:#fff;cursor: pointer;}
#courseItem dl dd ul li.on {background: #79B26A;}
#courseItem dl dd ul li.off {background: #CCCCCC;}
#courseItem dl dd ul li.dr {background: #40AAEF;}
#courseItem dl dd ul li.choise {background: #FBA848;}
#courseItem dl dd ul li.add {background: #F27398;}
#courseItem dl dd ul li + li {}
#courseItem dl + dl {margin-top: 30px;}
#coursePrice p {font-size: 30px;font-size: 3rem;text-align: center;}
#coursePrice p span {font-size: 15px;font-size: 1.5rem;}
#faqList ol li{padding:30px 0 30px 66px;line-height:1.8em}
article.staff {width:920px;margin:0 auto 50px;padding:30px}
article.staff img {float:right;margin:0 0 0 40px}
article.staff h3 {font-size:18px;font-size:1.8rem;margin:0 0 15px}
#staffVoice{width:920px;margin:0 auto 40px;padding:0}
#staffVoice span.link a{font-weight:500;line-height:2;font-weight:600;padding:0 25px 0 12px}
#staffVoice span.link a:before{top:0;float:left;top: 1px;}
#staffVoice span.link a:hover{opacity:0.8;text-decoration:none}
#faqList {width:920px;margin:0 auto 50px}
#faqList .baloon{padding:10px 30px 40px}
#faqList dl {margin:0 auto;}
#faqList dl dt{padding:30px 0 30px 66px;line-height:1.8em;font-size:18px;font-size:1.8rem;clear: both;cursor: pointer;font-weight: bold;}
#faqList dl dt:before{font-size:18px;font-size:1.8rem;width:46px;height:52px;top:22px;left:0;background:url(../img/ico_q.gif) no-repeat;background-size:46px 51px;line-height:2.6em}
#faqList dl dt:after {font-family: 'hkh';content:'\e900';float: right;color:#79B26A;transform: rotate(90deg);font-size:24px;font-size:2.4rem;  -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
#faqList dl dt.open:after {transform: rotate(-90deg);}
#faqList dl dd {padding:0 40px 20px 66px;line-height:1.8em;font-size:15px;font-size:1.5rem;display: none;}
#faqList p.link {margin-top: 30px;}
#faqList p.link a {width:265px;height:55px;font-weight:500;line-height:53px;font-weight:600;padding:0 25px 0 12px}
#faqList p.link a:before {top:0;float:left;}
#faqList p.link a:hover {opacity:0.8;text-decoration:none}
.receptionTime{width:920px;margin:0 auto 40px;}
.receptionTime table tbody td{width:94px;}
.receptionTime p {margin-top: 1em;}
.time-table{width:920px;margin:0 auto 40px;}
.time-table table{width:100%;}
.time-table table tbody th{text-align:center;}
.time-table table tbody td{width:94px;}
.time-table p{margin-top: 1em;}
#scheduleBox {width:920px;margin:0 auto 50px}
#scheduleBox ul.tabmenu {display: block;clear: both;}
#scheduleBox ul.tabmenu li {display: block;width: 50%;float: left;}
#scheduleBox ul.tabmenu li a {border: 1px solid #4AB8CA;text-align: center;display: block;padding: 10px 0;}
#scheduleBox .gallerybox {clear: both;}
#scheduleBox .gallerybox h3 {font-size: 18px;font-size: 1.8rem;text-align: center;line-height: 3;}
}
@media screen and (max-width: 960px) {
#gairai #pageTitle {background-position: left center;}
#gairai main h2{font-size:18px;font-size:1.8rem;margin:0 auto 10px}
#gairaiMenu {margin:0 auto 20px}
#gairaiMenu dl{padding:10px;margin:10px auto;line-height:1.8em}
#gairaiMenu dt{font-size:16px;font-size:1.6rem;font-weight:600;text-align:center}
#gairaiMenu dt:after{font-size:12px;font-size:1.2rem;display:block;padding:5px 0 0;line-height:1.5em}
#gairaiMenu dd{padding:10px 0}
#gairaiMenu dd ul li {width:100%;margin:0 0 5px;font-size:14px;font-size:1.4rem;text-indent: -1em;padding-left: 1em;}
#gairaiMenu dl+p a{margin:0 auto;font-weight:600}
#gairaiMenu dl+p a{padding:10px 10px 10px 0;text-decoration:none}
#gairaiMenu dl+p a:before{top:2px;margin:0 10px 0 0}
#gairaiLead{margin:0 auto 30px}
#medicalCheckup{margin:0 auto 20px}
#medicalCheckup .baloon{margin:0 auto 10px}
#medicalCheckup .baloon p strong{font-size:15px;font-size:1.5rem}
#consultationList{margin:0 auto 30px}
#consultationList article{padding:10px 0}
#consultationList article:first-child{padding:0 0 10px}
#consultationList article img{display:block;margin:0 auto}
#consultationList article p{padding:10px 0 0 0;text-align:center;font-size:13px;font-size:1.3rem}
#consultationList article h3{font-weight:600;padding:5px 0;text-align:center;font-size:16px;font-size:1.6rem}
#consultationList article+p:last-child{padding:10px 0 0;text-align:left}
#consultationList article+p:last-child a{margin:0 auto;font-weight:600}
#consultationList article+p:last-child a{font-size:14px;font-size:1.4rem;padding:10px 10px 10px 0}
#consultationList article+p:last-child a:before{top:2px;margin:0 10px 0 0}
#courseList {margin:0 auto 30px}
#courseList article {padding:10px 0}
#courseList article:first-child{padding:0 0 10px}
#courseList article img{display:block;margin:0 auto}
#courseList article p{padding:10px 0 0 0;text-align:center;font-size:13px;font-size:1.3rem}
#courseList article h3{font-weight:600;padding:5px 0;text-align:center;font-size:16px;font-size:1.6rem}
article.staff {width:920px;margin:0 auto 50px;padding:30px}
article.staff img {float:right;margin:0 0 0 40px}
article.staff h3 {font-size:18px;font-size:1.8rem;margin:0 0 15px}
#staffVoice {margin:0 auto 30px;padding:0}
#staffVoice span.link {text-align: center;display: block;}
#faqList {margin:0 auto 30px}
#faqList .baloon{padding:10px 30px 40px}
#faqList dl {margin:0 auto;}
#faqList dl dt{padding:30px 0 30px 66px;line-height:1.8em;font-size:18px;font-size:1.8rem;clear: both;cursor: pointer;font-weight: bold;}
#faqList dl dt:before{font-size:18px;font-size:1.8rem;width:46px;height:52px;top:22px;left:0;background:url(../img/ico_q.gif) no-repeat;background-size:46px 51px;line-height:2.6em}
#faqList dl dt:after {font-family: 'hkh';content:'\e900';float: right;color:#79B26A;transform: rotate(90deg);font-size:24px;font-size:2.4rem;  -webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
#faqList dl dt.open:after {transform: rotate(-90deg);}
#faqList dl dd {padding:0 40px 20px 66px;line-height:1.8em;font-size:15px;font-size:1.5rem;display: none;}
#faqList p.link {margin-top: 30px;}
#faqList p.link a {width:265px;height:55px;font-weight:500;line-height:53px;font-weight:600;padding:0 25px 0 12px}
#faqList p.link a:before {top:0;float:left;}
#faqList p.link a:hover {opacity:0.8;text-decoration:none}
.receptionTime {margin:0 auto 30px;}
.receptionTime table{font-size:14px;font-size:1.4rem;width:100%}
.time-table {margin:0 auto 30px;}
.time-table table{font-size:14px;font-size:1.4rem;width:100%}
#gairaiLead article {width:100%;margin:0 auto 10px;font-size:15px;font-size:1.5rem;background:#fff;background-image:none !important;text-align:center;padding:0;position:relative;padding: 10px;}
#gairaiLead article a figure {float: left;width: 294px;margin-right: 20px;}
#gairaiLead article a {display: block;position:relative;font-weight:600;letter-spacing:0.05em;overflow: hidden;}
#gairaiLead article p {text-align:left;color:#535353;line-height:1.8em;padding:10px;font-size:14px;font-size:1.4rem}
#gairaiLead article p:before{display: none;}
#gairaiLead article a:hover{opacity:0.8}
#gairaiLead article a:hover,
#indexLead article a:hover:before{color:#fff;text-decoration:none}
#medicalCheckup .inner .box {width: 100%;margin: 0 auto 10px;padding: 10px;overflow: hidden;position: relative;background: #fff;}
#medicalCheckup .inner .box figure {float: left;margin-right: 10px;max-width: 294px;}
#medicalCheckup .inner .box figure img {vertical-align: bottom;}
#medicalCheckup .inner dl dt {font-size:15px;font-size:1.5rem;text-align:center;margin-bottom: 10px;}
#medicalCheckup .inner dl dd {text-align: left;color: #535353;line-height: 1.8em;}
#scheduleBox .gallerybox h3 {font-size: 18px;font-size: 1.8rem;text-align: center;line-height: 3;}
#courseDetail .baloon figure {
	text-align: center;
	margin-top: 20px;
}
#courseList {margin:0 auto 30px}
#courseList article figure {float: left;margin-right: 20px;width: 294px;position: relative;}
#courseList article figure figcaption {position: absolute;background: url('../img/bg-flag.png');width: 136px;height: 50px;display: block;top: 10px;left: -20px;color:#fff;line-height: 38px;padding-left: 21px;}
#courseList article img{display:block;margin:0 auto}
#courseList article p{padding:10px 0 0 0;text-align:center;font-size:13px;font-size:1.3rem}
#courseList article h3{font-weight:600;padding:5px 0;text-align:center;font-size:16px;font-size:1.6rem}
p.pageLink {margin-top: 10px;}
#courseFeature ul li {background: url(../img/line02.png) repeat-x bottom;background-size: 5px 1px;position: relative;padding: 0 0 10px;clear: both;display: block;overflow: hidden;}
#courseFeature ul li + li {padding: 10px 0 10px;}
#courseFeature ul li:last-child {padding: 10px 0 0;background: none;}
#courseFeature ul li figure {float: left;width: 240px;}
#courseFeature ul li figure img {max-width: 100%;height: auto;}
#courseFeature dl {margin-left: 260px;}
#courseFeature dl dt {font-weight: 600;font-size: 18px;font-size: 1.8rem;margin-bottom: 10px}
#courseFeature dl dt span {font-size:15px;font-size:1.5rem;width:51px;height:51px;background:url(../img/ico_circle.gif) no-repeat;background-size:51px 51px;line-height:51px;display: inline-block;color: #fff;text-align: center;margin-right: 10px;}
#coursePrice p {font-size: 30px;font-size: 3rem;text-align: center;}
#coursePrice p span {font-size: 15px;font-size: 1.5rem;}
#courseItem dl dt {font-weight: 600;font-size: 15px;font-size: 1.5rem;margin-bottom: 10px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
#courseItem dl dd ul {display: block;overflow: hidden;clear: both;margin-right: -10px;}
#courseItem dl dd ul li {display: inline-block;color: #fff;padding: 3px 10px;margin-bottom: 5px;margin-right: 5px;border-radius: 3px;}
#courseItem dl dd ul li a {color:#fff;}
#courseItem dl dd ul li.on {background: #79B26A;}
#courseItem dl dd ul li.off {background: #CCCCCC;}
#courseItem dl dd ul li.dr {background: #40AAEF;}
#courseItem dl dd ul li.choise {background: #FBA848;}
#courseItem dl dd ul li.add {background: #F27398;}
#courseItem dl dd ul li + li {}
#courseItem dl + dl {margin-top: 20px;}
#courseItem .example {display: flex;flex-wrap: wrap;text-align: left;margin-bottom: 20px;}
#courseItem .example li {display: inline-block;font-size: 13px;font-size: 1.3rem;width: 50%;}
#courseItem .example li:before {display: inline-block;width: 13px;height: 13px;content:'';margin-right: 2px;vertical-align: middle;}
#courseItem .example li.on:before {background: #79B26A;}
#courseItem .example li.off:before {background: #CCCCCC;}
#courseItem .example li.dr:before {background: #40AAEF;}
#courseItem .example li.choise:before {background: #FBA848;}
#courseItem .example li.add:before {background: #F27398;}
#courseItem .note {margin: 15px 0;}
}

@media screen and (max-width: 767px){
#gairaiLead article {width:100%;margin:0 auto 10px;padding:10px;font-size:15px;font-size:1.5rem}
#gairaiLead article a figure {float: none;width: 294px;margin: 0 auto 10px;max-width: 100%;}
#gairaiLead article p {padding:15px 10px;font-size:14px;font-size:1.4rem}
#gairaiLead article p:before{border:10px solid transparent;border-bottom:10px solid #fff;top:178px;margin:0 0 0 -10px}
#gairaiLead article a {display: block;overflow: hidden;}
#gairaiLead article a:before{top:86px;left:80px}
#medicalCheckup .inner .box {width: 100%;margin: 0 auto 10px;padding: 10px;overflow: hidden;position: relative;background: #fff;}
#medicalCheckup .inner .box figure {float: left;margin-right: 10px;}
#medicalCheckup .inner dl dt {font-size:15px;font-size:1.5rem;text-align:center;margin-bottom: 10px;}
#medicalCheckup .inner dl dd {text-align: left;color: #535353;line-height: 1.8em;}
#staffVoice article.staff {padding:20px;line-height:1.8em}
#staffVoice article.staff img {display:block;margin:0 0 0 20px}
#staffVoice article.staff h3 {font-weight: 600;padding: 5px 0;text-align: center;font-size: 16px;font-size: 1.6rem;}
#scheduleBox .gallerybox table thead {display:none}
#scheduleBox .gallerybox table th,
#scheduleBox .gallerybox table td{display:block;width:100%;padding:0}
#scheduleBox .gallerybox table td {height:auto;display:-webkit-flex;display:flex;text-align:left}
#scheduleBox .gallerybox table .schenone{display:none}
#scheduleBox .gallerybox table td .scheday {padding:2px 5px;display:block;background:#DFFFA0;width:50px;height:auto}
#scheduleBox .gallerybox table td .scheday span {display: inline!important;}
#scheduleBox .gallerybox table td .eventWrap {padding: 3px 6px;;}
#scheduleBox .gallerybox table td.sun .scheday{background:#FDDCE0}
#scheduleBox .gallerybox table td.sat .scheday{background:#CBEDEF}
#scheduleBox .gallerybox table td i:after{position:relative}
#scheduleBox .gallerybox table tbody td dt{font-size:13px;padding:8px 5px 0}
#scheduleBox .gallerybox table tbody td dd {padding:3px 5px;line-height:1.8em}
#scheduleBox .gallerybox table tbody td br {display: none;}
#scheduleBox .gallerybox table tbody td dd span{padding:1px 5px;font-size:10px;margin:2px 0 0}
#scheduleBox .gallerybox table tbody td p{padding:2px 0 0}
#faqList .baloon{padding:10px;}
#faqList dl {margin:0 auto;}
#faqList dl dt{padding:10px 25px 10px 40px;font-size:14px;font-size:1.4rem;position: relative;}
#faqList dl dt:before{font-size:14px;font-size:1.4rem;width:26px;height:30px;top:11px;left:0;background:url(../img/ico_q.gif) no-repeat;background-size:contain;line-height:26px;}
#faqList dl dt:after {position: absolute;right: 0;top:30%;}
#faqList dl dt.open:after {transform: rotate(-90deg);}
#faqList dl dd {padding:10px 25px 10px 40px;font-size:14px;font-size:1.4rem;}
#faqList p.link {margin-top: 10px;}
#faqList p.link a {width:100%;height:50px;font-weight:500;line-height:50px;padding:0 25px 0 12px}
#faqList p.link a:before {top:0;float:left;}
#faqList p.link a:hover {opacity:0.8;text-decoration:none}
}
@media screen and (max-width: 640px){
#medicalCheckup .inner .box figure {float: none;margin: 0 auto 10px;}
#courseList article figure {float: none;margin: 0 auto 10px;max-width: 100%;}
#courseList article figure figcaption{top:10px;;}
#staffVoice article.staff {padding:0;}
#staffVoice article.staff img {float:none;display:block;margin:0 auto 10px}
#staffVoice article.staff h3 {font-weight: 600;padding: 5px 0;text-align: center;font-size: 13px;font-size: 1.3rem;}
#courseFeature ul li {background: url(../img/line02.png) repeat-x bottom;background-size: 5px 1px;position: relative;padding: 0 0 10px;clear: both;display: block;overflow: hidden;}
#courseFeature ul li figure {float: none;width: auto;max-width: 360px;margin: 0 auto;}
#courseFeature ul li figure img {max-width: 100%;height: auto;}
#courseFeature dl {margin-left: 0;}
#courseFeature dl dt {font-weight: 600;font-size: 16px;font-size: 1.6rem;margin-bottom: 10px}
#courseFeature dl dt span {font-size:13px;font-size:1.3rem;width:40px;height:40px;background:url(../img/ico_circle.gif) no-repeat;background-size:40px 40px;line-height:40px;display: inline-block;color: #fff;text-align: center;margin-right: 10px;}
.receptionTime table thead {display: none}
.receptionTime table tbody th,
.receptionTime table tbody td {display: block;width: 100%;border-bottom:none;padding:12px 15px}
.receptionTime table tbody td br {display: none;}
.receptionTime table tbody tr th {background: #f1f1f1;text-align: center;}
.receptionTime table tbody tr:last-child td:last-child {border-bottom:1px solid #ccc;}
.receptionTime table tbody tr td:nth-child(2):before {content:'月曜日: ';float: left;}
.receptionTime table tbody tr td:nth-child(3):before {content:'火曜日: ';float: left;}
.receptionTime table tbody tr td:nth-child(4):before {content:'水曜日: ';float: left;}
.receptionTime table tbody tr td:nth-child(5):before {content:'木曜日: ';float: left;}
.receptionTime table tbody tr td:nth-child(6):before {content:'金曜日: ';float: left;}
.receptionTime table tbody tr td:nth-child(7):before {content:'土曜日: ';float: left;}
.receptionTime table tbody tr td:nth-child(8):before {content:'日曜日: ';float: left;}

.time-table table thead {display: none}
.time-table table tbody th,
.time-table table tbody td {display: block;width: 100%;border-bottom:none;padding:12px 15px}
.time-table table tbody td br {display: none;}
.time-table table tbody tr th {background: #D6D6D6;text-align: center;}
.time-table table tbody tr th:last-of-type {background: #f1f1f1;}
.time-table table tbody tr:last-child td:last-child {border-bottom:1px solid #ccc;}
/*.time-table table tbody tr th:last-of-type:after {content:'番診察室';}*/
.time-table table tbody tr td:before {display: block; width: 40%; text-align: left;}
.time-table table tbody tr td:nth-of-type(1):before {content:'月曜日: ';float: left;}
.time-table table tbody tr td:nth-of-type(2):before {content:'火曜日: ';float: left;}
.time-table table tbody tr td:nth-of-type(3):before {content:'水曜日: ';float: left;}
.time-table table tbody tr td:nth-of-type(4):before {content:'木曜日: ';float: left;}
.time-table table tbody tr td:nth-of-type(5):before {content:'金曜日: ';float: left;}
.time-table table tbody tr td:nth-of-type(6):before {content:'第1・3土曜日: ';float: left;}
.time-table table tbody tr td:nth-of-type(7):before {content:'第2・4土曜日: ';float: left;}

}


/* ------------------------
 NEWS ()
------------------------ */
#news #pageTitle{background-image:url(../../news/img/img_pagetitle.jpg)}
#news main h2{color:#79B26A;text-align:center;font-weight:500}
#postList article{background:url(../../common/img/line02.png) repeat-x bottom;background-size:5px 1px}
#postList article a figure{position:relative;text-align:center}
#postList article a figure img{z-index:0;line-height:1;vertical-align:top}
#postList article time,#postDetail header time{background:#79B26A;color:#fff;line-height:1;position:relative}
#postList article h3,#postDetail header h3{border-bottom:1px solid #79B26A;font-weight:500}
#postList article h3 a{color:#525252}
#postList article h3 a:hover{color:#79B26A;text-decoration:underline}
#postDetail header h3{color:#525252}
#postList article .cat:before,#postDetail header .cat:before{content:"\0030ab\0030c6\0030b4\0030ea\0030fc\00ff5c";padding:0 5px 0 0;}
.wp-pagenavi{clear:both;text-align:left;font-weight:bold;line-height:1;display: flex;justify-content: center;}
.wp-pagenavi a{color:#79B26A;text-decoration:none;background:#fff}
.wp-pagenavi span{color:#fff;background:#79B26A}
.wp-pagenavi a:hover{color:#fff;background:#79B26A}
.wp-pagenavi span,.wp-pagenavi a{display:inline-block;text-align:center;line-height:1;border:1px solid #79B26A;-moz-box-sizing:border-box;box-sizing:border-box}
#archiveList .baloon:after{content:"";display:block;clear:both}
#archiveList dt{font-weight:500;position:relative;display:flex;align-items:left;line-height:1}
#archiveList dt:after{content:"";flex-grow:1;height:1px;background:#79B26A;position:relative}
#archiveList dl.monthly ul li:before,#archiveList dl.category ul li:before{content:"\0030fb"}
#archiveList dl.monthly ul li a,#archiveList dl.category ul li a{color:#545454}
#archiveList dl.monthly ul li a:hover,#archiveList dl.category ul li a:hover{color:#79B26A}
#archiveList dl.tag li{display:inline-block}
#archiveList dl.tag li a{background:#79B26A;color:#fff;border:1px solid #79B26A}
#archiveList dl.tag li a:hover{text-decoration:none;color:#79B26A;background:#fff}
@media screen and (min-width: 961px), print {
#news main h2{font-size:24px;font-size:2.4rem;margin:0 auto 30px}
#postList,#postDetail{width:920px;margin:0 auto}
#postList article{padding:30px 0}
#postList article a figure{width:320px;float:left}
#postList article a:hover figure:after{content:"\008a73\003057\00304f\00898b\00308b";color:#fff;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:320px;height:214px;display:block;background:rgba(0,0,0,0.35);top:0;left:0;z-index:10;position:absolute;padding:100px 0 0 15px}
#postList article a:hover figure:before{font-family:"hkh";content:"\e905";color:#fff;top:90px;left:90px;z-index:10;position:absolute;font-size:40px;z-index:20}
#postList article div{width:509px;float:right}
#postList article time,#postDetail header time{font-size:12px;font-size:1.2rem;padding:2px 8px;top:-3px;line-height:1.5em}
#postList article h3,#postDetail header h3{padding:8px 0;line-height:1.8em}
#postList article h3 a{font-size:18px;font-size:1.8rem}
#postDetail header h3{font-size:24px;font-size:2.4rem;line-height:1.8em}
#postList article .cat,#postDetail header .cat{font-size:12px;font-size:1.2rem;padding:10px 0 20px;display:block}
#postList article p{line-height:1.8em}
.wp-pagenavi{padding:30px 0 0}
.wp-pagenavi span,.wp-pagenavi a{width:44px;height:44px;margin:0 8px 8px 0;padding:12px 0 0;font-size:18px}
.wp-pagenavi span:nth-child(15),.wp-pagenavi a:nth-child(15),.wp-pagenavi span:nth-child(30),.wp-pagenavi a:nth-child(30),.wp-pagenavi span:nth-child(45),.wp-pagenavi a:nth-child(45){margin:0 0 8px}
#archiveList{padding:50px 0;width:920px;margin:0 auto;height:100%}
#archiveList dl{float:left}
#archiveList dl.monthly{width:225px}
#archiveList dl.category{width:295px;margin:0 50px}
#archiveList dl.tag{width:240px}
#archiveList dt{font-size:18px;font-size:1.8rem}
#archiveList dt:after{margin:8px 0 0 15px}
#archiveList dd{padding:25px 0 0}
#archiveList dl.monthly ul span{cursor:pointer}
#archiveList dl.monthly ul span:hover{color:#79B26A}
#archiveList dl.monthly ul ul{padding:5px 0 5px 10px}
#archiveList dl.monthly ul,#archiveList dl.category ul{padding:0 0 0 15px}
#archiveList dl.monthly ul li,#archiveList dl.category ul li{margin:0 0 5px}
#archiveList dl.monthly ul li:before,#archiveList dl.category ul li:before{margin:0 0 0 -15px}
#archiveList dl.tag li{margin:0 7px 10px 0}
#archiveList dl.tag li a{font-size:12px;font-size:1.2rem;padding:5px 8px}
.postEdit{color:#525252;overflow:hidden}
.postEdit .box {clear: both;overflow: hidden;zoom: 1;}
.postEdit .box + .box {margin-top: 20px;}
.postEdit p{margin:0 0 1.8em;line-height:1.8em;font-size:14px;font-size:1.4rem;overflow: hidden;}
.postEdit img {max-width:100%}
.postEdit h3,.postEdit h4,.postEdit h5,.postEdit h6{clear:both}
.postEdit h3{font-size:18px;font-size:1.8rem;font-weight:500;color:#525252;margin:0 auto 15px}
.postEdit h4{font-size:20px;font-size:2rem;font-weight:500;position:relative;display:flex;align-items:left;line-height:1;margin:0 auto 20px}
.postEdit h4:after{content:"";flex-grow:1;height:1px;background:#79B26A;position:relative;margin:8px 0 0 15px}
.postEdit h5{font-size:18px;font-size:1.8rem;font-weight:500;background:url(../img/line02.png) repeat-x bottom;background-size:5px 1px;padding:0 0 15px;margin:0 auto 20px}
.postEdit h5:before{content:"";width:16px;height:16px;display:inline-block;background:#79B26A;margin:0 6px 0 0}
.postEdit h6{font-size:15px;font-size:1.5rem;font-weight:500;margin:0 auto 20px}
.postEdit h6:before{content:"";width:10px;height:10px;display:inline-block;background:#79B26A;margin:0 6px 0 0}
.postEdit ol{counter-reset:number;list-style:none;text-align:left;margin:0 auto 20px;padding:0 0 0 20px;font-size:14px;font-size:1.4rem;line-height:1.8em}
.postEdit ol li:before{counter-increment:number;content:counter(number);font-size:14px;font-size:1.4rem;width:18px;height:18px;display:inline-block;color:#fff;text-align:center;background:#79B26A;margin:0 5px 0 -20px;position:relative;top:0;line-height:1.3em}
.postEdit ol li{margin:0 0 3px;position:relative}
.postEdit ul{padding:0 0 0 20px;margin:0 auto 20px;font-size:14px;font-size:1.4rem;line-height:1.8em}
.postEdit ul li{margin:0 0 5px}
.postEdit ul li:before{font-family:"hkh";content:"\e900";color:#79B26A;font-size:14px;margin:0 5px 0 -18px}
.postEdit table{border-top:1px solid #79B26A;border-left:1px solid #79B26A;width:100%;margin:0 auto 30px;font-size:14px;font-size:1.4rem;line-height:1.8em}
.postEdit th,.postEdit td{border-right:1px solid #79B26A;border-bottom:1px solid #79B26A;padding:12px;text-align:center}
.postEdit thead th{color:#fff;font-weight:600;background:#79B26A}
.postEdit thead td{color:#525252}
.postEdit tbody th{background:#EAEAEA;font-weight:600;color:#555}
.postEdit tbody td{color:#525252}
.postEdit hr{clear:both;border:none;background:url(../img/line02.png) repeat-x bottom;background-size:5px 1px;padding:30px 0 0;margin:0 auto 30px}
.postEdit .flexBox {  display: flex;justify-content: center;}
.postEdit .flexBox img {max-width: 49%;}
.postEdit .flexBox img + img {margin-left: 2%;}
#paging{clear:both;overflow:hidden;padding:30px 0 0;position:relative;background:url(../img/line02.png) repeat-x top;background-size:5px 1px;margin:30px auto 0}
#paging li a{text-decoration:underline;color:#525252}
#paging li a:hover{text-decoration:underline;color:#79B26A}
#paging li.prev,#paging li.next{width:300px;position:relative;line-height:1.8em}
#paging li.prev{float:left;min-height: 40px;}
#paging li.next{float:right;min-height: 40px;}
#paging li.prev{padding:0 0 0 20px}
#paging li.next{padding:0 20px 0 0}
#paging li.prev:before{font-family:"hkh";content:"\e900";position:absolute;margin:-8px 8px 0 0;left:0;font-size:11px;top:50%;color:#79B26A;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#paging li.next:after{font-family:"hkh";content:"\e900";position:absolute;margin:-7px 0 0 8px;right:0;font-size:11px;top:50%;color:#79B26A}
#paging li.toindex{position:absolute;text-align:center;top:30px;width:180px;left:50%;margin:0 0 0 -90px}
#paging li.toindex a{line-height:1;color:#fff;width:180px;background:#79B26A;color:#fff;display:block;margin:0 auto;padding:12px 0;text-align:center;text-decoration:none;font-weight:600}
#paging li.toindex a:before{font-family:"hkh";content:"\e900";position:relative;margin:0 5px 0 0;font-size:11px;top:1px}
#paging li.toindex a:hover{opacity:0.8}
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop,#postList article time,#postDetail header time{padding:4px 8px 0}
.wp-pagenavi span,.wp-pagenavi a{padding:16px 0 0}
#archiveList dl.tag li a{padding:8px 8px 2px}
.postEdit ol li:before{line-height:1.6em}
#paging li.toindex a{padding:14px 0 10px}
}
@media screen and (max-width: 960px) {
#news main h2{font-size:18px;font-size:1.8rem;margin:0 auto 10px}
#postList,#postDetail,#archiveList{margin:0 auto 30px}
#postList article{padding:0 0 20px}
#postList article div{padding:15px 0}
#postList article time,#postDetail header time{font-size:12px;font-size:1.2rem;padding:2px 5px}
#postList article h3,#postDetail header h3{padding:10px 0;line-height:1.8em}
#postList article h3 a{font-size:17px;font-size:1.7rem;display:block}
#postDetail header h3{font-size:17px;font-size:1.7rem;clear:both;line-height:1.5em}
#postList article .cat,#postDetail header .cat{padding:8px 5px;float:right;font-size:12px;font-size:1.2rem}
#postList article p{clear:both;line-height:1.8em}
.wp-pagenavi{clear:both;text-align:left;font-size:100%;padding:20px 0 0}
.wp-pagenavi li{display:inline}
.wp-pagenavi span,.wp-pagenavi a{width:30px;height:30px;display:inline-block;text-align:center;margin:0 2px 8px;padding:5px 0 0;font-size:14px;-moz-box-sizing:border-box;box-sizing:border-box;line-height:20px}
#archiveList{margin:0 auto 30px;height:100%}
#archiveList dt{font-size:15px;font-size:1.5rem;font-weight:600}
#archiveList dt:after{margin:6px 0 0 5px}
#archiveList dd{padding:10px 0;line-height:1.8em}
#archiveList dl.monthly ul ul{padding:5px 0 5px 10px}
#archiveList dl.monthly ul,#archiveList dl.category ul{padding:0 0 0 15px}
#archiveList dl.monthly ul li,#archiveList dl.category ul li{margin:0 0 8px}
#archiveList dl.monthly ul li:before,#archiveList dl.category ul li:before{margin:0 0 0 -15px}
#archiveList dl.tag li{margin:0 7px 14px 0;line-height:1.5em}
#archiveList dl.tag li a{font-size:14px;font-size:1.4rem;padding:5px 8px}
.postEdit{clear:both;color:#525252;overflow:hidden;padding:10px 0}
.postEdit p{margin:0 0 1.5em;line-height:1.8em}
.postEdit img{max-width:100%}
.postEdit h3,.postEdit h4,.postEdit h5,.postEdit h6{clear:both}
.postEdit h3{font-size:14px;font-size:1.4rem;font-weight:500;color:#525252;margin:0 auto 10px}
.postEdit h4{font-size:17px;font-size:1.7rem;font-weight:500;position:relative;display:flex;align-items:left;line-height:1;margin:0 auto 10px}
.postEdit h4:after{content:"";flex-grow:1;height:1px;background:#79B26A;position:relative;margin:8px 0 0 15px}
.postEdit h5{font-size:16px;font-size:1.6rem;font-weight:500;background:url(../img/line02.png) repeat-x bottom;background-size:5px 1px;padding:0 0 5px;margin:0 auto 10px}
.postEdit h5:before{content:"";width:16px;height:16px;display:inline-block;background:#79B26A;margin:0 6px 0 0}
.postEdit h6{font-size:15px;font-size:1.5rem;font-weight:500;margin:0 auto 10px}
.postEdit h6:before{content:"";width:10px;height:10px;display:inline-block;background:#79B26A;margin:0 6px 0 0}
.postEdit ol{counter-reset:number;list-style:none;text-align:left;margin:0 auto 20px;padding:0 0 0 20px}
.postEdit ol li:before{counter-increment:number;content:counter(number);font-size:14px;font-size:1.4rem;width:18px;height:18px;display:inline-block;color:#fff;text-align:center;background:#79B26A;margin:0 5px 0 -20px;position:relative;top:-2px;line-height:1.3em}
.postEdit ol li{margin:0 0 3px;position:relative}
.postEdit ul{padding:0 0 0 20px;margin:0 auto 20px}
.postEdit ul li{margin:0 0 5px}
.postEdit ul li:before{font-family:"hkh";content:"\e900";color:#79B26A;font-size:12px;margin:0 5px 0 -18px}
.postEdit table{border-top:1px solid #79B26A;border-left:1px solid #79B26A;width:100%;margin:0 auto 20px}
.postEdit th,.postEdit td{border-right:1px solid #79B26A;border-bottom:1px solid #79B26A;padding:5px 4px;text-align:center}
.postEdit thead th{color:#fff;font-weight:600;background:#79B26A}
.postEdit thead td{color:#525252}
.postEdit tbody th{background:#EAEAEA;font-weight:600;color:#555}
.postEdit tbody td{color:#525252}
.postEdit hr{clear:both;border:none;background:url(../img/line02.png) repeat-x bottom;background-size:5px 1px;padding:10px 0 0;margin:0 auto 10px}
#paging{background:url(../img/line02.png) repeat-x top;background-size:5px 1px;line-height:1.6em}
#paging li.prev:before{font-family:"hkh";content:"\e900";position:absolute;margin:5px 8px 0 0;left:0;font-size:11px;top:10px;color:#79B26A;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#paging li.next:after{font-family:"hkh";content:"\e900";position:absolute;margin:5px 0 0 8px;right:0;font-size:11px;top:10px;color:#79B26A}
#paging{clear:both;overflow:hidden;padding:10px 0 60px;position:relative}
#paging li a{padding:0 5px;display:block;text-decoration:underline}
#paging li a:hover{text-decoration:underline;color:#86C340}
#paging li.toindex a{width:160px;line-height:1;background:#86C340;color:#fff;display:block;margin:0 auto;padding:12px 0;text-align:center;text-decoration:none}
#paging li.prev,#paging li.next{width:48%}
#paging li.prev{float:left}
#paging li.next{float:right}
#paging li.prev a{padding:0 0 0 15px}
#paging li.next a{padding:0 15px 0 0}
#paging li.toindex{position:absolute;text-align:center;bottom:10px;width:100%}
#paging li.toindex a{line-height:1;color:#fff;background:#4AB8CA;color:#fff;display:block;margin:0 auto}
#paging li.toindex a:before{font-family:"hkh";content:"\e900";position:relative;margin:0 5px 0 0;font-size:11px;top:1px}
p#paging li.toindex a{width:100%;height:40px;font-size:11px;font-weight:600;line-height:40px}
p#paging li.toindex a:before{}
p#paging li.toindex a:hover{opacity:0.8;text-decoration:none}
}
/* ------------------------
 SAIYO ()
------------------------ */
/* #saiyo #pageTitle{background-position: center top;} */
#saiyo #pageTitle{background-position: center center;}
#saiyo #pageTitle p {position:absolute;text-align:center;top:52%;width:100%;color:#fff}
#saiyo main h2{color:#333;text-align:center;font-weight:500}
#staffNest article{margin:0 auto 100px;overflow:hidden;position:relative;padding: 0}
#staffNest article a{text-decoration:none}
#staffNest article figure img{line-height:1;vertical-align:top;width: 100%}
#staffNest article h3{clear:none;color:#525252;/*text-align:center;*/font-weight:500}
#staffNest article.male{background:#EAF4F9}
#staffNest article.female{background:#FCEEEB}
#staffNest article dd span,#interviewBox header dd span{font-family:Arial, Helvetica, sans-serif}
#staffNest article.male dd span{color:#87CEFA}
#staffNest article.female dd span{color:#F27285}
#staffNest article figure{position:relative}
#staffNest article figure:after{content:"";position:absolute;top:50%;z-index:10}
#recruitList {clear: both;overflow: hidden;}
#recruitList article {position:relative;background:#D0FFF8;border-bottom:18px solid #D0FFF8}
#recruitList article h3{color:#525252;font-weight:500}
#recruitList article dl{background:url(../img/line02.png) repeat-x top;background-size:5px 1px}
#recruitList article dt:after{content:"\00ff1a"}
#recruitList article dt{width:3.5em;float:left;clear:both;padding:0 0 5px}
#recruitList article dd{padding:0 0 5px 3.5em}
#recruitList+p:last-child{clear:both}
#interviewBox header{position:relative}
#interviewBox header div{position:absolute;bottom:0;background:rgba(0,0,0,0.5);width:100%;text-align:center;color:#fff}
#interviewBox header img{vertical-align:top;line-height:1}
#interviewBox header p{margin:0}
#interviewBox header dl{margin:0 auto;text-align:left}
#require {width:920px;margin:0 auto 50px}
#require header {margin-bottom: 1em}
#require header h3 {font-size: 24px;font-size: 2.4rem;line-height: 1.8em;text-align: center}
#require table{border-top:1px solid #666;border-left:1px solid #666;margin:0 auto;font-size:16px;font-size:1.6rem;width:860px}
#require table thead th{background:#79B26A;text-align:center;color:#fff;font-weight:600}
#require table th,
#require table td{border-right:1px solid #666;border-bottom:1px solid #666;padding:12px 15px}
#require table tbody th {text-align:left;font-weight:600; width: 20%;text-align: center;background: #efefef;}
#require .btn {margin: 1.5em 0;}
#require .btn a {border:2px solid #79B26A;color:#fff;background:#79B26A;width:200px;margin:0 auto 5px;height:55px;display:block;font-weight:500px;line-height:53px;font-weight:600;padding:0 20px 0 10px;text-align:center}
#require .btn a:after{content: "\e900";font-family: "hkh";position: relative;top: 0px;float: left;}

@media screen and (min-width: 961px), print {
#saiyo #pageTitle{height: 100vh;background-size: cover;}
#saiyo #pageTitle h1{padding:30px 0 0;height: 200px;}
#saiyo #pageTitle h1 span {display: block;font-size: 18px;font-size: 1.8rem;line-height: 2}
#saiyo #pageTitle p{margin:20px 0 0;font-size:18px;font-size:1.8rem}
#saiyo main h2{font-size:24px;font-size:2.4rem;margin:0 auto 30px}
#staffNest article{width:860px; display: flex}
/*#staffNest article div,#staffNest article figure{width:50%}*/
#staffNest article div:nth-of-type(1){width:40%}
#staffNest article div:nth-of-type(2){width:60%}
#staffNest article.right div,#staffNest article.left figure{float:right}
#staffNest article.left div,#staffNest article.right figure{float:left}
#staffNest article h3{font-size:16px;font-size:1.6rem;padding: 0 20px 10px;font-weight: bold;}
#staffNest article p{padding:0 25px;font-size:14px;font-size:1.4rem}
#staffNest article dl{/*padding:0 25px;position:absolute;bottom:15px;*/line-height:1.8em;text-align:center}
#staffNest article dt,#interviewBox header dt{font-size:14px;font-size:1.4rem}
#staffNest article dd strong,#interviewBox header dd strong{font-size:24px;font-size:2.4rem;font-weight:500}
#staffNest article dd span,#interviewBox header dd span{font-size:14px;font-size:1.4rem;padding:0 0 0 30px}
#staffNest article figure:after{border:18px solid transparent;margin:-15px 0 0}
#staffNest article.male figure:after{border-bottom:18px solid #EAF4F9}
#staffNest article.female figure:after{border-bottom:18px solid #FCEEEB}
#staffNest article.right figure:after{right:0;transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}
#staffNest article.left figure:after{left:0;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
#staffNest article figure a:hover:after{content:"\008a73\003057\00304f\00898b\00308b";color:#fff;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:430px;height:287px;display:block;background:rgba(0,0,0,0.35);top:0;left:0;z-index:10;position:absolute;padding:130px 0 0 15px}
#staffNest article figure a:hover:before{font-family:"hkh";content:"\e905";color:#fff;top:120px;left:140px;z-index:10;position:absolute;font-size:40px;z-index:20}
#recruitList article {width:275px;float:left;border-top:5px solid #79B26A;padding:22px 20px 0;margin-bottom:20px}
#recruitList article:nth-child(2){margin:0 16px 20px}
#recruitList article h3{font-size:24px;font-size:2.4rem;padding:0 0 15px}
#recruitList article h3+p,#recruitList article dl{font-size:14px;font-size:1.4rem}
#recruitList article dl{padding:20px 0 10px}
#recruitList article a {display: block;line-height: 3;text-align: center;background: #79B26A;color: #fff;font-weight: bold;margin-top: 1em;}
#recruitList+p:last-child a{border:2px solid #79B26A;color:#fff;background:#79B26A;width:200px;margin:0 auto 5px;height:55px;display:block;font-weight:500px;line-height:53px;font-weight:600;padding:0 20px 0 10px;text-align:center}
#recruitList+p:last-child a:before{content:"\e900";font-family:"hkh";position:relative;top:0px;float:left}
#recruitList+p:last-child a:hover{opacity:0.8;text-decoration:none}
#interviewBox h2 {font-size: 24px;font-size: 2.4rem;margin: 0 auto 30px;text-align: center;font-weight: 500;}
#interviewBox header{margin:0 auto 30px;line-height:1.8em}
#interviewBox header p{font-size:24px;font-size:2.4rem;padding:20px 0 15px}
#interviewBox header dl{width:300px;padding:0 0 25px}
#interviewBox .postEdit img.alignright {max-width:48%}
#interviewBox .postEdit img.alignleft {max-width:48%}

}

@media screen and (max-width: 960px) {
#saiyo #pageTitle {height: 300px;}
#saiyo #pageTitle h1{width:80%;height:200px;margin:auto;font-size:20px;font-size:2rem;padding:40px 0 0;top:0;bottom:0;left:0;right:0;}
#saiyo #pageTitle h1 span {display: block;font-size: 14px;font-size: 1.4rem;line-height: 2}
#saiyo #pageTitle p {font-size:14px;font-size:1.4rem;width: 70%;display: block;margin: 1em auto 0;text-align: center;left: 0;right: 0;}
#saiyo main h2{font-size:18px;font-size:1.8rem;margin:0 auto 10px}
#staffNest article{margin:0 auto 10px;max-width:430px}
#staffNest article h3{font-size:16px;font-size:1.6rem;padding:10px}
#staffNest article p{padding:0 10px}
#staffNest article dl{padding:0 0 10px;text-align:center}
#staffNest article dt{font-size:12px;font-size:1.2rem}
#staffNest article dd strong{font-size:20px;font-size:2rem;font-weight:500}
#staffNest article dd span{font-size:13px;font-size:1.3rem;display:block;}
#staffNest article figure:after{border:10px solid transparent;margin:-9px 0 0 -10px;transform:rotate(0deg);-webkit-transform:rotate(0deg);left:50%;bottom:0}
#staffNest article.male figure:after{border-bottom:10px solid #DFFFA0}
#staffNest article.female figure:after{border-bottom:10px solid #FFD6D8}
#recruitList article {border-top:3px solid #79B26A;padding:10px 10px 1px;margin:0 auto 20px}
#recruitList article h3{font-size:16px;font-size:1.6rem;padding:0 0 10px;text-align:center;font-weight:600}
#recruitList article h3+p,#recruitList article dl{}
#recruitList article dl{padding:10px 0;margin:-10px auto 0}
#recruitList article:after{border:10px solid transparent;bottom:-20px;margin:0 0 0 -10px}
#recruitList+p:last-child{margin:0 auto}
#recruitList+p:last-child a{border:2px solid #79B26A;color:#fff;background:#79B26A;width:200px;margin:0 auto 5px;height:55px;display:block;font-weight:500px;line-height:53px;font-weight:600;padding:0 20px 0 10px;text-align:center;}
#recruitList+p:last-child a:before{content:"\e900";font-family:"hkh";position:relative;top:0px;float:left}
#recruitList+p:last-child a:hover{opacity:0.8;text-decoration:none}
.box01 h2,
#interviewBox h2 {font-size: 18px;font-size: 1.8rem;margin: 0 auto 10px;text-align: center;}
#interviewBox header{margin:0 auto 10px}
#interviewBox header p{padding:5px;line-height:1.5em;font-size:16px;font-size:1.6rem}
#interviewBox header dl{padding:0 0 5px;text-align:center;line-height:1.4em}
#interviewBox header dt{font-size:10px;font-size:1rem}
#interviewBox header dd span{font-size:11px;font-size:1.1rem;padding:0 0 0 10px}
#interviewBox header dd strong{font-size:16px;font-size:1.6rem;font-weight:500}
#require {width:100%;}
#require header h3 {font-size: 16px;font-size: 1.6rem;}
#require table{width: 100%;}
#require table tbody th,
#require table tbody td {display: block;width: 100%;}
#require table tbody th {text-align: left;}
}

/* ------------------------
 ROKEN ()
------------------------ */
#roken #pageTitle{background-image:url(../../roken/img/img_pagetitle.jpg)}
#roken main h2{color:#79B26A;text-align:center;font-weight:500}
#rokenGuide article{overflow:hidden;position:relative;}
#rokenGuide article figure img{line-height:1;vertical-align:top}
#rokenGuide article h3{clear:none;color:#525252;text-align:center;font-weight:500}
#rokenGuide article p{line-height:1.8em}
#rokenGuide article dd span,#interviewBox header dd span{font-family:Arial, Helvetica, sans-serif}
#rokenGuide article div,#rokenGuide article figure{width:50%}
#rokenGuide article:nth-child(2n+1) div,#rokenGuide article:nth-child(2n) figure{float:right}
#rokenGuide article:nth-child(2n) div,#rokenGuide article:nth-child(2n+1) figure{float:left}
#rokenGuide article h3{font-size:18px;font-size:1.8rem;padding:30px 20px;color: #79B26A;}
#rokenGuide article p{padding:0 25px;font-size:14px;font-size:1.4rem}
#rokenGuide article dl{padding:0 25px;position:absolute;bottom:15px}
#rokenGuide article dt,#interviewBox header dt{font-size:14px;font-size:1.4rem}
#rokenGuide article dd strong,#interviewBox header dd strong{font-size:24px;font-size:2.4rem;font-weight:500}
#rokenGuide article dd span,#interviewBox header dd span{font-size:14px;font-size:1.4rem;padding:0 0 0 30px}
#rokenGuide article figure{position:relative}
#rokenGuide article figure:after{border:18px solid transparent;content:"";position:absolute;top:50%;margin:-12px 0 0;z-index:10;border-bottom:18px solid #fff}
#rokenGuide article figcaption{width:180px;height:50px;display:block;background:rgba(255,255,255,0.75);position:absolute;top:50%;left:50%;margin:-25px 0 0 -90px;text-align:center;font-weight:600;color:#79B26A;line-height:3.5em;padding:0 25px 0 0}
#rokenGuide article a:hover figcaption{background:#79B26A;color:#fff}
#rokenGuide article figcaption:before{content:"\e900";font-family:"hkh";position:relative;top:0;float:left;margin:0 0 0 25px;font-weight:normal}
#rokenGuide article:nth-child(2n+1) figure:after{right:0;transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}
#rokenGuide article:nth-child(2n) figure:after{left:0;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
#gallery{clear:both}
.lazy-item .slick-next,.thumb-item-nav .slick-next,.multiple-item .slick-next,.center-item .slick-next{z-index:99}
.lazy-item .slick-prev,.thumb-item-nav .slick-prev,.multiple-item .slick-prev,.center-item .slick-prev{z-index:100}
.single-item .slick-prev::before,.single-item .slick-next::before{color:#666}
.slick-slide{cursor:pointer}
.thumb-item .slick-prev,.thumb-item .slick-next{background:rgba(255,255,255,0.65)}
.thumb-item-nav .slick-prev,.thumb-item-nav .slick-next{background:#79B26A}
.thumb-item .slick-prev:before,.thumb-item .slick-next:before{color:#79B26A}
.thumb-item-nav .slick-prev:before,.thumb-item-nav .slick-next:before{color:#fff}
.thumb-item .slick-list.draggable{background:#eee}
.slick-prev{left:0}
.slick-next{right:0}
@media screen and (min-width: 961px), print {
#roken main h2{color:#79B26A;font-size:24px;font-size:2.4rem;margin:0 auto 30px;text-align:center;font-weight:500}
#rokenGuide,#rokenSlide,
#rokenDownload{width:920px;margin:0 auto 50px}
#rokenGuide article{margin:0 auto;width:860px}
.thumb-item.slider img{max-width:100%;max-height:574px;margin:0 auto}
.single-item{max-width:600px;margin:0 auto 50px}
.slick-prev::before,.slick-next::before{font-size:24px}
.slick-dots{bottom:-25px}
.multiple-item li{margin:0 5px}
.thumb-item{max-width:860px;margin:0 0 5px}
.thumb-item-nav{max-width:860px;margin:0 25px}
.thumb-item-nav li{margin:5px}
.lazy-item{width:400px;margin:0 auto 50px}
.lazy-item li{margin:0 5px}
.thumb-item figure{width:860px;height:574px;position:relative;background:#666}
.thumb-item figcaption{font-size:18px;position:absolute;bottom:20px;right:15px;color:#fff}
.thumb-item .slick-prev,.thumb-item .slick-next{width:50px;height:50px;top:50%;margin:-25px 0 0}
.thumb-item-nav .slick-prev,.thumb-item-nav .slick-next{width:20px;height:80px;top:5px}
.slick-prev:before,.slick-next:before{font-weight:600;font-size:14px}
.slick-slide{line-height:1}
.thumb-item-nav{height:90px}
.thumb-item-nav .slick-prev{left:-25px}
.thumb-item-nav .slick-next{right:-25px}
.thumb-item-nav .slick-slide{height:80px;text-align:center}
[dir='rtl'] .slick-prev{right:-25px;left:auto}
[dir='rtl'] .slick-next{right:auto;left:-25px}
.thumb-item .slick-prev{left:20px;z-index:10}
.thumb-item .slick-next{right:20px}
.slick-slide img{opacity:0.8}
.slick-current.slick-active{outline:none}
.slick-current.slick-active img{opacity:1}
#rokenDownload ul{margin:0 auto -30px}
#rokenDownload ul li{clear:both;margin:0 auto 30px;overflow:hidden;line-height:1.8em}
#rokenDownload ul li img{float:left;margin:0 30px 0 0}
#rokenDownload ul li h3{width:680px;float:right;background:url(../img/line02.png) repeat-x bottom;background-size:5px 1px;font-size:18px;font-size:1.8rem;font-weight:500;padding:0 0 15px;margin:0 0 20px}
#rokenDownload ul li p{}
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop,#rokenGuide article figcaption{padding:3px 25px 0 0}#rokenGuide article figure:after{margin:-15px 0 0}
#rokenGuide article figcaption:before{top:-3px}
}
@media screen and (max-width: 960px) {
#roken main h2{font-size:18px;font-size:1.8rem;margin:0 auto 10px}
#rokenGuide,
#rokenSlide,
#rokenDownload{margin:0 auto 30px}
#rokenGuide article{overflow:hidden;position:relative;}
#rokenGuide article figure img{line-height:1;vertical-align:top}
#rokenGuide article h3{clear:none;color:#525252;text-align:center;font-weight:500}
#rokenGuide article p{line-height:1.8em}
#rokenGuide article dd span,#interviewBox header dd span{font-family:Arial, Helvetica, sans-serif}
#rokenGuide article div,#rokenGuide article figure{width:50%}
#rokenGuide article:nth-child(2n+1) div,#rokenGuide article:nth-child(2n) figure{float:right}
#rokenGuide article:nth-child(2n) div,#rokenGuide article:nth-child(2n+1) figure{float:left}
#rokenGuide article h3{font-size:18px;font-size:1.8rem;padding:30px 20px;color: #79B26A;}
#rokenGuide article p{padding:0 25px;font-size:14px;font-size:1.4rem}
#rokenGuide article dl{padding:0 25px;position:absolute;bottom:15px}
#rokenGuide article dt,#interviewBox header dt{font-size:14px;font-size:1.4rem}
#rokenGuide article dd strong,#interviewBox header dd strong{font-size:24px;font-size:2.4rem;font-weight:500}
#rokenGuide article dd span,#interviewBox header dd span{font-size:14px;font-size:1.4rem;padding:0 0 0 30px}
#rokenGuide article figure{position:relative}
#rokenGuide article figure:after{border:18px solid transparent;content:"";position:absolute;top:50%;margin:-12px 0 0;z-index:10;border-bottom:18px solid #fff}
#rokenGuide article figcaption{width:180px;height:50px;display:block;background:rgba(255,255,255,0.75);position:absolute;top:50%;left:50%;margin:-25px 0 0 -90px;text-align:center;font-weight:600;color:#79B26A;line-height:3.5em;padding:0 25px 0 0}
#rokenGuide article a:hover figcaption{background:#79B26A;color:#fff}
#rokenGuide article figcaption:before{content:"\e900";font-family:"hkh";position:relative;top:0;float:left;margin:0 0 0 25px;font-weight:normal}
#rokenGuide article:nth-child(2n+1) figure:after{right:0;transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}
#rokenGuide article:nth-child(2n) figure:after{left:0;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.swiper-container{width:100%}
.thumb-item .slick-prev,.thumb-item .slick-next{width:30px;height:30px;top:50%;margin:-15px 0 0}
.thumb-item .slick-prev{z-index:10}
.slick-prev::before,.slick-next::before{font-size:24px}
.slick-dots{bottom:-25px}
.multiple-item li{margin:0 5px}
.slider.thumb-item-nav.slick-initialized.slick-slider{padding:5px 0 0}
.thumb-item-nav .slick-prev::before,.thumb-item-nav .slick-next::before{display:none}
#rokenDownload ul{margin:0 auto}
#rokenDownload ul li{clear:both;margin:0 auto 10px;overflow:hidden;background:url(../img/line02.png) repeat-x bottom;background-size:5px 1px;padding:0 0 10px}
#rokenDownload ul li:last-child{background:none;margin:0 auto}
#rokenDownload ul li img{margin:0 auto 10px;width:100px;height:auto;display:block}
#rokenDownload ul li h3{font-size:16px;font-size:1.6rem;font-weight:600;text-align:center;margin:0 0 10px}
}
@media screen and (max-width: 640px) {
#rokenGuide article {margin:0 auto 10px;width: 100%;background:url(../img/line02.png) repeat-x bottom;background-size:5px 1px;padding-bottom: 20px;margin-bottom: 20px;}
#rokenGuide article:last-child {margin-bottom: 0;background-image: none;}
#rokenGuide article div,
#rokenGuide article figure {float: none;width: 100%;text-align: center;}
#rokenGuide article figure:after {display: none;}
#rokenGuide article figure img{line-height:1;vertical-align:top}
#rokenGuide article h3{clear:none;color:#525252;text-align:center;font-weight:500}
#rokenGuide article p{line-height:1.8em}
#rokenGuide article dd span,
#interviewBox header dd span{font-family:Arial, Helvetica, sans-serif}
#rokenGuide article h3{font-size:16px;font-size:1.6rem;padding:15px 20px;color: #79B26A;}
#rokenGuide article p {padding:0 25px;font-size:14px;font-size:1.4rem}
#interviewBox header dt{font-size:14px;font-size:1.4rem}
#interviewBox header dd strong{font-size:24px;font-size:2.4rem;font-weight:500}
#interviewBox header dd span{font-size:14px;font-size:1.4rem;padding:0 0 0 30px}
#rokenGuide article figcaption{width:180px;height:50px;display:block;background:rgba(255,255,255,0.75);position:absolute;top:50%;left:50%;margin:-25px 0 0 -90px;text-align:center;font-weight:600;color:#79B26A;line-height:3.5em;padding:0 25px 0 0}
#rokenGuide article figcaption:before{content:"\e900";font-family:"hkh";position:relative;top:0;float:left;margin:0 0 0 25px;font-weight:normal}

}

/* ------------------------
 PAGE ()
------------------------ */
#page table.table {margin:0 auto;font-size:16px;font-size:1.6rem;width:100%;max-width: 100%;box-sizing: border-box;border-collapse: collapse;}
#page table.table thead th{text-align:center;color:#fff;font-weight:600}
#page table.table th,
#page table.table td {border:1px solid #ccc;padding:12px 15px}
#page table.table tbody th{text-align:left;font-weight:600}
#page .mapBox iframe {width: 100%;}
span.sign {display: block;text-align: right;}
.btn {margin: 1.5em 0;}
.btn input {border:2px solid #79B26A;color:#fff;background:#79B26A;width:200px;margin:0 auto 5px;height:55px;display:block;font-weight:500px;line-height:53px;font-weight:600;padding:0 20px;text-align:center}
#page .imgFull {margin-bottom: 20px;}

@media screen and (min-width: 961px), print {
#page main h2{color:#333;font-size:24px;font-size:2.4rem;margin:0 auto 30px;text-align:center;font-weight:500}
#page section {width:920px;margin:0 auto 50px}
}
@media screen and (max-width: 960px) {
#page main h2{font-size:18px;font-size:1.8rem;margin:0 auto 10px;text-align: center;}
#page section {margin:0 auto 30px}
#page section#indexNews {margin:0;border-bottom: 1px solid #F8F6EF;}
#page .imgFull {margin-bottom: 10px;}
}
@media screen and (max-width: 640px) {
#page table.table {width: 100%;box-sizing: border-box;}
#page table.table th {background: #f1f1f1;}
#page table.table th,
#page table.table td {display: block;width: 100%;border-right:1px solid #ccc;border-bottom:none;}
#page table.table tr:last-child td {border-bottom:1px solid #ccc;}
#page table.mcTable {margin:0 auto;font-size:13px;font-size:1.3rem;width:100%;max-width: 100%;box-sizing: border-box;}
#page table.mcTable thead th {text-align:center;color:#fff;font-weight:600}
#page table.mcTable th,
#page table.mcTable td {border-bottom:none;padding:5px;display: table-cell;}
#page table.mcTable tbody th{text-align:left;font-weight:600}
}
/* ------------------------
 フレキシブル追加
------------------------ */
@media screen and (min-width: 961px), print {
#flexParts article {padding-top: 0}
#flexParts article .box {overflow: hidden;clear: both;}
#flexParts article .box + .box {margin-top: 30px;}
#flexParts article h3 {position: relative;overflow: hidden;padding-bottom: 10px;font-size:20px;font-size: 2rem;line-height: 2;}
#flexParts article h3::before,
#flexParts article h3::after {content: "";position: absolute;bottom: 0;}
#flexParts article h3:before{border-bottom: 3px solid #79B26A;width: 100%;}
#flexParts article h3:after{border-bottom: 3px solid #eee;width: 100%;}
#flexParts article h4 {font-size: 18px;font-size: 1.8rem;font-weight: bold;line-height: 2;}
#flexParts article h5 {font-size: 15px;font-size: 1.5rem;font-weight: bold;line-height: 2;}
#flexParts article .rightImg {float: right;margin-left: 30px}
#flexParts article table {width: 100%;}
#flexParts article table + table {margin-top: 30px;}
#flexParts article table caption {text-align: center;line-height: 2;color:#79B26A;width: 100%;display: inline-block;}
#flexParts article table th,
#flexParts article table td {border: 1px solid #ccc;width: 50%;text-align: center;padding: 20px 30px}
#flexParts article table th {background: #f1f1f1;}
#flexParts article table.table01 th {width: 30%;}
#flexParts article table.table01 th span {font-weight: normal;font-size: 13px;font-size: 1.3rem;}
#flexParts article table.table01 td {width: 70%;text-align: left;}
#flexParts article table.ranking th {
	background: #fff;
	position: relative;
	padding-left: 80px;
	text-align: left;
	font-weight: bold
}
#flexParts article table.ranking th span {
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
#flexParts article table.ranking tr:first-child th span,
#flexParts article table.ranking tr:nth-child(2) th span,
#flexParts article table.ranking tr:nth-child(3) th span {
	padding-top: 40px;
	overflow: hidden;
	background-size: contain;
	background-repeat: no-repeat;
}
#flexParts article table.ranking tr:first-child th span {
	background-image: url(../img/icon_gold.png);
}
#flexParts article table.ranking tr:nth-child(2) th span {
	background-image: url(../img/icon_silver.png);
}
#flexParts article table.ranking tr:nth-child(3) th span {
	background-image: url(../img/icon_bronz.png);
}
#flexParts article .flex {
	display: flex;
}
#flexParts article .ranking_wrap {
	flex-wrap: wrap;
}
#flexParts article .ranking_wrap .ranking_box {
	width: 32%;
	margin-left: 2%;
}
#flexParts article .ranking_wrap .ranking_box:nth-child(3n+1) {
	margin-left: 0;
}
#flexParts article .ranking_wrap .ranking_box:nth-child(n+4) {
	margin-top: 30px;
}
#flexParts article .ranking_wrap .ranking_box ul {
	display: flex;
	flex-direction: column;
}
#flexParts article .ranking_wrap .ranking_box ul li {
	position: relative;
	line-height: 20px;
	padding-left: 30px;
}
#flexParts article .ranking_wrap .ranking_box ul li + li {
	margin-top: .5em;
}
#flexParts article .ranking_wrap .ranking_box ul li span {
	position: absolute;
	display: inline-block;
	color: #fff;
	background: #79B26A;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	left: 0;
}
#flexParts article table td dl + dl {margin-top: 20px;}
#flexParts article table td dl dt {font-weight: bold;}
#flexParts article table.innerTable {border: none;}
#flexParts article table.innerTable th {border: none;background: #fff;text-align: left;width: auto;font-weight: normal;}
#flexParts article table.innerTable td {border: none;background: #fff;text-align: right;width: auto;font-weight: bold;}
#flexParts article .timeTable table th {width: 20%;}
#flexParts article .timeTable table td {width: 80%;text-align: left;}
#flexParts article .timeTable table td span {font-weight: bold;display: block;}
#flexParts article h4,
#flexParts article h5 {margin-top: 20px;margin-bottom: 1em;}
#flexParts article p {text-indent: 0;padding-left: 0;margin-bottom: 0;}
#flexParts article p + p {margin-top: 1em;}
#flexParts article p.mb {margin-bottom: 1em;}
#flexParts article ol {counter-reset: number;}
#flexParts article ol li {padding-left: 1em;line-height: 1.5;}
#flexParts article ol li:before {position: absolute;left:0;counter-increment: number 1;content: counter(number) ". "; }
#flexParts article .txt {text-indent: -1em;padding-left: 1em;}
#flexParts article .att {color: #ff0000;font-weight: bold;}
#flexParts article a {text-decoration: underline;}
#flexParts article .fullImg {text-align: center;}
#flexParts article .fullImg + p {margin-top: 20px;}
#flexParts article .bgGray {background: #f1f1f1;padding: 20px;border-radius: 6px;margin-top: 20px;display: inline-block;}
#flexParts article .bgGray strong {font-size: inherit;}
#flexParts article table.mcTable th,
#flexParts article table.mcTable td {width: auto;color: inherit;}
#flexParts article .subTtl {text-align: center;margin: 30px 0;line-height: 1.8;font-size: 24px;font-size: 2.4rem;color:#79B26A;font-weight: bold; }
p.backBtn {padding-top: 30px;background: url(../img/line02.png) repeat-x top;margin-top: 30px;}
p.backBtn a {width:265px;height:55px;font-weight:500;line-height:53px;font-weight:600;padding:0 25px 0 12px;color: #fff;background: #79B26A; margin: 0 auto 5px;display: block;text-align: center;text-decoration: none!important;}
p.backBtn a:hover {opacity:0.8;text-decoration:none}
p.backBtn a:before {top: 0;float: left;content: "\e900";font-family: "hkh";position: relative;}

#optionList h3 {font-weight: 600;color: inherit;font-weight: bold;font-size: 16px;font-size: 1.6rem;padding-left: 16px;border-left: 2px solid #79B26A;margin-bottom: 16px;}
#optionList table {width: 100%;}
#optionList table th,
#optionList table td {border: 1px solid #ccc;width: 50%;text-align: center!important;padding:12px 15px}
#optionList table th {background: #f1f1f1;font-weight:600}
#optionList table td small {font-size: 14px;font-size: 1.4rem;margin-left: 5px;}
#optionList table + h3 {margin-top: 30px}
#optionList .etc {text-align: right;line-height: 2;color: #666;font-size: 12px;font-size: 1.2rem;}

#contactBox h2 {color:#79B26A;font-size:24px;font-size:2.4rem;margin:0 auto 30px;text-align:center;font-weight:500}
#contactBox .inner{background:#fff;padding:20px 20px 30px;text-align:left;position:relative;clear: both;}
#contactBox .inner div {clear: both;overflow: hidden;}
#contactBox .inner p {text-align: center;}
#contactBox .inner:before{border:18px solid transparent;border-bottom:18px solid #fff;content:"";position:absolute;top:-34px;left:50%;transform:rotate(0deg);-webkit-transform:rotate(0deg);margin:0 0 0 -18px}
#contactBox .inner:after{background:#999;width:1px;height:30px;display:block;position:absolute;top:30%;left:50%;content:"";display:block;margin-top:-15px}
#contactBox .inner dl {width:50%;float:left;text-align:center;padding:20px 0 30px;font-weight:600}
#contactBox .inner dt {color:#444;font-weight:600;font-size:13px;font-size:1.3rem;padding:0 0 10px}
#contactBox .inner dl dd{letter-spacing:0.1em;font-size:40px;font-size:4rem;color:#444;line-height:1;display:block;letter-spacing:0.09em;}
#contactBox p.pageLink {margin-top: 30px;}
#contactBox p.pageLink a {width:265px;height:55px;font-weight:500;line-height:53px;font-weight:600;padding:0 25px 0 12px}
#contactBox p.pageLink a:before {top:0;float:left;}
#contactBox p.pageLink a:hover {opacity:0.8;text-decoration:none}

.flow dl dt {padding: 15px 0;background: #eee;}
.flow dl dt span {padding: 0 20px;border-right: 1px solid #ccc;margin-right: 20px;font-weight: bold;}
.flow dl dd {padding: 15px;}
.flow dl:after {font-family: 'hkh';content: '\e900';color: #79B26A;transform: rotate(90deg);font-size: 30px;font-size: 3rem;display: block;width: 30px;margin: 0 auto;}
.flow dl + dl {margin-top: 20px;}
.flow dl:last-child:after {display: none;}

#drInfo article {position: relative;clear: both;background: url(../img/line02.png) repeat-x bottom;background-size: 5px 1px;overflow: hidden;padding-bottom: 30px;}
#drInfo article + article {padding-top: 30px;}
#drInfo .baloon article:last-child {background: none;padding-bottom: 0;}
#drInfo article figure {float: right;margin-left: 30px;}
#drInfo article h3{font-weight:600;font-size:18px;font-size:1.8rem;padding:0 0 5px 0;position: relative;overflow: hidden;font-size:20px;font-size: 2rem;line-height: 2;}
#drInfo article h3 span {font-size:14px;font-size: 1.4rem;}
#drInfo article h3::before,
#drInfo article h3::after {content: "";position: absolute;bottom: 0;}
#drInfo article h3:before{border-bottom: 3px solid #79B26A;width: 100%;}
#drInfo article h3:after{border-bottom: 3px solid #eee;width: 100%;}
#drInfo article .nameEn {margin-bottom: 30px;}
#drInfo article dl dt {font-weight: bold;}
#drInfo article dl dt,
#drInfo article dl dd {line-height: 2;}
#drInfo article dl + dl {margin-top: 20px;}

.prBox ul { overflow: hidden;clear: both;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.prBox ul li {display: block;width: 33.3%;padding: 1%;text-align: center;font-weight: bold}
.prBox ul li img {width: 128px;height: 128px;display: block;margin: 0 auto 5px;}

.dlFiles {margin-top: 10px; margin-bottom: 30px;}
.dlFiles a {display: inline-block;}
.dlFiles a + a {margin-left: 20px;}	

#recruitList ul li {line-height: 1.8em;font-size: 18px;font-size: 1.8rem;clear: both;cursor: pointer;font-weight: bold;background: url(../img/line02.png) repeat-x bottom;background-size: 5px 1px;}
#recruitList ul li a {display: block;padding: 30px 0;color: #333;}
#recruitList ul li a span {display: inline-block;font-weight: normal;font-size: 14px;font-size: 1.4rem;line-height: 1.8em;padding: 0 10px;border-radius: 3px;color:#fff;margin-right: 20px; min-width: 70px; text-align: center;}
#recruitList ul li a span.dr {background-color: #08a9ce;}
#recruitList ul li a span.nurse {background-color: #f85782;}
#recruitList ul li a span.kaigo {background-color: #03d96c;}
#recruitList ul li a span.other {background-color: #ffb259;}
#recruitList ul li a span.pharmacist {background-color: #b8d200;}

#snsBtm .qr {text-align: center;margin-top: 20px;}
#snsBtm .qr img {width: 240px;height: auto;}
#line h3.line {background: #00b900;text-align: center;padding: 9px 0;margin-bottom: 20px;}
#line p {line-height: 1.2;}

#notice {width: 920px;margin: 0 auto;padding: 15px 30px;background: #fff;} 
#notice .noticeInner {background:url('../img/icon_notice.png') left center no-repeat;padding-left: 50px;}
}

/* form Parts */
select.long {width: 200px;}
.mw_wp_form table {}
.mw_wp_form table th {width: 30%;}
.mw_wp_form table th img {float: right;}
.mw_wp_form table td div span {display: inline-block;min-width: 100px;margin-right: 10px;}
.mw_wp_form table td div + div {margin-top: 10px;}
.mw_wp_form .entry p {margin-top: 30px;text-align: center;}
.mw_wp_form .entry input[type="submit"] {
    width: 265px;
    height: 55px;
    font-weight: 500;
    line-height: 53px;
    font-weight: 600;
    padding: 0 25px 0 12px;
    border: 2px solid #79B26A;
    color: #fff;
    background: #79B26A;
    margin: 30px auto 5px;
    display: block;
    text-align: center;
}
.mw_wp_form_confirm .confnone {display: none;	}

/* common Parts */
.sign {text-align: right!important;}
.sign span {margin-right: 10px;}
.taR {text-align: right!important;}
.taL {text-align: left!important;}
.highlight { color: #79B26A;}


@media screen and (max-width: 960px) {
#flexParts article {padding-top: 0;background-image: none;}
#flexParts article .box {overflow: hidden;clear: both;}
#flexParts article .box + .box {margin-top: 30px;}
#flexParts article h3 {position: relative;overflow: hidden;padding-bottom: 10px;font-size:16px;font-size: 1.6rem;line-height: 2;margin-bottom: 20px}
#flexParts article h3::before,
#flexParts article h3::after {content: "";position: absolute;bottom: 0;}
#flexParts article h3:before{border-bottom: 3px solid #79B26A;width: 100%;}
#flexParts article h3:after{border-bottom: 3px solid #eee;width: 100%;}
#flexParts article h4 {font-size: 18px;font-size: 1.8rem;font-weight: bold;line-height: 2;}
#flexParts article h5 {font-size: 15px;font-size: 1.5rem;font-weight: bold;line-height: 2;}
#flexParts article .rightImg {float: right;margin-left: 30px}
#flexParts article table {width: 100%;}
#flexParts article table + table {margin-top: 30px;}
#flexParts article table caption {text-align: center;line-height: 2;color:#79B26A;width: 100%;display: inline-block;}
#flexParts article table th,
#flexParts article table td {border: 1px solid #ccc;width: 50%;text-align: center;padding: 20px 30px}
#flexParts article table th {background: #f1f1f1;}
#flexParts article table.table01 th {width: 30%;}
#flexParts article table.table01 th span {font-weight: normal;font-size: 13px;font-size: 1.3rem;}
#flexParts article table.table01 td {width: 70%;text-align: left;}
#flexParts article table.ranking th,
#flexParts article table.ranking td {
	width: auto;
	display: table-cell;
}
#flexParts article table.ranking th {
	background: #fff;
	position: relative;
	padding-left: 60px;
	text-align: left;
	font-weight: bold
}
#flexParts article table.ranking th span {
	position: absolute;
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
#flexParts article table.ranking tr:first-child th span,
#flexParts article table.ranking tr:nth-child(2) th span,
#flexParts article table.ranking tr:nth-child(3) th span {
	padding-top: 40px;
	overflow: hidden;
	background-size: contain;
	background-repeat: no-repeat;
}
#flexParts article table.ranking tr:first-child th span {
	background-image: url(../img/icon_gold.png);
}
#flexParts article table.ranking tr:nth-child(2) th span {
	background-image: url(../img/icon_silver.png);
}
#flexParts article table.ranking tr:nth-child(3) th span {
	background-image: url(../img/icon_bronz.png);
}
#flexParts article .flex {
	display: flex;
}
#flexParts article .ranking_wrap {
	flex-wrap: wrap;
	flex-direction: column;
	margin-bottom: 30px;
}
#flexParts article .ranking_wrap .ranking_box {
	width: 100%;
	margin-left: 0%;
}
#flexParts article .ranking_wrap .ranking_box:nth-child(3n+1) {
	margin-left: 0;
}
#flexParts article .ranking_wrap .ranking_box + .ranking_box {
	margin-top: 20px;
}
#flexParts article .ranking_wrap .ranking_box:nth-child(n+4) {
	margin-top: 20px;
}
#flexParts article .ranking_wrap .ranking_box ul {
	display: flex;
	flex-direction: column;
}
#flexParts article .ranking_wrap .ranking_box ul li {
	position: relative;
	line-height: 20px;
	padding-left: 30px;
}
#flexParts article .ranking_wrap .ranking_box ul li + li {
	margin-top: .5em;
}
#flexParts article .ranking_wrap .ranking_box ul li span {
	position: absolute;
	display: inline-block;
	color: #fff;
	background: #79B26A;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	left: 0;
}
#flexParts article table td dl + dl {margin-top: 20px;}
#flexParts article table td dl dt {font-weight: bold;}
#flexParts article table.innerTable {border: none;}
#flexParts article table.innerTable th {border: none;background: #fff;text-align: left;width: auto;font-weight: normal;}
#flexParts article table.innerTable td {border: none;background: #fff;text-align: right;width: auto;font-weight: bold;}
#flexParts article .timeTable table th,
#flexParts article .timeTable table td {text-align: left;}
#flexParts article .timeTable table td span {font-weight: bold;display: block;}
#flexParts article h4,
#flexParts article h5 {margin-top: 20px;margin-bottom: 1em;}
#flexParts article p {text-indent: 0;padding-left: 0;margin-bottom: 0;}
#flexParts article p + p {margin-top: 1em;}
#flexParts article p.mb {margin-bottom: 1em;}
#flexParts article ol {counter-reset: number;}
#flexParts article ol li {padding-left: 1em;line-height: 1.5;}
#flexParts article ol li:before {position: absolute;left:0;counter-increment: number 1;content: counter(number) ". "; }
#flexParts article .txt {text-indent: -1em;padding-left: 1em;}
#flexParts article .att {color: #ff0000;font-weight: bold;}
#flexParts article a {text-decoration: underline;}
#flexParts article .fullImg {text-align: center;}
#flexParts article .fullImg + p {margin-top: 20px;}
#flexParts article .bgGray {background: #f1f1f1;padding: 20px;border-radius: 6px;margin-top: 20px;display: inline-block;}
#flexParts article .bgGray strong {font-size: inherit;}
#flexParts article table.mcTable th,
#flexParts article table.mcTable td {width: auto;color: inherit;}
#flexParts article .subTtl {text-align: center;margin: 30px 0;line-height: 1.8;font-size: 24px;font-size: 2.4rem;color:#79B26A;font-weight: bold; }
#flexParts article .map iframe {max-width: 100%;}
#optionList h3 {font-weight: 600;color: inherit;font-weight: bold;font-size: 16px;font-size: 1.6rem;padding-left: 16px;border-left: 2px solid #79B26A;margin-bottom: 16px;}
#optionList table {width: 100%;}
#optionList table th,
#optionList table td {border: 1px solid #ccc;width: 30%;padding: 5px;}
#optionList table th {background: #f1f1f1;width: 70%;text-align: left;}
#optionList table td {width: 30%;text-align: right;}
#optionList table td small {font-size: 14px;font-size: 1.4rem;margin-left: 5px;}
#optionList table + h3 {margin-top: 30px}
#optionList .etc {text-align: right;line-height: 2;color: #666;font-size: 12px;font-size: 1.2rem;}
#contactBox h2 {color:#79B26A;font-size:24px;font-size:2.4rem;margin:0 auto 30px;text-align:center;font-weight:500}
#contactBox .inner{background:#fff;padding:20px 20px 30px;text-align:left;position:relative;clear: both;}
#contactBox .inner:before{border: 10px solid transparent;border-bottom: 10px solid #fff;content: "";position: absolute;top: -17px;left: 50%;transform: rotate(0deg);-webkit-transform: rotate(0deg);margin: 0 0 0 -10px;}
#contactBox .inner:after{background:#999;width:1px;height:30px;display:block;position:absolute;top:30%;left:50%;content:"";display:block;margin-top:-15px}
#contactBox .inner dl {width:50%;float:left;text-align:center;padding:20px 0 30px;font-weight:600}
#contactBox .inner dt {color:#444;font-weight:600;font-size:13px;font-size:1.3rem;padding:0 0 10px}
#contactBox .inner dl dd {letter-spacing:0.1em;font-size:30px;font-size:3rem;color:#444;line-height:1;display:block;letter-spacing:0.09em;}
#contactBox p.pageLink {margin-top: 30px;}
#contactBox p.pageLink a {width:265px;height:55px;font-weight:500;line-height:53px;font-weight:600;padding:0 25px 0 12px}
#contactBox p.pageLink a:before {top:0;float:left;}
#contactBox p.pageLink a:hover {opacity:0.8;text-decoration:none}
.flow dl dt {padding: 15px 0;background: #eee;}
.flow dl dt span {padding: 0 20px;border-right: 1px solid #ccc;margin-right: 20px;font-weight: bold;}
.flow dl dd {padding: 10px;}
.flow dl:after {font-family: 'hkh';content: '\e900';color: #79B26A;transform: rotate(90deg);font-size: 30px;font-size: 3rem;display: block;width: 30px;margin: 0 auto;}
.flow dl + dl {margin-top: 20px;}
.flow dl:last-child:after {display: none;}
#recruitList ul li {line-height: 1.8em;font-size: 15px;font-size: 1.5rem;clear: both;cursor: pointer;font-weight: bold;background: url(../img/line02.png) repeat-x bottom;background-size: 5px 1px;}
#recruitList ul li a {display: block;padding: 15px 0;color: #333;}
#recruitList ul li a span {display: inline-block;font-weight: normal;font-size: 13px;font-size: 1.3rem;line-height: 1.8em;padding: 0 10px;border-radius: 3px;color:#fff;margin-right: 20px;}
#recruitList ul li a span.dr {background-color: #08a9ce;}
#recruitList ul li a span.nurse {background-color: #f85782;}
#recruitList ul li a span.kaigo {background-color: #03d96c;}
#recruitList ul li a span.other {background-color: #ffb259;}
#recruitList ul li a span.pharmacist {background-color: #b8d200;}
#drInfo article {position: relative;clear: both;background: url(../img/line02.png) repeat-x bottom;background-size: 5px 1px;overflow: hidden;padding-bottom: 20px;}
#drInfo article + article {padding-top: 20px;}
#drInfo .baloon article:last-child {background: none;padding-bottom: 0;}
#drInfo article figure {float: right;margin-left: 20px;max-width: 45%;}
#drInfo article h3{font-weight:600;font-size:18px;font-size:1.8rem;padding:0 0 5px 0;position: relative;overflow: hidden;font-size:20px;font-size: 2rem;line-height: 2;}
#drInfo article h3 span {font-size:14px;font-size: 1.4rem;}
#drInfo article h3::before,
#drInfo article h3::after {content: "";position: absolute;bottom: 0;}
#drInfo article h3:before{border-bottom: 3px solid #79B26A;width: 100%;}
#drInfo article h3:after{border-bottom: 3px solid #eee;width: 100%;}
#drInfo article .nameEn {margin-bottom: 30px;}
#drInfo article dl dt {font-weight: bold;}
#drInfo article dl dt,
#drInfo article dl dd {line-height: 2;}
#drInfo article dl + dl {margin-top: 10px;}
.prBox ul { overflow: hidden;clear: both;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.prBox ul li {display: block;width: 33.3%;padding: 1%;text-align: center;font-weight: bold}
.prBox ul li img {width: 128px;height: 128px;display: block;margin: 0 auto 5px;}
#snsBtm .qr {text-align: center;margin-top: 20px;}
#snsBtm .qr img {display: none;}
#fb dd {text-align: center;}
#line h3.line {background: #00b900;text-align: center;padding: 9px 0;margin-bottom: 20px;}
#line p {line-height: 1.2;}
#notice {width: 100%;margin: 0 auto;padding: 15px 20px;background: #fff;} 
#notice .noticeInner {background:url('../img/icon_notice.png') left center no-repeat;padding-left: 50px;}
span.highlight {display: block;text-align: center;}
}

@media screen and (max-width: 640px) {
#flexParts article .rightImg {float: none;margin: 0 0 10px;text-align: center;}
.mw_wp_form table td div span {display: block;}
#contactBox h2 {color:#79B26A;font-size:24px;font-size:2.4rem;margin:0 auto 30px;text-align:center;font-weight:500}
#contactBox .inner{background:#fff;padding:20px 20px 30px;text-align:left;position:relative;clear: both;}
#contactBox .inner:before{border: 10px solid transparent;border-bottom: 10px solid #fff;content: "";position: absolute;top: -17px;left: 50%;transform: rotate(0deg);-webkit-transform: rotate(0deg);margin: 0 0 0 -10px;}
#contactBox .inner:after{display: none;}
#contactBox .inner dl {width:100%;float:none;text-align:center;padding:0;font-weight:600}
#contactBox .inner dt {color:#444;font-weight:600;font-size:13px;font-size:1.3rem;padding:0 0 10px}
#contactBox .inner dl dd{letter-spacing:0.1em;font-size:30px;font-size:3rem;color:#444;line-height:1;display:block;letter-spacing:0.09em;}
#contactBox .inner dl + dl {margin-top: 20px;}
#contactBox p.pageLink {margin-top: 30px;}
#contactBox p.pageLink a {width:265px;height:55px;font-weight:500;line-height:53px;font-weight:600;padding:0 25px 0 12px}
#contactBox p.pageLink a:before {top:0;float:left;}
#contactBox p.pageLink a:hover {opacity:0.8;text-decoration:none}
#flexParts article table {border-bottom: 1px solid #ccc;}
#flexParts article table + table {margin-top: 20px;}
#flexParts article table caption {text-align: center;line-height: 2;color:#79B26A;width: 100%;display: inline-block;}
#flexParts article table th,
#flexParts article table td {display: block;;width: 100%;text-align: center;padding: 15px;border-bottom: none;}
#flexParts article table th {background: #f1f1f1;}
#flexParts article table.table01 th {width: 100%;}
#flexParts article table.table01 th span {font-weight: normal;font-size: 13px;font-size: 1.3rem;}
#flexParts article table.table01 td {width: 100%;text-align: left;}
#flexParts article table.innerTable {border: none;}
#flexParts article table.innerTable th {display:table-cell;background: #fff;text-align: left;width: auto;font-weight: normal;padding: 5px 0;}
#flexParts article table.innerTable td {display:table-cell;background: #fff;text-align: right;width: auto;font-weight: bold;padding: 5px 0;}
#flexParts article .subTtl {margin: 30px 0;font-size: 18px;font-size: 1.8rem;}
.prBox ul { overflow: hidden;clear: both;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.prBox ul li {display: block;width: 48%;padding: 1%;text-align: center;font-weight: bold}
.prBox ul li img {width: 128px;height: 128px;display: block;margin: 0 auto 5px;}
}

/* 人間ドックフロー */

#dockFlow h3 {
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 2;
    margin-bottom: 1em;
}
#dockFlow h3:before {
    border-bottom: 3px solid #79B26A;
    width: 100%;
}
#dockFlow h3:after {
    border-bottom: 3px solid #eee;
    width: 100%;
}
#dockFlow h3::before,#dockFlow h3::after {
    content: "";
    position: absolute;
    bottom: 0;
}
#dockFlow h5 {margin-top: 20px;margin-bottom: 1em;font-size: 15px;font-size: 1.5rem;font-weight: bold;line-height: 2;}
#dockFlow .flowChart {
	display: flex;
}
#dockFlow .flowChart .flowParts {
	padding-right: 30px;
	position: relative;
}
#dockFlow .flowChart .flowParts.last {
	padding-right: 0;
}
#dockFlow .flowChart .flowParts:after {
	content: '\ea34';
	font-family: 'hkh';
	display: block;
	position: absolute;
    right: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 20px;
	font-size: 20px;
	color: #F6EEA8;
	line-height: 200px;
}
#dockFlow .flowChart .flowParts.last:after {
	display: none;
}
#dockFlow .flowChart .flowParts .multiLabels {
	padding-bottom: 20px;
	border-bottom: 1px solid #F6EEA8;
	position: relative;
}
#dockFlow .flowChart .flowParts .multiLabels:before {
	display: block;
	width: 1px;
	height: 15px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #F6EEA8;
	content: '';
}
#dockFlow .flowChart .flowParts .multiLabels:after {
	display: block;
	width: 1px;
	height: 15px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #F6EEA8;
	content: '';
}
#dockFlow .flowChart .flowParts .multiLabels .mlInner {
	display: flex;
}

#dockFlow .flowChart .flowParts .multiLabels .mlInner div {
	padding-right: 36px;
	position: relative;	
}
#dockFlow .flowChart .flowParts .multiLabels .mlInner div:last-child {
	padding-right: 0;
}
#dockFlow .flowChart .flowParts .multiLabels .mlInner div:after {
	content: '\ea34';
	font-family: 'hkh';
	display: block;
	position: absolute;
	right: 8px;
	top: 0;
	bottom: 0;
	display: block;
	width: 20px;
	line-height: 200px;
	font-size: 20px;
	color: #F6EEA8;
}
#dockFlow .flowChart .flowParts .multiLabels div:last-child:after {
	display: none;
}
#dockFlow .flowChart .flowParts .label {
	display: block;
	background: #79B26A;
	border-radius: 3px;
	width: 30px;
	height: 200px;
	text-align: center;
	font-weight: bold;
	margin-top: 0;
	position: relative;
}
#dockFlow .flowChart .flowParts .label span {
	display: block;
	color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	line-height: 30px;

}
#dockFlow .flowChart .flowTxt {
	width: 100%;
	height: 200px;
	text-align: center;
	position: relative;
	max-width: 120px;
}
#dockFlow .flowChart .flowTxt span {
	line-height: 20px;
	height: 40px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}
#dockFlow .flowChart .flowParts .flowNote {
	line-height: 40px;
	margin: 0;
	text-align: center;	
}
#dockFlow p.note {
	text-indent: -1em;
	padding-left: 1em;
}

/* アテンションBOX */
section.attention {
	padding: 30px;
    background: #f1f1f1;
    border: 1px solid #eee;
    text-align: center;
    color: #ff0000;
    font-weight: bold;
    font-size: 2rem;
}

@media screen and (max-width: 960px) {
	#dockFlow .flowChart {
		display: flex;
		flex-direction: column;
	}
	#dockFlow .flowChart .flowParts {
		padding-right: 0;
	}
	#dockFlow .flowChart .flowParts.last {
		padding-bottom: 0;
	}
	#dockFlow .flowChart .flowParts:after {
		content: '\ea36';
		font-family: 'hkh';
		position: relative;
		text-align: center;
		display: block;
		width: 200px;
		font-size: 20px;
		color: #F6EEA8;
		line-height: 30px;
		margin: 0;
		right: 0;
	}
	#dockFlow .flowChart .flowParts.last:after {
		display: none;
	}
	#dockFlow .flowChart .flowParts .multiLabels {
		padding-bottom: 0;
		padding-right: 20px;
		border-bottom: none;
		border-right: 1px solid #F6EEA8;
		position: relative;
		width: 220px;
	}
	#dockFlow .flowChart .flowParts .multiLabels:before {
		display: block;
		width: 15px;
		height: 1px;
		position: absolute;
		top: 0;
		bottom: inherit;
		left: inherit;
		right: 0;
		background: #F6EEA8;
		content: '';
	}
	#dockFlow .flowChart .flowParts .multiLabels:after {
		display: block;
		width: 15px;
		height: 1px;
		position: absolute;
		bottom: 0;
		right: 0;
		background: #F6EEA8;
		content: '';
	}
	#dockFlow .flowChart .flowParts .multiLabels .mlInner {
		display: flex;
		flex-direction: column;
	}

	#dockFlow .flowChart .flowParts .multiLabels .mlInner div {
		padding-right: 0;
		position: relative;	
	}
	#dockFlow .flowChart .flowParts .multiLabels .mlInner div:last-child {
		padding-bottom: 0;
	}
	#dockFlow .flowChart .flowParts .multiLabels .mlInner div:after {
		content: '\ea36';
		font-family: 'hkh';
		position: relative;
		text-align: center;
		display: block;
		width: 200px;
		font-size: 20px;
		color: #F6EEA8;
		line-height: 30px;
		margin: 0;
		right: 0;
	}
	#dockFlow .flowChart .flowParts .multiLabels div:last-child:after {
		display: none;
	}
	#dockFlow .flowChart .flowParts .label {
		display: block;
		background: #79B26A;
		border-radius: 3px;
		width: 200px;
		height: auto;
		text-align: center;
		font-weight: bold;
		margin-top: 0;
		position: relative;
		text-align: center;
	}
	#dockFlow .flowChart .flowParts .label span {
		display: block;
		color: #fff;
		position: relative;
		-webkit-writing-mode: inherit;
			-ms-writing-mode: inherit;
				writing-mode: inherit;
		line-height: 30px;
	}
	#dockFlow .flowChart .flowTxt {
		width: 100%;
		height: auto;
		text-align: center;
		position: relative;
		max-width: auto;
	}
	#dockFlow .flowChart .flowTxt span {
		line-height: 2;
		height: auto;
		position: relative;
		text-align: left;
	}
	#dockFlow .flowChart .flowTxt span br {
		display: none;
	}
	#dockFlow .flowChart .flowParts .flowNote {
		line-height: auto;
		position: absolute;
		margin: 0;
		text-align: center;	
		-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
		    width: 20px;
			left: 240px;
			top: 0;
			bottom: 0;	
	}
}