@charset "UTF-8";
/* CSS Document */

/* **ソートリスト**
1__全体設定
2__TOP設定
3__下層設定
4__CSSハック
5__プラグイン制御
6__PCのみ
7__スクリプト発火
*/

/*============================
==============================
==============================
==============================
#1__全体設定
============================*/
/* -基本設定- */
:root {font-size: 62.5%;}
a{text-decoration:none;word-break:break-all;color:#003893;}
a:hover{opacity:0.8;cursor: pointer;}
img{max-width:100%; height:auto;}
body{font-weight: 400;font-family: "din-2014", sans-serif;font-style: normal;line-height:1.5;padding-top:8rem;}
figure{margin:0;}
input,select,button{border:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-appearance:none;}
input:checked{background:none;}
ifram{ width:100% !important; height:100% !important;}
ul{font-size:0;}
li{font-size:1.6rem;}
.radio{position:relative;}
.radio input[type="radio"]{}
.radio input[type="radio"]:checked + label::before{position:absolute; content:"";}
.checkbox{position:relative;}
.checkbox input[type="checkbox"]{}
.checkbox input[type="checkbox"]:checked + label::before{position:absolute; content:"";}
.select{position:relative;}
.select:before{position:absolute;content:"";width: 0.6rem;height: 0.6rem;border-top: 0.1rem solid #003893;border-right: 0.1rem solid #003893;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);left: 1.2rem;top: 1.1rem;}
.select select{}
.input{}
.input input[type=text],
.input input[type=mail],
.input input[type=tel]{}
.textarea{}
.textarea textarea{}

/* -共通クラス- */
/* -共通クラス(title)- */
.title01{background:#BBA04A;color:#fff;font-weight:bold;text-align:center;font-size: 2.4rem;padding: 0.8rem 0.7rem 0.7rem 0.7rem;-moz-border-radius:10rem;-ms-border-radius:10rem;-o-border-radius:10rem;border-radius:10rem;-webkit-border-radius:10rem;max-width:700px;margin:0 auto;box-sizing:border-box;position:relative;margin-bottom: 5.7rem;letter-spacing: 0.06em;font-weight: 700;}
.title01 span{width:2.8rem;height: 1.4rem;background:#BBA04A;bottom: -1.4rem;display:block;position:absolute;margin:auto;left:0;right:0;}
.title01 span:before{content:"";position:absolute;width:2.8rem;height: 5rem;background:#fff;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;-webkit-border-radius:100%;left: 1.3rem;top: 0;}
.title01 span:after{content:"";position:absolute;width: 2.8rem;height: 5rem;background: #fff;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;-webkit-border-radius: 100%;right: 1.4rem;top: 0;}

.sectionWrap:nth-child(even) .title01 span:before,
.sectionWrap:nth-child(even) .title01 span:after{background:#F8F8F8;}

.title02{font-size:3.6rem;text-align:center;font-weight: 600;line-height:5rem;margin-bottom:4rem;}
.title02 b{ color:#003893;}

.title03{font-size:3.4rem;color:#003893;font-weight:normal;text-align:center;letter-spacing:0.5rem;position:relative;padding-bottom:3.2rem;margin-bottom:7.2rem;}
.title03:before{position:absolute;content:"";width: 4rem;height:0.1rem;background:#000;left:0;right:0;margin:auto;bottom:0;}
.title03 span{font-family: "Arial",-apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", 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", sans-serif;font-size:1.6rem;font-weight:normal;display:block;text-align:center;color:#000;text-transform: uppercase;letter-spacing:1rem;margin-bottom:0.5rem;}

.title04{font-size: 4rem;font-weight:bold;text-align:center;margin-bottom:6.3rem;}
.title04 b{color:#003893;}

/* -共通クラス(list)- */
.list01{margin-bottom:8.4rem;}
.list01 > ul{counter-reset: count;}
.list01 > ul > li{font-size: 2.2rem;border:0.1rem solid #003893;padding: 2rem 2rem 2rem 8rem;position:relative;font-weight: 400;margin-bottom:1.8rem;}
.list01 > ul > li:last-child{margin-bottom:0;}
.list01 > ul > li:before{counter-increment: count;content: counter(count)".";font-size:4rem;color:#003893;position:absolute;left: 2.8rem;top: 50%;font-weight:normal;transform: translate(0, -50%);font-weight: 600;}

.list02{}
.list02 > ul{text-align:center;}
.list02 > ul > li{display:inline-block;vertical-align:top;}
.list02 > ul > li:last-child{margin-right:0;}
.list02 > ul > li > a{display:block;}
.list02 > ul > li > .img{display:flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.list02 > ul > li > .img > a > img{}
.list02 > ul > li > span{display:block;margin-top:3rem;}
.list02 > ul > li > img{}
.list02 > ul > li:nth-child(1){margin-left:8rem;}
.list02 > ul > li:nth-child(2){margin: 0 8rem 0 13rem;}

/* -共通クラス(boxs)- */
.boxs01{}
.boxs01 > ul{text-align:center;margin-bottom: -4.3rem;position:relative;}
.boxs01 > ul > li{display:inline-block;vertical-align:top;box-sizing:border-box;width:34rem;margin-right:4rem;margin-bottom:4.3rem;}
.boxs01 > ul > li:nth-child(3n){margin-right:0;}
.boxs01 > ul > li > .top{font-size: 1.8rem;color:#fff;background:#A8A8A8;width: 18.8rem;box-sizing:border-box;text-align:center;-moz-border-radius:10rem;-ms-border-radius:10rem;-o-border-radius:10rem;border-radius:10rem;-webkit-border-radius:10rem;margin:0 auto;margin-bottom:1.2rem;position:relative;line-height:3.6rem;letter-spacing: 0;font-weight: bold;}
.boxs01 > ul > li > .top:before{content:"";position:absolute;width:0.2rem;height: 1.2rem;background: #A8A8A8;bottom:-1.2rem;left:0;right:0;margin:auto;}
.boxs01 > ul > li > .top span{font-size:1.8rem;display:inline-block;vertical-align: baseline;margin-left: 1rem;}
.boxs01 > ul > li > .inner{background: #F2F2F2;border-radius:3rem;padding: 2.1rem;}
.boxs01 > ul > li > .inner > .title{font-size: 2.6rem;color:#BBA04A;font-weight: 700;text-align:center;margin-bottom:2.4rem;text-transform: uppercase;}
.boxs01 > ul > li > .inner > .img{}
.boxs01 > ul > li > .inner > .img > img{}
.boxs01 > ul > li > .inner > .text{font-size: 1.7rem;margin-top: 1.4rem;}
.boxs01 > ul > li:nth-child(1) > .inner > .img > img{width:235px;object-fit: contain;}
.boxs01 > ul > li:nth-child(2) > .inner > .img > img{width:221px;;object-fit: contain;}
.boxs01 > ul > li:nth-child(3) > .inner > .img > img{width:260px;object-fit: contain;}
.boxs01 > ul > li:nth-child(4) > .inner > .img > img{width:128px;object-fit: contain;}
.boxs01 > ul > li:nth-child(5) > .inner > .img > img{width:132px;object-fit: contain;}
 
.boxs02{}
.boxs02 > .top{position:relative;padding-bottom:7.2rem;}
.boxs02 > .top:before{position:absolute;content:"";background: url(../img/arrow_down.svg) center center no-repeat;width:5.4rem;height:5.4rem;bottom:0;left:0;right:0;margin:auto;background-size: auto 100%;}
.boxs02 > .top > ul{text-align:center;}
.boxs02 > .top > ul > li{display: inline-block;vertical-align:top;position:relative;width:29rem;box-sizing:border-box;margin-right:5.5rem;text-align:left;padding-top: 6.2rem;padding-bottom: 5.3rem;}
.boxs02 > .top > ul > li:before{content:"";position:absolute;width: 20rem;height: 20rem;border: 5rem solid #fff;-moz-border-radius:20rem;-ms-border-radius:20rem;-o-border-radius:20rem;border-radius:20rem;-webkit-border-radius:20rem;left: 0.5rem;top: 0;}
.boxs02 > .top > ul > li:last-child{margin-right:0;}
.boxs02 > .top > ul > li > .top{border-bottom:0.1rem solid #003893;line-height: 2.3rem;z-index:1;position:relative;margin-bottom:1.7rem;}
.boxs02 > .top > ul > li > .top > span{font-size: 1.8rem;}
.boxs02 > .top > ul > li > .top > span b{font-size:150%;font-weight:normal;font-family: "Avenir",-apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", 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", sans-serif;}
.boxs02 > .top > ul > li > .theme{font-size: 2.2rem;font-weight: 600;line-height:3.6rem;position:relative;}
.boxs02 > .top > ul > li > .theme > b{color:#003893;font-weight: 600;}
.boxs02 > .bottom{font-size: 4.4rem;font-weight: 600;text-align:center;line-height:7rem;margin-top:2rem;}

.boxs03{}
.boxs03 > ul{margin-bottom: -5.6rem;}
.boxs03 > ul > li{width:26rem;box-sizing:border-box;display:inline-block;vertical-align:top;margin:0px 0.75rem 5.6rem 0.75rem;}
/*.boxs03 > ul > li:nth-child(4n){margin-right:0;}*/
body.top .boxs03 > ul > li:nth-child(n+9){display:none;}
.boxs03 > ul > li > a{}
.boxs03 > ul > li > a > .img{position:relative;background-repeat: no-repeat !important;background-size: cover !important;background-position:center center !important;margin-bottom:0.6rem;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;}
/*.boxs03 > ul > li:hover > a > .img{background-size:110% !important;}*/
.boxs03 > ul > li > a > .img:before{position:absolute;content:"";width:100%;height:100%;left:0;top: 0;background: rgba(0,0,0,0.5) url(/img/img_shadow.png) center center no-repeat;opacity:0;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;}
.boxs03 > ul > li:hover > a > .img:before{opacity:1;}
.boxs03 > ul > li > a > .img > img{}
.boxs03 > ul > li > a > .info{margin-bottom:1.3rem;}
.boxs03 > ul > li > a > .info > .date{font-size:1.5rem;color:#6BAE5C;position:relative;font-weight:bold;float:left;padding-bottom:0.8rem;}
.boxs03 > ul > li > a > .info > .date:before{position:absolute;content:"";width: 3rem;height:0.1rem;background:#000;bottom:0;left:0;}
.boxs03 > ul > li > a > .info > .tag{font-size:1.3rem;color: #fff;background:#6BAE5C;text-align:center;width:10.4rem;float:right;line-height:2.2rem;font-weight: 600;}
.boxs03 > ul > li > a > .textArea{}
.boxs03 > ul > li > a > .textArea > .title{font-size: 2rem;line-height:2.4rem;font-weight: 600;margin-bottom:1rem;color: #000;word-break: keep-all;}
.boxs03 > ul > li > a > .textArea > .text{color:#5A5A5A;font-size: 1.6rem;line-height:2.4rem;font-weight: 300;word-break: normal;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

/* -共通クラス(text)- */
.text01{text-align:center;font-size: 2.2rem;margin-bottom:6.5rem;font-weight: 300;}
.text01 > p{}

/* -共通クラス(tab)- */
.tab01{width: 46.8rem;box-sizing: border-box;margin:0 auto;margin-bottom:5.1rem;}
.tab01 > .left{font-size:1.8rem;float:left;margin-right:2.1rem;line-height:3.4rem;}
.tab01 > .right{float: left;}
.tab01 > .right > ul{}
.tab01 > .right > ul > li{display:inline-block;vertical-align:top;margin-right:0.7rem;}
.tab01 > .right > ul > li:last-child{margin-right:0;}
.tab01 > .right > ul > li > a{background:#fff;font-size:1.6rem;color:#6BAE5C;border: 0.2rem solid #fff;padding: 0.3rem 1.4rem 0.3rem 3rem;display:block;box-sizing:border-box;position:relative;font-weight:bold;width: 15rem;text-align: center;}
.tab01 > .right > ul > li > a:before{position:absolute;content:"";width:0.6rem;height:0.6rem;border-top: 0.1rem solid #6BAE5C;border-right: 0.1rem solid #6BAE5C;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);left: 1.2rem;top: 1.1rem;}
body.news .tab01 > .right > ul > li > a{background:#f0f0f0;}

.tab01 > .right > ul > li:nth-child(1) > a{color:#6BAE5C;}
.tab01 > .right > ul > li:nth-child(1) > a:before{border-color:#6BAE5C;}
.tab01 > .right > ul > li:nth-child(2) > a{color:#003893;}
.tab01 > .right > ul > li:nth-child(2) > a:before{border-color:#003893;}

.tab01 > .right > ul > li:nth-child(1) > a:hover{background:#6BAE5C;color:#FFF;}
.tab01 > .right > ul > li:nth-child(1) > a:hover:before{border-color:#fff;}
.tab01 > .right > ul > li:nth-child(2) > a:hover{background:#003893;color:#FFF;}
.tab01 > .right > ul > li:nth-child(2) > a:hover:before{border-color:#fff;}


.tab01 > .right > ul > li .select{background: #fff;border: 0.2rem solid #fff;padding: 0.3rem 1.4rem 0.3rem 3rem;display: block;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;position: relative;border-radius:0;}
.tab01 > .right > ul > li select{font-size: 1.6rem;color: #003893;line-height:2.4rem;font-weight:bold;background:#fff;}
.tab01 > .right > ul > li.on .select{border-color:#003893;}
.tab01 > .right > ul > li.on a{border-color:#6BAE5C;}
.tab01 > .right > ul > li:nth-child(2).on a{border-color:#003893;}

.text02{font-size: 1.6rem;max-width:900px;margin:0 auto;}
.text02 > .profile{width: 20rem;float: right;margin-left: 4.4rem;margin-bottom: 2.4rem;}
.text02 > .profile > .img{margin-bottom:1.3rem;}
.text02 > .profile > .img > img{}
.text02 > .profile > .text{font-size: 1.4rem;text-align:center;}
.text02 > .profile > .text > span{font-size:1.6rem;}
.text02 > .text{font-size: 1.8rem;line-height: 3.6rem;font-weight: 300;}
.text02 > .text > p{margin-bottom:2.4rem;text-indent: 0;}
.text02 > .text > p:last-child{margin-bottom:0;text-indent: 0;}

/* -共通クラス(btn)- */
.btn01{margin-top: 7.1rem;}
.btn01 > a{width:28rem;box-sizing:border-box;background:#fff;border: 0.2rem solid #003893;font-size:2rem;color:#003893;display:block;line-height: 4.2rem;text-align:center;margin:0 auto;}
.btn01 > a:hover{background:#003893;color:#fff;}
.btn02{z-index: 1;width: 600px;margin: 0 auto;position: relative;margin-top:10.7rem;}
.btn02:before{content:"";position:absolute;width:100%;height:100%;left:0;top: 0;background: rgba(0,56,147,0.8);z-index:1;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;}
.btn02:hover:before{background: rgba(0,56,147,1);}
.btn02:after{content:"";position:absolute;width:100%;height:100%;left:0;top: 0;z-index: 0;}
.btn02 > a{display:block;line-height:12rem;text-align:center;font-size: 2.6rem;position:relative;color:#fff;font-weight:normal;z-index:2;text-transform: uppercase;letter-spacing: 0.1em;font-weight: 600;}
.btn02 > a:before{position:absolute;content:"";width:1.4rem;height:1.4rem;border-top: 0.1rem solid #fff;border-right: 0.1rem solid #fff;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);top: 50%;margin-top:-0.7rem;left: 4rem;-moz-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;}
.btn02.member{}
.btn02.member:after{background: url(/img/top/greeting_btn.jpg) center center /cover no-repeat;}

/* -header- */
header{background:#003893;position:fixed;top: 0;left:0;width:100%;z-index: 100;padding: 0 2rem;box-sizing: border-box;}
.header{width: 110rem;margin:0 auto;padding: 0.6rem 0 0.7rem 0;max-width: 100%;}
.header > .inner{float:left;}
.header > .inner > .h1{}
.header > .inner > .h1 > h1{}
.header > .inner > .h1 > h1 > a{}
.header > .inner > .h1 > h1 > a > img{
    height: 6.7rem;
}

/* -nav- */
nav{float:right;}
.nav{}
.nav > ul{}
.nav > ul > li{display:inline-block;vertical-align:top;line-height: 6.7rem;}
.nav > ul > li > a{font-size: 1.7rem;color:#fff;padding: 0 1.7rem;border-right: 0.1rem solid rgba(255,255,255,0.4);position:relative;}
.nav > ul > li > a:before{content:"";position:absolute;height:0.2rem;background:#fff;width:0;bottom: -0.7rem;left: 1.7rem;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;}
.nav > ul > li:hover > a:before{width:-moz-calc(100% - 3.4rem);width:-ms-calc(100% - 3.4rem);calc(100% - 3.4rem);width:-o-calc(100% - 3.4rem);calc(100% - 3.4rem);width:-webkit-calc(100% - 3.4rem);width: calc(100% - 3.4rem);}
.nav > ul > li:first-child> a{padding-left:0;}
.nav > ul > li:first-child> a:before{left: 0;}
.nav > ul > li:hover:first-child> a:before{width:-moz-calc(100% - 1.7rem);width:-ms-calc(100% - 1.7rem);width:-o-calc(100% - 1.7rem);width:-webkit-calc(100% - 1.7rem);width: calc(100% - 1.7rem);}
.nav > ul > li:last-child> a{padding-right:0;border-right:none;}
.nav > ul > li:hover:last-child> a:before{width:-moz-calc(100% - 1.7rem);width:-ms-calc(100% - 1.7rem);width:-o-calc(100% - 1.7rem);width:-webkit-calc(100% - 1.7rem);width: calc(100% - 1.7rem);}

/* -現在位置(水戸ど真ん中再生プロジェクトとは)- */
body.who .nav > ul > li:first-child> a:before{width:-moz-calc(100% - 1.7rem);width:-ms-calc(100% - 1.7rem);width:-o-calc(100% - 1.7rem);width:-webkit-calc(100% - 1.7rem);width: calc(100% - 1.7rem);}

/* -現在位置(活動プロジェクト)- */
body.project .nav > ul > li:nth-child(2) > a:before,

/* -現在位置(参画メンバー)- */
body.member .nav > ul > li:nth-child(3) > a:before,

/* -現在位置(イベント情報)- */
body.event .nav > ul > li:nth-child(4) > a:before{width:-moz-calc(100% - 3.4rem);width:-ms-calc(100% - 3.4rem);calc(100% - 3.4rem);width:-o-calc(100% - 3.4rem);calc(100% - 3.4rem);width:-webkit-calc(100% - 3.4rem);width: calc(100% - 3.4rem);}

/* -現在位置(お問合せ)- */
body.contact .nav > ul > li:nth-child(5) > a:before{width:-moz-calc(100% - 1.7rem);width:-ms-calc(100% - 1.7rem);width:-o-calc(100% - 1.7rem);width:-webkit-calc(100% - 1.7rem);width: calc(100% - 1.7rem);}


/* -main- */
main{}
.article{}

/* -section- */
.sectionWrap{}
#body .sectionWrap{}
.sectionWrap:nth-child(even){background:#F8F8F8;}
.section{}
#mMap .section{padding-bottom: 0 !important;}

.section {}
.section.full{width: auto !important;}

#body .section{width:110rem;margin:0 auto;padding-bottom: 9.9rem;padding-top: 9.1rem;}
#body .section:first-child{}
#body .sectionWrap:last-child .section:last-child{padding-bottom:0;}

/* -pankuzu- */
.pankuzuWrap{background:#F0F0F0;}
.pankuzu{width: 110rem;margin: 0 auto;padding: 1rem 0 0.9rem 0;}
.pankuzu > ul{}
.pankuzu > ul > li{position: relative;font-size: 1.4rem;float: left;padding-right: 4rem;}
.pankuzu > ul > li:before{position:absolute;content:"";border-top: 0.1rem solid #B4B4B4;border-right: 0.1rem solid #B4B4B4;width: 0.9rem;height: 0.9rem;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);right: 1.7rem;top: 0.6rem;}
.pankuzu > ul > li:last-child:before{content:none;}
.pankuzu > ul > li > a{color: #7B7B7B;}
.pankuzu > ul > li > .strong{ color:#000;}

/* -footer- */
footer{background:#003893;}
.footer{padding-bottom: 2.5rem;}
.footer > .link{background:#fff;padding-top: 6.5rem;padding-bottom: 1.3rem;margin-bottom: 4.3rem;}
.footer > .link > ul{text-align:center;}
.footer > .link > ul > li{display:inline-block;vertical-align:top;font-size: 1.5rem;}
.footer > .link > ul > li:first-child a{padding-left: 0;}
.footer > .link > ul > li:last-child a{border:none;padding-right: 0;}
.footer > .link > ul > li > a{color: #797979;padding:0 1.5rem;border-right:0.1rem solid #797979;line-height:1;font-weight:bold;}
.footer > .img{text-align:center;margin-bottom: 1.2rem;}
.footer > .img > a{}
.footer > .img > a > img{max-width: 250px;}
.footer > .copy{font-size:1.3rem;color:#fff;text-align:center;}
.top_link{display:block;position:fixed;right:1rem;bottom:1rem;width:10rem;text-align:center;opacity:0.8;}
.top_link a{color:#fff;font-size:1.2rem;line-height:3rem;display:block;background:#243a7a;border:0.1rem solid #243a7a;transition:all 0.3s;-webkit-transition:all 0.3s;}
.top_link a:before{content:"";display:block;height:0px;width:0px;border-bottom:#fff 0.5rem solid;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-top:0.5rem solid transparent;margin:0 auto;}
.top_link a:hover{}
.top_link a:hover{color:#243a7a;background:#fff;border:0.1rem solid #ccc;opacity:1;}
.top_link a:hover:before{border-bottom:#243a7a 0.5rem solid;}
.top_link .program_link{display:none;}
.top_link .program_link a{background:#fff;color:#243a7a;border:0.1rem solid #ccc;}
.top_link .program_link a:hover{background:#f0f0f0;}
.top_link .program_link a:before{display:none;}
.sitemap_link{text-align:center;margin:0 0 1rem 0;}
.sitemap_link a{font-size:1.2rem;color:#FFF;}

/*============================
==============================
==============================
==============================
#2__TOP設定
============================*/
/* -基本設定- */
body#top #body .sectionWrap:first-child .section{padding-top:0;}
body#top #body .sectionWrap .section > *,
body#top #body .projectList > ul > li{opacity:1;}
body#top #body .sectionWrap .section .projectList{opacity:1;}

/* -メインビジュアル- */
.mainVisual{text-align:center;margin-bottom:-1.7rem;position:relative;}
.mainVisual:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;}
.mainVisual > a{display: block;width: 59rem;margin: 0 auto;position: absolute;top: 58%;height: 25rem;left: 50%;margin-left: -28rem;z-index:1;}
.mainVisual > a:hover{background: rgba(255,255,255,0.1);}
.mv_box{background:url("../img/mv_bg_map.png") center top no-repeat;position:relative;padding:10rem 0 0rem 0;height:76.5rem;box-sizing: border-box;}
.mv_box .title{width:100rem;margin:0 auto;}
.mv_box .member{position:absolute;bottom:7%;left:50%;transform:translate(-50%,0%);}


/* -活動プロジェクト- */
.projectList{}
.projectList > ul{padding-top:0.7rem;}
.projectList > ul > li{border-top: 0.1rem solid #D5D5D5;position:relative;text-align:center;font-size:2.6rem;padding: 4.9rem 0 3.8rem 0;}
.projectList > ul > li:last-child{padding-top:9.6rem;padding-bottom:0;}
.projectList > ul > li:before{content:"";position:absolute;width:1.4rem;height:1.4rem;background:#003893;-moz-border-radius:10rem;-ms-border-radius:10rem;-o-border-radius:10rem;border-radius: 10rem;-webkit-border-radius:10rem;top: -0.7rem;left:0;right:0;margin:auto;}
.projectList > ul > li > .left{float:left;width: 48%;display:flex;flex-direction: column;-webkit-flex-direction: column;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.projectList > ul > li > .left > .top{font-size:2rem;color:#003893;text-align:center;border: 0.1rem solid #003893;box-sizing:border-box;width:300px;font-weight: 600;margin:0 auto;line-height:2.8rem;margin-bottom: 3rem;letter-spacing:0.5rem;text-transform: uppercase;}
.projectList > ul > li > .left > .img{text-align:center;/*max-width: 30rem;*/}
.projectList > ul > li > .left > .img img{max-width:40rem;width:100%;}
.projectList > ul > li > .right{float:right;text-align: center;width:50%;display: flex;flex-direction: column;-webkit-flex-direction: column;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.projectList > ul > li > .right > .theme{font-size: 2.6rem;font-weight: 600;line-height: 3.6rem;margin-bottom: 1.4rem;}
.projectList > ul > li > .right > .text{font-size:2rem;line-height:3.4rem;font-weight: 300;}
.projectList > ul > li:nth-child(2n) > .left{float:right;}
.projectList > ul > li:nth-child(2n) > .right{float:left;}
.projectList > ul > li > .right > .btn{max-width: 41rem;margin:2rem auto 0 auto;}
.projectList > ul > li > .right > .btn a{display:block;padding: 1.1rem 2rem;line-height: 2.8rem;font-size: 1.8rem;background:#003893;color:#fff;border:0.1rem solid #003893;text-align:center;text-align: left;font-weight: 600;position: relative;padding-right: 8rem;}
.projectList > ul > li > .right > .btn a:before{content:"";width: 1rem;height: 1rem;position: absolute;top: 50%;right: 2rem;border-top: 0.1rem solid #fff;border-right: 0.1rem solid #fff;transform: rotate(45deg) translate(0, -50%);}

/* -GoogleMap- */
.mapWrap{position:relative;}
.mapWrap:after{content:"";position:absolute;width:100%;height:100%;opacity:0;z-index:10;left:0;top:0}
.mapWrap:before{position:absolute;left:0;content:"";top:0;width:100%;height:100%;z-index:  10;}
.mapWrap > .img{position:absolute;left:0;top: 0;bottom:0;right:0;margin:auto;z-index: 10;text-align:  center;}
.mapWrap > .img > img{
    max-height: 100%;
}
#map{background: #EEEEEE;text-align:  center;}

/*============================
==============================
==============================
==============================
#3__下層設定
============================*/
/* -基本設定- */
body.kaso #body .section:first-child{padding-top: 4.7rem;}
body.kaso #body .sectionWrap:last-child .section:last-child{padding-bottom:9.9rem;}

/* -参画メンバー- */
.memberWrap{ font-size:0;}
.memberWrap > ul{display: inline-block;box-sizing:border-box;width: 35rem;vertical-align:top;margin-right: 2.5rem;}
.memberWrap > ul:last-child{margin-right:0;}
.memberWrap > ul > li{border: 0.2rem solid #000;position:relative;padding:2.5rem;margin-top: 2.6rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;border-radius:1rem;-webkit-border-radius:1rem;padding-top: 5.1rem;margin-bottom:4.9rem;}
.memberWrap > ul > li:last-child{margin-bottom:0;}
.memberWrap > ul > li > .label{font-size:1.8rem;font-weight: normal;color:#fff;text-align:center;line-height: 1.2;width:32rem;box-sizing:border-box;-moz-border-radius:10rem;-ms-border-radius:10rem;-o-border-radius:10rem;border-radius:10rem;-webkit-border-radius:10rem;position:absolute;left:0;right:0;margin:auto;top: -2.8rem;height: 6rem;display: flex;align-items: center;justify-content: center;}
.memberWrap > ul > li > .label span{position:relative;width: 2rem;height: 1rem;bottom: -1rem;display: block;position: absolute;margin: auto;left: 0;right: 0;}
.memberWrap > ul > li > .label span:before{content: "";position: absolute;width: 2.8rem;height: 4rem;background: #fff;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;-webkit-border-radius: 100%;left: 0.8rem;top: 0;}
.memberWrap > ul > li > .label span:after{content: "";position: absolute;width: 2.8rem;height: 4rem;background: #fff;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;border-radius: 100%;-webkit-border-radius: 100%;right: 0.8rem;top: 0;}
.memberWrap > ul > li > .table{}
.memberWrap > ul > li > .table > table{width:100%;}
.memberWrap > ul > li > .table > table > tbody{}
.memberWrap > ul > li > .table > table > tbody > tr{}
.memberWrap > ul > li > .table > table > tbody > tr > th{font-size:1.5rem;border-bottom: 0.1rem dotted #000;padding: 0.2rem 0 0.2rem 0;font-weight: 600;}
.memberWrap > ul > li > .table > table > tbody > tr:last-child > th{border: none;}
.memberWrap > ul > li > .table > table > tbody > tr > td{color:#7B7B7B;font-size:1.5rem;border-bottom: 0.1rem dotted #000;text-align:right;}
.memberWrap > ul > li > .table > table > tbody > tr:last-child > td{border: none;}
.memberWrap > ul > li > .title{font-size:1.5rem;font-weight:bold;margin-top:2.1rem;border-bottom: 0.1rem dotted #000;padding-bottom:1rem;letter-spacing: 0.2em;text-align: center;}

.memberWrap > ul > li.blue{border-color:#003893;}
.memberWrap > ul > li.light > .title{border-color:#003893;}
.memberWrap > ul > li.blue > .label,
.memberWrap > ul > li.blue > .label span{background:#003893;}
.memberWrap > ul > li.blue > .table > table > tbody > tr > th{color:#003893;border-color: #003893;white-space: nowrap;}
.memberWrap > ul > li.blue > .table > table > tbody > tr > td{border-color:#003893;}
.memberWrap > ul > li.blue > .table > table > tbody > tr > th{}
.memberWrap > ul > li.blue > .table > table > tbody > tr > td{}
.memberWrap > ul > li.light{border-color:#2DA8FF;}
.memberWrap > ul > li.light > .title{border-color:#2DA8FF;}
.memberWrap > ul > li.light > .label,
.memberWrap > ul > li.light > .label span{background:#2DA8FF;}
.memberWrap > ul > li.light > .table > table > tbody > tr > th{color:#2DA8FF;border-color: #2DA8FF;white-space:nowrap;}
.memberWrap > ul > li.light > .table > table > tbody > tr > td{border-color:#2DA8FF;}
.memberWrap > ul > li.red{border-color:#E45E7D;}
.memberWrap > ul > li.red > .title{border-color:#E45E7D;}
.memberWrap > ul > li.red > .label,
.memberWrap > ul > li.red > .label span{background:#E45E7D;}
.memberWrap > ul > li.red > .table > table > tbody > tr > th{color:#E45E7D;border-color: #E45E7D;white-space: nowrap;}
.memberWrap > ul > li.red > .table > table > tbody > tr > td{border-color:#E45E7D;}
.memberWrap > ul > li.green{border-color:#6BAE5C;}
.memberWrap > ul > li.green > .title{border-color:#6BAE5C;}
.memberWrap > ul > li.green > .label,
.memberWrap > ul > li.green > .label span{background:#6BAE5C;}
.memberWrap > ul > li.green > .table > table > tbody > tr > th{color:#6BAE5C;border-color: #6BAE5C;white-space: nowrap;}
.memberWrap > ul > li.green > .table > table > tbody > tr > td{border-color:#6BAE5C;}
.memberWrap > ul > li.yellow{border-color:#F5AC3C;}
.memberWrap > ul > li.yellow > .title{border-color:#F5AC3C;}
.memberWrap > ul > li.yellow > .label,
.memberWrap > ul > li.yellow > .label span{background:#F5AC3C;}
.memberWrap > ul > li.yellow > .table > table > tbody > tr > th{color:#F5AC3C;border-color: #F5AC3C;white-space: nowrap;}
.memberWrap > ul > li.yellow > .table > table > tbody > tr > td{border-color:#F5AC3C;}

/* -お問い合わせ- */
.contactContent{background: #F2F2F2;-moz-border-radius: 1rem;-ms-border-radius: 1rem;-o-border-radius: 1rem;border-radius: 1rem;-webkit-border-radius: 1rem;padding: 3rem;max-width:700px;margin:0 auto;text-align:center;font-size: 1.6rem;}
.contactContent > .title{font-size:1.8rem;margin-bottom:1.5rem;}
.contactContent > p{line-height:3rem;}
.contactContent > p > a{text-decoration:underline;}

/* -サイトマップ- */
.sitemap_list{width:600px;margin:0 auto;}
.sitemap_list ul{float:left;width:50%;}
.sitemap_list ul li{list-style-type: disc;}

/* -記事系- */
.blogContent{text-align:left;width: 110rem;margin:0 auto;}
.blogContent > .top{ color:#000;margin-bottom:2rem;}
.blogContent > .top > span.category{background: #6BAE5C;color: #fff;padding:0.2rem 3rem;font-weight:bold;margin-right:1rem;}
.blogContent > .blogDetail{}
.blogContent > .blogDetail > .title{font-size:3.4rem;margin-bottom: 3rem;color: #003893;}
.blogContent > .blogDetail > .img{text-align: center;margin-bottom:1.5rem;}
.blogContent > .blogDetail > .img > img{}
.blogContent > .blogDetail > .text{color:#000;font-size: 1.6rem;line-height:  2;}
.blogContent > .blogDetail > .text > p{ margin-bottom:1.5rem; font-size:1.8rem;}
.blogContent > .blogDetail > .text > p:last-child{ margin-bottom:0;}
.blogContent > .blogList{}
.blogContent > .blogList > .title{font-size:3.4rem; color:#000;margin-bottom:2rem;}
.blogContent > .blogList > ul{}
.blogContent > .blogList > ul > li{ width:26rem;}
.blogContent > .blogList > ul > li > .img{}
.blogContent > .blogList > ul > li > .img > img{}
.blogContent > .blogList > ul > li > .day{}
.blogContent > .blogList > ul > li > .day > span{}
.blogContent > .blogList > ul > li > .title{}
.blogContent > .blogList > ul > li > .text{}
.blogContent > .load{}
.blogContent > .load > a{}
.blogContent > .load > a > img{}

#main .mainVisual{z-index:1;margin-bottom: 3rem;}
.mov{width:60rem;height:34rem;margin:0 auto 5rem auto;position:relative;margin-top:-8rem;text-align:center;border-radius:1.5rem;overflow:hidden;z-index:1;}
.mov iframe{width:100%;height:100%;}
/*============================
==============================
==============================
==============================
#4__CSSハック
============================*/
/* -ファイアフォックス- */
@-moz-document url-prefix() {

}

/* -IE- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}
/* -IE(Edge)- */
@supports (-ms-ime-align:auto){

}
/*============================
==============================
==============================
==============================
#5__プラグイン制御
============================*/
/* -基本設定- */
/* -photoプラグイン用CSS- */
.photo_wrap{-moz-border-radius: 0.5rem;-ms-border-radius: 0.5rem;-o-border-radius: 0.5rem;-webkit-border-radius: 0.5rem;border-radius: 0.5rem;width: 100%;margin:-2.1rem auto 0 auto;background: #fff; position:relative;}
.pswp__zoom-wrap .photo_wrap{}
.pswp__bg{ opacity:0.6 !important;}
.pswp_attention{display:none;position:fixed;font-size:1.4rem;font-weight:bold;text-align:center;width:13rem;vertical-align:middle;background:rgba(195, 40, 20, 0.6);color:#FFF;border-radius:2rem;-webkit-border-radius:2rem;z-index:100000;top:50%;left:50%;margin-top:-7.5rem;margin-left:-6.8rem;padding: 4rem 0px;line-height: 1.5;}
.pswp_attention:hover{display:none;}
.pswp_attention.on{}
figure a:hover{ opacity:1; cursor:default;}
.pswp_attention{display:none;}
figure img{ max-width:100%;}
.pswp__img{ height:auto !important;}



/*============================
==============================
==============================
==============================
#6__PCのみ
============================*/
@media screen and (min-width: 75.1rem){
/* -基本設定- */





}


/*============================
==============================
==============================
==============================
#7__スクリプト発火
============================*/
/* -関連ニュース、イベント- */
[data-script="select"][data-type="box"].hidden > ul > li{ display:none;}
[data-script="select"][data-type="box"].hidden > ul > li.on{ display:inline-block;}

.nav > ul > li.lang{padding:0 1.7rem;color:#FFF;}
.nav > ul > li.lang a{padding:0;margin:0;opacity:0.8;font-size:14px;margin:0 5px;}
.nav > ul > li.lang a:before{display:none !important;}
.nav > ul > li.lang a:nth-child(1){font-weight:bold;opacity:1;}
@media screen and (max-width: 600px) and (orientation: portrait){
    .nav > ul > li.lang{display:flex;justify-content: flex-start;}
    .nav > ul > li.lang a{width:12%;}
}