/* コンテナ
------------------------- */
.container_co_grey{border-bottom:1px solid transparent;width:100%;
margin-top:5px;
  background-color: rgba(24,46,73,.2);
background-image:url(images/overlay01.png);
background-repeat: repeat;
padding-top:50px;padding-bottom:30px;margin-bottom:40px;}
@media only screen and (max-width: 1030px) {
.container_co_grey{width:1030px;}
}
@media only screen and (max-width: 767px) {
.container_co_grey{width:100%;padding-top:30px;}
}

/* ヘッダー
------------------------- */
header{
background:#182e49;

height:auto;

	-webkit-box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 8px 5px -5px rgba(0,0,0,0.5);
	margin: 0 auto;
	-webkit-transition: width 0.2s;
	transition: width 0.2s;
	width: 100%;
	will-change: width;
	z-index: 100;
}

.header_inner{
width:90%;margin-left:5%;
padding:20px 0;
    display: flex;              /* フレックスボックスにする */
    align-items:center;        /* 縦の位置指定 */
    justify-content:space-between;       /* 横の位置指定 */
    flex-wrap: wrap;            /* 折り返し指定 */
}

.header_inner .top_link{width:10%;max-width:100px;}
.header_inner img{width:100%;}

.header_inner h1{color: #1d50a2;color:#fff;}


@media only screen and (max-width: 1030px) {
header {width:1030px;}
}

@media only screen and (max-width: 767px) {
header {width: 100%;}
}

@media only screen and (max-width: 500px) {
.header_inner{    justify-content:center;       /* 横の位置指定 */}
.header_inner h1{font-size:1.8rem;margin-left:3px;}

}

/*pdfゾーン
------------------------- */
.area1{
    width:100%;
    display: flex;              /* フレックスボックスにする */
    align-items:flex-start;        /* 縦の位置指定 */
    justify-content:space-between;       /* 横の位置指定 */
    flex-wrap: wrap;            /* 折り返し指定 */
}

.area1_leaflet{width:65%;}
.area1_leaflet img{width:100%;border:1px solid #fff;}
.area1_fax{width:32.5%;}
.area1_fax img{width:100%;border:1px solid #fff;}
.area1 p{font-size:96%;margin-top:5px;text-align:center;}
@media only screen and (max-width: 767px) {
.area1_leaflet{width:100%;margin-bottom:20px;}
.area1_fax{width:80%;margin-left:10%;}
}

.area1_l{width:48%;}
.area1_l img{width:100%;border:1px solid #fff;}
.area1_r{width:48%;}
.area1_r img{width:100%;border:1px solid #fff;}

@media only screen and (max-width: 767px) {
.area1_l{width:96%;margin-bottom:20px;margin-left:2%;}
.area1_r{width:96%;margin-left:2%;}
}




/* ごあいさつ
------------------------- */
.co_message{margin-bottom:50px;width:80%;margin-left:10%;
display:flex;
    align-items:flex-start;        /* 縦の位置指定 */
    justify-content:flex-end;       /* 横の位置指定 */
    flex-wrap: wrap;            /* 折り返し指定 */
}
.co_message h3{width:100%;text-align:center;letter-spacing:5px;color:#182e49;}
.co_message p{width:100%; font-size:116%;margin-bottom:30px;}
.co_message .sign{padding-right:10px;}
.co_message .sign p{margin:0px;}

@media only screen and (max-width: 767px) {
.co_message{width:90%;margin-left:5%;}
.co_message p{font-size:105%;}
}
@media only screen and (max-width: 450px) {
.co_message{width:96%;margin-left:2%;}
.co_message p{font-size:100%;}
}

/* 実績表
------------------------- */
#co_history{padding-top:50px;padding-bottom:50px;}

table.reki{table-layout: auto;width:80%;margin-left:10%;margin-bottom:50px;}


table.reki th{  background-color: rgba(24,46,73,.3);
padding-top:16px;padding-bottom:16px;font-size:92%;}

table.reki td{
padding:10px;}


table.reki tr:nth-child(odd){
  background-color: rgba(24,46,73,.1);
}
.p_reki{margin-left:10%;color:#182e49;font-size:120%;font-weight:bold;margin-bottom:30px;}

@media only screen and (max-width: 1030px) {
table.reki{table-layout: auto;width:94%;margin-left:3%;}
}

@media only screen and (max-width: 767px) {
table.reki{width:98%;margin-left:1%;}
table.reki tr{
display:flex;
flex-wrap:wrap;
}
table.reki tr:nth-child(odd){
  background-color:transparent;
}
table.reki th{width:100%;background-color:transparent;text-align:left;padding-top:5px;padding-bottom:5px;padding-left:0;font-size:92%;}
table.reki th.th_date{padding-bottom:0;}
table.reki th.th_name{padding-top:0;border-bottom:1px solid;}
table.reki td{width:100%;}
table.reki td.td_date{padding:4px 0 0 0;}
table.reki td.td_name{padding:0 0 4px 0;line-height:1.4;border-bottom:1px dotted;}
.p_reki{margin-left:1%;}
}


/* # =================================================================
#　フッター　作り直し
# ================================================================= */
footer{width:100%;
background:#657286;
padding-top:25px;padding-bottom:25px;
border-top:1px solid #fff;
}



.footer_inner{
width:90%;
margin:0 auto 30px;
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
}

.footer_inner_logo{width:34%;}
.footer_inner_logo img{width:100%;}

.footer_inner_tel{width:30%;border:0px solid;}

}

@media only screen and (max-width: 1030px) {
footer{width:1030px;}
.footer_inner{width: 100%;}

.footer_inner_tel{width:34%;}
}

@media only screen and (max-width: 767px) {
footer{width:100%;padding-top:30px;}
.footer_inner{padding:0;}
.footer_inner_logo{width:50%;margin-left:25%;margin-bottom:15px;}
.footer_inner_tel{width:50%;margin-left:25%;}
}

@media only screen and (max-width: 450px) {
.footer_inner_logo{width:70%;margin-left:15%;margin-bottom:15px;}
.footer_inner_tel{width:70%;margin-left:15%;}
}