@charset "utf-8";

/*---- reset ----*/
html { box-sizing: border-box; }
body { color: #000; font: 100%/1.7em 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','HiraKakuProN-W3','メイリオ','Meiryo','ＭＳ ゴシック','MS Gothic',Osaka,Verdana,arial,helvetica,sans-serif; margin: 0; padding: 0; position: relative; }
header { margin-bottom : 0px!important; }
table{ border-collapse: collapse; border-spacing: 0; }
li { list-style: none; }
figure, figcaption, ul, li, th, td, dl, dd, p, a, section, article, aside, span { margin: 0; padding: 0; }
th, td, dl, dd, { line-height: 1.5; }
a { text-decoration: none; }
*, *::before, *::after { box-sizing: border-box; }
h1,h2,h3,h4,h5 { line-height: 1em; text-decoration: none; font-size: 16px; margin: 0; padding: 0; }
img { width: 100%; }


/*---- common ----*/
.taC { text-align: center; }
.taR { text-align: right; }
.flR { float: right; }
.flL { float: left; }
.ofH { overflow: hidden; }

.pcView { display: block; }
.spView { display: none; }
.pcViewIn { display: inline; }
.spViewIn { display: none; }

@media (max-width: 768px) {
	.pcView { display: none; }
	.spView { display: block; }
	.pcViewIn { display: none; }
	.spViewIn { display: inline; }
}


/*---- common parts ----*/

article { max-width: 940px; padding: 0 10px; margin: 0 auto; }


/*---- head, foot ----*/

#global { position: relative; width: 100%; max-width: 940px; padding: 10px 10px 0; margin: 0 auto; }
#global #fukunowaLogo { display: inline-block; }
#global #fukunowaLogo a { display: -webkit-flex; display: flex; flex-wrap: nowrap; align-items: center; }
#global #fukunowaLogo a img.logoImg { width: 95px; }
#global #fukunowaLogo a img.logoTxt { width: 227px; padding-left: 10px; }
#global #beyondLogo { position: absolute; top: 20px; right: 10px; width: 100px; height: 53px; }
#global nav.globalNav { margin-top: 10px; }
#global nav.globalNav ul { display: -webkit-flex; display: flex; flex-wrap: nowrap; width: 100%; }
#global nav.globalNav ul li { width: calc(100% / 6); height: 70px; }
#global nav.globalNav ul li a { width: 100%; height: 70px; position: relative; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border-radius: 5px 5px 0 0; background: #fff; color: #333; text-align: center; transition: 0.25s; }
#global nav.globalNav ul li a span { margin-top: -10px; }
#global nav.globalNav ul li a:after { content: ""; position: absolute; width: 1em; height: 4px; background: #ffaf8f; margin: 0 auto; transition: 0.25s; bottom: 18px; left: 0; right: 0; }
#global nav.globalNav ul li a:hover { background: #ffaf8f; color: #fff; }
#global nav.globalNav ul li a:hover:after { background: #fff; }

#global nav.globalNav ul li.logo { width: 100%; height: 85px; display: none; }
#global nav.globalNav ul li.logo a { height: 80px; }
#global nav.globalNav ul li.logo img { width: 100px; height: 53px; margin: 0 auto; }


#global .topBtn { display: none; }

@media (max-width: 768px) {
	body { padding-top: 70px; }
	#global { position: fixed; top: 0; padding: 10px 0 0; background: #fff; z-index: 300; }
	#global #fukunowaLogo { padding-left: 10px; }
	#global #fukunowaLogo a img.logoImg { width: 48px; }
	#global #fukunowaLogo a img.logoTxt { width: 165px; }
	#global #beyondLogo { display: none; }
	#global .topBtn { display: block; position: fixed; top: 10px; right: 10px; cursor: pointer; width: 50px; height: 50px; padding-top: 18px; }
	#global .topBtn span { display: block; transition: all 0.25s; transform: rotate(0deg); height: 5px; width: 36px; background: rgba(255, 175, 143, 255); margin: 0 auto; }
	#global .topBtn span:first-child { transform: translateY(-8px); }
	#global .topBtn span:last-child { transform: translateY(8px); }
	#global .topBtn.active span { width: 42px; }
	#global .topBtn.active span:first-child { transform: rotate(-45deg) translateY(5px); margin-right: 7px; }
	#global .topBtn.active span:nth-child(2) { opacity: .0; }
	#global .topBtn.active span:last-child { transform: rotate(45deg) translateY(-7px); margin-right: 8px; }
	#global nav.globalNav { opacity: 0; position: fixed; top: -280px; z-index: 800; width: 100%; transition: 0.25s; }
	#global nav.globalNav.active { top: 55px; opacity: 1; }
	#global nav.globalNav ul { flex-wrap: wrap; width: 100%; }
	#global nav.globalNav ul li { width: calc(100% / 2); height: 50px; }
	#global nav.globalNav ul li.logo { display: block; }
	#global nav.globalNav ul li a { width: 100%; height: 50px; border-radius: 0; border-top: 1px solid #ffaf8f; }
	#global nav.globalNav ul li a span { margin-top: 0px; }
	#global nav.globalNav ul li:nth-child(2n) a { border-left: 1px solid #ffaf8f; }
	#global nav.globalNav ul li:nth-child(n+7) a { border-bottom: 1px solid #ffaf8f; }
	#global nav.globalNav ul li a:after { display: none; }
}

.footSns { background: #ffe5ca; }
.footSns .snsBox { display: -webkit-flex; display: flex; justify-content: center; padding: 15px 0; }
.footSns .snsBox a { display: block; width: 48px; line-height: 0; }
.footSns .snsBox a + a { margin-left: 30px; }
.footBanner { margin: 100px auto 0; max-width: 940px; padding: 0 10px; }
.footBanner img { height: 100%; }
.footBanner .bannerTitle { text-align: center; margin-bottom: 10px; font-weight: 700; }
.footBanner ul + .bannerTitle { margin-top: 60px; }
.footBanner .partner { max-width: 540px; width: 100%; margin: 0 auto; display: -webkit-flex; display: flex; justify-content: center; align-items: center; }
.footBanner .partner li { text-align: center; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.footBanner .partner li a { color: #333; line-height: 1; }
.footBanner .partner li span { display: block; font-size: 0.875em; }
.footBanner .partner li img { padding-bottom: 10px; }
.footBanner .partner li.fujibo span { padding-top: 10px; }
.footBanner .partner li.fujibo img { width: 210px; }
.footBanner .partner li.fordays img { width: 220px; }

.footBanner .support { max-width: 540px; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; }
.footBanner .support li { width: 50%; text-align: center; }
.footBanner .support li.fujisa img { width: 160px; }
.footBanner .support li.jafic img { width: 130px; }

.footBanner .cooperation { max-width: 820px; width: 100%; margin: 0 auto; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap }
.footBanner .cooperation + .cooperation { margin-top: 20px; }
.footBanner .cooperation li { width: calc(100% / 3); display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; }
.footBanner .cooperation li:nth-child(n+4) { margin-top: 40px; }
.footBanner .cooperation li a { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; }
.footBanner .cooperation li.fujitv a { width: 105px; height: 51px; }
.footBanner .cooperation li.sanbuild a { width: 160px; height: 36px; }
.footBanner .cooperation li.dhinos a { width: 210px; height: 19px; }
.footBanner .cooperation li.grape a { width: 50px; height: 56px; }
.footBanner .cooperation li.ccg a { width: 105px; height: 65px; }
.footBanner .cooperation li.defac a { width: 115px; height: 66px; }
.footBanner .cooperation li.logi a { width: 200px; height: 30px; }
.footBanner .cooperation li.athl a { width: 60px; height: 78px; }
.footBanner .cooperation li.setagaya a { width: 165px; height: 48px; }
.footBanner .cooperation li.toyoshima a { width: 165px; height: 56px; }
.footBanner .cooperation li.ymca a { width: 100%; }
.footBanner .cooperation li.soir a { width: 125px; height: 70px; }
.footBanner .bannerBtn { max-width: 720px; margin: 60px auto 0; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.footBanner .bannerBtn a { transition: .25s; }
.footBanner .bannerBtn a:nth-child(1) { max-width: 430px; width: 59.7%; max-height: 68px; height: 9.5vw; }
.footBanner .bannerBtn a:nth-child(2) { max-width: 255px; width: 35.4%; max-height: 68px; height: 9.5vw; }
.footBanner .bannerBtn a:hover { opacity: .5; }

#pagetop { position: fixed; width: 70px; height: 70px; right: 20px; bottom: 265px; z-index: 100; border-radius: 5px; }
#pagetop a { position: absolute; display: block; width: 70px; height: 70px; background: #ffaf8f; transition: all ease 0.3s; border-radius: 5px; }
#pagetop a:after { content: ""; position: absolute; width: 15px; height: 15px; border-style: solid; border-width: 2px 2px 0 0; border-color: #fff #fff transparent transparent; top: 5px; left: 0; bottom: 0; right: 0; margin: auto; transform: rotate(-45deg); }
#pagetop a:hover { opacity: .5; }

footer { margin-top: 100px; background: #fff3ed; }
footer nav.footNav { max-width: 940px; padding: 45px 20px; margin: 0 auto; }
footer nav.footNav ul { width: 680px; display: -webkit-flex; display: flex; flex-wrap: nowrap; font-size: 0.875em; color: #333; margin: 0 auto; }
footer nav.footNav ul li { width: calc(25% - (3px / 4)); text-align: center; line-height: 1; }
footer nav.footNav ul li + li { border-left: 1px solid #333; }
footer nav.footNav ul li a { color: #333; line-height: 1; }
footer nav.footNav .botSns { padding: 0 10px; margin-top: 50px; }
footer nav.footNav .botSns .botSnsTitle { text-align: center; font-weight: 700; margin-bottom: 15px; }
footer nav.footNav .botSns .botSnsBtn { display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 auto; width: 180px; justify-content: space-between; }
footer nav.footNav .botSns .botSnsBtn .twitter-btn a { position: relative; display: block; width: 60px; height: 60px; border-radius: 100%; background: #005fd1; transition: 0.25s; }
footer nav.footNav .botSns .botSnsBtn .facebook-btn a { position: relative; display: block; width: 60px; height: 60px; border-radius: 100%; background: #315096; transition: 0.25s; }
footer nav.footNav .botSns .botSnsBtn .facebook-btn a:after { content: ""; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/facebook-open.png) no-repeat; background-size: cover; width: 15px; height: 30px; }
footer nav.footNav .botSns .botSnsBtn .twitter-btn a:after { content: ""; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/twitter-open.png) no-repeat; background-size: cover; width: 30px; height: 24px; }
footer nav.footNav .botSns .botSnsBtn a:hover { opacity: .5; }
footer nav.footNav .footCopy { margin-top: 50px; }
footer nav.footNav .footCopy .sankeiLogo { width: 180px; margin: 0 auto; }
footer nav.footNav .footCopy .copyright { margin-top: 5px; text-align: center; font-size: 0.75em; color: #333; }

@media (max-width: 768px) {
	.footBanner { margin: 30px auto 0; }
	.footBanner .bannerTitle { text-align: center; margin-bottom: 30px; }
	.footBanner ul + .bannerTitle { margin-top: 50px; }
	.footBanner .partner { max-width: 320px; width: 100%; flex-wrap: wrap; justify-content: center; }
	.footBanner .partner li img { padding-bottom: 0; }
	.footBanner .partner li.fujibo img { width: 210px; height: 48px; }
	.footBanner .partner li.fordays img { width: 160px; height: 76px; margin-top: 30px; }
	.footBanner .support li.fujisa img { width: 220px; height: 74px; }
	.footBanner .cooperation { max-width: 400px; width: 100%; margin: 0 auto; display: -webkit-flex; display: flex; justify-content: center; align-items: center; flex-wrap: wrap }
	.footBanner .cooperation li { width: 50%; text-align: center; }
	.footBanner .cooperation li:nth-child(n+4) { margin-top: 55px; }
	.footBanner .cooperation li:nth-child(n+3) { margin-top: 55px; }
	.footBanner .cooperation li.fujitv a { width: 95px; height: 46px; }
	.footBanner .cooperation li.sanbuild { width: 100%; padding: 0 10px; }
	.footBanner .cooperation li.sanbuild a { width: 150px; height: 34px; }
	.footBanner .cooperation li.dhinos { width: 100%; padding: 0 10px; }
	.footBanner .cooperation li.dhinos a { width: 190px; height: 17px; }
	.footBanner .cooperation li.grape a { width: 50px; height: 56px; }
	.footBanner .cooperation li.ccg a { width: 80px; height: 49px; }
	.footBanner .cooperation li.defac a { width: 80px; height: 46px; }
	.footBanner .cooperation li.logi { width: 100%; padding: 0 10px; }
	.footBanner .cooperation li.logi a { width: 200px; height: 30px; }
	.footBanner .cooperation li.athl a { width: 45px; height: 58px; }
	.footBanner .cooperation li.setagaya a { width: 135px; height: 39px; }
	.footBanner .cooperation li.toyoshima a { width: 135px; height: 46px; }
	.footBanner .cooperation li.ymca { width: 100%; }
	.footBanner .cooperation li.ymca a { width: 280px; height: 16px; }
	.footBanner .cooperation li.soir a { width: 100px; height: 56px; }
	.footBanner .bannerBtn { max-width: 320px; margin: 60px auto 0; }
	.footBanner .bannerBtn a:nth-child(1) { width: 100%; height: 15.7%; margin: 0 auto; }
	.footBanner .bannerBtn a:nth-child(2) { width: 100%; height: 23.5vw; margin: 30px auto 0; }
	#pagetop { width: 50px; height: 50px; right: 15px; }
	#pagetop a { width: 50px; height: 50px; }
	#pagetop a:hover { opacity: 1; }
	
	footer { margin-top: 60px; background: #fff3ed; }
	footer nav.footNav { padding: 30px 15px; width: 100%; }
	footer nav.footNav ul { font-size: 0.75em; width: 100%; }
	footer nav.footNav ul li { width: calc(25% - (3px / 4)); text-align: center; }
	footer nav.footNav ul li + li { border-left: 1px solid #333; }
	footer nav.footNav ul li a { color: #333; line-height: 1; }
	footer nav.footNav .footCopy { margin-top: 30px; }
}

@media (max-width: 414px) {
	footer nav.footNav ul { flex-wrap: wrap; }
	footer nav.footNav ul li { width: calc(50% - (1px / 2)); }
	footer nav.footNav ul li + li { border-left: 0; }
	footer nav.footNav ul li:nth-child(2n) { border-left: 1px solid #333; }
	footer nav.footNav ul li:nth-child(n+3) { margin-top: 10px; }
	footer nav.footNav .footCopy { margin-top: 30px; }
	.footBanner .support li.fujisa img { width: 130px; height: 45px; }
	.footBanner .support li.jafic img { width: 105px; }
}


/*---- first page ----*/
#information { margin-top: 70px; }
#information .newsTitle { position: relative; font-size: 1.75em; font-weight: 700; padding-left: 47px; color: #333; margin-bottom: 25px; }
#information .newsTitle:before { content: ""; position: absolute; background: url(../images/icon_shirts.png); background-size: cover;  width: 32px; height: 27px; left: 0; margin: auto 0; }
#information .newsInfo { display: -webkit-flex; display: flex; justify-content: space-between; }
#information .newsInfo .newsList { max-width: 500px; }
#information .newsInfo .newsList li + li { margin-top: 10px; padding-top: 10px; border-top: 2px dashed #ffaf8f; }
#information .newsInfo .newsList a { display: -webkit-flex; display: flex; color: #333; transition: 0.25s; }
#information .newsInfo .newsList a:hover { opacity: .5; }
#information .newsInfo .newsList a .newsImg { width: 150px; line-height: 0; }
#information .newsInfo .newsList a dl { width: calc(100% - 165px); padding-left: 15px; }
#information .newsInfo .newsList a dl dt { font-size: 0.937em; }
#information .newsInfo .newsList a dl dd { line-height: 1.5; }
#information .newsInfo .newsList .newsBtn { margin-top: 35px; }
#information .newsInfo .newsBtn a { position: relative; display: block; width: 100%; border-radius: 5px; border: 2px solid #ee8d63; text-align: center; font-size: 1.25em; letter-spacing: 10px; font-weight: bold; color: #ee8d63; padding: 15px 30px; }
#information .newsInfo .newsBtn a:after { content: ""; position: absolute; top: 0; bottom: 0; right: 15px; width: 10px; height: 10px; border-top: 2px solid #ee8d63; border-right: 2px solid #ee8d63; transform: rotate(45deg); margin: auto 0; }


#information .newsInfo .local { max-width: 340px; margin-left: 20px; }
#information .newsInfo .local .localMovie { max-width: 340px; width: 100%; margin: 30px auto 0; }
#information .newsInfo .local .localMovie video { width: 100%; height: 100%; }
#information .newsInfo .local a { display: block; transition: .25s; }
#information .newsInfo .local a:hover { opacity: .5; }
#information .newsInfo .facebook { display: block; width: 100%; height: 590px; background: #fff3ed; padding: 20px; box-sizing: border-box; margin-top: 20px; }


@media (max-width: 768px) {
	#information { margin-top: 60px; }
	#information .newsTitle { font-size: 1.5em; padding-left: 47px; margin-bottom: 20px; }
	#information .newsTitle:before { width: 32px; height: 27px; }
	#information .newsInfo { flex-wrap: wrap; }
	#information .newsInfo .newsList { max-width: 100%; width: 100%; }
	#information .newsInfo .newsList li + li { margin-top: 10px; padding-top: 10px; }
	#information .newsInfo .newsList a { display: -webkit-flex; display: flex; }
	#information .newsInfo .newsList a .newsImg { width: 100px; line-height: 0; }
	#information .newsInfo .newsList a dl { width: calc(100% - 115px); padding-left: 15px; }
	#information .newsInfo .newsList a dl dt { font-size: 0.937em; }
	#information .newsInfo .newsList a dl dd { line-height: 1.5; }
	#information .newsInfo .newsList .newsBtn { margin-top: 35px; }
	#information .newsInfo .newsBtn a { font-size: 1.14em; letter-spacing: 5px; text-align: left; padding: 15px 20px; }
	#information .newsInfo .newsBtn a:after { right: 15px; }
	#information .newsInfo .local { max-width: 100%; width: 100%; max-width: auto; margin: 40px auto 0; text-align: center; }
	#information .newsInfo .local a { max-width: 320px; width: 100%; max-width: auto; margin: 0 auto; }
	#information .newsInfo .facebook { max-width: 100%; width: 100%; max-width: auto; height: 580px; margin: 40px auto 0; padding: 15px 0; text-align: center; }
}


@media (max-width: 414px) {
	#information { margin-top: 30px; }
	#information .newsTitle { font-size: 1.25em; }
	#information .newsInfo .newsList a dl dt { font-size: 0.875em; }
	#information .newsInfo .newsList a dl dd { line-height: 1.5; font-size: 0.8125em; }
	#information .newsInfo .newsBtn a { font-size: 1em; padding: 10px 20px; }
}

#standingMap { margin-top: 100px; background: #fff3ed; padding: 65px 0 80px; }
#standingMap .mapTitle { position: relative; text-align: center; font-size: 1.5em; padding-left: 48px; margin-bottom: 30px; color: #333; }
#standingMap .mapTitle:before { position: absolute; content: ""; background: url(../../images/icon_box.png); width: 48px; height: 48px; background-size: cover; top: 0; bottom: 0; left: calc(50% - 7.5em - 5px); margin: auto 0; }

#standingMap .mapLink { padding: 0 10px; }
#standingMap .mapLink a { position: relative; display: block; text-align: center; font-size: 1.75em; font-weight: 700; color: #fff; background: #ff5966; border-radius: 5px; padding: 25px 30px; max-width: 920px; margin: 0 auto;  }
#standingMap .mapLink a:after { content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; margin: auto 0; top: 0; bottom: 0; right: 20px; transform: rotate(45deg); }


#standingMap .mapArea { max-width: 940px; margin: 0 auto 80px; overflow: hidden; padding: 0 10px; margin-top: 60px; }
#standingMap .mapArea iframe { width: 100%; margin-top: -48px; height: 560px;  border: none;}
#standingMap .mapBtn { max-width: 940px; margin: 0 auto 20px; padding: 0 10px; }
#standingMap .mapBtn a { position: relative; display: block; text-align: center; font-size: 1.75em; font-weight: 700; color: #fff; background: #ee8d63; border-radius: 5px; padding: 25px 30px; }
#standingMap .mapBtn a:after { content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; margin: auto 0; top: 0; bottom: 0; right: 20px; transform: rotate(45deg); }
#standingMap .mapBtn + .mapBtn a { background: #4074ae; }

@media (max-width: 768px) {
	#standingMap { margin-top: 60px; padding: 40px 0 60px; }
	#standingMap .mapTitle { font-size: 1.25em; padding-left: 20px; }
	#standingMap .mapTitle:before { width: 32px; height: 32px; }
	#standingMap .mapArea { margin-top: 40px; }
	#standingMap .mapArea iframe { height: 360px; }
	#standingMap .mapBtn { margin: 0 auto 10px; }
	#standingMap .mapLink a { font-size: 1.25em; padding: 15px 20px; text-align: left; }
	#standingMap .mapLink a:after { right: 15px; }
	#standingMap .mapBtn a { font-size: 1.25em; padding: 15px 20px; text-align: left; }
	#standingMap .mapBtn a:after { right: 15px; }
}

@media (max-width: 414px) {
	#standingMap .mapTitle { font-size: 1.14em; padding-left: 20px; }
	#standingMap .mapBtn a { font-size: 1.14em; padding: 10px 20px; }
}

/*---- in page ----*/

section.articleWrapper { margin: 0 auto; background: #fff3ed; padding: 60px 10px; }

h1.sectionTitle { position: relative; text-align: center; margin-bottom: 60px; font-size: 1.5em; font-weight: 700; color: #333; letter-spacing: 5px; }
h1.sectionTitle.newsName { font-size: 1em; margin-bottom: 30px; }
h1.sectionTitle.newsName span { font-size: 1.5em; color: #ff894c; display: block; margin-top: 15px; }
.articleBox + h1.sectionTitle { margin-top: 60px; }

.articleBox { max-width: 940px; background: #fff; padding: 50px; border-radius: 10px; margin: 0 auto; }
.articleBox + .articleBox { margin-top: 30px; }
.articleBox .articleImg { max-width: 540px; margin: 0 auto 30px; }
.articleBox .sdgsImg { margin: 0 auto 30px; max-width: 504px; }
.articleBox .articleImg .articleCap { font-size: 0.8125em; line-height: 1.5; }
.articleBox .articleTxt > p { font-size: 1.062em; line-height: 1.75; }
.articleBox .articleTxt > p + p { margin-top: 20px; }
.articleBox .articleTxt h2 { margin-top: 30px; margin-bottom: 10px; }
.articleBox .articleTxtAside { margin-top: 40px; font-size: 0.875em; line-height: 1.5; }

.newsBackBtn { max-width: 940px; padding: 0 10px; margin: 0 auto 10px; font-size: 0.875em; }
.newsBackBtn a { position: relative; color: #333; transition: .25s; padding-left: 15px; }
.newsBackBtn a:before { content: ""; position: absolute; margin: auto 0; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-135deg); top: 0; bottom: 0; left: 0; z-index: 200; }
.newsBackBtn a:after { content: ""; position: absolute; margin: auto 0; width: 20px; height: 20px; top: 0; bottom: 0; left: -8px; background: #ee8d63; border-radius: 100%; z-index: 100; }
.newsBackBtn a:hover { opacity: .5; }
.achiveTitle { background: #fff; max-width: 940px; padding: 30px 10px 0; margin: 0 auto -10px; text-align: center; font-size: 1.5em; font-weight: 700; color: #333; text-align: center; border-radius: 10px 10px 0 0; }
.achiveTitle + .articleBox { padding-top: 40px; }
.articleBox .newsContentsTitle { font-size: 1.5em; line-height: 1.5; }
.articleBox .newsDate { font-size: 1.06em; margin: -3px 0 25px; text-align: right; border-bottom: 1px solid #ccc; padding-bottom: 10px; }

.articleBox .newsMovieWrap { max-width: 520px; max-height: 293px; margin: 30px auto; }
.articleBox .newsMovie { position: relative; width: 100%; padding-top: 56.25%; }
.articleBox .newsMovie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
.articleBox .newsTxtHead { margin-top: 20px; font-weight: 700; }
.articleBox .newsBtn { margin-bottom: 40px; margin-top: 1px; }
.articleBox .newsBtn a { position: relative; display: block; text-align: center; font-size: 1.25em; font-weight: 700; color: #fff; background: #ff5966; border-radius: 5px; padding: 10px 20px; max-width: 320px; }
.articleBox .newsBtn a:after { content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; margin: auto 0; top: 0; bottom: 0; right: 20px; transform: rotate(45deg); }

.articleBox .newsPlaceList { margin-top: 20px; }
.articleBox .newsPlaceList li { position: relative; padding-left: 1.2em; }
.articleBox .newsPlaceList li + li { margin-top: 20px; }
.articleBox .newsPlaceList li::before { content: ""; position: absolute; margin: auto 0; top: 7px; left: 0; width: 0.8em; height: 0.8em; border-radius: 100%; background: #666; }
.articleBox .newsPlaceList .palceName a,
.articleBox .newsPlaceList .palceName span, { font-weight: bold; }
.articleBox .newsPlaceList .placeListTxt span { display: block; }

.articleBox .snsArea { margin-top: 20px; padding: 20px; background: #eee; display: -webkit-flex; display: flex; flex-wrap: wrap; line-height: 1; justify-content: flex-end; }
.articleBox .snsArea .fb-share-button a { position: relative; background: #3a589e; color: #fff; text-align: center; font-size: 0.75em;  padding: 2px 10px 3px 20px; margin-right: 10px; border-radius: 3px; }
.articleBox .snsArea .fb-share-button a:hover { opacity: .5; }
.articleBox .snsArea .fb-share-button a:after { content: ''; position: absolute; bottom: 0; left: 7px; background: url(../images/facebook-open.png) no-repeat; background-size: contain; width: 9px; height: 17px; }

@media all and (-ms-high-contrast: none) {
	.articleBox .snsArea .fb-share-button { margin-top: 2px; }
	.articleBox .snsArea .fb-share-button a { position: relative; background: #3a589e; color: #fff; text-align: center; font-size: 0.75em; padding: 2px 10px 0px 20px; margin: 1px 10px 0 0; border-radius: 3px; }
	.articleBox .snsArea .fb-share-button a:hover { opacity: .5; }
	.articleBox .snsArea .fb-share-button a:after { content: ''; position: absolute; bottom: 0; left: 7px; background: url(../images/facebook-open.png) no-repeat; background-size: contain; width: 9px; height: 17px; }
}
@supports (-ms-ime-align: auto) {
	.articleBox .snsArea .fb-share-button { margin-top: 1px; }
	.articleBox .snsArea .fb-share-button a { position: relative; background: #3a589e; color: #fff; text-align: center; font-size: 0.75em; padding: 1px 10px 1px 20px; margin: 1px 10px 0 0; border-radius: 3px; }
	.articleBox .snsArea .fb-share-button a:hover { opacity: .5; }
	.articleBox .snsArea .fb-share-button a:after { content: ''; position: absolute; bottom: 0; left: 7px; background: url(../images/facebook-open.png) no-repeat; background-size: contain; width: 9px; height: 17px; }
}


.articleBox .videos { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.articleBox .videos div { width: calc(50% - 10px); }
.articleBox .videos div a { position: relative; display: block; transition: .25s; }
.articleBox .videos div a:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: url(../../images/icon_play.png) no-repeat; background-size: cover; width: 64px; height: 64px; z-index: 100; }
.articleBox .videos div a:hover { opacity: .5; }
.articleBox .videos + .articleTxtAside { margin-top: 10px; }


.articleList { max-width: 940px; margin: 0 auto; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.articleList li { text-align: center; width: calc(50% - 15px); height: 210px; background: #fff; border: 1px solid #ff894c; border-radius: 10px; display: -webkit-flex; display: flex; justify-content: center; }
.articleList li:nth-child(n+3) { margin-top: 30px; }
.articleList li a { display: block; width: 100%; height: 210px; color: #333; transition: 0.25s; padding: 0 10px;  }
.articleList li a figure { text-align: center; padding-top: 25px; }
.articleList li a figure img { width: 60px; }
.articleList li a figure figcaption .newsListTitle { font-size: 1.25em; font-weight: 700; color: #ff894c; line-height: 1; margin-top: 10px; }
.articleList li a figure figcaption p { color: #333; line-height: 1.25; margin-top: 15px; }
.articleList li a:hover { opacity: .5; }


@media (max-width: 768px) {
	.articleList li { text-align: center; width: calc(50% - 5px); height: auto; }
	.articleList li:nth-child(n+3) { margin-top: 15px; }
	.articleList li a { height: auto; padding: 10px 10px 20px; }
	.articleList li a figure { text-align: center; padding-top: 15px; }
	.articleList li a figure img { width: 45px; }
	.articleList li a figure figcaption .newsListTitle { font-size: 1em; margin-top: 5px; }
	.articleList li a figure figcaption p { margin-top: 10px; font-size: 0.8125em; text-align: left; }
	.articleList li a:hover { opacity: .5; }
	.articleBox .newsBtn a { font-size: 0.87em; padding: 8px 10px; }
	.articleBox .newsBtn a:after { content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; margin: auto 0; top: 0; bottom: 0; right: 20px; transform: rotate(45deg); }
	.articleBox .newsPlaceList li { font-size: 0.875em; line-height: 1.5; }
	.articleBox .newsPlaceList li::before { top: 6px; }
}

.joinBanner { max-width: 960px; padding: 0 10px; margin: 100px auto 0; }
.joinBanner a { position: relative; display: block; background: #ffd40d; border-radius: 10px; font-size: 1.25em; font-weight: 700;  text-align: center; text-decoration: none; padding: 20px 10px; color: #333; transition: .25s; }
.joinBanner a:after { content: ""; position: absolute; top: 0; bottom: 0; right: 15px; width: 12px; height: 12px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg); margin: auto 0; transition: 0.25s; }
.joinBanner a:hover { opacity: .5; }
.joinBanner a:not(:first-child) { background: #4074ae; margin-top: 15px; color: #fff; }
.joinBanner a:not(:first-child):after { border-top: 2px solid #fff; border-right: 2px solid #fff; }


.wideStyle h2.wideTitle { font-size: 1.5em; font-weight: 700; color: #333; display: -webkit-flex; display: flex; align-items: center; line-height: 1.25; }
.wideStyle h2.wideTitle span { margin-left: 0.5em; padding: 7px 10px; border-radius: 5px; background: #ee8d63; font-size: 0.57em; color: #fff; text-align: center; letter-spacing: 2px; line-height: 1; }
.wideStyle .wideEx { display: -webkit-flex; display: flex; justify-content: space-between; align-items: top; margin-top: 40px; }
.wideStyle .wideEx .wideImg { width: calc(40% - 10px); text-align: center; }
#join .wideStyle .wideEx .wideImg img { width: 100%; max-width: 260px; }
#join .wideStyle .wideEx .wideImg img.wide { width: 100%; max-width: 100%; }
.wideStyle .wideEx .wideTxt { width: calc(60% - 10px); padding-left: 20px; font-size: 1.06em; line-height: 1.75; }
.wideStyle .wideBtn { margin-top: 40px; }
.wideStyle .wideBtn  a { position: relative; display: block; width: 100%; border-radius: 5px; border: 2px solid #ee8d63; text-align: center; font-size: 1.25em; letter-spacing: 10px; font-weight: bold; color: #ee8d63; padding: 15px 30px; box-sizing: border-box; transition: 0.25s; }
.wideStyle .wideBtn  a:after { content: ""; position: absolute; top: 0; bottom: 0; right: 15px; width: 7px; height: 7px; border-top: 2px solid #ee8d63; border-right: 2px solid #ee8d63; transform: rotate(45deg); margin: auto 0; transition: 0.25s; }
.wideStyle .wideBtn  a:hover { background: #ee8d63; color: #fff; }
.wideStyle .wideBtn  a:hover:after { border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }


.joinNav { max-width: 940px; margin: 0 auto; }
.joinNav ul { width: 100%; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; }
.joinNav ul li { width: calc(50% - 5px); height: 50px; text-align: center; line-height: 1; }
.joinNav ul li:nth-child(n+3) { margin-top: 10px; }
.joinNav ul li a { position: relative; display: -webkit-flex; display: flex; align-items: center; justify-content: center; height: 50px; color: #333; background: #fff; border-radius: 5px; padding: 5px 30px 5px 10px; transition: 0.25s; line-height: 1.25; }
.joinNav ul li a:after { content: ""; position: absolute; margin: auto 0; width: 10px; height: 10px; border-right: 2px solid #333; border-bottom: 2px solid #333; right: 20px; top: 0; bottom: 0; transform: rotate(45deg); transition: 0.25s; }
.joinNav ul li a:hover:after { top: 0; bottom: -10px; }

.tArrowBtn { position: relative; color: #333; transition: .25s; }
.tArrowBtn:before { content: ""; position: absolute; margin: auto 0; width: 8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); top: 0; bottom: 0; right: -10px; }
.tArrowBtn:after { content: ""; position: absolute; margin: auto 0; width: 8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); top: 0; bottom: 0; right: -15px; }
.tArrowBtn:hover { opacity: .5; }


.detailBox { padding: 30px; background: #fff3ed; margin-top: 30px; }
.detailBox h3 { font-size: 1.125em; color: #ee8d63; margin-bottom: 20px; }
.detailBox p span.orange { background: #ffaf8f; }
.detailBox ul.detailPoint { border: 2px solid #ffaf8f; border-radius: 10px; padding: 15px; margin-top: 20px; }
.detailBox ul.detailPoint li { position: relative; padding-left: 15px; }
.detailBox ul.detailPoint li:before { position: absolute; content: ""; left: 0; top: 8px; border-radius: 100%; width: 10px; height: 10px; background: #333; }
.detailBox .detailEx { background: #fff; margin-top: 20px; padding: 20px; }
.detailBox .detailEx h4 { margin-bottom: 10px; }
.detailBox .detailEx .detailExAside { font-size: 0.875em; margin-top: 10px; line-height: 1.5; }

.detailBox .detailEx.send { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; background: transparent; padding: 0; }
.detailBox .detailEx.send > div { width: calc(50% - 10px); background: #fff; padding: 15px 15px 25px; }
.detailBox .detailEx.send div h4 { position: relative; display: block; font-weight: 700; text-align: center; margin-bottom: 20px; }
.detailBox .detailEx.send div h4:before { content: ""; margin: 0 auto 10px; display: block; }
.detailBox .detailEx.send div ul.detailExItem { width: 100%; }
.detailBox .detailEx.send div ul.detailExItem li { width: 100%; border-radius: 30px; padding: 10px 20px; }
.detailBox .detailEx.send div ul.detailExItem li + li { margin-top: 10px; }

.detailBox .detailEx.send .detailExOk ul.detailExItem li { background: #ee8d63; font-size: 0.875em; line-height: 1.5; color: #fff; }
.detailBox .detailEx.send .detailExOk h4 { color: #eb6156; }
.detailBox .detailEx.send .detailExOk h4:before { width: 40px; height: 40px; border-radius: 100%; border: 2px solid #eb6156; }
.detailBox .detailEx.send .detailExNo ul.detailExItem li { background: #4074ae; font-size: 0.875em; line-height: 1.5; color: #fff; }
.detailBox .detailEx.send .detailExNo h4 { color: #004693; margin-top: 50px; }
.detailBox .detailEx.send .detailExNo h4:before { position: absolute; margin: 0 auto; top: -30px; left: 0; right: 0; width: 40px; height: 2px; background: #004693; transform: rotate(-45deg); }
.detailBox .detailEx.send .detailExNo h4:after { content: ""; position: absolute; margin: 0 auto; top: -30px; left: 0; right: 0; width: 40px; height: 2px; background: #004693; transform: rotate(45deg); }

.detailBox .detailEx.flow { background: transparent; padding: 0; }
.detailBox .detailEx.flow .detailFlowBox { position: relative; background: #fff; border-radius: 10px; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 30px; }
.detailBox .detailEx.flow .detailFlowBox + .detailFlowBox:before { content: ""; position: absolute; margin: 0 auto; top: -55px; left: 0; right: 0; margin: 0 auto; width: 30px; height: 30px; border-bottom: 4px solid #ee8d63; border-right: 4px solid #ee8d63; transform: rotate(45deg); }
.detailBox .detailEx.flow .detailFlowBox + .detailFlowBox { margin-top: 60px; }
.detailBox .detailEx.flow .detailFlowBox .flowImg { max-width: 300px; width: 40%; }
.detailBox .detailEx.flow .detailFlowBox figcaption { width: 55%; }

.titleNoteB { margin-top: 10px; display: inline-block; padding: 10px 10px; border-radius: 5px; background: #ee8d63; font-size: 1em; color: #fff; letter-spacing: 2px; line-height: 1.2; font-weight: 700; }
.detailTitle { font-weight: 700; font-size: 18px; margin-bottom: 5px; }

.detailBoxQa { font-size: 0.937em; line-height: 1.5; }
.detailBoxQa dl:nth-child(n+2) { margin-top: 20px; border-top: 1px solid #ccc; padding-top: 20px; }
.detailBoxQa dt { font-weight: 700; }
.detailBallList li { position: relative; padding-left: 1em; }
.detailBallList li::before { content:""; position: absolute; margin: auto 0; top: 0.5em;left: 0; border-radius: 100%; background: #333; height: 0.8em; width: 0.8em; }
.detailBoxSect + .detailBoxSect { margin-top: 40px; }
.detailBoxTable { table-layout: fixed; font-size: 0.937em; line-height: 1.5; width: 100%; background: #fff; border: 2px solid #ee8d63; }
.detailBoxTable th { width: 10em; text-align: left; padding: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #ee8d63; color: #fff; }
.detailBoxTable td { width: calc(100% - 10em - 40px); padding: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.detailBoxTable td:nth-child(11,12) { border: 0; }

.detailBox.dear { background: #e8e3d5; }
.detailBox .dearList { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 40px; }
.detailBox .dearList li { position: relative; width: calc((100% / 3) - 30px); }
.detailBox .dearList li:nth-child(n+4) { margin-top: 30px; }
.detailBox .dearList li .dearImg { position: relative; }
.detailBox .dearList li .dearImg span { width: 100%; position: absolute; margin: 0 auto; text-align: center; bottom: 0; left: 0; right: 0; border-radius: 20px; background: #ee8d63; color: #fff; font-size: 0.8125em; }
.detailBox .dearList li p { font-size: 0.8125em; line-height: 1.5; margin-top: 10px; }

.detailBox .dearList li:after { content: ""; position: absolute; top: 0; bottom: 0; left: -35px; width: 20px; height: 20px; border-top: 4px solid #ee8d63; border-right: 4px solid #ee8d63; transform: rotate(45deg); margin: auto 0; }
.detailBox .dearList li:nth-child(1):after { display: none; }
.detailBox .dearList li:nth-child(2):before { position: absolute; content: "当日～翌々日"; width: 3em; height: 2em; line-height: 1; font-size: 0.75em; top: -70px; bottom: 0; left: -40px; margin: auto 0; z-index: 100; font-weight: 700; color: #ee8d63; }
.detailBox .dearList li:nth-child(3):before { content: ""; position: absolute; top: 0; bottom: 0; right: -25px; width: 20px; height: 20px; border-top: 4px solid #ee8d63; border-right: 4px solid #ee8d63; transform: rotate(45deg); margin: auto 0; }
.detailBox .dearList li:nth-child(4):before { position: absolute; content: "１日～ ３日"; width: 4em; height: 2em; line-height: 1; font-size: 0.75em; top: -70px; bottom: 0; left: -40px; margin: auto 0; z-index: 100; font-weight: 700; color: #ee8d63; }
.detailBox .dearList li:nth-child(5):before { position: absolute; content: "当日～翌々日"; width: 4em; height: 2em; line-height: 1; font-size: 0.75em; top: -70px; bottom: 0; left: -40px; margin: auto 0; z-index: 100; font-weight: 700; color: #ee8d63; }

.detailBox .dearItems { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.detailBox .dearItems li { position: relative; width: calc((100% / 4) - 30px); text-align: center; font-size: 0.8125em; line-height: 1.5;}
.detailBox .dearItems li:nth-child(n+5) { margin-top: 30px; }

.detailBox .dearItems + .articleTxtAside { margin: 10px 0 30px; text-align: right; }

.mapLinkBtn a { position: relative; display: block; border-radius: 10px; background: #ee8d63; color: #fff; font-size: 1.5em; text-align: center; padding: 20px 30px; letter-spacing: 10px; max-width: 940px; margin: 60px auto 0; font-weight: 700; transition: .25s; }
.mapLinkBtn a:after { content: ""; position: absolute; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; margin: auto 0; top: 0; bottom: 0; right: 20px; transform: rotate(45deg); transition: .25s; }
.mapLinkBtn a:hover { opacity: .5; }
.sankeiLinkBtn a { margin: 30px auto 0; }

@media (max-width: 768px) {
	section.articleWrapper { padding: 40px 10px; }
	h1.sectionTitle { margin-bottom: 40px; font-size: 1.25em; line-height: 1.2; }
	.articleBox { padding: 20px 15px 25px; }
	.articleBox + .articleBox { margin-top: 20px; }
	.articleBox .articleTxt > p { font-size: 0.875em; line-height: 1.5; }
	.articleBox .articleImg { margin: 0 auto 20px; }
	.articleBox .sdgsImg { margin: 0 auto 20px; }
	.articleBox .articleTxtAside { margin-top: 30px; font-size: 0.8125em; }
	.articleBox .newsContentsTitle { font-size: 1.06em; }
	.articleBox .newsDate { font-size: 0.906em; }
	.achiveTitle { font-size: 1.25em; }
	.joinBanner { margin: 40px auto 0; line-height: 1.25; }
	.joinBanner a { font-size: 1em; padding: 15px 20px 15px 10px; text-align: left; }
	.joinBanner a:after { right: 10px; }
	.joinBanner a:not(:first-child) { margin-top: 10px; }
	.articleBox .videos div { width: 100%; max-width: 568px; margin: 0 auto; }
	.articleBox .videos div + div { margin-top: 10px; }
	.articleBox .videos div a:after { width: 52px; height: 52px; }
	
	#join .wideStyle { margin-top: 30px; }
	#join .joinNav { margin-bottom: 30px; }
	.wideStyle h2.wideTitle { font-size: 1em; color: #333; margin-top: 10px; }
	.wideStyle h2.wideTitle span { margin-left: 0.5em; padding: 5px 7px; border-radius: 5px; background: #ee8d63; font-size: 0.57em; color: #fff; text-align: left; letter-spacing: 2px; line-height: 1; }
	.wideStyle .wideEx { margin-top: 20px; flex-wrap: wrap; }
	.wideStyle .wideEx .wideImg { width: 100%; margin: 0 auto; max-width: 568px; }
	#join .wideStyle .wideEx .wideImg img { width: 240px; margin: 0 auto; }
	#join .wideStyle .wideEx .wideImg img.wide { width: 100%; max-width: 260px; }
	.wideStyle .wideEx .wideTxt { width: 100%; padding: 10px 0 0 0; font-size: 0.875em; }
	.wideStyle .wideBtn { margin-top: 20px; }
	.wideStyle .wideBtn  a { font-size: 1em; letter-spacing: 2px; padding: 10px 20px; }
	.joinNav ul li { width: 100%; height: 40px; }
	.joinNav ul li + li { margin-top: 5px; }
	.joinNav ul li:nth-child(n+3) { margin-top: 5px; }
	.joinNav ul li a { height: 40px; font-size: 0.875em; }
	
	.detailBox { padding: 15px;margin-top: 15px; }
	.detailBox h3 { font-size: 1em; margin-bottom: 10px; }
	.detailBox p { font-size: 0.875em; line-height: 1.5; }
	.detailBox ul.detailPoint { margin-top: 10px; }
	.detailBox ul.detailPoint li { font-size: 0.875em; line-height: 1.75; }
	.detailBox .detailEx { margin-top: 15px; padding: 15px; }
	.detailBox .detailEx h4 { margin-bottom: 10px; font-size: 0.906em; }
	.detailBox .detailEx .detailExAside { font-size: 0.8125em; margin-top: 10px; }
	.titleNoteB { padding: 7px 10px; font-size: 0.825em; letter-spacing: 0; }

	.detailBox .detailEx.send > div { width: 100%; padding: 10px 10px 20px; }
	.detailBox .detailEx.send div h4 { position: relative; display: block; font-weight: 700; text-align: center; margin-bottom: 20px; }
	.detailBox .detailEx.send div h4:before { content: ""; margin: 0 auto 10px; display: block; }
	.detailBox .detailEx.send div ul.detailExItem { width: 100%; }
	.detailBox .detailEx.send div ul.detailExItem li { font-size: 0.8125em; line-height: 1.25; border-radius: 10px; padding: 10px; }
	.detailBox .detailEx.send div ul.detailExItem li + li { margin-top: 10px; }
	.detailBox .detailEx.send div + div { margin-top: 20px; }
	
	.detailBox .detailEx.flow .detailFlowBox { padding: 15px; }
	.detailBox .detailEx.flow .detailFlowBox + .detailFlowBox:before { content: ""; position: absolute; margin: 0 auto; top: -35px; left: 0; right: 0; margin: 0 auto; width: 20px; height: 20px; border-bottom: 4px solid #ee8d63; border-right: 4px solid #ee8d63; transform: rotate(45deg); }
	.detailBox .detailEx.flow .detailFlowBox + .detailFlowBox { margin-top: 40px; }
	.detailBox .detailEx.flow .detailFlowBox .flowImg { max-width: 300px; width: 100%; margin: 0 auto; }
	.detailBox .detailEx.flow .detailFlowBox figcaption { width: 100%; margin-top: 10px; }

	.mapLinkBtn a { font-size: 1em; padding: 15px 25px; letter-spacing: 2px; margin: 30px auto 0; text-align: left; }
	.mapLinkBtn a:after { right: 15px; }
	.detailBox.dear { background: #e8e3d5; }
	.detailBox .dearList { padding: 0 20px; }
	.detailBox .dearList li { width: 100%; }
	.detailBox .dearList li + li { margin-top: 50px; }
	.detailBox .dearList li:nth-child(n+4) { margin-top: 50px; }
	.detailBox .dearList li .dearImg { text-align: center; }
	.detailBox .dearList li .dearImg img { position: relative; max-width: 260px; margin: 0 auto; }
	.detailBox .dearList li p br { display: none; }
	
	.detailBox .dearList li:after { content: ""; position: absolute; top: -35px; left: 0; right: 0; transform: rotate(135deg); margin: 0 auto; }
	.detailBox .dearList li:nth-child(2):before { top: -35px; bottom: 0; left: 80px; right: 0; margin: 0 auto; }
	.detailBox .dearList li:nth-child(3):before { display: none; }
	.detailBox .dearList li:nth-child(4):before { top: -35px; bottom: 0; left: 80px; right: 0; margin: 0 auto; }
	.detailBox .dearList li:nth-child(5):before { top: -35px; bottom: 0; left: 80px; right: 0; margin: 0 auto; }

	.detailBox .dearItems li { width: calc(50% - 15px); text-align: center; }
	.detailBox .dearItems li img { width: 100px; display: block; margin: 0 auto; }
	.detailBox .dearItems li:nth-child(n+3) { margin-top: 30px; }

	.detailBox .dearItems + .articleTxtAside { margin: 10px 0 30px; text-align: right; }
	.detailBoxSect + .detailBoxSect { margin-top: 20px; }
	.mapLinkBtn a { font-size: 1em; text-align: left; padding: 10px 30px 10px 10px; margin: 40px auto 0; line-height: 1.25; }
	.detailBoxTable th { width: 6em; text-align: left; padding: 7px 5px; }
	.detailBoxTable td { width: calc(100% - 6em - 20px); padding: 7px 5px; word-wrap: break-word; }
}

h2.aboutTitle { font-size: 1.5em; font-weight: 700; color: #ee8d63; margin-bottom: 40px; }

.whereImg1,
.whereImg2 { background: #e8e3d5; padding: 20px; margin-top: 40px; }
.whereImg1 h3 { font-size: 1.125em; color: #ee8d63; margin-bottom: 20px; }
.whereImg2 h3 { font-size: 1.125em; color: #ee8d63; }
.whereImg1 figure { display: -webkit-flex; display: flex; justify-content: space-between; }
.whereImg1 figure figcaption { width: 55%; background: #fff; padding: 20px; }
.whereImg1 figure figcaption .figImg1 { max-width: 180px; width: 100%; margin: 0 auto; }
.whereImg1 figure figcaption ul { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 10px; }
.whereImg1 figure figcaption ul li { border-radius: 20px; background: #ee8d63; color: #fff; font-size: 0.75em; padding: 0 10px; }
.whereImg1 figure figcaption p { text-align: center; margin-top: 10px; }
.whereImg1 figure figcaption ul li + li { margin-left: 10px; }
.whereImg1 figure .figImg2 { width: 40%; }
.whereImg2 figure .figImg { max-width: 520px; margin: 0 auto; }
.whereImg2 figure .figImg:nth-child(5) { max-width: 360px; margin: 20px auto 0; }
.whereImg2 figure figcaption { display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; line-height: 1; margin-bottom: 20px; }
.whereImg2 figure figcaption a { position: relative; font-size: 0.75em; background: #ee8d63; color: #fff; font-weight: 700; padding: 10px 25px; border-radius: 25px; transition: .25s; }
.whereImg2 figure figcaption a:after { content: ""; position: absolute; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; transform: rotate(45deg); top: 0; bottom: 0; right: 10px; margin: auto 0; }
.whereImg2 figure figcaption a:hover { opacity: .5; }

@media (max-width: 768px) {
	h2.aboutTitle { font-size: 1.25em; line-height: 1.5; margin-bottom: 10px; }
	.whereImg1,
	.whereImg2 { padding: 10px; margin-top: 30px; }
	.whereImg1 h3 { font-size: 1em; margin-bottom: 10px; line-height: 1.5; }
	.whereImg2 h3 { font-size: 1em; line-height: 1.5; }
	.whereImg1 figure { flex-wrap: wrap; }
	.whereImg1 figure figcaption { width: 100%; padding: 10px; order: 2; }
	.whereImg1 figure figcaption p { font-size: 0.875em; }
	.whereImg1 figure figcaption ul { justify-content: center; margin-top: 5px; }
	.whereImg1 figure figcaption ul li { margin: 5px 5px 0 0; }
	.whereImg1 figure figcaption ul li + li { margin-left: 0; }
	.whereImg1 figure .figImg2 { width: 100%; order: 1; margin-bottom: 15px; }
	.whereImg1 figure .figImg2 { max-width: 200px; width: 70%; order: 1; margin: 0 auto 5px; }
	.whereImg2 figure .figImg:nth-child(5) { margin: 15px auto 0; }
	.whereImg2 figure figcaption { margin-bottom: 15px; }
	.whereImg2 figure figcaption a { margin-top: 15px; }
}

.reportMoney { border-radius: 10px; padding: 30px; border: 5px solid #ee8d63; }
.reportMoney table { width: 100%; color: #333; }
.reportMoney table th { text-align: left; border-bottom: 2px dashed #ee8d63; padding-bottom: 10px; font-weight: 500; line-height: 1.25; }
.reportMoney table td { text-align: right; border-bottom: 2px dashed #ee8d63; padding-bottom: 10px; color: #ff5966; font-weight: 700; }
.reportMoney table tr + tr th,
.reportMoney table tr + tr td { padding-top: 20px; }
.reportMoney p { text-align: right; font-size: 0.875em; margin-top: 20px; }
.reportSubTitle { text-align: center; font-size: 1.14em; color: #333; margin-top: 10px; margin-bottom: 10px; font-weight: 700; }
.reportSalvage { max-width: 720px; margin: 60px auto 0; }
.reportSalvage h2.reportTitle { text-align: center; font-size: 1.5em; color: #333; }
.reportSalvage .salvageEx { margin-top: 30px; }
.reportSalvage .salvageEx figure { display: -webkit-flex; display: flex; flex-wrap: wrap; }
.reportSalvage .salvageEx figure .salvageExImg { width: 40%; }
.reportSalvage .salvageEx figure .salvageTxt { padding-left: 30px; width: 60%; }
.reportSalvage .salvageEx figure .salvageTxt a { position: relative; color: #333; transition: .25s; }
.reportSalvage .salvageEx figure .salvageTxt a:before { content: ""; position: absolute; margin: auto 0; width: 8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); top: 0; bottom: 0; right: -10px; }
.reportSalvage .salvageEx figure .salvageTxt a:after { content: ""; position: absolute; margin: auto 0; width: 8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); top: 0; bottom: 0; right: -15px; }
.reportSalvage .salvageEx figure .salvageTxt a:hover { opacity: .5; }
.reportList { margin: 30px auto 0; width: 100%; max-width: 720px; }
.reportList .reportListTitle { color: #333; margin-bottom: 5px; line-height: 1.5; }
.reportList table { width: 100%; color: #333; }
.reportList table th { text-align: left; border: 2px solid #aaa; padding: 10px; font-size: 0.875em; line-height: 1.25; }
.reportList table td { text-align: right; border: 2px solid #aaa; padding: 10px; font-size: 0.875em; line-height: 1.25; }
.reportList table + .reportListTitle { margin-top: 30px; }
.reportYear { margin-top: 30px; border-top: 2px solid #ee8d63; padding-top: 30px; }
.reportYear h2,
.reportYear table { max-width: 720px; margin: 0 auto; }
.reportYear h2 { margin-bottom: 10px; line-height: 1.5; }
.reportYear table { width: 100%; color: #333; }
.reportYear table + .articleTxtAside { margin: 10px auto 30px; max-width: 720px;  }
.reportYear table th { text-align: left; border: 2px solid #aaa; padding: 10px; font-size: 0.875em; line-height: 1.25; }
.reportYear table td { text-align: right; border: 2px solid #aaa; padding: 10px; font-size: 0.875em; line-height: 1.25; }

@media (max-width: 768px) {
	.reportMoney { padding: 20px; border: 3px solid #ee8d63; }
	.reportMoney table th { border-bottom: 0; display: block; }
	.reportMoney table td { display: block; text-align: right; border-bottom: 2px dashed #ee8d63; padding-bottom: 10px; }
	.reportMoney table tr + tr th { padding-top: 20px; }
	.reportMoney table tr + tr td { padding-top: 0; }
	.reportMoney p { text-align: right; font-size: 0.75em; margin-top: 10px; }
	.reportSubTitle { text-align: center; font-size: 0.937em; }
	.reportSalvage { margin: 30px auto 0; }
	.reportSalvage h2.reportTitle { text-align: center; font-size: 1.14em; }
	.reportSalvage .salvageEx { margin-top: 20px; }
	.reportSalvage .salvageEx figure { flex-wrap: wrap; }
	.reportSalvage .salvageEx figure .salvageExImg { width: 100%; max-width: 568px; margin: 0 auto; }
	.reportSalvage .salvageEx figure .salvageTxt { padding: 20px 0 0 0; width: 100%; font-size: 0.8125em; line-height: 1.75; }
	.reportList .reportListTitle { font-size: 0.875em; }
	.reportList table th { padding: 5px 10px; font-size: 0.8125em; }
	.reportList table td { padding: 5px 10px; font-size: 0.8125em; }
	.reportYear { margin-top: 30px; border-top: 1px solid #ee8d63; }
	.reportYear h2 { margin-bottom: 10px; color: #333; font-size: 0.875em; }
	.reportYear table th { padding: 5px 10px; font-size: 0.8125em; }
	.reportYear table td { padding: 5px 10px; font-size: 0.8125em; }
	.reportYear table + h2 { margin-top: 20px; }
}


.adressTitle { margin-top: 10px; font-size: 1.25em; font-weight: 700;  }


.policyTxt h2 { margin-bottom: 5px; font-size: 1.14em; font-weight: 700; line-height: 1.5; color: #333; }
.policyTxt p + h2 { margin-top: 30px; }
.policyTxt ul + h2 { margin-top: 30px; }
.policyTxt ul li { position: relative; padding-left: 20px; }
.policyTxt ul li:after { content: ""; position: absolute; content: ""; left: 0; top: 8px; border-radius: 100%; width: 10px; height: 10px; background: #333; }

.policyTxt dl { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 1.062em; line-height: 1.75; color: #333; }
.policyTxt dl dt { width: 2em; margin-top: 30px; }
.policyTxt dl dd { width: calc(100% - 2em); margin-top: 30px; }

@media (max-width: 768px) {
	.policyTxt h2 { font-size: 1em; }
	.policyTxt p + h2 { margin-top: 20px; }
	.policyTxt p + h2 { margin-top: 20px; }
	.policyTxt dl { font-size: 0.875em; line-height: 1.5; }
	.policyTxt dl dt { margin-top: 20px; }
	.policyTxt dl dd { margin-top: 20px; }
}






.id_banner { max-width: 400px; margin: 20px auto 0; display: block; transition: .25s; }
.id_banner:hover { opacity: .5; }