@charset "utf-8";
/*home*/
/*tit*/
.home h2{ text-align: center; font-size: 2.8rem; font-weight: 600; margin-bottom: 40px;}
.home section{ margin: 80px auto 120px;}
@media screen and (max-width:767px){
.home h2{ font-size:2.5rem; margin-bottom:10%;margin-top: 5%;}
.home section{ margin:10% auto 15%;}
}

/*btn*/
.home figure.btn{ margin-top: 40px;}
.home figure.btn a{ display: inline-block; padding: 0.5em 2em; background: #fff; font-size: 1.1em; transition: 0.3s;}
.home figure.btn a:hover{ background: #158f98; color: #fff;}
@media screen and (max-width:767px){
.home figure.btn{ margin-top:5%;}
.home figure.btn a{ display:block; padding:0.5em;}
}

/*mv*/
#home_mv{ position: relative; width: calc(100% - 120px); margin: 0 auto;}
#home_mv p{ line-height: 60px; min-height: 16.5em; letter-spacing: 0.1em; position: absolute; right: -60px; top: 50%; transform: translateY(-50%); -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
#mv_slider{margin: 0 auto; text-align: center;}
#mv_slider img{ width: 100%;}
#home_mv .bx-wrapper{ border-bottom: 10px solid #158f98;}
@media screen and (max-width:767px){
#home_mv{ width: 100%;}
#home_mv p{ text-align: center; margin: 1em; line-height: 1em; min-height: 1em; position: static; transform: translateY(0);  -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;display:none;}
#mv_slider{ width: 100%; margin: 0 auto; text-align: center;}
#mv_slider img{ width: 100%;}
#home_mv .bx-wrapper{ border-bottom: 1.5vw solid #158f98;}
}

/*お知らせ*/
#home_news_bg{ background: #e2eded; padding:  40px 0 20px;}
#home_news ul{ width: 880px; margin: 0 auto;}
#home_news ul li{ padding: 1em 2em; border-bottom: 1px solid #fff; display: flex; align-items: center;}
#home_news ul li:first-child{ border-top: 1px solid #fff;}
#home_news ul li span{ width: 6em; margin-right: 2em;}
#home_news ul li p{ width: calc(100% - 6em);}
#home_news ul li a{ transition: 0.3s;}
#home_news ul li a:hover{ opacity: 0.7;}
@media screen and (max-width:767px){
#home_news_bg{ padding:5% 0;}
#home_news ul{ width:100%;}
#home_news ul li{ padding:1em 0; display:block;}
#home_news ul li span{ width:100%; display:block; margin:0 0 0.25em;}
#home_news ul li p{ width:100%;}
}

/*想い*/
#home_omoi .omoi_box{ margin: 40px auto 100px;}
#home_omoi .omoi_box dl{ display: flex; align-items: flex-start; justify-content: center;}
#home_omoi .omoi_box dl dt{ width: 48%; padding: 40px 40px 0 0;}
#home_omoi .omoi_box dl dd{ width: 52%;}
#home_omoi .omoi_box dl dd img{ width: 100%;}
#home_omoi .omoi_box:nth-child(2n) dl{ flex-direction: row-reverse;}
#home_omoi .omoi_box:nth-child(2n) dl dt{ width: 48%; padding: 40px 0 0 40px;}
#home_omoi .omoi_box dl dt h3{ font-size: 2rem; margin-bottom: 20px; font-feature-settings: "palt";}
#home_omoi .omoi_box h3{ font-weight: 500;}
@media screen and (max-width:767px){
#home_omoi .omoi_box{ margin:10% auto 10%;margin-bottom: 60px!important;}
#home_omoi .omoi_box dl{ display:block;}
#home_omoi .omoi_box dl dt{ width:100%; padding:0; margin-bottom:5%}
#home_omoi .omoi_box dl dd{ width:100%;}
#home_omoi .omoi_box dl dd img{ width:100%;}
#home_omoi .omoi_box:nth-child(2n) dl dt{ width:100%; padding:0;}
#home_omoi .omoi_box dl dt{ font-size:1.5rem; margin-bottom:5.5%;}
}

/*取り組み*/
#home_attempt ul{ width: calc(100% + 80px); margin-left: -40px; display: flex;}
#home_attempt ul li{ display: flex; align-items: center; justify-content: center; width: calc(33.33% - 80px); margin: 0 40px;}
#home_attempt ul li dl{ width: 100%;}
#home_attempt ul li:nth-child(1) dl dt{ background: url("../images/home/attempt_01.jpg") center center no-repeat; background-size: cover;}
#home_attempt ul li:nth-child(2) dl dt{ background: url("../images/home/attempt_02.jpg") center center no-repeat; background-size: cover;}
#home_attempt ul li:nth-child(3) dl dt{ background: url("../images/home/attempt_03.jpg") center center no-repeat; background-size: cover;}
#home_attempt dl dt a{ display: block; text-align: center; border: 24px solid rgba(36,125,127,0.55); padding: 140px 0; background: rgba(255,255,255,0.66); position: relative; transition: 0.3s;}
#home_attempt dl dt a:hover{border-color: rgba(36,125,127,0.33);background: rgba(255,255,255,0.75);}
#home_attempt dl dt h3{ font-size: 2.25rem; line-height: 1em; color: #158f98;}
#home_attempt dl dt h3 span{ display: block; font-size: 1.1rem; line-height: 1em; margin-top: 1em; color: #000;}
#home_attempt dl dt span.ico{ position: absolute; right: 0; bottom: -14px;}
#home_attempt dl dt span.ico img{ height: 84px;}
#home_attempt dl dd p{ border: 8px solid #158f98; background: #fff; margin: 0; text-align: center; font-size: 1.25rem; line-height: 1.25em;}
#home_attempt dl dd p:first-child{ border-bottom: none;}
#home_attempt dl dd p a{ display: block; padding: 1em 0.5em; background: #fff; transition: 0.3s;}
#home_attempt dl dd p a:hover{ background: #d3e9e9;}
@media screen and (max-width:767px){
#home_attempt ul{ width:100%; margin:0; display:block;}
#home_attempt ul li{ width:95%; margin:5% auto 5% auto;}
#home_attempt ul li:nth-child(2n){ margin:5% auto 5% auto;}
#home_attempt ul li dl{ width: 100%;}
#home_attempt dl dt a{ border-width:3.5vw; padding:40% 0;}
#home_attempt dl dt h3{ font-size:2.5rem;}
#home_attempt dl dt h3 span{ font-size:1.25rem;}
#home_attempt dl dt span.ico img{ height:16.5vw;}
#home_attempt dl dd p{ border:1.25vw solid #158f98; font-size:1.25rem;}
}


/*スタッフ*/
#home_staff #staff_list ul{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin: -20px 0;}
#home_staff #staff_list ul li{ width: calc(33.33% - 40px); text-align: center; margin: 20px;}
#home_staff #staff_list ul li figure img{ width: 164px; border-radius: 50%; transition: 0.3s;}
#home_staff #staff_list ul li h4{ margin-top: 20px; font-size: 1.25rem; line-height: 1em;}
#home_staff #staff_list ul li h4 span{ display: block; font-size: 1rem; margin-bottom: 0.25em;}
#home_staff #staff_list ul li a{ transition: 0.3s;}
#home_staff #staff_list ul li a:hover{ color: #158f98;}
#home_staff #staff_list ul li a:hover img{ opacity: 0.7;}
@media screen and (max-width:767px){
#home_staff #staff_list ul{ margin:-5vw 0;}
#home_staff #staff_list ul li{ width:calc(50% - 5vw); margin:5vw 2.5vw;}
#home_staff #staff_list ul li figure img{ width:75%;}
#home_staff #staff_list ul li h4{ margin-top:2.5%;}
#home_staff #staff_list ul li h4 span{ font-size:0.9rem; margin-bottom:0.125em;letter-spacing: 0.03em!important;}
}
#home_staff #home_staff_cv{ margin-top: 80px;}
#home_staff #home_staff_cv ul{ display: flex; width: 1050px; margin: 0 auto;}
#home_staff #home_staff_cv ul li{ display: flex; align-items: center; justify-content: center; width: calc(50% - 10px); margin: 0 5px;}
#home_staff #home_staff_cv ul li a{ display: block; width: 100%; text-align: center; border: 2px solid #158f98; background: #fff; font-size: 1.4rem; padding: 1em; transition: 0.3s;}
#home_staff #home_staff_cv ul li a:hover{ background: #d3e9e9;}
@media screen and (max-width:767px){
#home_staff #home_staff_cv{ margin-top:15%;}
#home_staff #home_staff_cv ul{ width:100%;}
#home_staff #home_staff_cv ul li{ width:calc(50% - 2.5vw); margin:0 1.25vw;}
#home_staff #home_staff_cv ul li a{ font-size:1.25rem;}
}


/*呼びかけ*/
#home_target ul{ width: 100%; display: flex; flex-wrap: wrap;}
#home_target ul li{ display: flex; align-items: center; justify-content: center; text-align: center; width: calc(33.33% - 40px); height: 320px; margin: 20px; position: relative; z-index: 1;}
#home_target ul li:after{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(29,125,128,0.75); z-index: 1; transition: 0.3s;}
#home_target ul li:nth-child(1){ background: url("../images/home/target01_bg.jpg") center center no-repeat; background-size: cover;}
#home_target ul li:nth-child(2){ background: url("../images/home/target02_bg.jpg") center center no-repeat; background-size: cover;}
#home_target ul li:nth-child(3){ background: url("../images/home/target03_bg.jpg") center center no-repeat; background-size: cover;}
#home_target ul li:nth-child(4){ background: url("../images/home/target04_bg.jpg") center center no-repeat; background-size: cover;}
#home_target ul li:nth-child(5){ background: url("../images/home/target05_bg.jpg") center center no-repeat; background-size: cover;}
#home_target ul li:nth-child(6){ background: url("../images/home/target06_bg.jpg") center center no-repeat; background-size: cover;}
#home_target ul li figure{ position: relative; z-index: 3;}
#home_target ul li figure img{ width: 120px;}
#home_target ul li h3{ position: relative; z-index: 3; color: #fff; font-size: 1.3rem; margin-top: 1em;}
#home_target ul li:hover:after{  background: rgba(29,125,128,1.0);}
@media screen and (max-width:767px){
#home_target ul{ width:calc(100% + 5vw); margin:0 0 -2.5vw -2.5vw;}
#home_target ul li{ width:calc(50% - 2.5vw); height:42.5vw; margin:1.25vw;}
#home_target ul li:nth-child(1){ background: url("../images/home/target01_bg_smp.jpg") center center no-repeat; background-size: cover;}
#home_target ul li:nth-child(2){ background: url("../images/home/target02_bg_smp.jpg") center center no-repeat; background-size: cover;}
#home_target ul li:nth-child(3){ background: url("../images/home/target03_bg_smp.jpg") center center no-repeat; background-size: cover;}
#home_target ul li:nth-child(4){ background: url("../images/home/target04_bg_smp.jpg") center center no-repeat; background-size: cover;}
#home_target ul li:nth-child(5){ background: url("../images/home/target05_bg_smp.jpg") center center no-repeat; background-size: cover;}
#home_target ul li:nth-child(6){ background: url("../images/home/target06_bg_smp.jpg") center center no-repeat; background-size: cover;}
#home_target ul li figure img{ width:21.25vw;}
#home_target ul li h3{ font-size:1.32rem; letter-spacing:0;}
}

/*アクセス*/
#home_access .maincontent{ width:100%;background: #e2eded; padding: 70px 200px;}
#home_access ul li{ margin: 60px auto;}
#home_access ul li:last-child{ margin-bottom: 0;}
#home_access dl{ display: flex; align-items: flex-start; justify-content: flex-start;}
#home_access dl dt{ width: calc(100% - 540px); margin-right: 60px; padding-top: 20px;}
#home_access dl dd{ width: 540px;}
#home_access dl dd iframe{ width: 100%; height: 240px;}
#home_access dl dt h4{ font-size: 1.25rem; margin-bottom: 0.5em;}
#home_access dl dt p{ font-size: 1.12rem;font-weight: 400!important;}
@media screen and (max-width:767px){
#home_access .maincontent{ padding:5%;}
#home_access ul li{ margin:10% auto;}
#home_access ul li:last-child{ margin-bottom: 0;}
#home_access dl{ display:block;}
#home_access dl dt{ width:100%; margin:0 auto 5%; padding:0;}
#home_access dl dd{ width:100%;}
#home_access dl dd iframe{ height:50vw;}
#home_access dl dt h4{ font-size:1.2rem; margin-bottom: 0.5em;letter-spacing: 0;}
#home_access dl dt p{ font-size:1.1rem;}
}

#maincontent h1{font-size: 1.65rem; margin-bottom: 0.5em;}
#maincontent h2{font-size: 1.55rem; margin-bottom: 0.5em;}
#maincontent h3{font-size: 1.45rem; margin-bottom: 0.5em;}
	





/*下層ページ*/
/*post*/
#post_mv{ text-align: center; margin: 80px auto 120px;}
.post_cont{ width: 70%; margin: 0 auto;overflow: visible!important;}
.post_cont p{ overflow: visible;overflow-wrap:break-word!important;}
.post_cont h2{ width: 100%; text-align: left; font-size: 2rem; margin-bottom: 50px;}
.post_cont h3{ width: 100%; text-align: left; font-size: 1.2rem; margin-bottom: 5px;}
.post_cont .date{ margin-bottom: 40px;}
@media screen and (max-width:767px){
#post_mv{ margin:10% auto 15%; width:90%;}
.post_cont{ width:100%;}
.post_cont h2{ font-size:1.75rem; margin-bottom:7.5%;}
.post_cont .date{ margin-bottom:5%;}
}
#tbl-bdr table{
    width: 85%;
}
@media screen and (max-width:767px){
#tbl-bdr table{width: 100%;}
#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
    border-collapse: collapse;
    border:1px solid #ccc;
    vertical-align: inherit;
	padding: 7px!important;
	font-size: 14px!important;
}
}
#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
    border-collapse: collapse;
    border:1px solid #ccc;
    vertical-align: inherit;
	padding: 15px;
	font-size: 15px;
}
.th {
    padding: 15px;
    border-right: 1px solid #ccc;
    word-break: break-all;
}

.member-articles__media{
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 4.8rem;
padding-top: 4.8rem;
padding-left: 3.5rem;
width: 85%
}
.member-articles__member-img{
width: 1000px;
margin-bottom: 2.5rem;
margin-right: 30px;
padding-top: 1rem;
}
.member-articles__member-name{
display: block;
text-align: left;
padding-bottom: 0.5rem;
font-size: 1.2rem;
}
    .member-name--alpha{
padding-left: 0;
font-size: 1rem;
}
@media only screen and (max-width: 750px){
    .member-articles__media{
		width: 100%;
        flex-direction: column;
        padding-bottom: 5.6rem;
		padding-left: 5%!important;
		padding-right: 5%!important;
    }
.member-articles__member-img{
width: 50%;
margin-bottom: 2.5rem;
text-align: center
}
.member-articles__member-description{
    width: 100%;
    font-size: 1rem;
}
    .member-articles__member-description-info{
        position: static;
        transform: none;
    }
}

#content #attempt_cv{ margin-top: 80px;}
#content #attempt_cv ul{ display: flex; width: 850px; margin: 0 auto;}
#content #attempt_cv ul li{ display: flex; align-items: center; justify-content: center; width: calc(50% - 10px); margin: 0 5px;}
#content #attempt_cv ul li a{ display: block; width: 100%; text-align: center; border: 2px solid #158f98; background: #fff; font-size: 1.2rem; padding: 1em; transition: 0.3s;}
#content #attempt_cv ul li a:hover{ background: #d3e9e9;}
@media screen and (max-width:767px){
#content #attempt_cv{ margin-top:15%;}
#content #attempt_cv ul{ width:90%;display: block;text-align: center!important;}
#content #attempt_cv ul li{ width:96%!important;padding-bottom: 10px;}
#content #attempt_cv ul li a{ font-size:1.4rem;}
}

#content #torikumi_cv{ margin-top: 10px;}
#content #torikumi_cv ul{ display: flex; width: 850px; margin: 0 auto;}
#content #torikumi_cv ul li{ display: flex; align-items: center; justify-content: center; width: calc(50% - 10px); margin: 0 5px;}
#content #torikumi_cv ul li a{ display: block; width: 100%; text-align: center; border: 2px solid #158f98; background: #fff; font-size: 1.2rem; padding: 1em; transition: 0.3s;}
#content #torikumi_cv ul li a:hover{ background: #d3e9e9;}
@media screen and (max-width:767px){
#content #v_cv{ margin-top:15%;}
#content #torikumi_cv ul{ width:90%;display: block;text-align: center!important;}
#content #torikumi_cv ul li{ width:96%!important;padding-bottom: 10px;}
#content #torikumi_cv ul li a{ font-size:1.4rem;}
}


.List {
  max-width: 85%;
  padding-bottom: 100px;
}
.List2 {
  max-width: 70%;
  padding-bottom: 50px;
}
.List3 {
  max-width: 95%;
  padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .List {
  max-width: 100%;
  margin-top: 20px;
  padding-bottom: 50px;
  }
  .List2 {
  max-width: 95%;
  margin-top: 20px;
  padding-bottom: 50px;
  }
}
.List-Item {
  border-top: 1px solid #ccc;
  display: flex;
}
.List-Item-Text a{ transition: 0.3s;}
.List-Item-Text a:hover{ opacity: 0.7;}
.List-Item p {
    line-height: 2.2em;
    margin: 1em 0 1em;
    padding: 0;
}
.List-Item:first-child {
  border-top: none;
}
.List-Item-Title {
  width: 20%;
  vertical-align: top;
  line-height: 1.8;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 400;}
@media screen and (max-width: 767px) {
  .List-Item-Title {
    width: 20%;
    vertical-align: top!important;
    display: flex;
    font-size: 14px;
}
}
.List-Item-Text {
  width: 80%;
  vertical-align: top;
  line-height: 1.8;
  font-size: 15px;
  font-weight: 400;
  text-align:left!important;
}
.List-Item-Ul {
  width: 70%;
  padding: 10px;
  line-height: 1.8;
  list-style: none;
  font-size: 15px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .List-Item-Text {
    width: 100%;
    /*display: flex;*/
    font-size: 14px;
    font-weight: 400;
  }
  .List-Item-Ul {
    font-size: 14px;
  }
}

table.ta1 {
	width: 100% !important;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-bottom: 30px;
}
table.ta1 td,
table.ta1 th {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 7px;
	box-sizing: border-box;
	word-break: break-all;
}
table.ta1 td {
	background: #fff;
}
table.ta1 th {
	white-space: nowrap;
	width: 30% !important;
}
@media screen and (max-width: 767px) {
	table.ta1 {
		width: 100%;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		margin-bottom: 30px;
		overflow: auto;
		display: block;
}
}
table.ta1 {
	width: 100%;
	margin: 0 0 40px 0;
}
table.ta1 th {
}
table.ta1 th strong {
	display: block;
	color: #008d72;
	line-height: 1;
	font-size: 12px;
}
table.ta1 th span {
	display: block;
	color: #d45f5f;
	line-height: 1;
	font-size: 16px;
}
table.ta1 td h5 {
	font-size: 20px;
	font-weight: normal;
	border-bottom: 1px dashed #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
table.ta1 td,
table.ta1 th {
	padding: 15px;
	border-bottom: 1px solid #ccc;
	word-break: break-all;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb50 {
	padding-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
@media screen and (min-width: 767px){   
  .pc2 { display:inline;padding: 50px auto!important;text-align: center; }
  .sp2 { display:none;padding: 50px auto!important; }
}
@media screen and (max-width: 767px){   
  .pc2 { display:none;padding: 50px auto!important;text-align: center; }
  .sp2 { display:inline;padding: 50px auto!important; }
}
.frm1 {
	padding: 5px;
	width: 95%;
	background: #eee;
	border: none;
}
.hissu {
	font-size: 13px;
	font-weight: normal;
	color: #d45f5f;
}
.center {
	text-align: center;
}


@media screen and (min-width: 768px) {
/*以下追記　0228*/
.history_box, .news_box {
    width: initial;
}
}