/* ----------------------------------------------------------------

----------------------------------------------------------------- */

#str-main a{
color: #333;
text-decoration: none;
}
.cmn-grid-container {
margin: 0 auto;
max-width: 960px;
}
.page-info {
font-size: 13px;
margin-top: 40px;
text-align: right;
}
.sns li {
display: inline-block;
margin-left: 10px;
vertical-align: top;
}

/* ----------------------------------------------------------------
main-img
----------------------------------------------------------------- */

.main-img{
position: relative;
}
.main-img > .app-link-list{
position: absolute;
bottom: 20px;
width: 100%;
box-sizing: border-box;
text-align: center;
}
.main-img > .app-link-list li{
display: inline-block;
}

/* ----------------------------------------------------------------
hdg
----------------------------------------------------------------- */
.hdg-l1{
overflow: hidden;
position: relative;
width: 100%;
height: 380px;
}
.hdg-l1 img{
width: 960px;
max-width: 960px;
position: absolute;
left: 50%;
margin-left: -480px;
top: 0;
}
.hdg-l2-01{
text-align: center;
margin-bottom: 10px;
}
.hdg-l3-01{
color: #0094b9;
font-size: 40px;
line-height: 1.3;
margin:0 0 10px 0;
}
.hdg-l3-01 .sup{
font-size: 18px;
display: block;
margin-bottom: 5px;
}
.hdg-l3-02{
font-size: 24px;
text-align: center;
}
.hdg-l3-02 .sup{
font-size: 18px;
display: block;
}
.hdg-l3-02 .sup::before{
content: '\0FF3C';
}
.hdg-l3-02 .sup::after{
content: '\0FF0F';
}

/* ----------------------------------------------------------------
cont-0X
----------------------------------------------------------------- */

.cont-01{
background: #eef6f9;
padding: 40px 60px;
border-bottom: 1px solid #c8c8c8;
}
.cont-02{
background: #f3efe9;
padding: 20px 45px 0 60px;
border-bottom: 1px solid #c8c8c8;
font-size: 15px;
}
.cont-03{
background: #f2f2f2;
padding: 20px 45px 0 60px;
border-bottom: 1px solid #c8c8c8;
font-size: 15px;
}
.cont-04{
background: #f3efe9;
padding: 20px 45px 0 60px;
border-bottom: 1px solid #c8c8c8;
font-size: 15px;
}
.cont-05{
background: #f2f2f2;
padding: 20px 60px 0;
border-bottom: 1px solid #c8c8c8;
font-size: 15px;
}
.cont-06{
background: #ffffff;
}

.cont-01,
.cont-02,
.cont-03,
.cont-04,
.cont-05{
line-height: 1.7;
}
.cont-02 .txt-box,
.cont-03 .txt-box,
.cont-04 .txt-box,
.cont-05 .txt-box{
padding-top: 20px;
padding-bottom: 30px;
}


/* .cont-01
--------------------------------------------- */

.cont-01 > ul{
display: block;
margin: 0 -12px;
}
.cont-01 > ul li{
display: inline-block;
text-align: center;
width: 24%;
box-sizing: border-box;
position: relative;
padding-top: 145px;
padding-left:12px;
padding-right:12px;
}
.cont-01 > ul li:nth-child(odd){
width: 25.1%;
}
.cont-01 > ul li .list-hdg{
display: block;
font-size: 17px;
font-weight: bold;
margin-bottom: 5px;
}
.cont-01 > ul li .disp-pc{
display: block;
font-size: 12px;
line-height: 1.5;
}
.cont-01 > ul li .list-hdg::before{
content: '';
position: absolute;
width: 92px;
height: 92px;
display: block;
top:40px;
left: 50%;
margin-left: -46px;
background-repeat: no-repeat;
}
.cont-01 > ul li.info-01 .list-hdg::before{
background-image:url(/app/map/images/ic-01-001.png);
}
.cont-01 > ul li.info-02 .list-hdg::before{
background-image:url(/app/map/images/ic-01-002.png);
}
.cont-01 > ul li.info-03 .list-hdg::before{
background-image:url(/app/map/images/ic-01-003.png);
}
.cont-01 > ul li.info-04 .list-hdg::before{
background-image:url(/app/map/images/ic-01-004.png);
}
.cont-01 > ul li.info-02 .list-hdg::after{
content: '';
background-image:url(/app/map/images/img-txt-01.png);
position: absolute;
width: 174px;
height: 24px;
top:15px;
left:50%;
margin-left: -87px;
}

/* .cont-02
--------------------------------------------- */
.cont-02 .img-box{
float: right;
width: 45%;
box-sizing: border-box;
}
.cont-02 .txt-box{
float: left;
width: 55%;
box-sizing: border-box;
}
.cont-02 .txt-list b{
display: block;
}

/* .cont-03
--------------------------------------------- */
.cont-03 .img-box{
float: left;
width: 45%;
box-sizing: border-box;
}
.cont-03 .txt-box{
float: right;
width: 55%;
box-sizing: border-box;
}

/* .cont-04
--------------------------------------------- */
.cont-04 .img-box{
float: right;
width: 45%;
box-sizing: border-box;
}
.cont-04 .txt-box{
float: left;
width: 55%;
box-sizing: border-box;
}

/* .cont-05
--------------------------------------------- */
.cont-05 .img-box{
float: left;
width: 46%;
box-sizing: border-box;
}
.cont-05 .img-box img{
margin-left: -25px;
}
.cont-05 .txt-box{
float: right;
width: 54%;
margin-left: 0%;
box-sizing: border-box;
}

/* .cont-06
--------------------------------------------- */
.cont-06-box{
background: url(/app/map/images/bg-01.png) center bottom no-repeat;
box-sizing: border-box;
padding: 13px 60px 0;
border-top: 1px solid #f2f2f2;
}
.cont-06 .hdg-l3-02{
padding: 30px 0;
}
.cont-06 .img-box{
float: left;
width: 41%;
box-sizing: border-box;
}
.cont-06 .txt-box{
float: right;
width: 50%;
margin-left: 9%;
box-sizing: border-box;
padding-top: 10px;
}
.cont-06-box .txt-box img{
margin:0 0 8px 0;
}
.cont-06-box .app-link-list{
background-color: rgba(255,255,255,0.8);
padding: 3px 10px;
text-align: center;
display: inline-block;
}
.cont-06-box .app-link-list li{
display: inline-block;
padding-right: 10px;
vertical-align: middle;
}
.cont-06-box .app-link-list li:last-child{
padding-left: 10px;
margin-right: -10px;
}
.cont-06-box .app-link-list li img{
float: left;
}
.cont-06-box .app-link-list li img:first-child{
margin-right: 5px;
max-width: 130px;
margin-top: 5px;
}

/* ----------------------------------------------------------------
 close
----------------------------------------------------------------- */
/* .menu-header-container
----------------------------------------------- */
#str-main .menu-header-container{
padding:10px 25px;
color:#fff;
position:relative;
background-color:#287ac4;
}

/* .menu-header-container > .menu-header
----------------------------------------------- */
#str-main .menu-header-container .menu-header{
padding-right:150px;
display:block;
line-height:1.45;
font-size:30px;
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
margin:0;
font-weight:normal;
}

#str-main .menu-header-container .menu-header a{
color:#fff;
}

#str-main .menu-header-container .menu-header a:active,
#str-main .menu-header-container .menu-header a:hover,
#str-main .menu-header-container .menu-header a:focus{
text-decoration:none;
}

/* .cont-close-item
----------------------------------------------- */
.cont-close{
background:#ededed;
box-shadow: 0 1px 2px rgb(0 0 0 / 35%);
z-index: 1;
position: relative;
}
.cont-close-item{
font-size:14px;
padding:0 20px 30px;
}
.close-item{
background: #fff;
padding:18px 20px 28px;
}
.cont-close-item-date{
margin:10px 0;
}
.close-item-list-hdg{
font-size: 18px;
font-weight: bold;
margin: 0 0 14px;
padding-bottom: 8px;
border-bottom: 1px solid #dcdcdc;
}
.close-item-footer{
text-align: right;
margin-top: 8px;
}
.close-item-list li:not(:last-child){
margin-bottom:24px;
}
.cont-close-main{
padding:40px 5%;
background:#F8F8F8;
}
.cont-close-main .hdg-l1{
height:299px;
}
.cont-close-main .cont-01 > ul li .list-hdg{
font-size: 14px;
}
.cont-close-main .hdg-l3-01 .sup{
font-size:16px;
}
.cont-close-main .hdg-l3-01{
font-size:28px;
}
.cont-close-main .cont-02,
.cont-close-main .cont-03,
.cont-close-main .cont-04,
.cont-close-main .cont-05{
font-size:14px;
}
.cont-close-main .img-box img{
width:80%;
}
.close-item-list-txt{
line-height:1.5;
}
.note-blk{
display: table;
margin: 8px 0 4px;
}
.note-blk + .note-blk{
margin: 4px 0 8px;
}
.note-blk > span{
display: table-cell;
width:23em;
}
.close-item .note-list{
margin:0;
}
.close-item .note-list > li{
position:relative;
margin:15px 0;
list-style-type:none;
padding-left:18px;
}
.close-item .note-list > li::before{
content:'\025A0';
position:absolute;
top:0;
left:0;
}

/* ----------------------------------------------------------------
@media
----------------------------------------------------------------- */

@media screen and (max-width: 995px){
.cont-01 {
padding: 20px 20px;
}
.cont-06-box {
padding: 13px 54px 0;
background-size:cover;
}
.cont-06-box .app-link-list{
background-color: inherit;
margin-top: 0;
margin: 0 auto;
display: inline-block;
}
.cont-06-box .txt-box{
text-align: center;
}
.cont-06-box .app-link-list li{
width: 100px;
float: left;
box-sizing: border-box;
padding-right: 8px;
}
.cont-06-box .app-link-list li:last-child{
padding: 0 0 0 8px;
}
.cont-06-box .app-link-list li img:first-child{
max-width: 100px;
}
.cont-06-box .app-link-list li img + img{
display: none;
}

}

@media screen and (max-width: 920px){
.hdg-l2-01{
margin: 0 10px 8px;
}
.cont-01 {
padding: 15px 10px;
}
.cont-01 > ul{
margin: 0;
}
.cont-01 > ul li,
.cont-01 > ul li:nth-child(odd){
width: 49.5%;
padding: 0;
text-align: left;
}
.cont-01 > ul li{
padding-left: 4px;
margin-bottom: 5px;
}
.cont-01 > ul li:nth-child(odd){
padding-right: 4px;
}
.cont-01 > ul li .list-hdg::before{
content: '';
left: 12px;
top: 50%;
width: 25px;
height: 24px;
margin-left: 0;
margin-top: -12px;
background-size: 25px 24px;
background-repeat: no-repeat;
}
.cont-01 > ul li.info-01 .list-hdg::before{
background-image:url(/app/map/images/ic-02-001.png);
}
.cont-01 > ul li.info-02 .list-hdg::before{
background-image:url(/app/map/images/ic-02-002.png);
}
.cont-01 > ul li.info-03 .list-hdg::before{
background-image:url(/app/map/images/ic-02-003.png);
}
.cont-01 > ul li.info-04 .list-hdg::before{
background-image:url(/app/map/images/ic-02-004.png);
}
.cont-01 > ul li.info-02 .list-hdg::after{
display: none;
}
.cont-01 > ul li .disp-pc{
display: none;
}
.cont-01 > ul li{
display: table;
float: left;
box-sizing: border-box;
}
.cont-01 > ul li a{
border: 1px solid #dadfe1;
background: #fff;
min-height: 48px;
box-sizing: border-box;
padding: 3px 10px 3px 40px;
vertical-align: middle;
display: table;
width: 100%;
}
.cont-01 > ul li .list-hdg{
font-size: 13px;
line-height: 1.3;
display: table-cell;
height: 2em;
vertical-align: middle;
}

.cont-02,
.cont-03,
.cont-04,
.cont-05{
padding: 20px 20px 0 20px;
}
.hdg-l3-01{
font-size: 30px;
}
.hdg-l3-01 .sup {
font-size: 18px;
}
.cont-01,
.cont-02,
.cont-03,
.cont-04,
.cont-05 {
line-height: 1.45;
font-size: 13px;
}

}

@media screen and (max-width: 750px){
#str-main .menu-header-container{
padding:10px 12px;
color:#fff;
position:relative;
background-color:inherit;
background: #00428e url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size: 100% auto;
}
#str-main .menu-header-container .menu-header{
padding-right:0;
display:block;
line-height:1.45;
font-size:16px;
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
margin:0;
font-weight:normal;
}
#str-main .menu-header-container .menu-header a{
color:#fff;
}
#str-main .menu-header-container .menu-header a:active,
#str-main .menu-header-container .menu-header a:hover,
#str-main .menu-header-container .menu-header a:focus{
text-decoration:none;
}
.cont-close-item-date{
margin:16px 0;
}
.cont-close{
background:none;
}
.cont-close-item{
font-size:14px;
padding:0 12px 25px;
}
.close-item{
padding:0;
}
.close-item-list-hdg{
font-size: 18px;
font-weight: bold;
margin: 0 0 10px;
padding-bottom: 8px;
border-bottom: 1px solid #dcdcdc;
}
.close-item-footer{
text-align: right;
margin-top: 12px;
}
.note-blk{
display: block;
text-indent: -1em;
padding-left: 1em;
margin: 12px 0 8px;
}
.note-blk + .note-blk{
margin: 8px 0 12px;
}
.note-blk > span{
display: inline-block;
text-indent:0;
}
#str-contents .cmn-info{
margin: 0;
}
.cont-close-main {
padding: 20px 12px;
background: #F8F8F8;
}
.cont-close-main .hdg-l1{
height:auto;
}
}

@media screen and (max-width: 720px){
#str-contents {
padding: 0;
}
.hdg-l1{
overflow: hidden;
position: relative;
width: 100%;
height: inherit;
text-align: center;
}
.hdg-l1 img{
width: 150%;
max-width:150%;
position: inherit;
margin: 0;
left: inherit;
margin: 0 -25%;
}
.main-img > .app-link-list {
position: absolute;
bottom: 20px;
width: 100%;
box-sizing: border-box;
text-align: center;
padding: 0 5%;
box-sizing: border-box;
}
.main-img > .app-link-list li{
width:30%;
}

.cont-02,
.cont-03,
.cont-04,
.cont-05{
padding: 20px 20px 0 20px;
}
.cont-02 .txt-box,
.cont-03 .txt-box,
.cont-04 .txt-box,
.cont-05 .txt-box,
.cont-06 .txt-box{
width: 100%;
float: none;
margin: 0;
}
.cont-02 .img-box,
.cont-03 .img-box,
.cont-04 .img-box,
.cont-05 .img-box,
.cont-06 .img-box{
width: 100%;
float: none;
text-align: center;
margin: 0;
}
.cont-02 .img-box img,
.cont-03 .img-box img,
.cont-04 .img-box img,
.cont-05 .img-box img{
max-width: 70%;
width: 70%;
margin: 0 auto;
}
.cont-02 .txt-box,
.cont-03 .txt-box,
.cont-04 .txt-box,
.cont-05 .txt-box {
padding-top: 0;
padding-bottom: 0;
font-size: 12px;
}
.hdg-l3-01{
font-size: 20px;
text-align: center;
}
.hdg-l3-01 .sup {
font-size: 14px;
margin-bottom: 2px;
}
.cont-06 .hdg-l3-02{
font-size: 15px;
padding: 18px 0 12px;
}
.hdg-l3-02 .sup {
font-size: 12px;
}
.sp-br{
display: block;
}

}


/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */

.cont-06-box:before,
.cont-06-box:after,
.cont-05:before,
.cont-05:after,
.cont-04:before,
.cont-04:after,
.cont-03:before,
.cont-03:after,
.cont-02:before,
.cont-02:after,
.cont-01:before,
.cont-01:after{
content:"";
display:table;
}

.cont-06-box:after,
.cont-05:after,
.cont-04:after,
.cont-03:after,
.cont-02:after,
.cont-01:after{
clear:both;
}