@charset "UTF-8";

html{ }
body { background: #FFF; color: #008FC2; }
a { color: #0081cc; }
a:visited { color: #0081cc; }
a:hover { color: #0081cc; }
a:focus,
a:active {  color: #ff9900; }

.header h1 img.normal,
.contents .top-panel a .pic img.normal{ display: block; }
.header h1 img.yellow,
.contents .top-panel a .pic img.yellow{ display: none; }
.header h1 img.blue,
.contents .top-panel a .pic img.blue  { display: none; }
.header h1 img.black,
.contents .top-panel a .pic img.black { display: none; }

.header .social-list li:nth-child(1) a{
  background: url(/common/img/icon_facebook.png) center center no-repeat #40599a;
  background-size: 22px auto;
}
.header .social-list li:nth-child(2) a{
  background: url(/common/img/icon_instagram.png) center center no-repeat #e91784;
  background-size: 22px auto;
}
.header .social-list li:nth-child(3) a{
  background: url(/common/img/icon_ameba.png) center center no-repeat #2b8c3b;
  background-size: 22px auto;
}
.header .social-list li:nth-child(4) a{
  background: url(/common/img/icon_youtube.png) center center no-repeat #d64a40;
  background-size: 22px auto;
}
.header .social-list li:nth-child(5) a{
  background: url(/common/img/icon_twitter.png) center center no-repeat #73a9ef;
  background-size: 22px auto;
}

.header .trancelate{background-color:#3DB9E8; }
.header .return{ background-color:#3DB9E8; }

.header .return a{ color:#fff; text-shadow:1px 1px 2px #008eca; }
.top-noticeTXT{color: #F03336;}
.top-noticeTXT a{ color:#F03336; border-bottom:1px #F03336 dashed; }
.top-noticeTXT span{color:#ef790f; font-weight: 800;}

@media screen and (max-width:768px){
.header .return{ background-color:#fff; }
.header .return a{ color: #008FC2; text-shadow:none; }
}

.page-top,.page-top-f { background-color:#3DB9E8; border: 2px solid #fff; }
.page-top a span,.page-top-f a span{ background: url(/common/img/icon_arrow_white.png) center center no-repeat; background-size: 40px;}
.page-top a:hover,.page-top-f a:hover { background-color:#fff100; }

.footer{ background-color: #3DB9E8; color: #fff; }
.footer .foot-body .foot-menu li a{ color: #fff; }

@media screen and (max-width:768px){
.page-top a span,.page-top-f a span{  background: url(/common/img/icon_arrow_white.png) center center no-repeat;background-size: 20px;}
}

.contents .main-section .main-title h1{ border-top: 5px solid #3DB9E8; }
.contents .main-section .anchor ul{ border-top: 2px solid #3DB9E8; }

.contents .main-section .anchor ul li{ border-right: 1px dotted #3DB9E8; }
.contents .main-section .anchor ul li:after{ background: url(/common/img/icon_arrow_blue.png) center center no-repeat; background-size: 14px auto;}
.contents .main-section .anchor ul li:hover:after{ background: url(/common/img/icon_arrow_white.png) center center no-repeat; background-size: 14px auto;}
.contents .main-section .anchor ul li:hover{ background-color: #3DB9E8;}
.contents .main-section .anchor ul li:hover a,
.contents .main-section .anchor ul li a:hover{ color: #fff; }

.contents .sub-section .main-title-sub{ background-color: #e6f8ff; }
.contents .sub-section .important{ background-color: #fefdd6;}
.contents .sub-section .under-line{ border-bottom: 1px dotted #3DB9E8; }
.contents .sub-section .sub-title-underline{  border-bottom: 1px dotted #3DB9E8; }
.contents .sub-section .txt a{ color: #EF790F; }
.contents .sub-section .point{ border-bottom: 4px double #3DB9E8 }
.contents .sub-section .color-box{ background-color:#FEFDD6; }
.contents .sub-section a{ color: #EF790F;}

.sub-section .pdf-ul li:before { background-image: url(../../common/img/icon_pdf.png); background-size: 25px;}
.sub-section .pdf-icon:before { background-image: url(../../common/img/icon_pdf.png); background-size: 25px;}

.contents .sub-section .border-box{ border: 1px solid #3DB9E8; }

.contents .sub-section .next-arrow:after{ background: url(/common/img/sankaku.png) center center no-repeat; background-size: 74px auto;}
.contents .sub-section .next-arrow-border:after{ background: url(/common/img/sankaku.png) center center no-repeat; background-size: 74px auto;}

.contents .main-section .button a{ border: 1px solid #008eca; background-color: #3DB9E8; color: #fff; text-shadow: 1px 1px 2px #008eca; }
.contents .main-section .button-l a{ color: #fff; }
.contents .main-section .button a:before{ background: url(/common/img/icon_arrow_white.png) center center no-repeat; background-size: 14px auto;}
.contents .main-section .button-donation :hover{ background: #ff974e; color: #fff; }
.contents .main-section .button-donation a{ font-family: 'Noto Sans JP',Meiryo,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,sans-serif; border: 4px dashed #ff974e; background-color:#fff; color: #ff974e; text-shadow: 1px 1px 2px #d2691e；}
.contents .main-section .button-donation-l a{ color: #ff974e; }

.contents .main-section .button-donation a:before{ background: url(/common/img/icon_arrow_orange-l.png) center center no-repeat; background-size: 17px auto;}
.contents .main-section .button-donation a:hover:before{ background: url(/common/img/icon_arrow_white-l.png) center center no-repeat; background-size: 17px auto;}

.contents .main-section aside.donation{ border-top: 5px solid #3DB9E8; }
.contents .main-section aside.donation h2{ border-top: 5px solid #008eca; }

.contents .top-left-column h1,
.contents .left-column h1,
.contents .right-column h1{ border-top: 5px solid #3DB9E8; color: #3DB9E8; }

.contents .top-left-column h1:before,
.contents .left-column h1:before,
.contents .right-column h1:before{ background: url(/common/img/icon_menu.png) center center no-repeat #3DB9E8; background-size: 40px auto;}
.home .contents .top-left-column h1:before{ background: url(/common/img/icon_performance.png) center center no-repeat #3DB9E8; background-size: 40px auto;}
.contents .right-column h1:before{ background: url(/common/img/icon_address.png) center center no-repeat #3DB9E8; background-size: 40px auto; }

.contents .top-left-column h1:after,
.contents .left-column h1:after,
.contents .right-column h1:after{ background: url(/common/img/bg_side_column_title.png) left top no-repeat; background-size: 5px auto;}
.contents .top-news h2{ border-top: 5px solid #3DB9E8; color: #3DB9E8; }
.contents .top-news h2 a{ color: #3DB9E8; }
.contents .top-news li{ border-bottom: 1px dotted #3DB9E8; }

.contents .top-news a{ color: #ef790f;}

.contents .left-column .left-menu li{border-bottom: 1px solid #3DB9E8;}
.contents .left-column .sub-menu li { border-bottom:none; }
.contents .left-column .left-menu li a:before{background: url(/common/img/icon_arrow_blue.png) center center no-repeat; background-size: 14px auto;}


.contents .top-left-column .performance li{  border-bottom: 1px solid #3DB9E8;}

.contents .top-left-column .performance li strong{  color: #26b4f0;}

.contents .right-column .map{  border-bottom: 1px solid #3DB9E8;}

.contents .right-column .map a{border: 1px solid #008eca; background-color: #3DB9E8; color: #fff; text-shadow: 1px 1px 2px #008eca;}
.contents .right-column .map a:before{background: url(/common/img/icon_map.png) center center no-repeat; background-size: 22px auto; background-size: 22px auto;}
.contents .right-column .map a:after{background: url(/common/img/icon_arrow_white.png) center center no-repeat; background-size: 14px auto;}

.contents .right-column .right-link li:nth-child(1) a,
.contents .right-column .right-link li:nth-child(2) a,
.contents .right-column .right-link li:nth-child(3) a,
.contents .right-column .right-link li:nth-child(4) a,
.contents .right-column .right-link li:nth-child(5) a,
.contents .right-column .right-link li:nth-child(6) a{border: 1px solid #008eca; background-color: #3DB9E8; color: #fff; text-shadow: 1px 1px 2px #008eca;}

.contents .right-column .right-link li:nth-child(1) a:after,
.contents .right-column .right-link li:nth-child(2) a:after,
.contents .right-column .right-link li:nth-child(3) a:after,
.contents .right-column .right-link li:nth-child(4) a:after,
.contents .right-column .right-link li:nth-child(5) a:after,
.contents .right-column .right-link li:nth-child(6) a:after{background: url(/common/img/icon_arrow_white.png) center center no-repeat; background-size: 14px auto;}

.contents .right-column .right-link li:nth-child(4) a,
.contents .right-column .right-link li:nth-child(5) a{border: 2px dashed #ff974e; background-color:#fff; color:  #ff974e; text-shadow: none;}
.contents .right-column .right-link li:nth-child(4) a:hover,
.contents .right-column .right-link li:nth-child(5) a:hover{background: #ff974e; color: #fff;}
.contents .right-column .right-link li:nth-child(4) a:after,
.contents .right-column .right-link li:nth-child(5) a:after{background: url(/common/img/icon_arrow_orange.png) center center no-repeat; background-size: 14px auto;}
.contents .right-column .right-link li:nth-child(4) a:hover:after,
.contents .right-column .right-link li:nth-child(5) a:hover:after{background: url(/common/img/icon_arrow_white.png) center center no-repeat; background-size: 14px auto;}

.contents .right-column .right-link li:nth-child(1) a:before{background: url(/common/img/icon_photo.png) center center no-repeat; background-size: 48px auto;}

.tab .tab-label li {border: 1px solid #3DB9E8; background: #3DB9E8; color: #fff;}
.tab .tab-label li:after{background: url(/common/img/icon_arrow_white.png) center center no-repeat; background-size: 14px;}
.tab .tab-label li.select {background: #fff; color: #3DB9E8;}
.tab .tab-contents{background: #fff; border: 1px solid #3DB9E8;}

.contents .sub-section .question{border-bottom: 1px dotted #3DB9E8;}
.contents .sub-section .answer{border-bottom: 1px dotted #3DB9E8;}
.contents .sub-section .question:before,
.contents .sub-section .answer:before{background: url(/common/img/icon_q.png) center center no-repeat; background-size: 34px auto;}
.contents .sub-section .question:after,
.contents .sub-section .trigger:after{background: url(/common/img/icon_plus.png) center center no-repeat #3DB9E8; background-size: 22px auto;}
.contents .sub-section .question.active:after,
.contents .sub-section .trigger.active:after{background: url(/common/img/icon_minus.png) center center no-repeat #3DB9E8; background-size: 22px auto;}
.contents .sub-section .answer:before{
  background: url(/common/img/icon_a.png) center center no-repeat; background-size: 34px auto;}

@media screen and (max-width:768px){

.contents .main-section .main-title h1{border-bottom: 5px solid #3DB9E8;  border-top:none;}

.contents .sub-section .border-box .info-list li{background-color: #e6f8ff;}

.contents .top-left-column .performance li{border-bottom: none;}
.contents .top-left-column .performance li em{background-color: #e6f8ff;}

.contents .right-column .right-link li:nth-child(1) a{border: 1px solid #008eca; background-color: #3DB9E8; color: #fff; text-shadow: 1px 1px 2px #008eca;}
.contents .right-column .right-link li:nth-child(1) a:before{background: url(/common/img/icon_photo.png) center center no-repeat; background-size: 60px auto;}

.contents .right-column .right-link li:nth-child(4) a,
.contents .right-column .right-link li:nth-child(5) a{background-color: #ff974e; color: #fff; text-shadow: 1px 1px 2px #ff974e;}
.contents .right-column .right-link li:nth-child(4) a:hover,
.contents .right-column .right-link li:nth-child(5) a:hover  {opacity: 80%}
.contents .right-column .right-link li:nth-child(4) a:after,
.contents .right-column .right-link li:nth-child(5) a:after  {background: url(/common/img/icon_arrow_white.png) center center no-repeat; background-size: 14px auto;}
.contents .right-column .right-link li:nth-child(4) a:hover:after
.contents .right-column .right-link li:nth-child(5) a:hover:after{opacity: 80%}

}

@media screen and (max-width:480px){

.contents .sub-section .question:before,
.contents .sub-section .answer:before{background: url(/common/img/icon_q.png) center center no-repeat; background-size: 26px auto;}
.contents .sub-section .question:after,
.contents .sub-section .trigger:after{background: url(/common/img/icon_plus.png) center center no-repeat #3DB9E8; background-size: 12px auto;}
.contents .sub-section .question.active:after,
.contents .sub-section .trigger.active:after{background: url(/common/img/icon_minus.png) center center no-repeat #3DB9E8; background-size: 12px auto;}
.contents .sub-section .answer:before{background: url(/common/img/icon_a.png) center center no-repeat; background-size: 26px auto;}

}

.contents .top-panel a{color: #2c7fcf;}
.contents .top-panel a:hover{color: #46a3fc;}
.contents .top-panel a .pic{background-color: #3DB9E8;}
.contents .top-panel a:hover .pic{background-color: #6ed2f7; box-shadow: 4px 4px 8px #ccc;}
.contents .top-panel em:before{background: url(/common/img/icon_arrow_blue.png) center center no-repeat; background-size: 14px auto;}

.home .contents .top-panel li:last-child a .pic{background-color: #fafc79;}

@media screen and (max-width:768px){


.contents .top-main h1{border-top: 5px solid #3DB9E8; color: #3DB9E8;}
.contents .top-main h1:before{background: url(/common/img/icon_contents.png) center center no-repeat #3DB9E8; background-size: 40px auto;}
.contents .top-main h1:after{background: url(/common/img/bg_side_column_title.png) left top no-repeat; background-size: 5px auto;}
.contents .top-panel a .pic{background-color: #3DB9E8;}

.home .contents .top-panel li:last-child a .pic{background-color: #fafc79;}


}

@media screen and (max-width:480px){

.contents .main-section .anchor ul{border-top: 2px solid #3DB9E8;}
.contents .main-section .anchor ul li{border-bottom: 1px dotted #3DB9E8; border-right: none; }
.contents .main-section .anchor ul li:hover:after{background: url(/common/img/icon_arrow_white.png) center center no-repeat; background-size: 14px auto;}

}

.contents .about .mailform p span {color: #f00;}

.contents .about .mailform table tr th ,
.contents .about .mailform table tr td {border-top: 1px solid #3DB9E8;}

.contents .about .mailform table tr:nth-child(odd) th ,
.contents .about .mailform table tr:nth-child(odd) td {background: #f2fbff;}

.contents .about .mailform table tr th {border-right: 1px dotted #3DB9E8;}
.contents .about .mailform table tr th span {color: #f00;}

@media screen and (max-width:768px){

  .contents .about .mailform table {border-top: 1px solid #3DB9E8;}
  .contents .about .mailform table tr td {border-bottom: 1px solid #3DB9E8;}

}

.contents .about .form_button div button {color: #fff; background-color:#3DB9E8;}
.contents .about .form_button div button:before{background: url(/common/img/icon_arrow_white.png) center center no-repeat; background-size: 14px auto;}

address span{color: #ee8d2e}