@charset "UTF-8";

.title{
	font-size: 16px;
    margin: 8px 0 20px;
}
body{
    color:#414141;
}
p{
    font-size: 14px;
}
#footer{
    background: #FFFBE8;
}
.mainMap .googlemap #map_canvas02{
	height:500px;
    width: 100%;
}
.box{
    margin-bottom: 45px;
}

.flex_wrap{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}

.common__title-box{
    text-align: center;
}
.common__title{
    display: inline-block;
    position: relative;
    padding: 15px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    font-size: 30px;
    text-align: center;
    color:#A574AF;
    font-weight: bold;
    line-height: normal;
}
.common__title span{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8;
}
/*.common__title:after,
.common__title:before {
    content: '';
    position: absolute;
    top: 45%;
    width: 35px;
    height: 2px;
    background-color: #A574AF;
}
.common__title:before {
    left: -18%;
}
.common__title:after {
    right: -18%;
}
*/
/*sdgsとは？*/
.whatsdgs__box{
    margin-bottom: 45px;
}
.whatsdgs__list-top{
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 45px;
}
.whatsdgs__list-top .img_goal{
    flex: 1 0 40%;
    width: 40%;   
    max-width: 40%;
}
.whatsdgs__list-top .img_jpan{
    flex: 1 0 30%;
    width: 30%;
    max-width: 30%;
}
.whatsdgs__list-btm{
    margin-bottom: 40px;
}
.whatsdgs__list-btm li{
    flex: 1 0 15%;
    width: 15%;
    margin-right: 1%;
    margin-bottom: 1%;
}
.whatsdgs__list-btm li:nth-child(6n){
    margin-right: 0%;
}
.whatsdgs__read .whatsdgs__read-title{    
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: bold;
    color: #a9894a;
}

/*ポイント*/
.action__list ul li{
    flex: 1 0 30%;
    width: 30%;
    margin-right: 1%;
    padding: 12px 12px 35px 12px;
    background: #fbf9f6;
}
.action__list ul li:last-child{
    margin-right: 0;
}
.action__list .action__txt{
    text-align: center;
}
.action__list .action__txt .action__txt-num{
    margin-bottom: 5px;
    padding: 13px 0 0;
    border-top:1px solid #a9894a;
    color: #a9894a;
    font-size: 16px;
    font-weight: bold;
}
.action__list .action__txt .action__txt-title{
    margin-bottom: 30px;
    padding: 0 0 13px;
    border-bottom:1px solid #a9894a;
    color: #a9894a;
    font-size: 18px;
    font-weight: bold;
}
.action__list figure{
    margin-bottom: 28px;
}

/*かいじゅうステップsdgs大作戦*/
.sdgsdaisakusen{
    padding: 80px 0 0;
    background: rgba(178,225,250,0.6);
    background-image: radial-gradient(#fff 20%, transparent 20%), radial-gradient(#fff 20%, transparent 20%);
    background-size: 20px 20px;
    background-position: 0 0, 30px 30px;
}

.kaijustep{
    margin-bottom: 75px;
}
.kaijustep .kaijustep__title{
    max-width: 500px;
    margin: auto;
    margin-bottom: 50px;
}
.kaijustep .kaijustep__cap{
    display: block;
    margin-top: 15px;
    margin-left: 40%;
    color: #00a6d9;
    font-size: 10px;
}
.kaijustep .kaijustep__read{
    position: relative;
    margin-bottom: 30px;
    font-size: 25px;
    color:#0088CD;
    text-align: center;
    font-weight: bold;
    line-height: 1.8;
}
.kaijustep .kaijustep__read:before{
    position: absolute;
    content: "";
    display: block;
    height: 2px;
    width: 80px;
    background: #0088CD;
    top: 50%;
    left: 0%;
    transform: translate(0, -50%) rotate(45deg);
}
.kaijustep .kaijustep__read:after {
    position: absolute;
    content: "";
    display: block;
    height: 2px;
    width: 80px;
    background: #0088CD;
    top: 50%;
    right: 0%;
    transform: translate(0, -50%) rotate(-45deg);
}
.kaijustep__mainimg{
    max-width: 850px;
    margin: auto;
    margin-bottom: 40px;
}
.kaijustep .kaijustep_txt{
    margin-bottom: 65px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    line-height: 1.8;
}
.kaijustep__anime{
    margin-bottom: 60px;
}
.kaijustep__anime .kaijustep__anime-detail{
    max-width: 850px;
    margin: auto;
    padding: 1%;
    border-radius: 10px;
    background: #fff;
    color: #00AEEB;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.8;
}
.kaijustep__anime .kaijustep__anime-detail ul li:first-child{
    font-weight: bold;
}
.kaijustep__anime .kaijustep__anime-detail figure{
    margin-bottom: 15px;
}
.kaijustep__anime .kaijustep__anime-txt{
    flex: 1 0 48%;
    width: 48%;
    max-width: 48%;
    padding: 25px;
    background-color: rgba(255,255,255,0.7);
    box-sizing: border-box;
    line-height: 1.6;
}
.kaijustep__anime .kaijustep__anime-txt .kaijustep__anime-txt-logo{
    max-width: 260px;
    margin: auto;
    margin-bottom: 30px;
}
.kaijustep__anime .kaijustep__anime-detail a{
    color:#00a6d9;
    text-decoration: underline;
}
/*かいじゅうステップyoutube*/
.kaijustep__movie-box{
    max-width: 850px;
    margin: auto;
    max-height: 480px;
    height: 40vw;
    margin-bottom: 20px;
}
.kaijustep__movie{
    margin-bottom: 40px;
}
.kaijustep__movie-txt h4{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8;
}
/*かいじゅうステップスライド*/
.kaijustep__slide-title{
    margin-bottom: 30px;
    color: #E85382;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}
.kaijustep__slide{
    margin-bottom: 60px;
}
.kaijustep__slide-list li{
    margin-left: 10px;
    margin-bottom: 10px;
}
.kaijustep__slide-list li a:hover{
    opacity: 0.6;
}

/*スライド矢印*/
.lb-nav a.lb-prev,
.lb-nav a.lb-next{
	opacity: 1
}

.lb-nav a.lb-prev {
    background-size: 12%;
}

/*公式ボタン*/
.kaijustep__btn a{
    display: block;
    position: relative;
    max-width: 350px;
    margin: auto;
    padding:30px;
    border-radius: 50px;
    background: #E85382;
    color:#fff;
    font-size: 16px;
    text-align: center;
}

.kaijustep__btn a:after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 30px;
    transform: rotate(45deg);
}

/*イベント*/
.event{
    padding: 60px 0;
    background: #FFFBE8;
}
.event_wrap{
    margin: auto;
}
.event .common__title-box{
    margin-bottom: 40px;
}
.event .slick-dots{
	bottom: -45px!important;
}
.event .slick-dots li{
	margin: 0;
}
.event .slick-dots li:last-child{
	display: none!important;
}
.event .slick-dots li button::before{
	color: #00A6D9!important;
}
.event .slick-dots .slick-active button::before{
	opacity: 1;
	color: #00A6D9!important;
}
.event .event__detail{
    margin-bottom: 20px;
}
.event .event__box{
	margin: 0 10px;
}
.event .event__title{
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
    color: #00A6D9;
    font-weight: bold;
    line-height: 1.3;
}
.event .event__title span{
    display: inline-block;
    margin-bottom: 5px;
    font-size: 14px;
}
.event__btn a{
    display: block;
    position: relative;
    max-width: 200px;
    margin: auto;
    padding: 15px;
    border-radius: 50px;
    background: #00A6D9;
    color:#fff;
    font-size: 14px;
    text-align: center;
}
.event__btn a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    transform: rotate(45deg);
}

/*スケジュール*/
.schedule_box{
   padding: 60px;
    background: #fff;
    border-radius: 30px; 
}
.schedule .common__title{
    margin-bottom: 60px;
}
.schedule_list ul li{
    flex: 1 0 30%;
    width: 30%;
    max-width: 30%;
    margin-bottom: 40px;
}

.schedule_list-name{
    text-align: center;
}
.schedule_list ul li figure{
    margin-bottom: 15px;
}
.schedule_list-mtn{
    display: inline-block;
    margin-bottom: 15px;
    padding: 3px 20px;
    border-radius: 15px;
    background: #00a6d9;
    color: #fff;
    font-size:18px;
    text-align: left;
    font-weight: bold;
}
.schedule_list-mtn span{
    margin-left: 3px;
    font-size:14px;
}


/*　2201020　2021 xmasバナー設置*/
.xmas{
    margin-bottom: 0;
    padding: 40px 0 120px;
    background: #FFFBE8;
}
.xmas .common__title-box{
    margin-bottom: 40px;
}
.xmas .xmas__bnr{
    max-width: 850px;
    margin: 0 auto;
}

.xmas .xmas__bnr a{
    display: block;
    margin-bottom: 30px;
}