/*レスポンシブ対応*/

@media screen and (max-width: 960px) {
	/*-----緊急告知ブロック-----*/
	div.notice-block {
		width:95%;
	}
	
	div#list_post_home{
		display:block;
		width:95%;
		margin:0 auto;
	}
	
}


@media screen and (max-width: 900px) {
	
    /*フッター（法人・施設アドレス）*/
    address {
        font-style: normal;
        display: block;
        text-align: left;
        font-size: 80%;
        width: 95%;
        margin: 0 auto;
        color: #333;
    }

    span.organization  {
		font-size: 125%;
	}

    .adrsset span {
		display: block;
		line-height: 1.3em;
		margin-top: 0;
		text-align:left;
	}
	
	
    .adrsset span.name {
        font-size: 110%;
        width: 100%;
		border-top: 1px solid #008C8C;
		padding-top: 0.2em;
    }

    .adrsset span.adrs {
        width: 100%;
    }

    .adrsset span.tel {
        width: 100%;
	}
	
    /*コピーライト*/
	small {
		
		width:95%;
		margin: 0 auto;
		margin-top: 1em;
    }
}


/*トップページ*/
@media screen and (max-width: 640px) {

    /*flex_box*/
    .flex_container {
        display: flex;
        flex-direction: column;
    }
    
    /*左右ブロックの順序入れ替え*/
    div#block_left_50per {
        order: 2;
        width: 100%;
    }
    div#block_right_50per {
        order: 1;
        width: 100%;
    }
    
    /*50%ブロックの調整*/
    div#block_right_50per{
        padding-left: 1em;
        padding-right: 1em;
	}
    
/*-------------------------------*/
/*list_post_home(トップページ：ブログ記事、お知らせ記事一覧)*/

	div#list_post_home {
	    width: 100%;
		margin: 0 0 0 auto;
	    padding-left: 1em;
	    padding-right: 1em;
	}

	div#list_post_home div.list_post {
		width: 100%;
		margin-top: 0;
	}

	#list_post_home  .list_post {
		font-size: 80%;
		line-height: 1.5em;
	}
	
	div#list_post_home div.list_post {
		margin-top: 3em;
	}


	/*リストブロックのタイトル*/
	#list_post_home .list_post p {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 0.5em;
		text-align:left;
		font-size: 1.2em;
	}

	#list_post_home .list_post ul{
		margin-left: 0;
	}

	#list_post_home li.list_post_cat {
		/*width:5em;*/
	    }

	#list_post_home  li.list_post_title {
		width: 100%;
		/*margin-left: 1em;*/
		text-align: left;
	    }

	#list_post_home  .list_post li {
		display: inline-block;
		vertical-align: top;
		/*line-height: 1em;*/
	}

    
    
    /*施設長メッセージ*/
    div#wrap_message_base p {
        margin-left: 1em;
        width: 100%;
    }
    
    div#wrap_message_base img {
        width: 90%;
		height: auto;
    }
    
    /*------------施設一覧ページ---------------*/

    .block_facility img {
        display: block;
        width: 95%;
        margin: 0 auto;
        }

    .block_facility div{
        display: block;
        width: 100%;
        font-size: 80%;
        padding-left: 1em;
        padding-right: 1em;
    }

    .block_facility h3 {
        margin-top: 1em;
        font-size: 110%;
    }

    /*施設個別ページ*/
    /*------2カラムレイアウト用(左35%,右60%)--------*/
    /*左右ブロックの順序入れ替え*/
    div#block_left_35per {
        order: 2;
        width: 100%;
        padding-left: 1em;
        padding-right: 1em;
    }
    div#block_right_60per {
        order: 1;
        width: 100%;
        padding-left: 1em;
        padding-right: 1em;
    }

    #block_right_60per > h1 {
        font-size: 110%;
        margin-bottom: 1em;
    }

    #block_right_60per > h2 {
        font-size: 90%;
        margin-top: 2em;
        margin-bottom: 1em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-left: 0.5em;
        background-color: #dddddd;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }

    #block_right_60per > p {
        font-size: 80%;
        line-height: 1.6em;
        margin-bottom: 1em;
    }
    
    /*最近の投稿ブロック*/
    /*--------ブログ：サブカテゴリの記事リスト-------------*/
    
    .categ_left_block,
    .recent_post_block
    {
        width: 100%;
        margin-top: 1.5em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        font-size: 90%;
        display:block;
    }

    .categ_left_block h1,
    .recent_post_block h1
    {
        font-size:  120%;
        margin-bottom: 0.5em;
        border-bottom: 1.5px solid #cccccc;
    }

    .categ_left_block ul,
    .recent_post_block ul
    {
        margin-bottom: 1em;
    }
    .categ_left_block ul li,
    .recent_post_block ul li
     {
        margin-top: 0em;
        margin-bottom: 0em;
        padding: 0.5em 0.5em;
    }

    .categ_left_block li.list_post_title,
    .recent_post_block li.list_post_title
    {
        width: 100%;
        margin-left: 0.5em;
        text-align: left;
    }

    .categ_left_block,
    .recent_post_block
    {
        font-size: 80%;
        line-height: 1.5em;
    }
    
    /*------2カラムレイアウト用(左50%,右50%)(class)--------*/
    div.block_left_50per {
        display:block;
        width: 100%;
        padding-left: 1em;
        padding-right: 1em;
    }

    div.block_right_50per {
        display: block;
        width: 100%;
        padding-left:1em;
        padding-right: 1em;
    }

    .block_right_50per  h1{
        font-size: 110%;
    }

    .block_right_50per > h2 {
        font-size: 90%;
        margin-top: 2em;
        margin-bottom: 1em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-left: 0.5em;
        background-color: #dddddd;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }

    .block_right_50per  p{
        font-size: 80%;
    }
    
    .block_right_50per  img{
        width: 100%;
        height: auto;
    }

    .block_left_50per > p {
        font-size: 80%;
        line-height: 1.5em;
        margin-bottom: 1em;
    }

    .block_left_50per > h1 {
        font-size: 110%;
        margin-bottom: 1em;
    }

    .block_left_50per > h2 {
        font-size: 90%;
        margin-top: 2em;
        margin-bottom: 1em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-left: 0.5em;
        background-color: #dddddd;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }

    .block_left_50per > h3 {
        margin-bottom: 0.5em;
        padding-left: 0.5em;
        font-size:90%;
        border-left: 8px solid #cccccc;
        }

    .block_left_50per > h4 {
        margin-bottom: 0.5em;
        font-size: 95%;
    }

    .block_left_50per ol {
        
    }

    .block_left_50per ol li{
        margin-left: 2em;
        font-size: 80%;    
    }
    
    
    /*-----ブログページの記事リストポジション-----------*/
    div#list_blog_header {
            position: static;
        }

    #list_blog_header div.list_post{
        display:block;
        margin: 0;
        color: #008caf;
    }

    #list_blog_header div.list_post a {
        color: #008caf;
    }
    
    
    /*------------サイドバー１の右側本体（ブログページ）(カテゴリページ)----*/
    div#block_post {
        display:block;
        width:100%;
    }
    
    #block_post h1,
.section_post h2 {
        font-size: 120%;
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 5px;
        border-bottom: 1px solid #008c8c;
    }

    #block_post h2{
        font-size: 110%;
        border-bottom: 2px solid #cccccc;
        padding-bottom: 0.5.em;
        margin-bottom: 0.2em;
    }
    
    /*記事本文*/
    div.entry-content {
        padding-top: 0.5em;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    div.section_post {
        margin-top: 0em;
        margin-bottom: 2em;
        padding: 0em;
    }

    div.section_post .entry h1{
        font-size: 130%;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    div.posted_author {
        margin-bottom: 0.5em;
        margin-right: 1em;
        text-align: right;
    }

    ul.post_pagination{
        margin: 0 auto;
        margin-top: 2em;
        text-align: center;
    }

    ul.post_pagination li {
        display:inline-block;
        width: 45%;
    }
    
    /*投稿者、投稿日*/
    div.posted_info{
        width: 100%;
        text-align: right;
        margin-top: 0.5em;
        margin-bottom: 0;
        padding-right: 1em;
    }
    
/*------2カラムレイアウト用(左25%,右70%)（個人情報保護方針ページ）--------*/
    div.block_left_25per {
        display: block;
        width: 100%;
        order: 2;
        }

    div.block_right_70per {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        order: 1;
    }

    .block_left_25per  h1{
        font-size: 110%;
        }

    .block_left_25per  p{
        padding-left: 1em;
        padding-right: 1em;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        }

    .block_right_70per > p {
        width: 100%;
        font-size: 80%;
        line-height: 1.5em;
        margin-bottom: 1em;
    }

    .block_right_70per > h1 {
        width: 100%;
        font-size: 110%;
        margin-bottom: 1em;
    }

    .block_right_70per > h2 {
        width: 100%;
        font-size: 90%;
        margin-top: 2em;
        margin-bottom: 1em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-left: 0.5em;
        background-color: #dddddd;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }

    .block_right_70per > h3 {
        width: 100%;
        margin-bottom: 0.5em;
        padding-left: 0.5em;
        font-size:90%;
        border-left: 8px solid #cccccc;
    }

    .block_right_70per > h4 {
        width: 100%;
        margin-bottom: 0.5em;
        font-size: 95%;
    }

    .block_right_70per ol {

    }

    .block_right_70per ol li{
        margin-left: 2em;
        font-size: 80%;    
    }
    
    
    /*------2カラムレイアウト用(左70%,右25%)（アクセスページ）--------*/
    div.block_left_70per {
        display: block;
        width: 100%;
        order: 2;
        }

    div.block_right_25per {
        display: block;
        width: 100%;
        vertical-align: top;
        padding-left: 0.5em;
        order:1;
    }

    .block_right_25per  h1{
        font-size: 110%;
        }

    .block_right_25per > h2 {
        font-size: 90%;
        margin-top: 2em;
        margin-bottom: 1em;
        padding: 0.5em;
        background-color: #dddddd;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }

    .block_right_25per  p{
        font-size: 80%;
        padding-left: 0;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        }

    .block_left_70per > p {
        font-size: 80%;
        line-height: 1.5em;
        margin-bottom: 1em;
    }

    .block_left_70per > h1 {
        font-size: 110%;
        margin-bottom: 1em;
    }

    .block_left_70per > h2 {
        font-size: 90%;
        margin-top: 2em;
        margin-bottom: 1em;
        padding: 0.5em;
        background-color: #dddddd;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
    }

    .block_left_70per > h3 {
        margin-bottom: 0.5em;
        padding-left: 0.5em;
        font-size:90%;
        border-left: 8px solid #cccccc;
        }

    .block_left_70per > h4 {
        margin-bottom: 0.5em;
        font-size: 95%;
    }

    .block_left_70per ol {

    }

    .block_left_70per ol li{
        margin-left: 2em;
        font-size: 80%;    
    }

    
    /*トップページヘッダー上の六心会マーク*/
    #siteid
    {
        z-index:20;
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: calc(100% - 100px);
        top: 2%;
        left: 0;
        right: 0;
        margin:auto;
	}
	
    /*トップページヘッダー上の六心会マーク(消す場合)*/
    #siteid
    {
        display: none;
    }
    
    #siteid h1 {
        
    }

    #siteid h1 a
    {
        height: 110px;
        width: auto;
        background-image: url(./img/top_gimmick/siteid01_single.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% 50%;
		margin: 0 auto;
    }

    #siteid h1 a:hover
    {
        height: 110px;
        width: auto;
        background-image: url(./img/top_gimmick/siteid01_single.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50% 50%;
        margin: 0 auto;
    }
    
    /*6つの心*/
    div#wrap_six_priciples {
        display: inline-block;
        width: 100%;
        /*margin-top: 2em;*/
    }
    
    div#cubewrap {
        margin: 0 auto 0 auto;
    }
    
    /*トップに戻るボタンの位置*/
    .to_top_btn {
        left: 35%;
        }
	
	/*フッター*/
    /*コピーライト*/
    small {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        background-color: #008C8C;
    }

    
    /*トップページ：記事部分*/
    div#wrap_article_top {
        display: block;
		width: 100%;
		margin-top:1em;
		margin-bottom:1.5em;
        padding-left: 1em;
		padding-right: 1em;
        border-left: 0px solid #000000;
        font-size: 80%;
		line-height: 2em;
		text-align:center;
    }
    
    div#titlebacktext {
        display:none;
    }
    
    div.list_post {
        width: 100%;
    }
    
    div.list_post li {
        width: 90%;
    }
    
    div#banner_block {
        width: 100%;
    }
    
    div#human_develop,
    div#banners
    {
        width: 100%;
        text-align: center;
    }
    
    div#banners li {
		display:inline-block;
		width: 49%;
        margin: 20px auto;
		text-align: center;
	}
	
	div#banners li:nth-child(even){
		/*border-left: 1px solid #d3d3d3;*/
	}
	
	/*高校新卒採用職員インタビュー①ページバナー*/
	.banner-recruit-highschool-1-rect {
		margin:0 auto;
	}
	/*高校新卒採用職員インタビュー②ページバナー*/
	.banner-recruit-highschool-2-rect {
		margin:0 auto;
	}
	
	/*外国人技能実習生ページバナー*/
	.banner-recruit-technicaltraining {
		margin:0 auto;
	}	
	
	/*キャリア採用ページバナー*/
	.banner-recruit-career {
		margin:0 auto;
	}
    
    /*先輩からのメッセージ*/
   div#banners .message_banner 
   {
        display: inline-block;
        height: 100px;
        width: 70px;
        text-align: center;
        }
    div#banners .message_banner a
    {
        display: inline-block;
        border: none;
        margin: 0px;
        width:100%;
        height: 100px;
        text-indent: -9999px;
        text-align: center;
    }
    
    
    /*施設リンク*/
    div#link_facilities
    {
        width: 100%;
        position: relative;
        height: 80px;
        display: none;
    }

    #link_facilities ul.link_facilities
    {
        width: 100%;
        height: 80px;
        margin: 0px;
        padding: 0px;
    }

    #link_facilities ul.link_facilities li
    {
        height: 80px;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    #link_facilities ul.link_facilities li.seisuien a
    {
        display: block;
        width: 100%;
        height: 80px;
        margin: 0px;
        text-indent: -9999px;
    }

    #link_facilities ul.link_facilities li.kokochinosato a,
    #link_facilities ul.link_facilities li.kiito a
    {
        display:block;
        width: 100%;
        height: 80px;
        margin:0px;
        text-indent:-9999px;
    }

    #link_facilities ul.link_facilities li.seisuien a
    {
        background:url(./img/top_gimmick/titlebackmenu01.png) 0px 0px no-repeat;
    }

    #link_facilities ul.link_facilities li.seisuien a:hover
    {
        background:url(./img/top_gimmick/titlebackmenu01.png) 0px -80px no-repeat;
    }

    #link_facilities ul.link_facilities li.kokochinosato a
    {
        background:url(./img/top_gimmick/titlebackmenu01.png) -200px 0px no-repeat;
    }

    #link_facilities ul.link_facilities li.kokochinosato a:hover
        {
            background:url(./img/top_gimmick/titlebackmenu01.png) -200px -80px no-repeat;
        }

    #link_facilities ul.link_facilities li.kiito a
    {
        background:url(./img/top_gimmick/titlebackmenu01.png) -400px 0px no-repeat;
    }

    #link_facilities ul.link_facilities li.kiito a:hover
    {
        background:url(./img/top_gimmick/titlebackmenu01.png) -400px -80px no-repeat;
    }
	
	
	img {
		display:block;
		margin:0 auto;
	}
	
	
}



/*トップページ*/
@media screen and (max-width: 380px) {
	
	div#wrap_article_top {
		text-align:left;
	}