@charset "UTF-8";
/*-------------------------------------------------font-------*/
html {
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
html,body {
font-size:16px;
line-height:1.5;
font-feature-settings: "palt";
}
body {
-webkit-text-size-adjust: 100%;
}
/*googlefont*/
.ns-jp-nomal {
font-family: 'Noto Sans JP', sans-serif;
}
.ns-jp-bold {
font-family: 'Noto Sans JP', sans-serif;
font-weight:bold;
}
/*googlefont end*/

/*-------------------------------------------------common------*/
dl,ul,ol,li,dt,dd {
list-style:none;
padding:0;
margin:0;
}
p,h1,h2,h3,h4,h5,h6 {
padding:0;
margin:0;
}
a {
color:#333;
}
.f-left {
float:left;
}
.f-right {
float:right;
}
.cleafix::after {
display:block;
content:" ";
clear:both;
}
.f-container {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.flexbox-r {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.f-wrap {
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.wraper {
width:640px;
margin:auto;
background:url(../img/bg_background.png);
}
.wraper-inner {
background:url(../img/bg_puzzle-body.png);
}
h2 {
position:relative;
text-align:center;
font-size:36px;
line-height:1.3;
font-family: 'Noto Sans JP', sans-serif;
font-weight:bold;
}
h2 span.small-title {
padding:0;
font-size:28px;
font-weight:bold;
}
h2 span.sub-title {
display:block;
padding-top:1em;
font-size:18px;
font-weight:normal;
}
.title-blue {
color:#1181bf;
font-weight:bold;
}
.title-green {
color:#55ae7f;
font-weight:bold;
}

h2 span.arch-blue::before,
h2 span.arch-green::before {
display:block;
position:absolute;
bottom:0.5em;
left:0;
right:0;
width:250px;
margin:auto;
text-align:center;
}
h2 span.arch-blue::before {
content:url(../img/ph_titleline_blue.png);
}
h2 span.arch-green::before {
content:url(../img/ph_titleline_green.png);
}

.auxiliary-blue {
display:inline-block;
background:#f3fafe;
padding:0.5em 0;
border-radius:5px;
margin:2em auto 1em;
text-align:center;
width:34em;
}
.text-center {
text-align:center;
}
.text-right {
text-align:right;
}
.text-left {
text-align:left;
}
.title-2 {
padding-top:2em;
}
.flexbox {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.note {
color:#ce4949;
font-family: 'Noto Sans JP', sans-serif;
font-size:18px;
}
.pb-3em {
padding-bottom:3em;
}
.inner {
width:100%;
}
.flex-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:space-between;
}
.tp-32 {
padding-top:2em;
}
.ph {
padding-top:2em;
text-align:center;
}
/*-------------------------------------------------header------*/
header {
position:relative;
background:#d1ebf6;
}
/*header-top*/
.header-top {
background:#1181bf;
}
.bg_header {
background:url(../img/bg_header_pazzle.png);
padding:1em;
}
.header-content  > div {
color:#fff;
padding-right:1.2em;
}
.header-content  > div:last-child {
padding-right:0;
}
.header-content  > div:not(:last-child) {
border-right:1px solid #fff;
}
.header-logo {
padding-top:0.6em;
}
.header-contact {
padding-top:0.4em;
}
.header-contact-inner li {
position:relative;
padding-bottom:0.1em;
padding-left:2em;
font-size:15px;
}
.header-phone::before {
position:absolute;
content:url(../img/ic_header_phone.png);
left:0.5em;
top:0.1em;
}
.header-mail::before {
position:absolute;
content:url(../img/ic_header_mail.png);
left:0.5em;
top:0.1em;
}
.header-mail a,
.header-phone a {
color:#fff!important;
text-decoration:none!important;
}
.header-info-inner {
font-size:14px;
}
.header-info-inner dt {
padding-right:1em;
}
.header-youbi li {
background:#fff;
width:1.5em;
height:1.5em;
border-radius:1em;
color:#1181bf;
text-align:center;
margin-right:0.5em;
font-size:12px;
}

/*h1*/
.h1 {
position:relative;
text-align:center;
padding:3em 0 0;
}
.h1::before,
.h1::after {
position:absolute;
}
.h1::before {
left:0;
top:1.5em;
content:url(../img/il_head_c_left.png);
}
.h1::after {
right:0;
top:４em;
content:url(../img/il_head_c_right.png);
}
/*nav*/
nav {
background:url(../img/nav_background.png) no-repeat;
padding-bottom:145px;
}
.nav-inner ul {
position:relative;
bottom:-130px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-inner li {
border-right:1px dashed #fff;
padding:0.5em 1em 0.5em 0;
margin-right:1em;
text-align:center;
font-size:19px;
}
.nav-inner li:last-child {
border-right:none;
padding-right:0;
margin-right:0;
}
.nav-inner li span {
display:block;
font-size:12px;
}
.nav-inner li a {
display:block;
color:#fff;
text-decoration:none;
}
.nav-inner li a:hover,
.nav-inner li a:focus {
opacity:0.6;
}
/*-------------------------------------------------main------*/
.box {
text-align:center;
padding-bottom:64px;
}
.omnomnom {
margin: 1em 0 0;
text-align: center;
}
.omnomnom a:hover,
.omnomnom a:focus {
opacity: 0.6;
}
/*maintop*/
#maintop {
margin: 1em 4em 4em;
background:#d1ebf6;
}
#maintop p {
text-align:center;
padding:3em 0;
color:#1180be;
font-weight:bold;
background-image:url(../img/ic_ch1_lefttop.png),
							  url(../img/ic_ch1_rigttop.png),
							  url(../img/ic_ch1_leftbottom.png),
							  url(../img/ic_ch1_rightbottom.png);
background-repeat:no-repeat;
background-position:left top,right top,left bottom,right bottom;
}
/*news*/
.news-inner {
width:30em;
margin:auto;
padding-top:2em;
}
.news-item {
width:30em;
margin:0 auto 1em;
padding:0 ;
}
.news-item dt,
.news-item dd {
padding-bottom:0.4em;
}
.news-item dt {
width:8em;
border-bottom:2px solid #1181bf;
color:#1180be;
}
.news-item dt p {
text-align:left;
}
.news-item dd {
width:20em;
border-bottom:2px dashed #1181bf;
}
.news-item dd p {
padding-left:1em;
text-align:left;
}
/*-----スクロールバー　*/
.iflam {
width:30em;
max-height:10em;
min-height:3em;
overflow:auto;
}
.mCSB_dragger {
background:#1181bf;
}
.mCSB_dragger_bar {
display:none;
}
.mCSB_draggerRail {
display:none;
}
.mCSB_scrollTools {
background:#d1ebf6;
}

/*partner*/
/*about*/
#about {
background:url(../img/bg_about.png) no-repeat center top;
padding:0 3em;
margin-bottom:5em;
position:relative;
}
#about h2 {
padding-top:2em;
}
#about > p {
text-align:left;
width:22em;
margin-left:4em;
padding:1em 2em;
}
.about_content {
width:25em;
margin:auto;
padding-bottom:2em;
}
.about_content > div {
margin:1em 0;
position:relative;
}
.about_content div::before {
position:absolute;
left:0;
top:-.1em;
width:2em;
font-size:30px;
background:#fff;
border-radius:2em;
text-align:center;
padding:.25em 0;
}
.about_content div.b::before {
content:"b";
}
.about_content div.u::before {
content:"u";
}
.about_content div.m::before {
content:"m";
}
.about_content div.p::before {
content:"p";
}
.about_content div.y::before {
content:"y";
}
.about_content dl {
position:relative;
padding-left:5em;
}
.about_content dl dt {
display:inline-block;
background:#1181bf;
padding:.1em .8em .15em;
border-radius:1em;
color:#d1ebf6;
margin-bottom:.2em;
}
/*ourwish*/
#ourwish {
margin-bottom:6em;
}
.greenback{
background:#cfe9e0;	
padding:32px 48px 32px 48px;
margin:32px 16px 0px 16px;
border-radius:5px;
	}
.usuimidori{
background:#f4f9f3;	
padding:16px 24px 16px 24px;
border-radius:5px;
	}
/*job*/
#job {
background:url(../img/bg_job.png) no-repeat center top;
padding:0 3em;
margin-bottom:4em;
}
#job h4 {
color:#1181bf;
font-size:18px;
font-weight:normal;
padding-bottom:0.3em;
font-family:font-family: 'Noto Sans JP', sans-serif;;
}
.job-feature {
padding-bottom:1em;
}
.job-feature dl {
float:left;
padding-right:1em;
}
.job-feature dl:first-child {
width:178px;
}
.job-feature dl:last-child {
width:338px;
padding-right:0;
}
.job-feature dt {
background:#1181bf;
padding:0.3em 0 0.3em 1em;
border-radius:5px;
color:#fff;
letter-spacing:0.1em;
}
.job-feature dd {
padding:0.5em 0.5em;
}
.work_scene {
position:relative;
padding-bottom:1.5em;
}
.work_scene::before {
position:absolute;
top:5em;
left:1em;
content:url(../img/ic_pz_job.png);
z-index:100;
}
.work_scene dl {
padding-bottom:1.5em;
padding-left:3em;
}

.schedule-inner1 {
width:168px;
margin-right:1em;
}
.schedule-inner2 {
width:348px;
}
.schedule-inner1 > p,
.schedule-inner2 > p  {
background:#7dccf1;
padding:0.3em 0 0.3em 1em;
border-radius:5px 5px 0 0;
color:#fff;
}
.schedule dl {
padding:0.5em 1em;
font-family: 'Noto Sans JP', sans-serif;
background:#fff;
border-radius:0 0 5px 5px;
}
.schedule-inner1 dt,
.schedule-inner2 dt  {
display:inline-block;
width:3em;
font-size:18px;
}
.schedule-inner1 dd {
display:inline-block;
width:4em;
font-size:18px;
}
.schedule-inner2 dd {
display:inline-block;
width:14em;
font-size:18px;
}
.schedule > p {
padding:1em 0 5em;
}
/*program*/
#program {
padding:0 3em;
margin-bottom:4em;
position:relative;
}
#program dl {
padding:2em 0;
}
#program dl dt {
padding:.2em 1em .2em 2em;
border-radius:2em;
background:#1181bf;
font-size:1.125rem;
color:#fff;
position:relative;
}
#program dl dt span {
font-size:2rem;
line-height:0;
position:absolute;
top:50%;
left:.5em;
}
#program dl dd {
padding:1em;
}
span.super {
vertical-align:super;
font-size:.8rem;
}
span.comment {
display:block;
color:#009CE5;
padding-top:1em;
font-size:1em;
}
/*plantdetail*/
#plantdetail {
background:url(../img/bg_prantdetail.png) no-repeat center top;
padding:0 3em;
margin-bottom:6em;
position:relative;
}
#plantdetail::before {
content:url(../img/bg_prantdetail_left.png);
padding:0 1em;
position:absolute;
left:0;
top:10em;
margin:auto;
z-index:10;
}
#plantdetail::after {
content:url(../img/bg_prantdetail_right.png);
padding:0 1em;
position:absolute;
bottom:-6px;
right:0;
margin:auto;
}
#plantdetail h2 {
padding-top:2em;
}
#plantdetail div {
padding-top:1.7em;
text-align:center;
}
#plantdetail div:last-of-type {
padding-bottom:3em;
}
#plantdetail div h3 {
position:relative;
}
#plantdetail div h3::before {
content:" ";
border-top:1px dashed #55ae7f;
position:absolute;
top:50%;
left:0;
right:0;
z-index:0;
}
#plantdetail div h3 span {
position:inherit;
font-size:1.5rem;
color:#55ae7f;
padding:0 1em;
background:#cfe9e0;
z-index:9999;
}

#plantdetail div p {
font-size:1.125rem;
padding-top:1em;
}
.plantdetail_day ul {
padding:1em 0;
height:2em;
line-height:3.5em;
}
.plantdetail_day li {
display:inline-block;
color:#fff;
font-size:1.75rem;
background:#55ae7f;
width:2em;
text-align:center;
border-radius:2em;
vertical-align:middle;
margin-right:.5em;
}
.plantdetail_day li:last-of-type {
margin-right:0;
}
/*utilization*/
#utilization {
background:url(../img/bg_utilization.png) no-repeat center top;
padding:0 3em;
margin-bottom:6em;
position:relative;
}
#utilization h2 {
padding-top:2em;
}
#utilization .utilization_content {
padding:2em 0 4em;
}
#utilization .utilization_content dl {
border:4px solid #55ae7f;
margin-bottom:3em;
border-radius:5px;
padding:1em 2em;
background:#fff;
position:relative;
}
#utilization .utilization_content dl::after {
position:absolute;
content:" ";
bottom:-2.2em;
left:0;
right:0;
width:0;
margin:auto;
border-top: 1em solid #55ae7f;
border-right: 1em solid transparent;
border-bottom: 1em solid transparent;
border-left: 1em solid transparent;
}
#utilization .utilization_content dl dt {
padding-bottom:.5em;
border-bottom:1px dashed #55ae7f;
font-size:1.25em;
color:#55ae7f;
font-weight:bold;
}
#utilization .utilization_content dl dd {
padding-top:.5em;
}
#utilization .utilization_content p {
padding:1rem 5em;
background:#55ae7f;
color:#fff;
font-weight:bold;
width:5em;
margin:auto;
font-size:1.25rem;
font-weight:normal;
}
/*subjects*/
#subjects {
margin:0 0 6em;
}
#subjects div ol {
width:34.375em;
margin:auto;
border: solid 4px #1181bf;
border-radius:10px;
padding: 0 0.5em;
position: relative;
margin-top:2em;
counter-reset:li_count;
list-style:none;
}
#subjects div ol li {
padding: 1.2em  1.5em 1.2em 5em;
border-bottom: dashed 1px #1181bf;
position:relative;
}
#subjects div ol li:last-of-type {
border-bottom: none;
}
#subjects div ol li:before {
position:absolute;
counter-increment:li_count;
content:counter(li_count);
left:1.5em; 
color:#fff;
width:2em;
padding:.25em 0;
background:#1181bf;
border-radius:2em;
text-align:center;
vertical-align:middle;
font-size:19px;
}
#subjects div ol li:nth-of-type(1):before,
#subjects div ol li:nth-of-type(2):before,
#subjects div ol li:nth-of-type(3):before {
top:.7em;
}
#subjects div ol li:nth-of-type(4):before {
top:.1.5em;
}
/*fee*/
#fee {
background:url(../img/bg_fee.png) no-repeat center top;
padding:0 3em;
position:relative;
}
#fee h2 {
padding-top:2em;
}
#fee > p {
text-align:center;
padding:2em 0;
}
#fee dl {
width:28em;
padding-bottom:3em;
margin:auto;
}
#fee dl dt {
width:calc(15em - 2em);
float:left;
background:#fff;
padding:.5em 1em;
border-radius:5px 0 0 5px;
margin-bottom:1em;
border-right:1px solid #55ae7f;
}
#fee dl dd {
width:calc(13em - 2em);
float:left;
background:#fff;
padding:.375em 1em;
border-radius:0 5px 5px 0;
margin-bottom:1em;
color:#55ae7f;
font-size:0.875rem;
text-align:right;
}
#fee dl dd span {
font-size:1.25rem;
}
/*access*/
.ic_place a {
display:block;
width:16em;
margin:1em auto 0;
position:relative;
padding:.5em .5em .5em 2em;
border:1px solid #ccc;
border-radius:5px;
background:#fff;
}
.ic_place a::before {
position:absolute;
content:url(../img/ic_place.png);
left:3.7em;
top:.6em;
}
.ic_place a:hover,
.ic_place a:focus {
opacity:0.8;
border:1px solid #1181bf;
color:#1181bf;
}

/*-------------------------------------------------footer------*/
/*-------------------------------------------------GW前------*/
footer {
position:relative;
background:#d1ebf6;
}
/*totop*/
#totop {
display: none;
position: fixed;
top:30px;
right:1em;
padding:1em 0;
z-index:10;
}
#totop a {
display: block;
width: 80px;
height: 80px;
}
/*contact*/
#contact {
padding:64px 0;
background:url(../img/bg_footer_background.png) no-repeat center bottom;
text-align:center;
}
#contact a {
color:#333333;
}
/*footer-adress*/
.info-address {
padding:1em 0;
}
.phone,
.fax,
.e-mail {
position:relative;
display:inline-block;
margin:0 0 0.5em 0;
}
.phone {
padding:0.3em 0 0.3em 2em;
}
.fax {
padding:0.3em 1em 0.3em 2.5em;
}
.e-mail {
display:block;
width:17em;
margin:auto;
padding:0.3em 0 0.3em 0;
}
.phone::before,
.fax::before,
.e-mail::before {
position:absolute;
}
.phone::before {
content:url(../img/ic_phone.png);
left:1em;
top:0.4em;
}
.fax::before {
content:url(../img/ic_fax.png);
left:1em;
top:0.5em;
}
.e-mail::before {
content:url(../img/ic_mail.png);
left:0.9em;
top:0.4em;
}
.time {
padding-bottom:8em;
}
#contact dl {
display:inline-block;
text-align:center;
color:#1181bf;
border:1px solid #1181bf;
border-radius:5px;
margin-top:1em;
}
#contact dt,
#contact dd {
float:left;
}
#contact dt {
padding:0.5em 0 0.5em 2em;
border-radius:5px 0 0 5px;
}
#contact dd {
padding:0.5em 2em 0.5em 1em;
border-radius:0 5px 5px 0;
}
/*-------------------------------------------------GW前終わり------*/
/*-------------------------------------------------GW後------*/
/*totop*/
/*contact*/
/*footer-adress*/
/*-------------------------------------------------GW後終わり------*/
/*copylight*/
.footer-address {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content:space-between;
padding:1em;
background:#fff;
}
.footer-address address {
font-style:normal;
font-size:12px;
padding:1em 0 0;
}
.copylight {
background:#1181bf;
color:#fff;
text-align:center;
padding:0.5em;
}