main{
    grid-area:center;
    
    }


    iframe {
    margin: 0 15% 0;
}




/* パンくずリスト */

.breadcrumb {
    margin:0 10px 0;
    padding: 1em;
    list-style: none;
    background: #fef2d6;
    overflow: hidden;
  }
  
  .breadcrumb li {
    display: inline;/*横に並ぶように*/
    list-style: none;
    font-weight: bold;/*太字*/
  }
  
  .breadcrumb li:after {
    /* >を表示*/
    content: '>';
    padding: 0 0.2em;
    color: #8e8270;
  }
  
  .breadcrumb li:last-child:after {
    content: '';
  }
  
  .breadcrumb li a {
    text-decoration: none;
    color: #feaa23;
  }
  
  .breadcrumb li:first-child a:before {
    /*家アイコンに*/
    font-family: FontAwesome;
    content: '\f015';
    font-weight: normal;
    font-size: 1.1em;
  }
  
  .breadcrumb li a:hover {
    text-decoration: underline;
  }






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

.main_block_title{
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 10% 80px;
    background: rgb(0, 31, 124);
    box-shadow: 0px 0px 0px 5px rgb(0, 31, 124);
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    font-weight: bold;
    color: white;
}
.main_block_title:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: white #dff1f5 blueviolet;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

        .main_block_title h2{
            margin: 0; 
            padding: 20px;
            text-align: center;
            font-size: 30px;
            color: white;
        }

            .intro_message{
            margin: 50px 130px 50px; 
            background-color: white;
            border-radius: 20px;
            padding:20px 30px 40px 30px;
            }
                    

                        .intro_message p{
                            font-size: 20px;
                            letter-spacing: 1px;
                            margin-top: 15px;
                            line-height: 30px;
                        }

            .main_img1{
                text-align: center;
                margin:100px 0px 50px 0px;
            }

            main img{
                width:60%;
            }

            .news{
                display: block;
            }

            .news_list{
                margin: 0px 130px 100px 130px;  
                background-color: white;
                border-radius: 20px;
                padding:20px 30px 20px 30px;
            }

               .news_list dl{
                min-height: 70px;
                margin: 10px 0 15px;
                padding-top: 5px;
                border-bottom: 1px solid black;
               }

                    .news_list dd{
                       margin-top: 5px;
                    }

            .backlog{
                text-align: right;
                margin: -70px 15% 0;
                font-size: 17px;
            }
 








     
     
  
 


            

/* @media screen and (max-width: 1600px){
    body {
       
        grid-template:
        "... ...... ...... ...... ...... ...... ..." 
        "... header header header header header ..." 510px
        "... ...... ...... ...... ...... ...... ..." 30px
        "... left   ...... center ...... right  ..." 1fr
        "... ...... ...... ...... ...... ...... ..." 
        "... footer footer footer footer footer ..." 150px
        "... ...... ...... ...... ...... ...... ..."
        / auto 250px auto minmax(600px,1fr) auto 150px auto;
    }
}

   
   


 @media screen and (max-width: 980px){
    body {
        
        width: auto;
        grid-template:
            "header header header header header" auto
            "...... ...... ...... ...... ......" 30px
            "...... center center center ......" 1fr
            "...... left   right  ...... ......" 
            "footer footer footer footer footer" 150px;
           
        }

       

        .nav_header2 li{
            margin: 10px 0px 0px 40px;
            
        }

        .logo_header{
            font-size: 5px;
        }

        img{
            width: 60%;
        }

        aside {
            margin-left: 40px;
            margin-top: 15px;
            width: 200px;
            
            }
}
        
    
  */